@import "https://fonts.googleapis.com/css2?family=Briem+Hand:wght@100..900&family=Heebo:wght@100..900&family=Poetsen+One&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Assistant:wght@200..800&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";.data-\[selectable\=true\]\:focus\:bg-default:focus[data-selectable=true],.data-\[hover\=true\]\:bg-default[data-hover=true]{background-color:#0000000d}.action-icon{position:absolute;top:10px;right:10px}.template-detailed .screenshots{margin-top:10px}.template-detailed .screenshot{width:250px}.template-card .screenshots{margin-bottom:0}.template-card .screenshot.android{width:185px}.template-card .screenshot{width:152px}.screenshots{white-space:nowrap;border-radius:5px;gap:20px;width:100%;margin-bottom:30px;padding:15px 10px;display:flex;overflow-x:scroll;box-shadow:0 4px 8px -2px #091e4240,0 0 0 1px #091e4214}.screenshots.no-border{box-shadow:none;border-width:0;border-color:#0000;border-radius:0;padding:0;overflow:hidden}.toolbar{justify-content:space-between;margin-bottom:10px;padding:0 10px;display:flex}.toolbar-item{cursor:pointer}.toolbar-item.project-name:focus{cursor:text}.project-name{padding:10px}select{appearance:none;-o-appearance:none;border:1px solid #ccc;border-radius:10px;-webkit-padding-end:10px!important;-webkit-padding-start:10px!important}.screenshot{border-radius:20px;flex:none;width:350px;position:relative;overflow:hidden;box-shadow:0 4px 8px -2px #091e4240,0 0 0 1px #091e4214}.no-border .screenshot{box-shadow:none;border-width:0;border-color:#0000;border-radius:0}.editable{cursor:pointer}.editable:focus{cursor:text}.disabled .editable{cursor:auto}.titleSubtitle{text-wrap:wrap;text-wrap:balance;place-items:center;width:100%;padding:0 5px 5px;display:grid}.textEditorWrapper{width:100%}.frame{width:100%;overflow:hidden}.frameImageWrapper{position:relative}.frame img{position:absolute}.frame-image{z-index:2}.screenshotImageWrapper{background-color:#fff;border-radius:2px}.screenshot-image{z-index:1}.screenshot-btns{display:none}.screenshot:hover .screenshot-btns,.screenshot.hover .screenshot-btns{z-index:2;display:flex}.screenshot-btn{color:#fff;cursor:pointer;z-index:2;background-color:#00000080;width:35px;min-width:0;height:35px;padding:5px}.screenshot-btn-bgcolor{cursor:auto;border-radius:0 0 0 20px;position:absolute;top:0;right:0}.screenshot-btn-bgcolor-tooltip{padding:0}.screenshot-btn-bgcolor-picker{z-index:3;border-radius:0 0 0 20px;position:absolute;top:20px;right:0}.screenshot-btn-delete{border-radius:0 0 20px;position:absolute;top:0;left:0}.screenshot-btn-move-left{border-radius:0 20px 0 0;position:absolute;bottom:0;left:0}.screenshot-btn-move-right{border-radius:20px 0 0;position:absolute;bottom:0;right:0}.text-editor[contenteditable]{outline:0 solid #0000}.toolbar-button{cursor:pointer;background:0 0;border:0;border-radius:3px;align-items:center;margin:0 5px;padding:5px;display:flex}.toolbar-button:hover{background:#0000001a}.floating-toolbar{color:#000;z-index:1000;opacity:0;background:#fffffff2;border-radius:4px;padding:5px 0;font-family:InterVariable,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:18px;font-weight:500;transition:opacity .2s,transform .2s;display:flex;position:fixed;transform:scale(.95);box-shadow:0 2px 4px #0003}.floating-toolbar.visible{opacity:1;transform:scale(1)}.add-screenshot-card{cursor:pointer;background-color:#00000005;border:3px dashed #ccc;border-radius:20px;flex:none;justify-content:center;align-items:center;width:350px;transition:all .2s ease-in-out;display:flex;position:relative}.add-screenshot-card:hover{border-color:var(--aw-color-primary);background-color:color-mix(in srgb,var(--aw-color-primary) 5%,transparent)}.add-screenshot-card:focus{border-color:var(--aw-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--aw-color-primary) 20%,transparent);outline:0}.add-screenshot-card.disabled{cursor:not-allowed;opacity:.5}.add-screenshot-content{color:#888;flex-direction:column;align-items:center;gap:12px;transition:color .2s ease-in-out;display:flex}.add-screenshot-card:hover .add-screenshot-content{color:var(--aw-color-primary)}.add-screenshot-icon{background-color:#0000000d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s ease-in-out;display:flex}.add-screenshot-card:hover .add-screenshot-icon{background-color:color-mix(in srgb,var(--aw-color-primary) 10%,transparent)}.add-screenshot-icon svg{width:32px;height:32px}.add-screenshot-text{font-size:14px;font-weight:500}.dark .add-screenshot-card{background-color:#ffffff05;border-color:#444}.dark .add-screenshot-card:hover{border-color:var(--aw-color-primary);background-color:color-mix(in srgb,var(--aw-color-primary) 10%,transparent)}.dark .add-screenshot-content{color:#aaa}.dark .add-screenshot-card:hover .add-screenshot-content{color:var(--aw-color-primary)}.dark .add-screenshot-icon{background-color:#ffffff0d}.dark .add-screenshot-card:hover .add-screenshot-icon{background-color:color-mix(in srgb,var(--aw-color-primary) 15%,transparent)}.no-border .add-screenshot-card{display:none}