@import"https://fonts.googleapis.com/css2?family=Comforter+Brush&display=swap";@import"https://fonts.googleapis.com/css2?family=Delicious+Handrawn&display=swap";:root{--primary:255,255,255;--secondary:0,0,0;--panel:28,28,30;--panel-active:46,46,48;--panel-dim:16,16,18;--background:13,13,13;--body:0,0,0;--modal:16,16,16;--success:#43d25a}.primary{color:rgba(var(--primary),1)!important}.secondary{color:rgba(var(--secondary),1)!important}.gray-text{color:rgba(var(--primary),.36)!important}.gray-text2{color:rgba(var(--primary),.6)!important}.gray-icon{color:rgba(var(--primary),.12)!important}.accent{color:linear-gradient(120deg,#ff6432 25%,#ff0065 45%,#7b2eff 75%)!important}.danger{color:#f44!important}.success{color:var(--success)!important}.bg-none{background:none!important}.bg-primary{background:rgba(var(--primary),1)!important}.bg-highlight{background:rgba(var(--primary),.06)!important}.bg-gray-icon{background:rgba(var(--primary),.12)!important}.bg-accent{background:linear-gradient(120deg,#ff6432 25%,#ff0065 45%,#7b2eff 75%)!important;color:#fff!important}.bg-overlay{background:rgba(var(--background),.8)!important}.bg-danger{background:#f44!important}.bg-success{background:var(--success)!important}.bg-panel{background:rgba(var(--panel),1)!important}.bg-panel-dim{background:rgba(var(--panel-dim),1)!important}.bg-panel-active{background:rgba(var(--panel-active),1)!important}.is-selected{background:rgba(var(--primary),.12)!important;box-shadow:inset 0 0 0 1px rgba(var(--primary),1)!important}*{-webkit-user-drag:none}body,html{touch-action:none!important;overscroll-behavior:none!important;position:relative;height:100vh;width:100vw;overflow:hidden}html *,html :after,html :before{box-sizing:border-box;margin:0;padding:0}body{-moz-user-select:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;line-height:0;position:fixed!important;left:0;top:0}a,body,div,footer,h1,h2,h3,h4,h5,label,li,nav,p,section,ul{outline:none;margin:0;padding:0;text-decoration:none;-webkit-tap-highlight-color:hsla(0,0%,100%,0)}li{list-style-type:none}::-webkit-scrollbar{width:8px!important;height:0!important}div::-webkit-scrollbar{width:0!important;height:0!important}.default-1x1{aspect-ratio:1/1;max-width:1080px}.default-1x1,.default-3x2{width:100%;max-height:100%}.default-3x2{aspect-ratio:3/2;max-width:1620px}.default-4x3{aspect-ratio:4/3;max-width:1440px}.default-4x3,.default-5x4{width:100%;max-height:100%}.default-5x4{aspect-ratio:5/4;max-width:1350px}.default-16x9{aspect-ratio:16/9}.default-16x10,.default-16x9{width:100%;max-width:1920px;max-height:100%}.default-16x10{aspect-ratio:16/10}.default-2x3{aspect-ratio:2/3;max-height:1620px}.default-2x3,.default-3x4{height:100%;max-width:100%}.default-3x4{aspect-ratio:3/4;max-height:1440px}.default-4x5{aspect-ratio:4/5;height:100%;max-width:100%;max-height:1350px}.default-9x16{aspect-ratio:9/16}.default-10x16,.default-9x16{height:100%;max-width:100%;max-height:1920px}.default-10x16{aspect-ratio:10/16}.instagram-post{aspect-ratio:1/1;width:100%;max-width:1080px;max-height:100%}.instagram-portrait{aspect-ratio:4/5;height:100%;max-width:100%;max-height:1350px}.instagram-story{aspect-ratio:9/16;height:100%;max-width:100%;max-height:1920px}.twitter-post{aspect-ratio:16/9;width:100%;max-width:1200px;max-height:100%}.twitter-cover{aspect-ratio:3/1;width:100%;max-width:1500px;max-height:100%}.dribbble-shot{aspect-ratio:4/3;width:100%;max-width:2800px;max-height:100%}.youtube-banner{max-width:2560px}.youtube-banner,.youtube-thumbnail{aspect-ratio:16/9;width:100%;max-height:100%}.youtube-thumbnail{max-width:1280px}.youtube-video{aspect-ratio:16/9;width:100%;max-width:1920px;max-height:100%}.pinterest-optimal{aspect-ratio:2/3;height:100%;max-width:100%;max-height:1500px}.pinterest-long{aspect-ratio:10/21;height:100%;max-width:100%;max-height:2100px}.pinterest-square{aspect-ratio:1/1;width:100%;max-width:1000px;max-height:100%}.appstore-iphone65-portrait{aspect-ratio:1284/2778;height:100%;max-width:100%;max-height:2778px}.appstore-iphone65-landscape{aspect-ratio:2778/1284;width:100%;max-height:100%;max-width:2778px}.appstore-iphone55-portrait{aspect-ratio:1242/2208;height:100%;max-width:100%;max-height:2208px}.appstore-iphone55-landscape{aspect-ratio:2208/1242;width:100%;max-height:100%;max-width:2208px}.appstore-ipadpro-portrait{aspect-ratio:2048/2732;height:100%;max-width:100%;max-height:2732px}.appstore-ipadpro-landscape{aspect-ratio:2732/2048;width:100%;max-height:100%;max-width:2732px}.appstore-mac{aspect-ratio:2880/1800;width:100%;max-height:100%;max-width:2880px}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@font-face{font-family:Inter;src:url(/_next/static/media/Inter-Light.2a7cd067.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:Inter;src:url(/_next/static/media/Inter-Regular.d080ae18.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Inter;src:url(/_next/static/media/Inter-Medium.242d04be.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:Inter;src:url(/_next/static/media/Inter-SemiBold.cac2ba46.woff2) format("woff2");font-weight:600;font-style:normal}.header{font:600 52px/64px Inter,sans-serif;letter-spacing:-1px}@media only screen and (min-width:0px)and (max-width:800px){.header{font:600 40px/48px Inter,sans-serif;letter-spacing:-1px}}.h1,h1{font:500 34px/44px Inter,sans-serif;letter-spacing:-1px}@media only screen and (min-width:0px)and (max-width:800px){.h1,h1{font:500 33px/40px Inter,sans-serif;letter-spacing:-1.1px}}.h2,.text-elements.variant-1 .text-item:nth-child(2),.text-elements.variant-2 .text-item:nth-child(2),.text-elements.variant-3 .text-item:nth-child(2),.text-elements.variant-4 .text-item:nth-child(2),.text-elements.variant-5 .text-item:nth-child(2),.text-elements.variant-6 .text-item:nth-child(2),.text-elements.variant-7 .text-item:nth-child(2),.text-elements.variant-8 .text-item:nth-child(2),.text-font-picker.variant-1 .text-item:nth-child(2),.text-font-picker.variant-2 .text-item:nth-child(2),.text-font-picker.variant-3 .text-item:nth-child(2),.text-font-picker.variant-4 .text-item:nth-child(2),.text-font-picker.variant-5 .text-item:nth-child(2),.text-font-picker.variant-6 .text-item:nth-child(2),.text-font-picker.variant-7 .text-item:nth-child(2),.text-font-picker.variant-8 .text-item:nth-child(2),h2{font:500 28px/38px Inter,sans-serif;letter-spacing:-1px}@media only screen and (min-width:0px)and (max-width:800px){.h2,.text-elements.variant-1 .text-item:nth-child(2),.text-elements.variant-2 .text-item:nth-child(2),.text-elements.variant-3 .text-item:nth-child(2),.text-elements.variant-4 .text-item:nth-child(2),.text-elements.variant-5 .text-item:nth-child(2),.text-elements.variant-6 .text-item:nth-child(2),.text-elements.variant-7 .text-item:nth-child(2),.text-elements.variant-8 .text-item:nth-child(2),.text-font-picker.variant-1 .text-item:nth-child(2),.text-font-picker.variant-2 .text-item:nth-child(2),.text-font-picker.variant-3 .text-item:nth-child(2),.text-font-picker.variant-4 .text-item:nth-child(2),.text-font-picker.variant-5 .text-item:nth-child(2),.text-font-picker.variant-6 .text-item:nth-child(2),.text-font-picker.variant-7 .text-item:nth-child(2),.text-font-picker.variant-8 .text-item:nth-child(2),h2{font:500 27px/34px Inter,sans-serif;letter-spacing:-.9px}}.h3,h3{font:500 23px/32px Inter,sans-serif;letter-spacing:-.8px}@media only screen and (min-width:0px)and (max-width:800px){.h3,h3{font:500 21.5px/28px Inter,sans-serif;letter-spacing:-.75px}}.h4,.text-elements.variant-1 .text-item:nth-child(3),.text-font-picker.variant-1 .text-item:nth-child(3),h4{font:500 19px/26px Inter,sans-serif;letter-spacing:-.4px}@media only screen and (min-width:0px)and (max-width:800px){.h4,.text-elements.variant-1 .text-item:nth-child(3),.text-font-picker.variant-1 .text-item:nth-child(3),h4{font:500 19.5px/25px Inter,sans-serif;letter-spacing:-.5px}}.h5,.text-elements.variant-3 .text-item:first-child,.text-elements.variant-4 .text-item:nth-child(3),.text-elements.variant-5 .text-item:first-child,.text-elements.variant-6 .text-item:first-child,.text-elements.variant-7 .text-item:first-child,.text-elements.variant-8 .text-item:first-child,.text-font-picker.variant-3 .text-item:first-child,.text-font-picker.variant-4 .text-item:nth-child(3),.text-font-picker.variant-5 .text-item:first-child,.text-font-picker.variant-6 .text-item:first-child,.text-font-picker.variant-7 .text-item:first-child,.text-font-picker.variant-8 .text-item:first-child,h5{font:500 17px/24px Inter,sans-serif;letter-spacing:-.6px}@media only screen and (min-width:0px)and (max-width:800px){.h5,.text-elements.variant-3 .text-item:first-child,.text-elements.variant-4 .text-item:nth-child(3),.text-elements.variant-5 .text-item:first-child,.text-elements.variant-6 .text-item:first-child,.text-elements.variant-7 .text-item:first-child,.text-elements.variant-8 .text-item:first-child,.text-font-picker.variant-3 .text-item:first-child,.text-font-picker.variant-4 .text-item:nth-child(3),.text-font-picker.variant-5 .text-item:first-child,.text-font-picker.variant-6 .text-item:first-child,.text-font-picker.variant-7 .text-item:first-child,.text-font-picker.variant-8 .text-item:first-child,h5{font:500 17px/22px Inter,sans-serif;letter-spacing:-.35px}}.button.default-button.small-button,.button.default-button.tiny-button,.h6,.select,.tag,.text-elements.variant-3 .text-item:nth-child(3),.text-font-picker.variant-3 .text-item:nth-child(3),button.default-button.small-button,button.default-button.tiny-button,h6{font:500 14px/20px Inter,sans-serif;letter-spacing:-.4px}@media only screen and (min-width:0px)and (max-width:800px){.button.default-button.small-button,.button.default-button.tiny-button,.h6,.select,.tag,.text-elements.variant-3 .text-item:nth-child(3),.text-font-picker.variant-3 .text-item:nth-child(3),button.default-button.small-button,button.default-button.tiny-button,h6{font:normal 14.5px/20px Inter,sans-serif;letter-spacing:0}}.button,.callout,.toaster-default,.toaster-success,button{font:500 15px/20px Inter,sans-serif;letter-spacing:-.4px}@media only screen and (min-width:0px)and (max-width:800px){.button,.callout,.toaster-default,.toaster-success,button{font:500 15.5px/20px Inter,sans-serif;letter-spacing:-.1px}}.custom-frame form .custom-frame-input h6,.label,label{font:600 11px/16px Inter,sans-serif;letter-spacing:.4px;text-transform:uppercase}@media only screen and (min-width:0px)and (max-width:800px){.custom-frame form .custom-frame-input h6,.label,label{font:500 11px/16px Inter,sans-serif}}.body,.multiline-input,p{font:normal 16px/22px Inter,sans-serif;letter-spacing:-.3px}@media only screen and (min-width:0px)and (max-width:800px){.body,.multiline-input,p{font:normal 17px/22px Inter,sans-serif;letter-spacing:-.2px}}.about .members-list .member button,.caption{font:normal 14px/20px Inter,sans-serif;letter-spacing:-.2px}@media only screen and (min-width:0px)and (max-width:800px){.about .members-list .member button,.caption{font:normal 13px/18px Inter,sans-serif;letter-spacing:-.07px}}.caption2{font:normal 12.5px/20px Inter,sans-serif;letter-spacing:-.2px}@media only screen and (min-width:0px)and (max-width:800px){.caption2{font:normal 12px/16px Inter,sans-serif;letter-spacing:0}}.footnote,.frame-item,.mockup-details .row p,.mockup-details .row span,.slider-component .labels span,.tag.tag-small{font:normal 11px/14px Inter,sans-serif;letter-spacing:-.2px}@media only screen and (min-width:0px)and (max-width:800px){.footnote,.frame-item,.mockup-details .row p,.mockup-details .row span,.slider-component .labels span,.tag.tag-small{font:normal 10.5px/13px Inter,sans-serif;letter-spacing:.3px}}.font-weight-regular{font-weight:400}.button.default-button.small-button,.button.default-button.tiny-button,.export-button .export-state>span,.font-weight-medium,button.default-button.small-button,button.default-button.tiny-button{font-weight:500}.font-weight-semibold,.subscription-view .sub-card-drawer .is-cancelling .texts span{font-weight:600}.animation-edit-control .bottom-bar button,.bg-blur,.button.true-blur,.dropzone-edit-popover .content .images .image-item,.global-resize-handle .move-control,.shots-admin .shots-admin-tabs,.toaster-default,.toaster-success,.unsplash-control .search-bar .input-box input,button.true-blur{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.trans-display{transition:none!important}.trans-100{transition:all .1s ease}.drag-grid-tile .preset-button .tile,.dropzone-edit-popover .content .images .image-item,.layout-item,.magic-pallet-previews .pallet-preview-item,.mock-assets-control .device-item .display-preview .safe-area .device-screen .overlay-plus,.mockup-picker-mobile-modal .mock-item,.panel-button .preview:after,.shots-mobile-ui .panel-button,.slider-component .reset-icon,.timeline-ghost-ticker .needle,.timeline-track-ticker .needle,.timeline-track-ticker .orb,.trans-200,.video-clip-item .clip .trim-message{transition:all .2s ease}.active-pallet,.app-main:after,.drag-grid-tile,.magic-backs-empty-state .empty-state .previews .preview-image,.trans-300{transition:all .3s ease}.shadow-card{box-shadow:0 12px 24px rgba(0,0,0,.32)}.border-right{box-shadow:inset -1px 0 0 rgba(var(--primary),.06)}.border-light,.shots-admin .system-tab .devices-list .device,.style-item .thumbnail .image-wrapper,.toaster-default,.toaster-success{box-shadow:inset 0 0 0 1px rgba(var(--primary),.06)!important}.border-light2{outline:solid 1px rgba(var(--primary),.06);outline-offset:-1px}.ad-container,.border-light-after,.layout-panel .layout-item,.popover,.switch .switch-button .visual .image-wrapper,.switch3 .switch-button .visual{position:relative}.ad-container:after,.border-light-after:after,.layout-panel .layout-item:after,.popover:after,.switch .switch-button .visual .image-wrapper:after,.switch3 .switch-button .visual:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid rgba(var(--primary),.06);z-index:10}.shots-effect,.shots-text-effect{background:linear-gradient(120deg,#ff6432 25%,#ff0065 45%,#7b2eff 75%);background-size:cover;background-repeat:no-repeat;background-position:50% 100%;background-size:200%;animation:gradient 2s linear infinite alternate}.shots-text-effect{background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.hoverlight{transition:background-color .2s ease}.hoverlight:active{background:rgba(var(--primary),.12)}.button,button{color:rgba(var(--primary),1);text-align:center;cursor:pointer;transition:all .2s ease;padding:0;width:-moz-max-content;width:max-content;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;background:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;box-shadow:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none}.button span,button span{color:inherit}.button>svg,button>svg{width:20px;aspect-ratio:1/1;color:inherit}.button.default-button.huge-button,button.default-button.huge-button{padding:14px 16px}.button.default-button.large-button,button.default-button.large-button{padding:10px 12px}.button.default-button.medium-button,button.default-button.medium-button{padding:8px 10px}.button.default-button.small-button,button.default-button.small-button{padding:7px 10px}.button.default-button.small-button svg,button.default-button.small-button svg{width:18px}.button.default-button.tiny-button,button.default-button.tiny-button{padding:6px 9px}.button.default-button.tiny-button svg,button.default-button.tiny-button svg{width:16px}.button.icon-button.huge-button,button.icon-button.huge-button{padding:14px}.button.icon-button.large-button,button.icon-button.large-button{padding:10px}.button.icon-button.medium-button,button.icon-button.medium-button{padding:8px}.button.icon-button.small-button,button.icon-button.small-button{padding:7px}.button.icon-button.small-button svg,button.icon-button.small-button svg{width:18px}.button.icon-button.tiny-button,button.icon-button.tiny-button{padding:6px}.button.icon-button.tiny-button svg,button.icon-button.tiny-button svg{width:16px}.button.huge-button,button.huge-button{border-radius:14px}.button.large-button,button.large-button{border-radius:12px}.button.medium-button,button.medium-button{border-radius:10px}.button.small-button,button.small-button{border-radius:9px}.button.tiny-button,button.tiny-button{border-radius:8px}.button.true-round,button.true-round{border-radius:100px}.button .round,button .round{border-radius:100px!important}@media only screen and (min-width:1280px){.button:hover,button:hover{background:rgba(var(--primary),.06)}}@media only screen and (min-width:0px)and (max-width:800px){.button:active,button:active{transform:scale(.95);opacity:.75}}.button.primary-button,button.primary-button{background:rgba(var(--primary),1);color:rgba(var(--secondary),1)}.button.secondary-button,button.secondary-button{background:rgba(var(--primary),.06)}@media only screen and (min-width:1280px){.button.secondary-button:hover,button.secondary-button:hover{background:rgba(var(--primary),.12)}}.button:disabled,button:disabled{opacity:.5;cursor:default!important}.button.true-active,button.true-active{background:rgba(var(--panel-active),1)}.button.true-active:before,button.true-active:before{display:none}.button.true-active:hover,button.true-active:hover{background:rgba(var(--panel-active),1)}label{font:600 13px/20px sf-pro-rounded;letter-spacing:.6px;text-transform:uppercase;padding:8px 16px;color:rgba(0,0,0,.36)}.input-text,input [type=text]{font:normal 16px/20px Inter,sans-serif;letter-spacing:-.4px;padding:7px 10px;border-radius:10px;background:rgba(var(--primary),.06);color:rgba(var(--primary),1);border:1px solid transparent;transition:all .2s ease}.input-text::-moz-placeholder,input [type=text]::-moz-placeholder{color:rgba(var(--primary),.36)}.input-text::placeholder,input [type=text]::placeholder{color:rgba(var(--primary),.36)}.input-text:active,.input-text:focus,input [type=text]:active,input [type=text]:focus{outline:none}@media only screen and (min-width:0px)and (max-width:800px){.input-text,input [type=text]{padding:10px 12px;border-radius:10px;border:none;background:rgba(var(--panel-dim),1)}.input-text:active,.input-text:focus,input [type=text]:active,input [type=text]:focus{outline:none;border:none}}.input-transparent{margin:0;padding:0;border-radius:0;background:transparent;border:0}.input-transparent:focus{box-shadow:none;outline:none}.input-transparent:active,.input-transparent:focus{background:transparent;border:none}.multiline-input{padding:10px 14px;border-radius:12px;background:none;color:rgba(var(--primary),1);border:1px solid transparent;transition:all .2s ease;width:100%;background:rgba(var(--primary),.06)}.multiline-input::-moz-placeholder{color:rgba(var(--primary),.36)}.multiline-input::placeholder{color:rgba(var(--primary),.36)}.multiline-input:active,.multiline-input:focus{outline:none}.input-box{position:relative}.input-box input{width:100%;background:rgba(var(--primary),.06)}.input-box.icon-true input{padding-left:36px}.input-box .label-wrap{position:absolute;top:8px;left:16px;transition:all .3s ease;background:blue}.input-box .icon-wrap{width:20px;aspect-ratio:1/1;position:absolute;top:8px;left:10px}.input-box .icon-wrap svg{width:100%;height:100%;opacity:.4}.select{padding:10px 12px;border-radius:10px;color:rgba(var(--primary),1);border:1px solid rgba(var(--primary),.12);transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;background:rgba(var(--primary),.06) url("data:image/svg+xml;utf8,<svg width='8' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.666 4.803c0 .292-.252.53-.565.53a.59.59 0 0 1-.411-.166L3.996 2.588 1.31 5.167a.606.606 0 0 1-.411.166c-.314 0-.566-.238-.566-.53a.48.48 0 0 1 .159-.368l3.052-2.908a.632.632 0 0 1 .911 0l3.049 2.908a.496.496 0 0 1 .162.368ZM.334 11.197c0-.291.252-.53.565-.53a.59.59 0 0 1 .411.167l2.694 2.578 2.686-2.579a.606.606 0 0 1 .411-.166c.314 0 .566.239.566.53a.48.48 0 0 1-.159.368l-3.052 2.908a.632.632 0 0 1-.911 0L.496 11.565a.496.496 0 0 1-.162-.368Z' fill='gray'/></svg>") no-repeat;background-position:right 12px top 50%;background-repeat:no-repeat}.select::-moz-placeholder{color:rgba(var(--primary),.36)}.select::placeholder{color:rgba(var(--primary),.36)}.select:active,.select:focus{outline:none}.dropdown{position:relative;z-index:1000!important}.dropdown .button-wrapper{position:relative;z-index:50;cursor:pointer}.dropdown .button-wrapper>*{pointer-events:none}.dropdown .drop-menu{position:absolute;z-index:100;display:flex;flex-direction:column;background:rgba(var(--modal),1);padding:6px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(var(--primary),.03),0 16px 32px rgba(0,0,0,.24)}@media only screen and (min-width:0px)and (max-width:800px){.dropdown .drop-menu{padding:8px;border-radius:32px;gap:4px}.dropdown .drop-menu .danger{background:rgba(255,68,68,.06)}}.tip{position:relative;overflow:visible;opacity:1}.tip .tooltip{display:flex;align-items:center;gap:8px;width:-moz-max-content;width:max-content;background:rgba(var(--modal),1);box-shadow:inset 0 0 0 1px rgba(var(--primary),.06),0 4px 8px rgba(0,0,0,.16);color:rgba(var(--primary),1);text-align:center;padding:5px 10px;border-radius:8px;z-index:900;position:absolute;visibility:hidden;opacity:0;transition:opacity .2s .5s;font:500 14px/20px Inter,sans-serif;letter-spacing:-.4px}@media only screen and (min-width:0px)and (max-width:800px){.tip .tooltip{font:normal 14.5px/20px Inter,sans-serif;letter-spacing:0;display:none}}.tip .tooltip .keys{background:rgba(var(--primary),.06);display:flex;align-items:center;gap:4px}.tip .tooltip .keys span{font:600 13px/13px Inter,sans-serif;text-transform:capitalize;background:hsla(0,0%,100%,.7);color:#000;display:grid;place-items:center;width:18px;aspect-ratio:1/1;border-radius:4px;position:relative}.tip .tooltip .keys span:before{content:"";background:rgba(var(--primary),.36);position:absolute;inset:-1px;transform:translateY(1px);border-radius:5px;z-index:-1}.tip:hover .tooltip{visibility:visible;opacity:1}@media only screen and (min-width:0px)and (max-width:800px){.toaster-container{margin-top:calc(env(safe-area-inset-top, 0) - 12px)}}.toaster-default,.toaster-success{background:#000!important;border-radius:40px!important;color:#fff!important}.divide-line{width:100%;height:1px;background:rgba(var(--primary),.06)}.modal-container{background:rgba(0,0,0,.32);position:fixed;inset:0;z-index:999;display:flex;justify-content:center;align-items:center}@media only screen and (min-width:0px)and (max-width:800px){.modal-container{align-items:flex-end}}.modal-sheet{overflow:hidden;background:rgba(var(--panel),1);border-radius:24px;box-shadow:inset 0 0 0 1px rgba(var(--primary),.03),0 16px 32px rgba(0,0,0,.24);position:relative}@media only screen and (min-width:0px)and (max-width:800px){.modal-sheet{max-width:100%!important}.modal-sheet.modal-type{width:calc(100vw - 16px)!important;margin-bottom:calc(8px + (env(safe-area-inset-bottom, 16px)))}.modal-sheet.full-sheet-type,.modal-sheet.sheet-type{width:100vw!important;max-height:calc(98vh - env(safe-area-inset-top, 0))!important;border-radius:28px 28px 0 0;box-shadow:none;display:flex;flex-direction:column}.modal-sheet.full-sheet-type .modal-scroll-view .content-view,.modal-sheet.sheet-type .modal-scroll-view .content-view{padding-bottom:calc(16px + (env(safe-area-inset-bottom, 16px)))}.modal-sheet.full-sheet-type{height:100%!important}.modal-sheet.fullscreen-type{width:100vw!important;height:100%!important;max-height:100vh!important;border-radius:0;box-shadow:none;background:rgba(var(--modal),1)}.modal-sheet.fullscreen-type .modal-title-bar{padding-top:env(safe-area-inset-top,16px);background:rgba(var(--modal),.8)}.modal-sheet.fullscreen-type .floating-close{top:env(safe-area-inset-top,16px)!important}.modal-sheet.fullscreen-type .modal-scroll-view .content-view{padding-top:calc(56px + (env(safe-area-inset-top, 16px)))!important;padding-bottom:calc(16px + (env(safe-area-inset-bottom, 16px)))!important}}.modal-head{position:absolute;z-index:10;top:0;left:0;right:0;transition:all .2s ease}.modal-head.modal-title-bar{padding:12px 12px 12px 16px;display:flex;justify-content:space-between;align-items:center}.modal-head.floating-close{top:14px;right:14px;left:unset;z-index:10;border-radius:50%;overflow:hidden}.modal-head.floating-close button{background:rgba(var(--primary),.12)}.modal-head.scrolled{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.modal-head.scrolled.modal-title-bar{background:rgba(var(--modal),.8)}.modal-head.scrolled.modal-title-bar:before{content:"";position:absolute;inset:0;top:unset;height:1px;background:rgba(var(--primary),.06);transition:inherit}.modal-scroll-view{width:100%;height:-moz-max-content;height:max-content;max-height:100%;overflow-y:auto;position:relative}.modal-scroll-view .content-view{display:flex;flex-direction:column;gap:16px;padding:64px 16px 16px;height:-moz-max-content;height:max-content}.popover{position:fixed;z-index:999999;display:flex;flex-direction:column;background:rgba(var(--panel),1);border-radius:12px;box-shadow:0 12px 24px rgba(0,0,0,.36);overflow:hidden}.preloader{animation:spin 1s linear infinite;width:20px;height:20px}.preloader svg{position:relative;width:inherit;height:inherit}.preloader svg circle{width:100%;height:100%;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:20;stroke-dashoffset:8;transform:translate(2px,2px)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.slider-component{display:flex;position:relative;height:28px;border-radius:8px;touch-action:none}.slider-component .reset-icon{position:absolute;right:-11px;width:10px;height:inherit;border-radius:inherit;display:flex;align-items:center;justify-content:center;color:rgba(var(--primary),.36);cursor:pointer;visibility:hidden;opacity:0}.slider-component .reset-icon svg{width:10px;height:10px}.slider-component .reset-icon:hover{background:rgba(var(--primary),.06);color:rgba(var(--primary),1)}@media only screen and (min-width:0px)and (max-width:800px){.slider-component .reset-icon{display:none}}.slider-component .track{background:rgba(var(--panel-dim),1);color:rgba(var(--panel-active),1);height:100%;border-radius:inherit;cursor:pointer;flex-grow:1}.slider-component .track .rail{position:absolute;height:100%;background:rgba(var(--panel-active),1);border-radius:inherit;transition:filter .2s ease;touch-action:pan-x;will-change:transform}.slider-component .thumb{display:block;height:20px;width:2px;margin:4px 0 4px 8px;border-radius:2px;background:rgba(var(--primary),.36);transition:background .2s ease;outline:none}.slider-component .labels{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:0 8px;pointer-events:none}.slider-component .labels span{color:rgba(var(--primary),.6)}@media only screen and (min-width:1280px){.slider-component:hover .reset-icon{visibility:visible;opacity:1}.slider-component:hover .thumb{background:rgba(var(--primary),.6)}.slider-component:hover .rail{filter:brightness(125%);-webkit-filter:brightness(125%);-webkit-transform:translateZ(0)}}.slider-component.hide-track .track .rail{display:none}.slider-component.hide-track .thumb{width:4px;margin:4px}.slider-component.true-disabled{pointer-events:none;opacity:.5}@media only screen and (min-width:0px)and (max-width:800px){.slider-component{height:44px;border-radius:12px}.slider-component .thumb{height:28px;margin:8px 0 8px 10px}.slider-component .labels{padding:0 12px}.slider-component.hide-track .thumb{margin:8px}}.progress-bar-wrapper{position:relative;width:-moz-max-content;width:max-content;aspect-ratio:1/1}.progress-bar-wrapper .complete-indicator{position:absolute;inset:0;padding:24%;border-radius:50%;background:rgba(var(--primary),1);transition:all .3s ease}.progress-bar-wrapper .complete-indicator svg{width:100%;aspect-ratio:1/1;color:rgba(var(--secondary),1)}.progress-bar-wrapper .number-text{position:absolute;inset:0;z-index:-1;display:grid;place-items:center}.progress-bar-wrapper .number-text span{color:rgba(var(--primary),1);scale:80%}.progress-bar-wrapper .progress-bar{border-radius:50%}.progress-bar-wrapper .progress-bar.is-loader{animation:spin 1s linear infinite}.progress-bar-wrapper .progress-bar .trail{stroke:rgba(var(--secondary),.3)}.progress-bar-wrapper .progress-bar .path{stroke:rgba(var(--secondary),1);transition:all .4s ease}.progress-bar-wrapper .progress-bar.default-accent .trail{stroke:rgba(var(--primary),.2)}.progress-bar-wrapper .progress-bar.default-accent .path{stroke:rgba(var(--primary),1)}@keyframes is-loader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.h-stack::-webkit-scrollbar,.hide-scrollbar::-webkit-scrollbar,.mockup-picker-mobile-modal .picker-filters::-webkit-scrollbar,.panel-control-stack::-webkit-scrollbar,.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher::-webkit-scrollbar,.v-stack .scroll::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.panel .panel-selector-btn-desktop .details p,.shots-mobile-ui .mobile-backpack .mobile-expand-btn span,.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-backpack-switcher-button span,.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-control-switcher-button span,.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .details p,.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .details>span,.subscription-view .sub-card-drawer .is-cancelling .texts span,.truncate{max-width:100%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.d-none,.des{display:none}@media only screen and (min-width:1280px){.des{display:inherit}}.tab{display:none}@media only screen and (min-width:800px)and (max-width:1280px){.tab{display:inherit}}.mob{display:none}@media only screen and (min-width:0px)and (max-width:800px){.mob{display:inherit}}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.align-c{align-items:center}.justify-c{justify-content:center}.justify-e{justify-content:flex-end}.text-center{text-align:center}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.shots-mobile-ui{padding-top:env(safe-area-inset-top,0)!important}.shots-mobile-ui .canvas{border:solid red}body{background:rgba(var(--body),1);color:rgba(var(--primary),1)}.app-main{position:relative;display:flex;align-items:stretch;gap:8px;padding:8px;width:100vw;height:100vh;background:rgba(var(--background),1)}.app-main:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--body),1) 0,transparent 25%),linear-gradient(90deg,rgba(var(--body),.2) 0,rgba(var(--body),.2) 100%);z-index:1000;border-radius:inherit;opacity:0;visibility:hidden}.app-main.side-menu-open{border-radius:20px}.app-main.side-menu-open:after{opacity:1;visibility:visible}.app-main.timeline-open .canvas{padding:64px 40px 228px!important}.app-main.timeline-open .sidebar{height:calc(100% - 164px)!important}.app-main.timeline-open .timeline-component{left:8px!important;width:calc(100vw - 16px)!important}.sidebar{display:flex;flex-direction:column;min-width:248px;max-width:248px;gap:4px;z-index:10}.sidebar>.layout-panel,.sidebar>.panel{height:calc(100% - 48px)}.panel-hover-view{position:fixed;z-index:10;padding:8px}.panel-hover-view.left-position{width:-moz-max-content;width:max-content;top:48px;left:0;bottom:0;padding-right:32px}.panel-hover-view.right-position{width:-moz-max-content;width:max-content;top:48px;right:0;bottom:0;padding-left:32px}.panel-hover-view.bottom-position{left:0;right:0;bottom:0;padding-top:32px}.panel-hover-view .panel-hover-inner{min-width:248px;width:248px;max-width:248px;min-height:100%;height:100%;max-height:100%;display:flex;flex-direction:column;gap:4px}.panel-hover-view .panel-hover-inner>.panel{height:100%!important}.panel-hover-view-indicator{position:fixed;inset:0;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:0}.panel-hover-view-indicator.left-position{right:unset;padding-right:0}.panel-hover-view-indicator.right-position{left:unset;padding-left:0}.panel-hover-view-indicator.bottom-position{top:unset;padding-top:0}.panel-hover-view-indicator svg{width:24px;height:24px;color:rgba(var(--primary),.36)}.assets-library .assets-library-button,.clipboard-drop,.layout-panel,.navbar,.panel,.panel-effects{background:rgba(var(--panel),1)}.export-layer{position:fixed;z-index:-1000}.export-layer .empty-drop{display:none}.layouts-button-wrapper{padding:10px;border-radius:0 0 14px 14px;position:absolute;inset:0;display:flex;align-items:flex-end;gap:6px;z-index:20}.layouts-button-wrapper.fix-top{bottom:unset;background:linear-gradient(0deg,rgba(var(--panel),0) 0,rgba(var(--panel),1) 70%);padding-bottom:20px;border-radius:14px 14px 0 0}.layouts-button-wrapper.fix-bottom{top:unset;background:linear-gradient(180deg,rgba(var(--panel),0) 0,rgba(var(--panel),1) 70%);padding-top:20px;border-radius:0 0 14px 14px}.templates-btn{width:100%;border-radius:10px;height:44px;position:relative;overflow:hidden;justify-content:flex-start;padding:0 16px;background:rgba(var(--panel-active),1)}.templates-btn img{height:50px;position:absolute;top:5px;right:20px}.active,.panel-button.true-active .preview{outline:solid 1.5px rgba(var(--primary),1)!important;outline-offset:3px!important}@media only screen and (min-width:0px)and (max-width:800px){.active,.panel-button.true-active .preview{outline:solid 2.5px rgba(var(--primary),1)!important}}.sub-card-backdrop{position:absolute;inset:0;border-radius:inherit;overflow:hidden}.sub-card-backdrop:before{background:linear-gradient(120deg,#ff6432 25%,#ff0065 45%,#7b2eff 75%);width:200%}.sub-card-backdrop:after,.sub-card-backdrop:before{content:"";position:absolute;inset:0;border-radius:inherit}.sub-card-backdrop:after{background:linear-gradient(#eee,transparent);opacity:.9}.sub-card-backdrop.plus-plan:before{left:0}.sub-card-backdrop.pro-plan:before{left:-100%}.h-stack{width:100%;container-type:inline-size}.h-stack .content{padding:12px 16px}.h-stack.show-list{overflow-x:auto}.h-stack.show-list .content{display:flex;width:-moz-max-content;width:max-content}.h-stack.show-grid .content{display:grid;width:100%;grid-template-columns:1fr 1fr}.h-stack.show-grid .content>*{min-width:100%!important;width:100%!important;max-width:100%!important}.v-stack{width:100%;height:100%;overflow:hidden}.v-stack .scroll{width:100%;height:100%;overflow-y:auto}.v-stack .scroll .v-stack-content{display:flex;flex-direction:column;width:100%;height:-moz-max-content;height:max-content}.tag{background:rgba(var(--primary),1);color:rgba(var(--secondary),1);max-width:-moz-max-content;max-width:max-content;padding:2px 6px;border-radius:8px}.tag.tag-small{padding:2px 4px;border-radius:5px;font-weight:500}.h-divider{min-width:100%;max-width:100%;min-height:1px;max-height:1px}.h-divider,.v-divider{background:rgba(var(--primary),.06)}.v-divider{min-height:100%;max-height:100%;min-width:1px;max-width:1px}.app-stage-tag{margin-left:2px;padding:2px 5px;border-radius:5px;font:600 12px/16px Inter,sans-serif;letter-spacing:1px;color:rgba(var(--primary),.36)}.app-stage-tag.beta{color:#f44;border:1px solid rgba(255,68,68,.2)}.app-stage-tag.alpha{color:#0a84ff;border:1px solid rgba(10,132,255,.2)}.loading-screen{position:fixed;left:0;top:0;width:100vw;height:100vh;display:grid;place-items:center;background:rgba(var(--background),1);z-index:9999999999}.loading-screen .preloader svg{transform:scale(1.6)}.loading-screen .preloader circle{stroke:rgba(var(--primary),.6)}.loading-screen .loading-logo{position:relative;width:120px;height:120px;animation:logo-all .8s ease}.loading-screen .loading-logo img{position:absolute;animation-timing-function:ease;animation-duration:.4s}.loading-screen .loading-logo .layer-1st{z-index:2;top:-17%;left:-5%;animation-name:logo-1}.loading-screen .loading-logo .layer-2nd{z-index:1;top:12%;left:-5%;animation-name:logo-2}.loading-screen .loading-logo .layer-3rd{z-index:0;top:30%;animation-name:logo-3}@keyframes logo-all{0%{transform:scale(.7)}50%{transform:scale(1)}to{transform:scale(1.3)}}@keyframes logo-1{0%{transform:translate(-10%,-30%) rotate(-10deg)}}@keyframes logo-2{0%{transform:translateY(-10%) rotate(-5deg)}}@keyframes logo-3{0%{transform:translate(5%,30%) rotate(10deg)}}.logo-name{display:flex;align-items:center;gap:10px}.logo-name img{width:40px}.logo-name span{font:500 23px/32px Inter,sans-serif;letter-spacing:-.8px}@media only screen and (min-width:0px)and (max-width:800px){.logo-name span{font:500 21.5px/28px Inter,sans-serif;letter-spacing:-.75px}}.full-alert{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100vw;height:100vh;padding:32px 0;background:rgba(var(--background),1);text-align:center}.full-alert .safari .details .safari-logo{width:60px;filter:grayscale(100%);-webkit-filter:grayscale(100%);-webkit-transform:translateZ(0);opacity:.8;margin:auto auto 16px}.full-alert .safari .details p{margin-top:8px;color:rgba(var(--primary),.6)}.full-alert .safari .browsers{gap:28px;margin-top:24px;display:flex;flex-direction:row;place-content:center;flex-wrap:nowrap;flex-shrink:0;flex-grow:0}.full-alert .safari .browsers>*{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.command-bar-desktop{width:-moz-max-content;width:max-content;display:flex;align-items:center;padding:4px;gap:8px;position:fixed;top:8px;left:0;right:0;margin:0 auto;z-index:100;border-radius:14px}.command-bar-panels-control{position:relative}.command-bar-panels-control .buttons-wrapper{position:absolute;width:-moz-max-content;width:max-content;top:-4px;left:-125%;display:flex;align-items:center;border-radius:12px;padding:4px;background:rgba(var(--panel),1);z-index:1;overflow:hidden;transform:scaleX(.2) scaleY(.8);opacity:0;transition:all .3s ease}.command-bar-panels-control .buttons-wrapper button:nth-child(2){margin:0 4px}.command-bar-panels-control .buttons-wrapper:hover{opacity:1;transform:none!important}.new-shot-confirm-modal{display:flex;flex-direction:column;align-items:center;padding:32px 16px 16px;gap:32px;border-radius:32px}.new-shot-confirm-modal .icon-image{width:124px}.new-shot-confirm-modal .texts{display:flex;flex-direction:column;text-align:center;gap:8px}.new-shot-confirm-modal .buttons{width:100%;display:flex;gap:10px}.new-shot-confirm-modal .buttons button{flex:1}.clipboard-drop{border-radius:10px;padding:5px;width:-moz-max-content;width:max-content;position:fixed;z-index:100;top:8px;left:0;right:0;margin:0 auto}.clipboard-drop:hover .hint{opacity:0}.clipboard-drop.clipboard-drop-empty{background:none;padding:8px 12px}.clipboard-drop .hint{position:fixed;top:70px;left:0;right:0;margin:0 auto;width:-moz-max-content;width:max-content;text-align:center;z-index:-1;pointer-events:none}.clipboard-drop .items-wrapper{display:flex;gap:5px}.clipboard-drop .item{width:36px;height:44px;position:relative}.clipboard-drop .item:hover .btn-wrapper{opacity:1;visibility:visible}.clipboard-drop .item .image-wrapper{background:rgba(var(--primary),.06);width:100%;height:100%;border-radius:5px;overflow:hidden}.clipboard-drop .item .image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.clipboard-drop .item .btn-wrapper{position:absolute;top:100%;left:0;right:0;opacity:0;visibility:hidden;padding:4px 0 20px;cursor:default}.clipboard-drop .item button{padding:6px;margin:0 auto}.clipboard-drop .item button svg{width:16px;height:16px}.switch3{display:flex;justify-content:space-evenly;overflow:hidden}.switch3 .switch-button{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 8px 4px;border-radius:12px;overflow:visible}.switch3 .switch-button .active-indicator{display:none}.switch3 .switch-button p{font:500 14px/20px Inter,sans-serif;letter-spacing:-.4px;color:rgba(var(--primary),.36)}@media only screen and (min-width:0px)and (max-width:800px){.switch3 .switch-button p{font:normal 14.5px/20px Inter,sans-serif;letter-spacing:0}}.switch3 .switch-button .visual{width:58px;height:58px;display:grid;place-items:center;z-index:1;border-radius:12px;overflow:hidden}.switch3 .switch-button .visual .icon-wrapper{width:24px;height:24px;position:relative}.switch3 .switch-button .visual .icon-wrapper svg{width:100%;height:100%;opacity:.5}.switch3 .switch-button .visual .image-wrapper{width:100%;height:100%}.switch3 .switch-button .visual .image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.switch3 .switch-button.label-only p{font:500 14px/20px Inter,sans-serif;letter-spacing:-.4px}@media only screen and (min-width:0px)and (max-width:800px){.switch3 .switch-button.label-only p{font:normal 14.5px/20px Inter,sans-serif;letter-spacing:0}}.switch3 .switch-button.is-active .icon-wrapper svg{opacity:1}.switch3 .switch-button.is-active p{color:rgba(var(--primary),1)}.switch3 .switch-button.is-active .visual{outline:solid 3px rgba(var(--primary),1);outline-offset:3px}.switch{background:rgba(var(--panel-dim),1);border-radius:10px;padding:4px;display:flex;gap:4px;overflow:hidden}.switch.disabled{pointer-events:none;opacity:.5}.switch .switch-button{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px;border-radius:8px;background:none!important;overflow:visible}.switch .switch-button .active-indicator{background:rgba(var(--panel-active),1);position:absolute;inset:0;border-radius:6px;box-shadow:0 3px 6px -3px rgba(0,0,0,.3)}.switch .switch-button p{color:rgba(var(--primary),1);z-index:1;opacity:.5;font:normal 11px/14px Inter,sans-serif;letter-spacing:-.2px}@media only screen and (min-width:0px)and (max-width:800px){.switch .switch-button p{font:normal 10.5px/13px Inter,sans-serif;letter-spacing:.3px}}.switch .switch-button .visual{margin-top:4px;width:28px;height:28px;z-index:1;display:grid;place-items:center}.switch .switch-button .visual .icon-wrapper{width:24px;height:24px;position:relative}.switch .switch-button .visual .icon-wrapper svg{width:100%;height:100%;opacity:.5}.switch .switch-button .visual .image-wrapper{position:relative;width:100%;height:100%;border-radius:6px;overflow:hidden}.switch .switch-button .visual .image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.switch .switch-button.label-only p{font:500 14px/20px Inter,sans-serif;letter-spacing:-.4px}@media only screen and (min-width:0px)and (max-width:800px){.switch .switch-button.label-only p{font:normal 14.5px/20px Inter,sans-serif;letter-spacing:0}}.switch .switch-button.icon-only{padding:0}.switch .switch-button.icon-only .visual{margin:2px 0}.switch .switch-button.icon-only .visual .icon-wrapper{width:20px;height:20px}.switch .switch-button.is-active .icon-wrapper svg,.switch .switch-button.is-active p{opacity:1}@media only screen and (min-width:0px)and (max-width:800px){.switch{border-radius:12px}.switch .switch-button{gap:8px;padding:6px;border-radius:8px;min-height:40px}.switch .switch-button .active-indicator{border-radius:8px}.switch .switch-button .visual{width:32px;height:32px}.switch .switch-button .visual .icon-wrapper{width:28px;height:28px}}.switch-component{display:flex;align-items:center}.switch-component.has-label{width:100%;justify-content:space-between;border-radius:10px}.switch-component.has-label .copy{display:flex;flex-direction:column}.switch-component .switcher{width:44px;height:26px;background:rgba(var(--primary),.12);position:relative;border-radius:40px;cursor:pointer}.switch-component .switcher .nudge{border-radius:40px;position:absolute;top:2px;width:22px;height:22px;background:rgba(var(--primary),1)}.switch-component.is-active .switcher{background:rgba(var(--primary),.36)}.dev-utils{display:flex;width:-moz-max-content;width:max-content;z-index:100}.dev-utils,.dev-utils .panel-data{position:relative}.dev-utils .panel-data button:hover~.panel-data-view{visibility:visible}.dev-utils .panel-data .panel-data-view{position:absolute;right:-10px;top:44px;width:280px;visibility:hidden;display:flex;flex-direction:column;padding:8px;gap:6px}.dev-utils .panel-data .panel-data-view section{display:flex;flex-direction:column;gap:4px}.dev-utils .panel-data .panel-data-view h5{margin:4px 4px 0;transform:scale(.94)}.dev-utils .panel-data .data-view{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:rgba(var(--primary),.06);border-radius:8px}.export-demo{position:fixed;z-index:99;left:0;top:0;min-width:100vw;min-height:100vh;max-width:100vw;max-height:100vh;overflow:scroll}.export-demo .export-layer{background:#141414;position:relative;z-index:999999}.export-demo .export-layer .canvas{border-radius:0;border:none;display:block}.drop-test{position:fixed!important;inset:0;background:red;transform:translateY(-240px)}.styles-wrapper .col-2,.styles-wrapper .col-3{display:grid}.styles-wrapper .col-2{grid-template-columns:1fr 1fr;gap:8px}.styles-wrapper .col-2 .style-item .thumbnail .image-wrapper{border-radius:8px;outline-offset:3px}.styles-wrapper .col-2 .footnote,.styles-wrapper .col-2 .tag.tag-small{margin:10px 5px}.styles-wrapper .col-3{grid-template-columns:1fr 1fr 1fr;gap:8px}.styles-wrapper .col-3 .style-item .thumbnail .image-wrapper{border-radius:6px;outline-offset:2px}.styles-wrapper .col-3 .footnote,.styles-wrapper .col-3 .tag.tag-small{margin:8px 4px}.style-item{width:100%;flex-direction:column;gap:0;cursor:pointer;text-align:center}.style-item .thumbnail{position:relative;width:100%}.style-item .thumbnail .image-wrapper{aspect-ratio:4/3;width:100%;height:100%;overflow:hidden;background:rgba(var(--panel-dim),1)}.style-item .thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.text-elements .text-item,.text-font-picker .text-item{position:relative;display:none}.text-elements.variant-7 .text-item:first-child,.text-font-picker.variant-7 .text-item:first-child{display:initial;margin-bottom:.6em!important;position:relative}.text-elements.variant-7 .text-item:first-child:after,.text-font-picker.variant-7 .text-item:first-child:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 1.3em);height:calc(100% + .5em);background-color:var(--dynamic-color);border-radius:25px;opacity:.225;z-index:-1}.text-elements.variant-7 .text-item:nth-child(2),.text-font-picker.variant-7 .text-item:nth-child(2){display:initial}.text-elements.variant-8 .text-item:first-child,.text-font-picker.variant-8 .text-item:first-child{display:initial;margin-bottom:.6em!important;position:relative}.text-elements.variant-8 .text-item:first-child:after,.text-font-picker.variant-8 .text-item:first-child:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 1.3em);height:calc(100% + .5em);border-radius:25px;z-index:-1;border:.05em solid var(--dynamic-color)}.text-elements.variant-1 .text-item:nth-child(2),.text-elements.variant-1 .text-item:nth-child(3),.text-elements.variant-2 .text-item:nth-child(2),.text-elements.variant-3 .text-item:first-child,.text-elements.variant-3 .text-item:nth-child(2),.text-elements.variant-3 .text-item:nth-child(3),.text-elements.variant-4 .text-item:nth-child(2),.text-elements.variant-8 .text-item:nth-child(2),.text-font-picker.variant-1 .text-item:nth-child(2),.text-font-picker.variant-1 .text-item:nth-child(3),.text-font-picker.variant-2 .text-item:nth-child(2),.text-font-picker.variant-3 .text-item:first-child,.text-font-picker.variant-3 .text-item:nth-child(2),.text-font-picker.variant-3 .text-item:nth-child(3),.text-font-picker.variant-4 .text-item:nth-child(2),.text-font-picker.variant-8 .text-item:nth-child(2){display:initial}.text-elements.variant-4 .text-item:nth-child(3),.text-font-picker.variant-4 .text-item:nth-child(3){display:initial;font-weight:500!important}.text-elements.variant-5 .text-item:first-child,.text-elements.variant-5 .text-item:nth-child(2),.text-font-picker.variant-5 .text-item:first-child,.text-font-picker.variant-5 .text-item:nth-child(2){display:initial}.text-elements.variant-6 .text-item:first-child,.text-font-picker.variant-6 .text-item:first-child{display:initial;font-weight:500!important;margin-bottom:.6em!important}.text-elements.variant-6 .text-item:first-child:after,.text-font-picker.variant-6 .text-item:first-child:after{content:"";background:red;position:absolute;inset:-.2em;z-index:-1;border-radius:.6em}.text-elements.variant-6 .text-item:nth-child(2),.text-font-picker.variant-6 .text-item:nth-child(2){display:initial}.text-adaptive-exclusion{mix-blend-mode:exclusion}.text-adaptive-exclusion .text-item{color:#fff!important}.text-adaptive-blend{-webkit-transform:translateZ(0);mix-blend-mode:luminosity;filter:brightness(3) contrast(200%) sepia(200%) contrast(90%) saturate(200%);-webkit-filter:brightness(3) contrast(200%) sepia(200%) contrast(90%) saturate(200%)}.text-adaptive-blend .text-item{color:hsla(0,0%,53%,.79)!important}.text-adaptive-burn{mix-blend-mode:color-burn;filter:brightness(2) contrast(200%) sepia(200%) contrast(90%) saturate(130%)}.text-adaptive-burn .text-item{color:#171717!important}.text-adaptive-overlay{mix-blend-mode:overlay}.text-adaptive-overlay .text-item{color:#2e2e2e!important}.text-adaptive-luminosity{mix-blend-mode:luminosity;filter:brightness(.4) contrast(200%) sepia(100%) contrast(0);-webkit-filter:brightness(.4) contrast(200%) sepia(100%) contrast(0);-webkit-transform:translateZ(0)}.text-adaptive-luminosity .text-item{color:gray!important}.text-adaptive-difference{mix-blend-mode:difference;filter:brightness(1.1) contrast(1.1)}.text-adaptive-difference .text-item{color:#a3a3a3!important}.text-adaptive-overlaylight{mix-blend-mode:overlay}.text-adaptive-overlaylight .text-item{color:#fff!important}.text-adaptive-overlaydark{mix-blend-mode:overlay}.text-adaptive-overlaydark .text-item{color:#000!important}.text-adaptive-difference2{mix-blend-mode:difference;filter:brightness(.1) contrast(.1);-webkit-filter:brightness(.1) contrast(.1);-webkit-transform:translateZ(0)}.text-adaptive-difference2 .text-item{color:gray!important}.text-adaptive-difference3{mix-blend-mode:difference;filter:drop-shadow(0 1em 1em rgb(150,0,0));-webkit-filter:drop-shadow(0 1em 1em #960000);-webkit-transform:translateZ(0)}.text-adaptive-difference3 .text-item{color:red!important}.text-adaptive-difference4{mix-blend-mode:difference;filter:blur(.05em) drop-shadow(0 0 1em rgb(0,150,0));-webkit-filter:blur(.05em) drop-shadow(0 0 1em #009600);-webkit-transform:translateZ(0)}.text-adaptive-difference4 .text-item{color:green!important}.text-adaptive-difference5{mix-blend-mode:difference;filter:blur(.05em) drop-shadow(0 0 1em rgb(0,150,0));-webkit-filter:blur(.05em) drop-shadow(0 0 1em #009600);-webkit-transform:translateZ(0)}.text-adaptive-difference5 .text-item{color:#ff0!important}.hide-show-btn{width:100%;color:#f44;background:rgba(255,68,68,.1)!important}.auth-flow{border-radius:20px;overflow:hidden;outline:solid 1px rgba(var(--primary),.06);outline-offset:-1px}.auth-flow,.auth-flow .auth-view{position:relative;width:100%;height:100%}.auth-flow .auth-view{padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.auth-flow .backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(80.18deg,#d1ccdd,#c893e1 25%,#eb47a7 50%,#f94a73 75%,#fb7a53);border-radius:inherit;overflow:hidden}.auth-flow .backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(var(--background),1) 0,transparent 100%),linear-gradient(rgba(var(--background),1) 0,transparent 100%);background:linear-gradient(rgba(var(--background),1) 0,rgba(var(--background),.1) 100%),linear-gradient(rgba(var(--background),1) 0,rgba(var(--background),.1) 100%)}.auth-flow .back-button{position:absolute;left:14px;top:14px;z-index:1}.auth-flow .reset-password-option{display:flex;align-items:center;justify-content:space-between;padding-left:8px}.auth-flow .head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;flex:1}.auth-flow .head .logo{width:64px}.auth-flow .head svg{width:48px;height:48px}.auth-flow .head span{text-wrap:pretty;width:80%}.auth-flow .inputs{display:flex;flex-direction:column;gap:12px}.auth-flow .inputs input{width:100%;text-align:center;padding:12px;border-radius:14px}.auth-flow .buttons{display:flex;flex-direction:column;gap:12px;justify-content:flex-end}.auth-flow .buttons .alternate-option{display:flex;align-items:center;gap:10px}.auth-flow .buttons .alternate-option:after,.auth-flow .buttons .alternate-option:before{content:"";flex:1;height:1px;background:rgba(var(--primary),.12)}.auth-flow .terms-and-privacy{text-align:center;color:rgba(var(--primary),.6)}.auth-flow .terms-and-privacy a{color:rgba(var(--primary),1)}.safari-modal-blur{content:"";position:fixed;inset:0;background:rgb(var(--background),.4);z-index:1000;backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px)}.safari-disclaimer-modal .cover{position:absolute;inset:0;z-index:-1}.safari-disclaimer-modal .cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.safari-disclaimer-modal .content{padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;gap:12px;height:100%;color:#fff}.safari-disclaimer-modal .content .h6,.safari-disclaimer-modal .content .tag,.safari-disclaimer-modal .content .text-elements.variant-3 .text-item:nth-child(3),.safari-disclaimer-modal .content .text-font-picker.variant-3 .text-item:nth-child(3),.text-elements.variant-3 .safari-disclaimer-modal .content .text-item:nth-child(3),.text-font-picker.variant-3 .safari-disclaimer-modal .content .text-item:nth-child(3){width:90%;text-wrap:pretty;opacity:.5}.safari-disclaimer-modal .content button{margin-top:16px;width:100%;background:#fff;color:#000}.ad-container{background:rgba(var(--panel),1);aspect-ratio:3/2;border-radius:8px;overflow:hidden;cursor:pointer;position:relative}.ad-container .image-container{width:100%;height:100%}.ad-container .image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ad-container .close-button{background:rgba(var(--background),.8);position:absolute;top:4px;right:4px;padding:0!important;width:22px;height:22px}.ad-container .close-button svg{width:12px;height:12px}.ad-container .new-plans-cta{position:absolute;inset:5px;top:unset;width:unset;background:rgba(var(--background),.8);pointer-events:none}.ad-modal{position:relative;height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.ad-modal .cover{width:100%;aspect-ratio:3/2}.ad-modal .cover img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ad-modal .content{padding:0 16px 16px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;gap:32px}.ad-modal .content .bottom{width:100%;gap:12px;padding:0 16px}.ad-modal .content .bottom .email-address span{-webkit-user-select:all;-moz-user-select:all;user-select:all}.ad-modal .content .perks{display:flex;flex-direction:column;gap:16px;width:85%}.ad-modal .content .perks div{display:flex;align-items:center;gap:16px}.ad-modal .content .perks div>div{display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1;text-align:left}.ad-modal .content .perks div>div span:first-child{font:normal 16px/22px Inter,sans-serif;letter-spacing:-.3px}@media only screen and (min-width:0px)and (max-width:800px){.ad-modal .content .perks div>div span:first-child{font:normal 17px/22px Inter,sans-serif;letter-spacing:-.2px}}.ad-modal .content .perks div>div span:nth-child(2){color:rgba(var(--primary),.6);font:normal 14px/20px Inter,sans-serif;letter-spacing:-.2px}@media only screen and (min-width:0px)and (max-width:800px){.ad-modal .content .perks div>div span:nth-child(2){font:normal 13px/18px Inter,sans-serif;letter-spacing:-.07px}}.ad-modal .content .perks div svg{width:32px;height:32px}.ad-modal .backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(80.18deg,#d1ccdd,#c893e1 25%,#eb47a7 50%,#f94a73 75%,#fb7a53)}.ad-modal .backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(var(--panel),1) 0,transparent 100%),linear-gradient(rgba(var(--panel),1) 0,transparent 100%)}.playground{position:fixed;inset:0;display:flex;align-items:stretch;padding:10px;background:rgba(var(--background),1)}.playground .p-sidebar{width:280px;height:100%;background:rgba(var(--panel),1);padding:16px 12px 32px;overflow-y:auto;border-radius:16px}.playground .p-sidebar .content{width:100%;height:-moz-max-content;height:max-content;display:flex;flex-direction:column;gap:20px}.playground .p-canvas{flex:1;padding:5%;display:flex;justify-content:center;align-items:center}.playground .p-canvas .p-display{width:100%;height:100%;position:relative}.playground .p-canvas .p-display .p-frame{position:absolute;inset:0;margin:auto;max-height:100%;overflow:hidden;background:#000;border-radius:20px;display:flex;justify-content:center;align-items:center;padding:10%}.playground .p-canvas .p-display .p-frame .p-devices{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.playground .p-canvas .p-display .p-frame .p-devices .p-item{position:absolute;inset:0;margin:auto;max-height:100%;background:rgba(var(--panel-active),1);cursor:pointer}.playground .p-canvas .p-display .p-frame .p-devices .p-item img{width:100%;height:100%;z-index:1}.mobile-install-prompt{position:fixed;inset:0;z-index:9999;background:rgba(var(--background),1);display:flex;flex-direction:column;align-items:center;justify-content:baseline;gap:20px;padding:16px;text-align:center;overflow:hidden}.mobile-install-prompt .logo{width:64px;min-height:64px;height:64px;border-radius:16px;overflow:hidden;outline:solid 1px rgba(var(--primary),.1);outline-offset:-1px;margin-bottom:-8px}.mobile-install-prompt .logo img{width:100%;height:100%}.mobile-install-prompt .texts{display:flex;flex-direction:column;gap:8px}.mobile-install-prompt .preview{flex:1;aspect-ratio:393/852;position:relative}.mobile-install-prompt .preview .mask-layer{position:absolute;inset:0;aspect-ratio:393/852;-webkit-mask-size:100%;mask-size:100%;background:rgba(var(--panel-dim),1);position:relative}.mobile-install-prompt .preview .mask-layer video{position:absolute;inset:0;width:100%;height:100%}.mobile-install-prompt .android-preview{flex:1;aspect-ratio:393/803;position:relative;margin:-48px 0 12px;z-index:0;-webkit-mask-image:linear-gradient(180deg,transparent 10%,#000 50%);mask-image:linear-gradient(180deg,transparent 10%,#000 50%);-webkit-mask-size:100%;mask-size:100%}.mobile-install-prompt .android-preview img{position:absolute;inset:0;aspect-ratio:393/803}.mobile-install-prompt .bottom{min-height:-moz-max-content;min-height:max-content;display:flex;flex-direction:column;gap:0}.mobile-install-prompt .backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(80.18deg,#d1ccdd,#c893e1 25%,#eb47a7 50%,#f94a73 75%,#fb7a53)}.mobile-install-prompt .backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(var(--background),1) 0,transparent 100%),linear-gradient(rgba(var(--background),1) 0,transparent 100%),linear-gradient(rgba(var(--background),1) 0,transparent 100%),linear-gradient(rgba(var(--background),1) 0,transparent 100%)}.frame-lens-scene-button .rich-preview{width:100%;height:100%;overflow:hidden;border-radius:inherit}.frame-lens-scene-button .rich-preview.default-mode{background:#ddd}.frame-lens-scene-button .rich-preview.default-mode .label-wrapper span{color:#000!important}.frame-lens-scene-button .rich-preview.stage-mode{background:#000}.frame-lens-scene-button .rich-preview.stage-mode .label-wrapper span{color:#fff!important}.frame-lens-scene-button .rich-preview .label-wrapper{z-index:1;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:inherit}.frame-lens-scene-button .rich-preview .label-wrapper span{position:relative;z-index:1;color:rgba(var(--primary),1);font-weight:600}.frame-lens-scene-button .rich-preview .label-wrapper span:nth-child(2){margin:0 0 -3%;color:rgba(var(--primary),.36)}.frame-lens-scene-button .rich-preview .label-wrapper .preview-lens-effect{position:absolute;inset:0;z-index:1;border-radius:inherit}.shadow-scene-button .rich-preview{width:100%;height:100%;overflow:hidden}.shadow-scene-button .rich-preview.preview-mode{background:#ddd}.shadow-scene-button .rich-preview.preview-mode .label-wrapper span{color:#000!important}.shadow-scene-button .rich-preview .label-wrapper{z-index:1;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.shadow-scene-button .rich-preview .label-wrapper span{font-weight:600;color:rgba(var(--primary),1)}.shadow-scene-button .rich-preview .label-wrapper span:nth-child(2){margin:-1% 0 -3%;color:rgba(var(--primary),.36)}.shadow-scene-button .rich-preview>img{width:110%;height:110%;-o-object-fit:cover;object-fit:cover;transform:translate3d(-5%,-5%,0)}.scene-popover-header{position:relative;height:100px;display:flex;align-items:flex-end;z-index:-1}.scene-popover-header span{font:500 17px/24px Inter,sans-serif;letter-spacing:-.6px;z-index:2}@media only screen and (min-width:0px)and (max-width:800px){.scene-popover-header span{font:500 17px/22px Inter,sans-serif;letter-spacing:-.35px}}.scene-popover-header img{-o-object-fit:cover;object-fit:cover;-o-object-position:bottom center;object-position:bottom center}.scene-popover-header:after{content:"";background:linear-gradient(0deg,rgba(var(--panel),1) 0,transparent 50%),linear-gradient(30deg,rgba(var(--panel),1) 0,transparent 50%);z-index:1}.scene-popover-header img,.scene-popover-header:after{position:absolute;left:-12px;top:-12px;width:calc(100% + 24px);height:calc(100% + 12px + 40px)}.frame-shadow-scene-popover .bottom{padding:20px 10px 10px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(transparent 0,rgba(var(--panel),1) 40%);position:absolute;bottom:0;right:0;left:0;border-radius:inherit}.account-view{display:flex;flex-direction:column;gap:24px}.account-view .account-details{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.account-view .account-details .avatar{width:88px;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:rgba(var(--primary),.06);margin-bottom:8px}.account-view .account-details .avatar img{width:100%;height:100%}.account-view .buttons{display:flex;flex-direction:column;gap:16px}.account-view button{background:rgba(var(--primary),.12)}.subscription-view{display:flex;flex-direction:column;gap:24px}.subscription-view .see-plans-btn{background:rgba(var(--primary),.12);justify-content:space-between}.subscription-view .cancel-sub-section{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.subscription-view .cancel-sub-section button{background:rgba(var(--primary),.12)}.subscription-view .sub-card{position:relative;aspect-ratio:4/5;padding:20px;border-radius:20px;overflow:hidden;outline:solid 1.5px rgba(var(--primary),.12);outline-offset:-1.5px}.subscription-view .sub-card .card-content{width:100%;height:100%;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between}.subscription-view .sub-card .card-content .top{display:flex;justify-content:space-between;align-items:flex-start}.subscription-view .sub-card .card-content .top .shots-logo{width:48px}.subscription-view .sub-card .card-content .bottom{display:flex;flex-direction:column;gap:10px}.subscription-view .sub-card .card-content .bottom .plan-details{display:flex;justify-content:space-between;align-items:flex-end}.subscription-view .sub-card .card-content .bottom .plan-details>div{display:flex;flex-direction:column;gap:4px}.subscription-view .sub-card .card-content .bottom .plan-details>div .h1{font-size:36px}.subscription-view .sub-card .card-content .bottom .plan-details .plan-price{display:flex;align-items:center;gap:4px}.subscription-view .sub-card .card-content .bottom .cycle-details{padding-top:10px;border-top:1px solid rgba(var(--primary),.12);display:flex;justify-content:space-between}.subscription-view .sub-card .card-content .bottom .cycle-details span{font:normal 12.5px/20px Inter,sans-serif;letter-spacing:-.2px}@media only screen and (min-width:0px)and (max-width:800px){.subscription-view .sub-card .card-content .bottom .cycle-details span{font:normal 12px/16px Inter,sans-serif;letter-spacing:0}}.subscription-view .sub-card-drawer{margin-top:-44px;width:100%;border-radius:0 0 20px 20px;background:rgba(var(--primary),1);color:rgba(var(--secondary),1);padding-top:20px}.subscription-view .sub-card-drawer span,.subscription-view .sub-card-drawer svg{color:rgba(var(--secondary),1)}.subscription-view .sub-card-drawer .switch-to-yearly{padding:8px 16px}.subscription-view .sub-card-drawer .is-cancelling{padding:16px 12px 16px 16px;display:flex;align-items:center;gap:10px}.subscription-view .sub-card-drawer .is-cancelling>svg{color:#f44;width:30px;height:30px}.subscription-view .sub-card-drawer .is-cancelling .texts{flex:1;display:flex;flex-direction:column}.subscription-view .sub-card-drawer .is-cancelling button{background:rgba(var(--secondary),.1)}.version-checker-wrapper{position:fixed;top:8px;left:0;right:0;margin:0 auto;width:500px;z-index:110;display:flex;justify-content:center}.app-version-checker{overflow:hidden;background:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),linear-gradient(140deg,#ff6432 12.8%,#ff0065 43.52%,#7b2eff 84.34%)}.app-version-checker .view-expand,.app-version-checker .view-mini{display:flex;align-items:center;outline:solid 1px rgba(var(--primary),.06);outline-offset:-1px;border-radius:inherit;color:#fff}.app-version-checker .view-expand button,.app-version-checker .view-mini button{background:#fff;color:#000}.app-version-checker .view-mini{padding:10px 16px;gap:8px}.app-version-checker .view-mini svg{width:18px;height:18px}.app-version-checker .view-expand{flex-direction:column;padding:10px;gap:16px}.app-version-checker .view-expand .texts{margin-top:4px;display:flex;flex-direction:column;text-align:center;gap:4px}.mock-assets-control{display:flex;justify-content:space-evenly;gap:7px}.mock-assets-control.items-1 .display-preview{max-width:45%}.mock-assets-control.items-2 .display-preview{max-width:90%}.mock-assets-control.items-3 .display-preview{width:100%}.mock-assets-control .device-item{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px;height:88px;text-align:center;border-radius:10px;cursor:pointer;background:rgba(var(--panel-dim),1);position:relative}.mock-assets-control .device-item.drop-active .drop-indicator{display:grid!important}.mock-assets-control .device-item.drop-active .display-preview{pointer-events:none}.mock-assets-control .device-item .drop-indicator{position:absolute;inset:0;z-index:1;background:rgba(var(--panel-dim),1);display:grid;place-items:center;border-radius:inherit;border:1.5px dashed rgba(var(--primary),1);display:none;pointer-events:none}.mock-assets-control .device-item .drop-indicator svg{width:24px;height:24px}.mock-assets-control .device-item .display-preview{width:100%;height:100%}.mock-assets-control .device-item .display-preview .safe-area{width:100%;height:100%;position:relative}.mock-assets-control .device-item .display-preview .safe-area .device-screen{position:absolute;inset:0;max-height:100%;margin:auto;overflow:hidden}.mock-assets-control .device-item .display-preview .safe-area .device-screen img,.mock-assets-control .device-item .display-preview .safe-area .device-screen video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.mock-assets-control .device-item .display-preview .safe-area .device-screen .empty-state,.mock-assets-control .device-item .display-preview .safe-area .device-screen .overlay-plus{position:absolute;inset:0;display:grid;place-items:center}.mock-assets-control .device-item .display-preview .safe-area .device-screen .empty-state svg,.mock-assets-control .device-item .display-preview .safe-area .device-screen .overlay-plus svg{width:18px}.mock-assets-control .device-item .display-preview .safe-area .device-screen .empty-state{background:rgba(var(--panel-active),1)}.mock-assets-control .device-item .display-preview .safe-area .device-screen .overlay-plus{background:hsla(0,0%,39%,.3);z-index:1;opacity:0}.mock-assets-control .device-item:hover .overlay-plus{opacity:1!important}.mock-assets-control .device-item:hover>span{color:rgba(var(--primary),1)!important}.dropzone{position:relative;height:-moz-max-content;height:max-content;width:-moz-max-content;width:max-content}.dropzone .dropped-image{min-width:100%;min-height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.dropzone .file-drop{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.dropzone .file-drop:hover~.empty-drop .hovered{opacity:1;visibility:visible}.dropzone .file-drop:hover~.empty-drop .default{opacity:0;visibility:hidden}.dropzone .active-drop,.dropzone .empty-drop{position:absolute;inset:0}.dropzone .active-drop{display:grid;place-items:center;background:rgba(var(--background),.8)}.dropzone .active-drop svg{width:10em;height:10em}.dropzone .empty-drop{background:rgba(var(--panel-dim),1)}.dropzone .empty-drop .content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:inherit}.dropzone .empty-drop .content .icons{display:flex}.dropzone .empty-drop .content .icons .icon{background:rgba(var(--primary),1);padding:1.5em;border-radius:50%}.dropzone .empty-drop .content .icons .icon svg{width:5em;height:5em;color:rgba(var(--secondary),1)}.dropzone .empty-drop .content .icons .icon:nth-child(2){margin-left:-1em;outline:solid .7em rgba(var(--panel-dim),1)}.dropzone .empty-drop .content .title{margin:.5em 0;font:500 5.5em/100% Inter,sans-serif;letter-spacing:-.02em}.dropzone .empty-drop .content .formats{color:rgba(var(--primary),.6);font:500 2.5em/100% Inter,sans-serif;letter-spacing:-.02em}.dropzone .empty-drop .content .screen-info{margin-top:1em;font:600 2.8em/100% Inter,sans-serif;letter-spacing:-.01em;padding:.32em .4em;border-radius:.5em;border:.1em solid rgba(var(--primary),.36)}.dropzone .empty-drop .content.hovered{opacity:0;visibility:hidden}.dropzone .mobile-empty-drop svg{width:16em!important;height:16em!important}.dropzone.active-state .dropped-image{animation:highlight .6s ease infinite alternate;filter:brightness(70%)}.dropzone.active-state:after{content:"";position:absolute;inset:0;background:rgba(var(--primary),.12);pointer-events:none}@keyframes highlight{to{filter:brightness(130%)}}.btn-dropzone{width:100%;aspect-ratio:5/4;background:rgba(var(--panel-dim),1);border-radius:10px;overflow:hidden;position:relative;border:1px dashed rgba(var(--primary),.36)}@media only screen and (min-width:0px)and (max-width:800px){.btn-dropzone{aspect-ratio:3/2}}.btn-dropzone.active-dropzone{border-color:rgba(var(--primary),1)}.btn-dropzone .dropped-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.btn-dropzone .file-drop{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.btn-dropzone .file-drop:hover~.empty-drop .hovered{opacity:1;visibility:visible}.btn-dropzone .file-drop:hover~.empty-drop .default{opacity:0;visibility:hidden}.btn-dropzone .active-drop,.btn-dropzone .empty-drop{position:absolute;inset:0}.btn-dropzone .active-drop .content,.btn-dropzone .empty-drop .content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:inherit;gap:6px}.btn-dropzone .empty-drop{background:rgba(var(--background),.8)}.btn-dropzone .empty-drop svg{width:24px;height:24px}.btn-dropzone .empty-drop span{font:500 15px/20px Inter,sans-serif;letter-spacing:-.4px}@media only screen and (min-width:0px)and (max-width:800px){.btn-dropzone .empty-drop span{font:500 15.5px/20px Inter,sans-serif;letter-spacing:-.1px}}.btn-dropzone .empty-drop p{color:rgba(var(--primary),.6);font:normal 11px/14px Inter,sans-serif;letter-spacing:-.2px}@media only screen and (min-width:0px)and (max-width:800px){.btn-dropzone .empty-drop p{font:normal 10.5px/13px Inter,sans-serif;letter-spacing:.3px}}.btn-dropzone .empty-drop .hovered{opacity:0;visibility:hidden}.btn-dropzone .active-drop{background:rgba(var(--panel),1)}.btn-dropzone .active-drop svg{width:32px;height:32px}.dropzone-edit-popover{background:linear-gradient(transparent 0,rgba(var(--background),1) 80%),linear-gradient(transparent 0,rgba(var(--background),1) 80%);box-shadow:none;width:calc(100vw - 496px - 32px)!important;left:0!important;right:0!important;margin:0 auto}.dropzone-edit-popover:after{border:none}.dropzone-edit-popover .content{display:flex;flex-direction:column;align-items:center;gap:24px;padding:12px}.dropzone-edit-popover .content .images{display:flex;gap:12px}.dropzone-edit-popover .content .images .new-asset{display:grid;place-content:center}.dropzone-edit-popover .content .images .new-asset svg{width:24px;height:24px}.dropzone-edit-popover .content .images .image-item{width:64px;aspect-ratio:4/5;border-radius:10px;padding:10px;background:rgba(var(--panel),1);cursor:pointer}.dropzone-edit-popover .content .images .image-item .remove-button{position:absolute;top:-10px;right:-10px;z-index:1;background:rgba(var(--panel-dim),1);opacity:0;visibility:hidden}@media only screen and (min-width:1280px){.dropzone-edit-popover .content .images .image-item:hover{background:rgba(var(--panel-active),1)}.dropzone-edit-popover .content .images .image-item:hover .remove-button{opacity:1;visibility:visible}}.dropzone-edit-popover .content .images .image-item .image-display{width:100%;height:100%;position:relative;border-radius:10px}.dropzone-edit-popover .content .images .image-item .image-display img{position:absolute;inset:0;max-height:100%;max-width:100%;margin:auto;outline:solid 1px rgba(var(--primary),.12);outline-offset:-1px;border-radius:4px}.dropzone-edit-popover .content .images .image-item.active{background:rgba(var(--panel-active),1)}.dropzone-edit-popover .content .buttons{display:flex;gap:8px}@media only screen and (min-width:800px)and (max-width:1280px){.dropzone-edit-popover{width:calc(100vw - 248px - 24px)!important;right:8px!important;left:unset!important}}@media only screen and (min-width:0px)and (max-width:800px){.dropzone-edit-popover{width:100vw!important;background:linear-gradient(transparent 0,rgba(var(--background),1) 50%),linear-gradient(transparent 0,rgba(var(--background),1) 50%)}.dropzone-edit-popover .content{padding-top:48px;padding-bottom:calc(0px + (env(safe-area-inset-bottom, 16px)))}}.panel-control{position:relative}.panel-control,.panel-control .controls{display:flex;flex-direction:column;gap:8px}.panel-control-mobile{position:relative;padding:20px;background:linear-gradient(transparent 0,rgba(var(--background),1) 25%),linear-gradient(transparent 0,rgba(var(--background),1) 50%)}.panel-control-mobile,.panel-control-segment-wrapper,.panel-control-segment-wrapper .segment-section{display:flex;flex-direction:column;gap:20px}.panel-control-segment-wrapper .segment-buttons{display:flex;justify-content:center}.panel-control-stack{width:calc(100% + 40px);overflow-x:auto;margin:-20px;padding:20px}.panel-control-stack .stack-content{display:flex;gap:12px;width:-moz-max-content;width:max-content}.panel-control-grid{width:100%;display:grid}.panel-control-grid>*{width:100%!important}.panel-control-grid.col-1{grid-template-columns:1fr;gap:8px}.panel-control-grid.col-2{grid-template-columns:1fr 1fr;gap:8px}.panel-control-grid.col-3{grid-template-columns:1fr 1fr 1fr;gap:8px}.panel-control-grid.col-4{grid-template-columns:1fr 1fr 1fr 1fr;gap:6px}.panel-button{width:100%;height:-moz-max-content;height:max-content;display:flex;flex-direction:column;gap:0;text-align:center;cursor:pointer;position:relative}.panel-button .preview{position:relative;width:100%;background:rgba(var(--panel-dim),1);overflow:hidden;display:grid;place-items:center;outline-offset:2px;border-radius:10px}.panel-button .preview:after{content:"";position:absolute;inset:0;border-radius:inherit}.panel-button .preview .image-wrapper{width:100%;height:100%;border-radius:inherit;overflow:hidden}.panel-button .preview .image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.panel-button .preview .icon{width:20px;height:20px;color:rgba(var(--primary),.6)}.panel-button .preview .icon svg{width:inherit;height:inherit}.panel-button .label-wrapper{position:absolute;bottom:0;right:0;left:0;display:flex;align-items:center;padding:4px;overflow:hidden}.panel-button .label-wrapper .footnote{width:100%;text-align:center;text-transform:capitalize}.panel-button.has-label{padding-bottom:24px}.panel-button.true-active .footnote{color:rgba(var(--primary),1)!important}@media only screen and (min-width:1280px){.panel-button:hover .preview:after{background:rgba(var(--primary),.08)}}.shots-mobile-ui .panel-button{width:76px}.shots-mobile-ui .panel-button:active{transform:scale(.95);opacity:.75}.shots-mobile-ui .panel-button .preview{border-radius:12px}.shots-mobile-ui .panel-button .label-wrapper{padding:12px 4px 0}.pack-control-mobile .gradient-item,.pack-control-mobile .image-item,.pack-control-mobile .mesh-item,.pack-control-mobile .solid-item{width:52px;aspect-ratio:2/3!important}.pack-control-mobile .gradient-item .display,.pack-control-mobile .image-item .display,.pack-control-mobile .mesh-item .display,.pack-control-mobile .solid-item .display{border-radius:12px!important}.is-mobile-controls-open .canvas{height:40%!important}.shots-mobile-ui{flex-direction:column;padding:0;gap:0}.shots-mobile-ui .canvas{padding:20px;height:60%;margin-top:52px;border:none;transition:height .4s ease}.shots-mobile-ui .panel{position:fixed;bottom:0;left:0;right:0;z-index:10;border-radius:0;display:flex;flex-direction:column;background:none;pointer-events:none!important}.shots-mobile-ui .panel .panel-tabs{margin-top:8px;margin-bottom:calc(8px + env(safe-area-inset-bottom, 8px));padding:3px;gap:3px;border-radius:50px;position:relative;order:1;pointer-events:all!important;width:-moz-max-content;width:max-content;align-self:center;background:none}.shots-mobile-ui .panel .panel-tabs button{color:rgba(var(--primary),.36);box-shadow:none!important;border-radius:40px;min-width:-moz-max-content;min-width:max-content;width:110px!important;padding:10px!important}.shots-mobile-ui .panel .panel-tabs button span{font:500 15px/20px Inter,sans-serif;letter-spacing:-.4px}@media only screen and (min-width:0px)and (max-width:800px){.shots-mobile-ui .panel .panel-tabs button span{font:500 15.5px/20px Inter,sans-serif;letter-spacing:-.1px}}.shots-mobile-ui .panel .panel-scroll-view{position:relative;overflow:hidden;order:0;border-radius:0;align-items:flex-end}.shots-mobile-ui .panel .panel-scroll-view .panel-fragment{min-width:100%;width:100%;max-width:100%;height:-moz-max-content;height:max-content;pointer-events:all!important}.shots-mobile-ui .panel .panel-scroll-view .panel-fragment .panel-fragment-scroll-view{height:-moz-max-content;height:max-content}.shots-mobile-ui .panel .panel-scroll-view .panel-fragment .divide-line{display:none}.shots-mobile-ui .panel .panel-controls-stack{max-width:100%;height:100%;padding:0!important;gap:0!important}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher{overflow-x:auto}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack{padding:0 20px;display:flex;gap:2px;width:-moz-max-content;width:max-content}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .divider{min-width:1px;background:rgba(var(--primary),.12);margin:4px 2px}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-control-switcher-button{flex-direction:column!important;width:56px;height:60px;border-radius:12px;padding:2px;gap:4px}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-control-switcher-button span{font:500 10px/12px Inter,sans-serif;letter-spacing:0;text-transform:capitalize}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-control-switcher-button svg{width:30px;height:30px}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-control-switcher-button.true-active{background:rgba(var(--primary),1)!important;color:rgba(var(--secondary),1)}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-control-switcher-button .is-changed{position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:4px;height:4px;border-radius:6px;z-index:1;background:rgba(var(--primary),1);pointer-events:none}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile{width:168px;height:60px;justify-content:flex-start;border-radius:12px;padding-left:6px;gap:6px;margin-right:4px;outline:solid 1px rgba(var(--primary),.06);outline-offset:-1px}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .preview{display:grid;place-items:center}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .preview img{height:48px;width:40px;-o-object-fit:cover;object-fit:cover}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .details{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;overflow:hidden}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .details p{font:500 15px/20px Inter,sans-serif;letter-spacing:-.4px}@media only screen and (min-width:0px)and (max-width:800px){.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .details p{font:500 15.5px/20px Inter,sans-serif;letter-spacing:-.1px}}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .details>span{font:500 10px/12px Inter,sans-serif;letter-spacing:0;text-transform:capitalize;color:inherit;opacity:.5}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .icon{display:flex;flex-direction:column;margin-left:4px}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .icon svg{width:12px;height:10px;color:rgba(var(--primary),.6)}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-picker-button-mobile .icon svg:first-child{rotate:180deg}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .frame-picker-button-mobile .preview{width:40px;height:40px;padding:4px}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .frame-picker-button-mobile .frame-preview{width:100%;height:100%;position:relative}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .frame-picker-button-mobile .frame-preview .current-frame-icon{position:absolute;inset:0;margin:auto;max-height:100%;border-radius:3px;background:rgba(var(--primary),.36);border:1px solid rgba(var(--primary),1);transition:all .2s ease}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .frame-picker-button-mobile.true-active{background:rgba(var(--primary),1)!important;color:rgba(var(--secondary),1)}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .frame-picker-button-mobile.true-active .preview .frame-preview .current-frame-icon{filter:invert(100)}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .frame-picker-button-mobile:hover{background:none}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-backpack-switcher-button{width:60px;height:60px;border-radius:12px;margin:0 4px}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-backpack-switcher-button span{font:italic 600 13px/16px Inter,sans-serif;text-transform:capitalize;text-align:left;left:6px;bottom:5px;position:absolute;z-index:2;opacity:.8}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-backpack-switcher-button .background-color-preview,.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-backpack-switcher-button .background-image-preview{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-backpack-switcher-button:after{content:"";position:absolute;inset:0;background:rgba(var(--secondary),.3);z-index:1}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-backpack-switcher-button.true-active{color:rgba(var(--secondary),1)}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-backpack-switcher-button.true-active:after{background:rgba(var(--primary),1)!important}.shots-mobile-ui .panel .panel-controls-stack .panel-control-switcher .stack .panel-backpack-switcher-button:hover{background:none}.shots-mobile-ui .panel-backpack-switcher{overflow-x:auto}.shots-mobile-ui .panel-backpack-switcher .stack{display:flex;gap:8px;width:-moz-max-content;width:max-content}.shots-mobile-ui .panel-backpack-switcher .stack .button.true-active{background:rgba(var(--primary),1);color:rgba(var(--secondary),1)}.shots-mobile-ui .panel-backpack-switcher .stack .button span{text-transform:capitalize}.shots-mobile-ui .mobile-text-color{position:relative}.shots-mobile-ui .mobile-text-color .panel-control-grid{flex-direction:row!important;gap:12px!important}.shots-mobile-ui .mobile-backpack{display:flex;gap:8px;width:-moz-max-content;width:max-content}.shots-mobile-ui .mobile-backpack .mobile-expand-btn{aspect-ratio:.75;width:64px;flex-direction:column!important;justify-content:flex-end;padding:8px;left:0;z-index:10;background:rgba(var(--panel-active),1)}.shots-mobile-ui .mobile-backpack .mobile-expand-btn span{text-align:left;font:normal 11px/14px Inter,sans-serif;letter-spacing:-.2px}@media only screen and (min-width:0px)and (max-width:800px){.shots-mobile-ui .mobile-backpack .mobile-expand-btn span{font:normal 10.5px/13px Inter,sans-serif;letter-spacing:.3px}}.shots-mobile-ui .mobile-backpack .mobile-expand-btn .preview{overflow:hidden;position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none}.shots-mobile-ui .mobile-backpack .mobile-expand-btn .preview:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#000);z-index:1}.shots-mobile-ui .mobile-backpack .mobile-expand-btn .preview>.text-color-item{position:absolute;inset:0}.shots-mobile-ui .mobile-backpack .mobile-expand-btn .preview>button{position:absolute;inset:0;height:100%;width:100%}.shots-mobile-ui .mobile-backpack .backpack-colors-list{display:flex;width:-moz-max-content;width:max-content;gap:8px}.shots-mobile-ui .mobile-backpack .backpack-colors-list>*{width:64px}.shots-mobile-ui .mobile-backpack .backpack-colors-list .text-color-item{aspect-ratio:9/16;width:40px}.shots-mobile-ui .mobile-backpack .backpack-colors-list.gradient-list{gap:8px}.shots-mobile-ui .mobile-backpack .backpack-colors-list.gradient-list .text-color-item .display{border-radius:10px}.panel{position:relative;border-radius:14px}.panel .panel-tabs{display:flex;justify-content:space-between;padding:6px 6px 0;background:rgba(var(--panel),1);position:absolute;inset:0;bottom:unset;z-index:99;border-radius:14px 14px 0 0}.panel .panel-tabs .tabs{display:flex;align-items:center;flex:1}.panel .panel-tabs .tabs button{flex:1;color:rgba(var(--primary),.36);font:500 17px/24px Inter,sans-serif;letter-spacing:-.6px}@media only screen and (min-width:0px)and (max-width:800px){.panel .panel-tabs .tabs button{font:500 17px/22px Inter,sans-serif;letter-spacing:-.35px}}@media only screen and (min-width:1280px){.panel .panel-tabs .tabs button:hover{background:rgba(var(--primary),.06)}}.panel .panel-tabs .tabs .is-active{color:rgba(var(--primary),1)!important}.panel .panel-selector{padding:6px 10px 16px;position:absolute;top:46px;left:0;right:0;z-index:1000;background:linear-gradient(0deg,rgba(var(--panel),0) 0,rgba(var(--panel),1) 80%),linear-gradient(0deg,rgba(var(--panel),0) 0,rgba(var(--panel),1) 80%)}.panel .panel-selector-btn-desktop{width:100%;height:48px;display:flex;align-items:center;padding:10px 12px 10px 8px;gap:8px;border-radius:10px;background:rgba(var(--panel-active),1);box-shadow:0 3px 6px rgba(0,0,0,.12)}.panel .panel-selector-btn-desktop .current-mock img{height:34px;aspect-ratio:4/3}.panel .panel-selector-btn-desktop .details{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;overflow:hidden}.panel .panel-selector-btn-desktop .details>span{font:500 10px/12px Inter,sans-serif;color:rgba(var(--primary),.36);text-transform:capitalize}.panel .panel-selector-btn-desktop svg{width:12px;height:12px;color:rgba(var(--primary),.36)}.panel .panel-scroll-view{position:relative;width:100%;height:100%;border-radius:14px;display:flex;justify-content:space-between;align-items:stretch;overflow-y:hidden;overflow-x:auto;scroll-snap-type:x mandatory}.panel .panel-scroll-view #mockupControls{scroll-snap-align:start}.panel .panel-scroll-view #frameControls{scroll-snap-align:center}.panel .panel-scroll-view #textControls{scroll-snap-align:end}.panel .panel-scroll-view .panel-fragment{position:relative;overflow:hidden;min-width:248px;width:248px;max-width:248px;height:100%}.panel .panel-scroll-view .panel-fragment .panel-fragment-scroll-view{width:100%;height:100%;overflow-y:auto}.panel .panel-scroll-view .panel-fragment .panel-fragment-scroll-view.disable-panel-view{pointer-events:none;overflow:hidden;filter:grayscale(1) blur(2px);opacity:.1}.panel .panel-scroll-view .panel-fragment .panel-fragment-scroll-view .panel-controls-stack{padding:116px 12px;display:flex;flex-direction:column;gap:24px}.panel .panel-scroll-view .panel-fragment .divide-line{margin:52px 6px;min-width:1px;height:100%;background:rgba(var(--primary),.06);background:linear-gradient(180deg,transparent 0,rgba(var(--panel-dim),1) 10%,rgba(var(--panel-dim),1) 90%,transparent 100%)}.panel .panel-scroll-view .panel-fragment .panel-empty-state{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:12px}.panel .panel-scroll-view .panel-fragment .panel-empty-state .texts{text-align:center;display:flex;flex-direction:column;gap:4px}.panel .panel-scroll-view .panel-fragment .panel-empty-state>svg{width:36px}.panel .panel-scroll-view .panel-fragment .panel-empty-state>button{width:100%}@media only screen and (min-width:0px)and (max-width:800px){.panel .panel-scroll-view .panel-fragment .panel-empty-state{flex-direction:row;height:-moz-max-content;height:max-content;padding:12px 20px;margin-top:auto}.panel .panel-scroll-view .panel-fragment .panel-empty-state .texts{text-align:left;flex:1}.panel .panel-scroll-view .panel-fragment .panel-empty-state>svg{width:24px}.panel .panel-scroll-view .panel-fragment .panel-empty-state button{width:-moz-max-content;width:max-content}}.export-button-placeholder{position:relative;width:100%;height:44px;z-index:100;display:flex}@media only screen and (min-width:800px)and (max-width:1280px){.export-button-placeholder{position:fixed;top:8px;right:8px;width:248px}}@media only screen and (min-width:0px)and (max-width:800px){.export-button-placeholder{width:132px;height:48px}}.export-button{position:absolute;right:0;top:0;width:100%;min-height:44px;display:flex;align-items:center;color:rgba(var(--secondary),1);padding:0 12px;transition:background .2s ease;background:#000;color:#fff;outline:1.5px solid hsla(0,0%,100%,.15)!important;z-index:10;overflow:hidden}.export-button.export-state{background:#fff;color:#000;outline:none;cursor:pointer}.export-button.expanded{width:110%;flex-direction:column;padding:18px;height:-moz-max-content;height:max-content;max-height:-moz-max-content;max-height:max-content}.export-button .export-button-safe-area{width:100%;display:flex;flex-direction:column;gap:16px;position:relative}.export-button .export-state,.export-button .export-state-compact,.export-button .loading-state,.export-button .rendering-state{width:100%;display:flex;align-items:center;padding-left:2px;gap:8px}.export-button .export-state-compact>h6,.export-button .export-state>h6,.export-button .loading-state>h6,.export-button .rendering-state>h6{text-transform:capitalize;font:500 17px/24px Inter,sans-serif;letter-spacing:-.6px}@media only screen and (min-width:0px)and (max-width:800px){.export-button .export-state-compact>h6,.export-button .export-state>h6,.export-button .loading-state>h6,.export-button .rendering-state>h6{font:500 17px/22px Inter,sans-serif;letter-spacing:-.35px}}.export-button .export-state-compact>span,.export-button .export-state>span,.export-button .loading-state>span,.export-button .rendering-state>span{opacity:.4;font:normal 12.5px/20px Inter,sans-serif;letter-spacing:-.2px;flex:1;color:#fff}@media only screen and (min-width:0px)and (max-width:800px){.export-button .export-state-compact>span,.export-button .export-state>span,.export-button .loading-state>span,.export-button .rendering-state>span{font:normal 12px/16px Inter,sans-serif;letter-spacing:0}}.export-button .error-state,.export-button .export-state-expanded,.export-button .ready-state{width:100%;display:flex;flex-direction:column;gap:12px}.export-button .error-state>h6,.export-button .export-state-expanded>h6,.export-button .ready-state>h6{text-transform:capitalize;font:500 19px/26px Inter,sans-serif;letter-spacing:-.4px}@media only screen and (min-width:0px)and (max-width:800px){.export-button .error-state>h6,.export-button .export-state-expanded>h6,.export-button .ready-state>h6{font:500 19.5px/25px Inter,sans-serif;letter-spacing:-.5px}}.export-button .error-state>span,.export-button .export-state-expanded>span,.export-button .ready-state>span{margin-top:-8px;opacity:.6;font:normal 12.5px/20px Inter,sans-serif;letter-spacing:-.2px;flex:1;color:#fff}@media only screen and (min-width:0px)and (max-width:800px){.export-button .error-state>span,.export-button .export-state-expanded>span,.export-button .ready-state>span{font:normal 12px/16px Inter,sans-serif;letter-spacing:0}}.export-button .export-state>span{color:#000}.export-button .export-state .icon{width:24px;height:24px}.export-button .export-state .icon svg{width:inherit;height:inherit}.export-button .rendering-state>h6,.export-button .rendering-state>span{color:#f8af40}.export-button .rendering-state>span{font:normal 14px/20px Inter,sans-serif;letter-spacing:-.2px}@media only screen and (min-width:0px)and (max-width:800px){.export-button .rendering-state>span{font:normal 13px/18px Inter,sans-serif;letter-spacing:-.07px}}.export-button .ready-state .close-button{position:absolute;top:-5px;right:-5px;background:hsla(0,0%,100%,.16)}.export-button .ready-state .display-preview{width:90%;aspect-ratio:4/3;background:gray;margin:8px auto;border-radius:12px;overflow:hidden;outline:solid 1px rgba(var(--primary),.12);outline-offset:-1px;transform:rotate(-2deg)}.export-button .ready-state .display-preview video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.export-button .ready-state .export-buttons button{background:#fff;color:#000}.export-button .error-state h6{color:#f33}.export-button .error-state svg{width:20px;height:20px;color:#f33;position:absolute;right:0;top:0}.export-button .error-state .dismiss-btn{background:hsla(0,0%,100%,.16);color:#fff}@media only screen and (min-width:0px)and (max-width:800px){.export-button{width:calc(100vw - 24px);min-height:48px;border-radius:24px!important;padding:0 12px;outline-color:rgba(var(--primary),.06)!important}.export-button .export-button-safe-area{gap:24px}.export-button.expanded{width:calc(100vw - 24px);padding:24px}.export-button .export-state,.export-button .export-state-compact,.export-button .loading-state,.export-button .rendering-state{gap:8px}.export-button .export-state-compact>h6,.export-button .export-state>h6,.export-button .loading-state>h6,.export-button .rendering-state>h6{text-transform:capitalize;font:500 17px/24px Inter,sans-serif;letter-spacing:-.6px}}@media only screen and (min-width:0px)and (max-width:800px)and (min-width:0px)and (max-width:800px){.export-button .export-state-compact>h6,.export-button .export-state>h6,.export-button .loading-state>h6,.export-button .rendering-state>h6{font:500 17px/22px Inter,sans-serif;letter-spacing:-.35px}}@media only screen and (min-width:0px)and (max-width:800px){.export-button .export-state-compact>span,.export-button .export-state>span,.export-button .loading-state>span,.export-button .rendering-state>span{opacity:.4;font:normal 12.5px/20px Inter,sans-serif;letter-spacing:-.2px;flex:1;color:#fff}}@media only screen and (min-width:0px)and (max-width:800px)and (min-width:0px)and (max-width:800px){.export-button .export-state-compact>span,.export-button .export-state>span,.export-button .loading-state>span,.export-button .rendering-state>span{font:normal 12px/16px Inter,sans-serif;letter-spacing:0}}@media only screen and (min-width:0px)and (max-width:800px){.export-button .error-state,.export-button .export-state-expanded,.export-button .ready-state{width:100%;display:flex;flex-direction:column;gap:12px}.export-button .error-state>h6,.export-button .export-state-expanded>h6,.export-button .ready-state>h6{text-transform:capitalize;font:500 19px/26px Inter,sans-serif;letter-spacing:-.4px}}@media only screen and (min-width:0px)and (max-width:800px)and (min-width:0px)and (max-width:800px){.export-button .error-state>h6,.export-button .export-state-expanded>h6,.export-button .ready-state>h6{font:500 19.5px/25px Inter,sans-serif;letter-spacing:-.5px}}@media only screen and (min-width:0px)and (max-width:800px){.export-button .error-state>span,.export-button .export-state-expanded>span,.export-button .ready-state>span{margin-top:-8px;opacity:.6;font:normal 12.5px/20px Inter,sans-serif;letter-spacing:-.2px;flex:1;color:#fff}}@media only screen and (min-width:0px)and (max-width:800px)and (min-width:0px)and (max-width:800px){.export-button .error-state>span,.export-button .export-state-expanded>span,.export-button .ready-state>span{font:normal 12px/16px Inter,sans-serif;letter-spacing:0}}@media only screen and (min-width:0px)and (max-width:800px){.export-button.export-state{border-radius:22px!important;min-height:34px;width:calc(100% - 40px);padding:0 4px;right:40px;top:6px}.export-button .export-state{gap:4px}.export-button .export-state>h6{display:none}.export-button .export-state>span{color:#000;font:normal 12.5px/20px Inter,sans-serif;letter-spacing:-.2px;opacity:1}}@media only screen and (min-width:0px)and (max-width:800px)and (min-width:0px)and (max-width:800px){.export-button .export-state>span{font:normal 12px/16px Inter,sans-serif;letter-spacing:0}}@media only screen and (min-width:0px)and (max-width:800px){.export-button .export-state .icon{width:18px;height:18px}}.mobile-export-settings-drop .drop-menu{right:-80px!important;border-radius:20px;padding:12px}.mobile-export-progress-modal{box-shadow:none!important;background:rgba(var(--secondary),1)!important;border-radius:36px!important;display:flex;flex-direction:column;align-items:center;gap:28px;padding:40px 16px 16px}.mobile-export-progress-modal .export-display{position:relative;width:100%;max-width:70%;aspect-ratio:4/3;margin:28px 0 4px}.mobile-export-progress-modal .export-display .preview-frame{position:absolute;inset:0;max-height:100%;margin:auto;outline:solid 1px rgba(var(--primary),.12);pointer-events:none!important;border-radius:10px;overflow:hidden}.mobile-export-progress-modal .export-display .preview-frame.is-exporting:after{content:"";position:absolute;inset:0;background:rgba(var(--primary),.12);pointer-events:none;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6) 25%,hsla(0,0%,100%,.6) 75%,transparent);animation:export-effect 2s ease infinite;width:200%;transform:translateX(-100%);z-index:100;mix-blend-mode:overlay}@keyframes export-effect{to{transform:translateX(200%)}}.mobile-export-progress-modal .texts{display:flex;flex-direction:column;gap:6px;text-align:center;width:100%}.mobile-export-progress-modal .texts span{text-transform:capitalize}.mobile-export-progress-modal .progress-bar{width:100%;height:6px;background:rgba(var(--primary),.12);border-radius:4px;overflow:hidden;display:flex}.mobile-export-progress-modal .progress-bar div{height:100%;background:linear-gradient(90deg,rgba(var(--primary),.36),rgba(var(--primary),1));border-radius:inherit;transition:all .2s ease}.mobile-export-progress-modal .loader-wrapper{width:70%;height:48px;display:flex;justify-content:center;align-items:center;transform:translateY(-16px)}.mobile-export-progress-modal .linear-loader{height:6px;background:rgba(var(--primary),.12);border-radius:3px;width:100%;position:relative;overflow:hidden}.mobile-export-progress-modal .linear-loader div{position:absolute;height:100%;background:rgba(var(--primary),.6);background:linear-gradient(90deg,transparent 0,rgba(var(--primary),1) 50%,transparent 100%);border-radius:inherit;width:200%;left:-200%;animation:linear-loader 1s linear infinite}@keyframes linear-loader{to{left:100%}}.mobile-export-progress-modal .share-buttons{display:flex;gap:8px;width:100%}.mobile-export-progress-modal .share-buttons button{flex:1;background:rgba(var(--primary),.12)}.copy-button-wrapper{z-index:100;position:absolute;top:0;right:40px;width:44px;height:44px;padding:4px;cursor:pointer}@media only screen and (min-width:1280px){.copy-button-wrapper:hover .copy-button{background:rgba(0,0,0,.2)}}.copy-button-wrapper .copy-button{color:rgba(var(--secondary),1);border-radius:10px;background:rgba(0,0,0,.1);height:100%;width:100%;pointer-events:none}.copy-button-wrapper .copy-button svg{width:24px;height:24px}.export-settings-drop{z-index:100;position:absolute;top:0;right:0}@media only screen and (min-width:1280px){.export-settings-drop:hover .export-settings-btn:before{background:rgba(0,0,0,.2)}}.export-settings-drop .export-settings-btn{width:40px;height:44px;border-radius:14px;padding:0;color:#000;z-index:10}.export-settings-drop .export-settings-btn:before{content:"";position:absolute;inset:4px;left:0;border-radius:10px;z-index:-1;background:rgba(0,0,0,.1);pointer-events:none;transition:inherit}.export-settings-drop .export-settings-btn svg{width:24px;height:24px}.export-settings-drop .export-settings-btn .danger{position:absolute;right:4px;bottom:4px;width:18px;height:18px}.export-settings-drop .export-settings-btn .danger svg{width:inherit;height:inherit}.export-settings-drop .drop-menu{padding:10px 12px 12px;right:0!important;border-radius:14px;gap:12px}.export-settings-drop .drop-menu .image-format button p{font-weight:500;letter-spacing:1px}.export-settings-drop .drop-menu .image-format .mockup-details{background:rgba(255,68,68,.1)}@media only screen and (min-width:0px)and (max-width:800px){.export-settings-drop{z-index:10;background:#fff;border-radius:50px;margin-top:6px}.export-settings-drop .export-settings-btn{width:34px;height:34px;border-radius:22px}.export-settings-drop .export-settings-btn:before{display:none}.export-settings-drop .export-settings-btn svg{width:20px;height:20px}.export-settings-drop .drop-menu{padding:16px;border-radius:20px;gap:16px}}.canvas{height:100%;width:100%;overflow:hidden;border:1px solid transparent;padding:100px}.canvas>.canvas-safe-area{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.canvas .preview-frame{display:flex;border-radius:10px}.canvas .preview-frame:hover .panel-resize-handle{visibility:visible;opacity:1}@media screen and (width > 1600px){.canvas{padding:clamp(100px,3%,1000px) clamp(100px,5%,1000px)}}@media screen and (width < 1600px)and (width > 800px){.canvas{padding:clamp(88px,7%,1000px) clamp(32px,3%,1000px)}}@media screen and (width > 800px)and (width < 1280px){.canvas{padding:8% 3%}}.display-container-single{z-index:10;width:100%;height:100%}.frame{will-change:aspect-ratio,font-size,width,height,flex-direction;overflow:hidden;position:relative;display:flex;container-type:size;container-name:frame-container}.frame .frame-content{width:100%;height:100%}@container frame-container (width > 0px){.frame .frame-content{font-size:calc((100cqw + 100cqh)/150)}}.frame .frame-background-display{z-index:0;position:absolute;top:0;left:0;width:100%;height:100%}.frame .frame-background-display .frame-background{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.frame .frame-noise{background:url(https://assets.shots.so/canvas/noise2.svg);background-size:40%;background-repeat:repeat;mix-blend-mode:overlay;z-index:2}.frame .frame-blur,.frame .frame-noise{position:absolute;inset:0;pointer-events:none}.frame .frame-blur{--webkit-transform:translateZ(0);will-change:backdrop-filter,-webkit-backdrop-filter;z-index:1}.frame .lens-scene-layer{position:absolute;inset:0;z-index:12;pointer-events:none}.frame .lens-scene-backdrop-layer{position:absolute;inset:0;z-index:3;pointer-events:none}.frame .shadow-scene-layer{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9;pointer-events:none}.frame .shadow-scene-layer.is-overlay{z-index:11}.frame .shadow-scene-layer img{-o-object-fit:cover;object-fit:cover}.frame .blur-mask{position:absolute;inset:0;z-index:3;pointer-events:none;display:none}.frame .blur-mask:before{content:"";z-index:1;backdrop-filter:blur(16em);-webkit-backdrop-filter:blur(16em)}.frame .blur-mask:before,.select-layer{position:absolute;inset:0;-webkit-transform:translateZ(0)}.select-layer{border-radius:1.6em;cursor:pointer;background:rgba(0,0,0,.1);backdrop-filter:blur(4em);-webkit-backdrop-filter:blur(4em);filter:contrast(80%);-webkit-filter:contrast(80%);opacity:0;pointer-events:all;border:solid rgba(var(--primary),.36)}.select-layer:hover{opacity:1}.select-layer.mockup-select-layer{z-index:0}.select-layer.frame-select-layer{z-index:2}.select-layer.text-select-layer{z-index:0}.panel-resize-handle{z-index:10;position:relative;display:flex;justify-content:center;align-items:center;filter:contrast(80%);-webkit-filter:contrast(80%);visibility:hidden;opacity:0}.panel-resize-handle.vertical{height:0}.panel-resize-handle.vertical:after{cursor:ns-resize;width:60px;height:5px}.panel-resize-handle.horizontal{width:0}.panel-resize-handle.horizontal:after{cursor:ew-resize;min-width:5px;height:60px}.panel-resize-handle:after{content:"";background:#fff;border-radius:100px;backdrop-filter:blur(4em);-webkit-backdrop-filter:blur(4em)}.layout-modes{background:rgba(var(--panel),1)}.layout-modes button{text-transform:capitalize}.layout-panel{min-width:248px;max-width:248px;border-radius:14px;overflow:hidden;position:relative;z-index:10;width:100%;height:100%}.layout-panel .layout-filters{display:flex;gap:4px}.layout-panel .modal-view{width:100%;height:100%}.layout-panel .animation-controls-empty-state{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;gap:8px}.layout-panel.disable-panel-view{pointer-events:none;overflow:hidden;filter:grayscale(1) blur(1px);opacity:.1}.template-frame *{pointer-events:none!important}.template-frame .empty-drop *{visibility:hidden;display:none}.layout-item{position:relative;border-radius:8px;background:rgba(var(--primary),.06);cursor:pointer;overflow:hidden}@media only screen and (min-width:0px)and (max-width:800px){.layout-item{border-radius:12px}}.layout-item.text-layout-item>.frame{transform:scale(1.8)}.layout-item.active{outline-offset:4px}.layout-item .layout-frame *{pointer-events:none!important}.layout-item .layout-frame .empty-drop *{visibility:hidden;display:none}.layout-item .layout-frame .item .shadow .layer-4,.layout-item .layout-frame .item .shadow .layer-5,.layout-item .layout-frame .item .shadow .layer-6,.layout-item .layout-frame .item .shadow .layer-7,.layout-item .layout-frame .item .shadow .layer-8{display:none!important}.layout-item .layout-frame .item .shadow.shadow-soft .layer-1{--ratio:0.2}.layout-item .layout-frame .item .shadow.shadow-soft .layer-2{--ratio:1.4}.layout-item .layout-frame .item .shadow.shadow-soft .layer-3{--ratio:4.4}.layout-item .layout-frame .item .shadow.shadow-hard .layer-1{--ratio:0.1}.layout-item .layout-frame .item .shadow.shadow-hard .layer-2{--ratio:0.7}.layout-item .layout-frame .item .shadow.shadow-hard .layer-3{--ratio:2.2}.layout-item .animation-preview-info{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;z-index:5;padding:4px;mix-blend-mode:exclusion}.layout-item .animation-preview-info .animation-steps{display:flex;gap:4px;width:100%}.layout-item .animation-preview-info .animation-steps div{flex:1;height:4px;border-radius:4px;background:hsla(0,0%,100%,.4)}.layout-item .animation-preview-info .animation-steps div.is-active{background:#fff}.navbar{display:flex;align-items:center;justify-content:space-between;padding:4px;border-radius:14px;position:relative;z-index:100}@media only screen and (min-width:0px)and (max-width:800px){.navbar{margin-top:env(safe-area-inset-top,0);position:fixed;top:0;left:0;right:0;height:52px;padding:8px 12px;background:none;border-radius:0;box-shadow:none}}.navbar .mobile-menu{gap:6px!important;padding:3px 4px!important}.navbar .mobile-menu .logo{height:30px;width:auto;pointer-events:none}.navbar .mobile-menu .user-avatar{width:30px;height:30px;border-radius:50%;background:rgba(var(--primary),.12);overflow:hidden}.navbar .mobile-menu .user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.navbar .mobile-menu>svg{width:16px;height:16px;color:rgba(var(--primary),.6)}.navbar .center,.navbar .left,.navbar .right{display:flex;align-items:center;gap:6px}.navbar .left{justify-content:flex-start;flex:1}.navbar .right{justify-content:flex-end;flex:1}.navbar .update-btn{position:absolute;inset:5px;right:unset;z-index:1;gap:4px}.navbar .update-btn:before{content:"";position:absolute;inset:1px;background:rgba(var(--panel),1);border-radius:8px;z-index:0;transition:inherit}.navbar .update-btn .gradient-effect{position:absolute;width:105%;aspect-ratio:1/1;background:linear-gradient(80.18deg,#d1ccdd,#c893e1 25%,#eb47a7 50%,#f94a73 75%,#fb7a53);animation:gradientEffect 2s linear infinite;z-index:-1}.navbar .update-btn>*{z-index:1}.navbar .update-btn>svg{width:14px;height:14px;animation:arrow 2s ease infinite}.navbar .update-btn:hover:before{opacity:.3}@keyframes gradientEffect{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes arrow{50%{transform:translateX(3px)}}.mock-orientation-switch{width:100%}.mock-orientation-buttons{display:flex;margin:0 auto}.mock-style-tag{position:absolute;bottom:4px;right:4px;padding:1px 3px!important;font-weight:600!important;background:rgba(var(--panel-active),1);background:none;color:rgba(var(--primary),1);opacity:.4}.mockup-layout-popover .bottom-head{position:absolute;inset:0;top:unset;z-index:1;background:linear-gradient(180deg,rgba(var(--panel),0) 0,rgba(var(--panel),1) 70%);padding:15px 5px 5px}.mock-browser-window-button .window-preview{width:90%;height:60%;position:relative}.mock-browser-window-button .window-preview>div{background:rgba(var(--primary),.36);position:absolute;inset:20%;max-height:100%;margin:auto;border-radius:3px}@media only screen and (min-width:0px)and (max-width:800px){.mock-browser-window-button{width:60px!important}}.mock-browser-address-bar{display:flex;align-items:center;gap:8px}.mock-browser-address-bar .input-text{width:100%}.mock-browser-icon-button .preview-image{position:absolute;inset:0;z-index:0}.mock-browser-icon-button .preview-image:before{content:"";position:absolute;inset:0;background:rgba(var(--panel-dim),.5)}.mock-browser-icon-button .preview-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.mock-browser-icon-button svg{z-index:1}.drag-pad{width:100%;max-width:224px;aspect-ratio:1/1;position:relative;background:rgba(var(--panel-dim),1);border-radius:22px;overflow:hidden}.drag-pad .drag-handle{width:44.8px;max-width:44.8px;aspect-ratio:1/1;border-radius:100px;background:rgba(var(--panel-active),1);position:absolute;cursor:grab;z-index:2}.drag-pad .axis-lock{position:absolute;background:rgba(var(--primary),.12);z-index:1}.drag-pad .axis-lock.x-axis-lock{opacity:1;height:1px;width:224px}.drag-pad .axis-lock.y-axis-lock{opacity:1;height:224px;width:1px}.drag-pad .activePad{border:1px solid rgba(var(--primary),.1);box-shadow:inset 0 0 2px rgba(var(--primary),.05);transition:border .2s ease,box-shadow .3s ease}.drag-pad.drag-disable{pointer-events:none;opacity:.5}@media only screen and (min-width:1280px){.drag-pad .drag-grid-tile{opacity:0}.drag-pad:hover .drag-grid-tile{opacity:1}}@media only screen and (min-width:0px)and (max-width:800px){.drag-pad{align-self:center;max-width:188px;border-radius:14px}.drag-pad .drag-handle{width:37.6px}}.drag-grid-tile{position:relative;height:100%;overflow:hidden;border-radius:inherit;display:flex}.drag-grid-tile .preset-col{flex:1;display:flex;flex-direction:column}.drag-grid-tile .preset-button{flex:1;padding:2px}.drag-grid-tile .preset-button .tile{width:100%;height:100%;border-radius:100px!important;border:1px solid rgba(var(--primary),.06)}.drag-grid-tile .preset-button .tile:hover{cursor:pointer;background:rgba(var(--primary),.06)}.drag-grid-tile .preset-button .tile.is-active{opacity:1;background:rgba(var(--panel-active),1)}.drag-grid-tile .preset-button .tile.is-active:hover{opacity:1}.mockup-shadow-pad .drag-handle{border-radius:50%}.mockup-details{background:rgba(var(--panel-dim),1);display:flex;flex-direction:column;padding:12px;gap:6px;border-radius:10px}.mockup-details .row{display:flex;justify-content:space-between;align-items:center}.mockup-details .row span{color:rgba(var(--primary),.6)}@media only screen and (min-width:0px)and (max-width:800px){.mockup-details{padding:16px;gap:8px;border-radius:12px}}.frame-layout-control .layout-item{width:108px}.custom-back-btn .icon{width:24px!important;height:24px!important;color:rgba(var(--primary),1)!important}.custom-back-btn .color-picker-preview{width:24px;height:24px;border-radius:50%;outline:solid 1px rgba(var(--primary),.12);outline-offset:-1px}.custom-back-btn .image-picker-preview{width:60%;height:60%;border-radius:6px;overflow:hidden;outline:solid 1px rgba(var(--primary),.12);outline-offset:-1px}.custom-back-btn .image-picker-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.custom-back-btn2{width:100%;position:relative;border-radius:10px;padding:10px 0 6px;flex-direction:column;justify-content:flex-start;gap:6px;background:rgba(var(--panel-dim),1);overflow:hidden;font:normal 11px/14px Inter,sans-serif;letter-spacing:-.2px}@media only screen and (min-width:0px)and (max-width:800px){.custom-back-btn2{font:normal 10.5px/13px Inter,sans-serif;letter-spacing:.3px}}.custom-back-btn2 .icon{width:24px;height:24px}.custom-back-btn2 .icon svg{width:inherit;height:inherit}.custom-back-btn2.transparent-btn{letter-spacing:-.6px!important}.custom-back-btn2.color-picker-btn .icon{border-radius:20px;outline:solid 1px rgba(var(--primary),.12);outline-offset:-1px}.custom-back-btn2.image-picker-btn .icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px;overflow:hidden;outline:solid 1px rgba(var(--primary),.12);outline-offset:-1px}@media only screen and (min-width:0px)and (max-width:800px){.custom-back-btn2{border-radius:14px;padding:16px 4px 12px}}.custom-color-recent{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.custom-color-recent li{width:100%;aspect-ratio:1/1;border-radius:50%;cursor:pointer}.custom-image-recent{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.custom-image-recent li{aspect-ratio:3/2;border-radius:8px;overflow:hidden;cursor:pointer}.custom-image-recent li img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.magic-backs{gap:12px}.magic-backs .title{display:flex;gap:4px;align-items:center;color:rgba(var(--primary),1);z-index:1}.magic-backs .title svg{width:16px;height:16px}.magic-backs .title span{color:rgba(var(--primary),.36);text-transform:capitalize;padding:1px 3px;outline:solid 1px rgba(var(--primary),.12);border-radius:4px;margin-left:4px;font:normal 11px/14px Inter,sans-serif;letter-spacing:-.2px}@media only screen and (min-width:0px)and (max-width:800px){.magic-backs .title span{font:normal 10.5px/13px Inter,sans-serif;letter-spacing:.3px}}.magic-backs-empty-state{position:relative;z-index:0}.magic-backs-empty-state .empty-state{display:flex;margin-top:-28px}.magic-backs-empty-state .empty-state .footnote{flex:1;margin-top:26px;color:rgba(var(--primary),.36)}.magic-backs-empty-state .empty-state .previews{display:flex;flex-direction:column;padding:0 8px 10px 20px}.magic-backs-empty-state .empty-state .previews .preview-image{width:60px;aspect-ratio:4/3;background:rgba(var(--panel-dim),1);border-radius:8px;-o-object-fit:cover;object-fit:cover;box-shadow:0 2px 4px rgba(0,0,0,.6);outline:solid 1px rgba(var(--background),.8);outline-offset:-1px}.magic-backs-empty-state .empty-state .previews .preview-image:first-child{transform:rotate(-5deg) translateX(-15px);margin-top:-4px}.magic-backs-empty-state .empty-state .previews .preview-image:nth-child(2){transform:rotate(5deg);margin-top:-18px}@media only screen and (min-width:1280px){.magic-backs-empty-state .empty-state .previews:hover .preview-image:first-child{transform:rotate(-7deg) translate3d(-20px,-5px,0) scale(1.2)}.magic-backs-empty-state .empty-state .previews:hover .preview-image:nth-child(2){transform:rotate(7deg) translate3d(5px,5px,0) scale(1.2)}}@media only screen and (min-width:0px)and (max-width:800px){.magic-backs-empty-state .empty-state{margin-top:0;flex-direction:column-reverse;align-items:center;padding-bottom:16px;gap:8px}.magic-backs-empty-state .empty-state .footnote{font:500 14px/20px Inter,sans-serif;letter-spacing:-.4px;color:rgba(var(--primary),1);margin-top:0;text-align:center}}@media only screen and (min-width:0px)and (max-width:800px)and (min-width:0px)and (max-width:800px){.magic-backs-empty-state .empty-state .footnote{font:normal 14.5px/20px Inter,sans-serif;letter-spacing:0}}@media only screen and (min-width:0px)and (max-width:800px){.magic-backs-empty-state .empty-state .previews{display:flex;align-items:flex-start;padding:10px}.magic-backs-empty-state .empty-state .previews .preview-image{width:70px;border-radius:10px}.magic-backs-empty-state .empty-state .previews .preview-image:first-child{transform:rotate(-15deg) translate3d(-5px,-10px,0)}.magic-backs-empty-state .empty-state .previews .preview-image:nth-child(2){transform:rotate(-5deg) translate3d(0,25px,0);margin-left:-40px}.magic-backs-empty-state .empty-state .previews .preview-image:nth-child(3){transform:rotate(5deg) translate3d(0,10px,0);margin-left:-20px}}.magic-backs-empty-state .loading-state{display:flex;flex-direction:column;gap:4px;text-align:center}.magic-backs-empty-state .loading-state .h6{text-wrap:balance}.magic-backs-empty-state .loading-state .graphic{display:flex;justify-content:center;align-items:center;gap:16px;height:80px}.magic-backs-empty-state .loading-state .graphic .loading-item{position:relative}.magic-backs-empty-state .loading-state .graphic .loading-item img{width:56px;aspect-ratio:1/1;border-radius:8px;-o-object-fit:cover;object-fit:cover;box-shadow:0 2px 4px rgba(0,0,0,.6);background:rgba(var(--panel),1)}.magic-backs-empty-state .loading-state .graphic .loading-item .pallet{position:absolute;left:8px;bottom:-4px;border-radius:4px;height:16px;width:56px;display:flex;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.6);transform:rotate(-8deg)}.magic-backs-empty-state .loading-state .graphic .loading-item .pallet div{height:100%;flex:1}.magic-backs-empty-state .loading-state .graphic .loading-item .effect{position:absolute;inset:-2px;z-index:-1;border-radius:10px;overflow:hidden}.magic-backs-empty-state .loading-state .graphic .loading-item .effect div{position:absolute;inset:-40%;animation:generateAnim 1s linear infinite;background:conic-gradient(from 180deg at 50% 50%,rgba(var(--panel),1) 0deg,hsla(0,0%,100%,.8) 180deg,rgba(var(--panel),1) 1turn);background:conic-gradient(from 180deg at 50% 50.28%,transparent -133.13deg,transparent 131.25deg,rgba(var(--primary),1) 178.12deg,transparent 226.87deg,transparent 491.25deg)}@keyframes generateAnim{to{transform:rotate(1turn)}}.magic-backs-empty-state .visual{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:-24px;z-index:-1}.magic-backs-empty-state .visual div{aspect-ratio:4/3;border-radius:8px;background:rgba(var(--primary),.06)}.magic-backs-empty-state .visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--panel),1) 0,transparent 100%);z-index:1}@media only screen and (min-width:0px)and (max-width:800px){.magic-backs-empty-state .visual{display:flex;overflow:hidden}.magic-backs-empty-state .visual div{min-width:52px;aspect-ratio:2/3}.magic-backs-empty-state .visual:before{background:linear-gradient(-90deg,rgba(var(--background),1) 0,transparent 40%),linear-gradient(90deg,rgba(var(--background),1) 0,transparent 40%)}}.magic-backs-empty-state.is-empty .visual{position:absolute;left:0;right:0;bottom:0}.magic-backs-empty-state.is-loading .visual div{background:rgba(var(--primary),.12);border-color:rgba(var(--primary),.12);opacity:0;animation:visualAnim .8s linear infinite alternate}.magic-backs-empty-state.is-loading .visual div:first-child{animation-delay:.1s}.magic-backs-empty-state.is-loading .visual div:nth-child(2){animation-delay:.2s}.magic-backs-empty-state.is-loading .visual div:nth-child(3){animation-delay:.3s}.magic-backs-empty-state.is-loading .visual div:nth-child(4){animation-delay:.4s}.magic-backs-empty-state.is-loading .visual div:nth-child(5){animation-delay:.5s}.magic-backs-empty-state.is-loading .visual div:nth-child(6){animation-delay:.6s}.magic-backs-empty-state.is-loading .visual div:nth-child(7){animation-delay:.7s}.magic-backs-empty-state.is-loading .visual div:nth-child(8){animation-delay:.8s}@keyframes visualAnim{to{opacity:1}}.unsplash-control-modal .v-stack{height:100%;transform:translateZ(0)}.unsplash-control-modal .unsplash-control .search-bar{padding:16px}.unsplash-control-popover .v-stack{height:100%;transform:translateZ(0)}.unsplash-control-popover .unsplash-control .search-bar{padding:12px}.unsplash-control{display:flex;flex-direction:column;gap:12px;position:relative;height:100%}.unsplash-control .search-bar{top:0;right:0;left:0;position:fixed;display:flex;gap:4px;z-index:10;background:linear-gradient(rgba(var(--panel),1) 50%,transparent 100%),linear-gradient(rgba(var(--panel),1) 50%,transparent 100%)}.unsplash-control .search-bar .input-box{flex:1}.unsplash-control .initial-state{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;flex:1}.unsplash-control .initial-state>svg{margin:32px 0;width:50%;color:rgba(var(--primary),.12)}.unsplash-control .initial-state .suggest-buttons{display:flex;flex-flow:row wrap;justify-content:center;gap:8px}.backpack{display:flex;flex-direction:column;gap:12px}.backpack .title{display:flex;gap:6px;align-items:center;position:relative;margin-top:8px}.backpack .title .expand-btn{position:absolute;right:0;width:-moz-max-content;width:max-content}.backpack .expand-btn{width:100%;grid-column-start:1;color:rgba(var(--primary),.36);padding:9px;border-radius:6px}.backpack .expand-btn:hover{background:rgba(var(--primary),.06);color:rgba(var(--primary),.6)}.backpack .expand-btn svg{width:14px;height:14px;transition:inherit}.backpack .expand-btn.expanded svg{transform:rotate(180deg)}.backpack .backpack-colors-list{display:grid}.backpack .backpack-colors-list .gradient-list,.backpack .backpack-colors-list.image-list{grid-template-columns:repeat(3,1fr);gap:7px}.backpack .backpack-colors-list.unsplash-list{grid-template-columns:repeat(2,1fr);gap:7px}.backpack .backpack-colors-list.solid-list{grid-template-columns:repeat(6,1fr);gap:8px}.backpack .backpack-colors-list.magic-list{display:flex;flex-wrap:wrap;gap:7px}.backpack .backpack-colors-list.magic-list>*{flex-basis:calc(25% - 5.25px);order:4}.backpack .backpack-colors-list.magic-list>:first-child{order:0}.backpack .backpack-colors-list.magic-list>:nth-child(2){order:1}.backpack .backpack-colors-list.magic-list>:nth-child(3){order:2}.backpack .backpack-colors-list.magic-list .expand-btn{border-radius:8px;aspect-ratio:4/3;order:3!important}.backpack .backpack-colors-list.magic-list .gradient-item,.backpack .backpack-colors-list.magic-list .magic-image-item,.backpack .backpack-colors-list.magic-list .magic-unsplash-item,.backpack .backpack-colors-list.magic-list .mesh-item,.backpack .backpack-colors-list.magic-list .solid-item{aspect-ratio:4/3}.backpack .backpack-colors-list.magic-list .gradient-item .display,.backpack .backpack-colors-list.magic-list .magic-image-item .display,.backpack .backpack-colors-list.magic-list .magic-unsplash-item .display,.backpack .backpack-colors-list.magic-list .mesh-item .display,.backpack .backpack-colors-list.magic-list .solid-item .display{border-radius:8px}.backpack .backpack-colors-list.magic-list .magic-image-item .display{position:relative;width:100%;height:100%}.mesh-display{width:100%;height:100%}.mesh-display,.mesh-display:after{border-radius:inherit;overflow:hidden}.mesh-display:after{content:"";position:absolute;inset:0;z-index:1;backdrop-filter:blur(6em);-webkit-backdrop-filter:blur(6em)}.mesh-display>div{width:100%;height:100%}.gradient-item,.image-item,.magic-image-item,.magic-unsplash-item,.mesh-item,.solid-item,.text-color-item{position:relative;width:100%;overflow:visible}.gradient-item:hover,.image-item:hover,.magic-image-item:hover,.magic-unsplash-item:hover,.mesh-item:hover,.solid-item:hover,.text-color-item:hover{background:none}.gradient-item:hover .link-label,.image-item:hover .link-label,.magic-image-item:hover .link-label,.magic-unsplash-item:hover .link-label,.mesh-item:hover .link-label,.solid-item:hover .link-label,.text-color-item:hover .link-label{visibility:visible;opacity:1}.gradient-item .link-label,.image-item .link-label,.magic-image-item .link-label,.magic-unsplash-item .link-label,.mesh-item .link-label,.solid-item .link-label,.text-color-item .link-label{position:absolute;inset:3px;top:unset;z-index:1;font-size:8px;padding:2px 4px;border-radius:4px;text-align:left;background:rgba(var(--background),.8);color:rgba(var(--primary),1);visibility:hidden;opacity:0}.gradient-item .display,.image-item .display,.magic-image-item .display,.magic-unsplash-item .display,.mesh-item .display,.solid-item .display,.text-color-item .display{position:relative;width:100%;height:100%;overflow:hidden}.gradient-item .display>div,.image-item .display>div,.magic-image-item .display>div,.magic-unsplash-item .display>div,.mesh-item .display>div,.solid-item .display>div,.text-color-item .display>div{width:100%;height:100%}.gradient-item .display:after,.image-item .display:after,.magic-image-item .display:after,.magic-unsplash-item .display:after,.mesh-item .display:after,.solid-item .display:after,.text-color-item .display:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(var(--primary),.12);border-radius:inherit;z-index:3}.gradient-item.image-item,.gradient-item.magic-unsplash-item,.image-item.image-item,.image-item.magic-unsplash-item,.magic-image-item.image-item,.magic-image-item.magic-unsplash-item,.magic-unsplash-item.image-item,.magic-unsplash-item.magic-unsplash-item,.mesh-item.image-item,.mesh-item.magic-unsplash-item,.solid-item.image-item,.solid-item.magic-unsplash-item,.text-color-item.image-item,.text-color-item.magic-unsplash-item{aspect-ratio:4/3}.gradient-item.image-item .display,.gradient-item.magic-unsplash-item .display,.image-item.image-item .display,.image-item.magic-unsplash-item .display,.magic-image-item.image-item .display,.magic-image-item.magic-unsplash-item .display,.magic-unsplash-item.image-item .display,.magic-unsplash-item.magic-unsplash-item .display,.mesh-item.image-item .display,.mesh-item.magic-unsplash-item .display,.solid-item.image-item .display,.solid-item.magic-unsplash-item .display,.text-color-item.image-item .display,.text-color-item.magic-unsplash-item .display{border-radius:9px}.gradient-item.image-item .display img,.gradient-item.magic-unsplash-item .display img,.image-item.image-item .display img,.image-item.magic-unsplash-item .display img,.magic-image-item.image-item .display img,.magic-image-item.magic-unsplash-item .display img,.magic-unsplash-item.image-item .display img,.magic-unsplash-item.magic-unsplash-item .display img,.mesh-item.image-item .display img,.mesh-item.magic-unsplash-item .display img,.solid-item.image-item .display img,.solid-item.magic-unsplash-item .display img,.text-color-item.image-item .display img,.text-color-item.magic-unsplash-item .display img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gradient-item.gradient-item,.image-item.gradient-item,.magic-image-item.gradient-item,.magic-unsplash-item.gradient-item,.mesh-item.gradient-item,.solid-item.gradient-item,.text-color-item.gradient-item{aspect-ratio:18/9}.gradient-item.gradient-item .display,.image-item.gradient-item .display,.magic-image-item.gradient-item .display,.magic-unsplash-item.gradient-item .display,.mesh-item.gradient-item .display,.solid-item.gradient-item .display,.text-color-item.gradient-item .display{border-radius:9px}.gradient-item.solid-item,.image-item.solid-item,.magic-image-item.solid-item,.magic-unsplash-item.solid-item,.mesh-item.solid-item,.solid-item.solid-item,.text-color-item.solid-item{aspect-ratio:1/1}.gradient-item.solid-item .display,.image-item.solid-item .display,.magic-image-item.solid-item .display,.magic-unsplash-item.solid-item .display,.mesh-item.solid-item .display,.solid-item.solid-item .display,.text-color-item.solid-item .display{border-radius:40px}.gradient-item.mesh-item .shuffle-button,.image-item.mesh-item .shuffle-button,.magic-image-item.mesh-item .shuffle-button,.magic-unsplash-item.mesh-item .shuffle-button,.mesh-item.mesh-item .shuffle-button,.solid-item.mesh-item .shuffle-button,.text-color-item.mesh-item .shuffle-button{position:absolute;width:100%;z-index:10;inset:0;background:rgba(var(--secondary),.3)}.gradient-item.mesh-item .display,.image-item.mesh-item .display,.magic-image-item.mesh-item .display,.magic-unsplash-item.mesh-item .display,.mesh-item.mesh-item .display,.solid-item.mesh-item .display,.text-color-item.mesh-item .display{position:relative;cursor:pointer}.magic-unsplash-display{position:absolute;inset:0;overflow:hidden}.magic-unsplash-display img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.1)}.magic-unsplash-display:after{content:"";background:inherit;z-index:1;backdrop-filter:blur(10em);-webkit-backdrop-filter:blur(10em);-webkit-transform:translateZ(0)}.magic-image-display,.magic-unsplash-display:after{position:absolute;inset:0;overflow:hidden}.magic-image-display img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.2);-webkit-transform:scale(1.2);filter:blur(10em);-webkit-filter:blur(10em);-webkit-transform:translateZ(0)}.magic-image-display:after{content:"";background:inherit;position:absolute;inset:0;z-index:1;opacity:.5}.magic-image-display.style-1:after{display:none}.magic-image-display.style-2:after{mix-blend-mode:overlay;opacity:.5}.magic-pallet{display:flex;flex-direction:column;gap:4px}.magic-pallet .footnote{text-align:center;font-size:10px}.magic-pallet .pallet-colors{display:flex;padding:3px;gap:3px;background:rgba(var(--panel-dim),1);border-radius:8px}.magic-pallet .pallet-colors .pallet-color-item{flex:1;height:28px;border-radius:5px;position:relative;overflow:hidden;cursor:pointer}@media only screen and (min-width:1280px){.magic-pallet .pallet-colors .pallet-color-item:hover .icon-overlay{background:rgba(0,0,0,.3)}.magic-pallet .pallet-colors .pallet-color-item:hover .icon-overlay svg{opacity:1}}.magic-pallet .pallet-colors .pallet-color-item:active .icon-overlay svg{transform:scale(.7);transition:inherit}.magic-pallet .pallet-colors .pallet-color-item .color-layer,.magic-pallet .pallet-colors .pallet-color-item .icon-overlay,.magic-pallet .pallet-colors .pallet-color-item:after{position:absolute;inset:0;transition:inherit}.magic-pallet .pallet-colors .pallet-color-item .color-layer{z-index:0}.magic-pallet .pallet-colors .pallet-color-item .icon-overlay{display:grid;place-items:center;z-index:1}.magic-pallet .pallet-colors .pallet-color-item .icon-overlay svg{color:hsla(0,0%,100%,.7);width:15px;height:15px;opacity:0}.magic-pallet .pallet-colors .pallet-color-item:after{content:"";box-shadow:inset 0 0 0 1px rgba(var(--primary),.12);border-radius:inherit;z-index:3}.magic-pallet .pallet-colors .pallet-color-item.pallet-color-disabled{transform:scaleY(.8) scaleX(.9)}.magic-pallet .pallet-colors .pallet-color-item.pallet-color-disabled .color-layer{opacity:.4}.magic-pallet .pallet-colors .pallet-color-item.pallet-color-disabled .icon-overlay{background:rgba(var(--primary),.06)}.magic-pallet .pallet-colors .pallet-color-item.pallet-color-disabled .icon-overlay svg{transform:rotate(-135deg)}.magic-pallet .pallet-colors .pallet-color-item.pallet-color-disabled:active .icon-overlay svg{transform:scale(.7) rotate(-135deg);transition:inherit}@media only screen and (min-width:0px)and (max-width:800px){.magic-pallet{border-bottom:1px solid rgba(var(--primary),.06);padding-bottom:10px}.magic-pallet .pallet-colors{padding:4px;gap:4px;border-radius:14px}.magic-pallet .pallet-colors .pallet-color-item{height:32px;border-radius:5px}.magic-pallet .pallet-colors .pallet-color-item:first-child{border-radius:10px 5px 5px 10px}.magic-pallet .pallet-colors .pallet-color-item:last-child{border-radius:5px 10px 10px 5px}}.magic-pallet-previews{display:flex;flex-wrap:wrap;gap:4px;padding-right:48px}@media only screen and (min-width:0px)and (max-width:800px){.magic-pallet-previews{justify-content:center;padding-right:0}}.magic-pallet-previews .pallet-preview-item{border-radius:3px;min-width:-moz-max-content;min-width:max-content;position:relative;transform-origin:left center;cursor:pointer;padding:4px}@media only screen and (min-width:1280px){.magic-pallet-previews .pallet-preview-item:hover{transform:scale(2.2);z-index:5}.magic-pallet-previews .pallet-preview-item:hover .colors-wrapper{outline-offset:1.5px;outline-width:1px!important;box-shadow:0 0 12px 6px rgba(var(--panel-dim),1)}.magic-pallet-previews .pallet-preview-item:hover .src-image{visibility:visible;opacity:1}}.magic-pallet-previews .pallet-preview-item .colors-wrapper{position:relative;display:flex;border-radius:inherit;overflow:hidden;transition:inherit}.magic-pallet-previews .pallet-preview-item .colors-wrapper:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(var(--primary),.12)}.magic-pallet-previews .pallet-preview-item .colors-wrapper .pallet-color{aspect-ratio:4/5;min-width:8px}.magic-pallet-previews .pallet-preview-item .src-image{position:absolute;overflow:hidden;bottom:110%;left:0;right:0;margin:0 auto;width:28px;border-radius:3px;visibility:hidden;opacity:0;pointer-events:none;transition:inherit;z-index:-1}.magic-pallet-previews .pallet-preview-item .src-image img{width:100%}.active-pallet{display:none;flex-direction:column;gap:8px}.active-pallet.is-visible{display:flex}.active-pallet .magic-pallet{margin-bottom:8px}.welcome-modal{background:rgba(var(--panel),1);overflow-y:auto;position:relative;z-index:99999999999}.welcome-modal section{display:flex;flex-direction:column;width:100%;padding:32px;gap:32px}.welcome-modal .description{align-items:center;text-align:center;gap:16px}.welcome-modal .description p{max-width:800px}@media only screen and (min-width:0px)and (max-width:800px){.welcome-modal .description{margin:16px 0}.welcome-modal .description p{font:500 17px/24px Inter,sans-serif;letter-spacing:-.6px}}@media only screen and (min-width:0px)and (max-width:800px)and (min-width:0px)and (max-width:800px){.welcome-modal .description p{font:500 17px/22px Inter,sans-serif;letter-spacing:-.35px}}.welcome-modal .main-cards .cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.welcome-modal .small-cards-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media only screen and (min-width:0px)and (max-width:800px){.welcome-modal{width:100vw!important;max-width:unset!important;height:100%!important;max-height:unset!important;border-radius:0!important;background:rgba(var(--background),1);box-shadow:none}.welcome-modal section{padding:16px;gap:32px}.welcome-modal .main-cards .cards{flex-direction:column;flex-wrap:nowrap;gap:16px}}.welcome-modal .head{padding-top:48px;align-items:center;text-align:center;gap:16px}.welcome-modal .head .logo{display:flex;align-items:center;gap:16px}.welcome-modal .head .logo img{height:48px}.welcome-modal .head .logo h4{font:500 34px/40px Inter,sans-serif;letter-spacing:-.8px}.welcome-modal .head .logo .app-stage-tag{transform:scale(1.3)}.welcome-modal .head p{color:rgba(var(--primary),.6);font:400 18px/28px Inter,sans-serif}.welcome-modal .head h1{font:500 56px/68px Inter,sans-serif;letter-spacing:-1.4px}@media only screen and (min-width:0px)and (max-width:800px){.welcome-modal .head h1{font:500 40px/48px Inter,sans-serif;letter-spacing:-.8px}}.welcome-modal .start-btn{margin-top:16px;position:relative;padding:16px;min-width:180px;color:#fff;font:500 16px/20px Inter,sans-serif;letter-spacing:-.4px;border-radius:100px;overflow:hidden;cursor:pointer}.welcome-modal .start-btn:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;filter:blur(12px) saturate(200%);-webkit-filter:blur(12px) saturate(200%);-webkit-transform:translateZ(0);background:inherit;background-position:inherit;background-size:inherit;animation:inherit;opacity:.5;transform:translateY(6px)}.welcome-modal .previews{gap:10px;overflow:hidden;position:relative;padding:40px 0}.welcome-modal .previews .row{height:200px;display:flex;overflow:hidden;width:100%}.welcome-modal .previews .row .list{display:flex;gap:10px;transform:translateX(-50%);animation:slide 40s linear infinite alternate}@keyframes slide{to{transform:translate3d(-50%,0,0)}}.welcome-modal .previews .preview-image{height:100%;border-radius:10px;overflow:hidden;position:relative}.welcome-modal .previews .preview-image>img{height:100%}.welcome-modal .previews .preview-image span{position:absolute;z-index:20;top:0;left:0;background:#000}@media only screen and (min-width:0px)and (max-width:800px){.welcome-modal .previews{gap:8px}.welcome-modal .previews .row{height:140px}.welcome-modal .previews .row .list{gap:8px}.welcome-modal .previews .preview-image{border-radius:8px}}.welcome-modal .feature-card{display:flex;flex-direction:column;background:#000;border-radius:24px;height:640px;overflow:hidden;position:relative}.welcome-modal .feature-card.reverse{flex-direction:column-reverse}.welcome-modal .feature-card.reverse .details{padding:16px 24px 48px}.welcome-modal .feature-card .image-wrapper{height:100%;width:100%;background-size:100%;overflow:hidden;z-index:1}.welcome-modal .feature-card .image-wrapper img,.welcome-modal .feature-card .image-wrapper video{height:100%;width:100%;-o-object-fit:contain;object-fit:contain}.welcome-modal .feature-card .details{gap:8px;padding:48px 24px 16px;color:#fff;z-index:1}.welcome-modal .feature-card .details p{max-width:400px;opacity:.6}.welcome-modal .feature-card .background{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(90%);-webkit-filter:brightness(90%);-webkit-transform:translateZ(0)}.welcome-modal .feature-card:first-child{flex:calc(64% - 8px)}.welcome-modal .feature-card:nth-child(2){flex:calc(36% - 8px)}.welcome-modal .feature-card:nth-child(2) img{-o-object-position:bottom right;object-position:bottom right}.welcome-modal .feature-card:nth-child(3){flex:100%;height:480px;padding-right:16px;flex-direction:row-reverse}.welcome-modal .feature-card:nth-child(3) video{margin:5% 5% 0 0;height:90%;width:auto;float:right;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.6)}.welcome-modal .feature-card:nth-child(4){flex:calc(36% - 8px)}.welcome-modal .feature-card:nth-child(4) img{-o-object-position:top right;object-position:top right}.welcome-modal .feature-card:nth-child(5){flex:calc(64% - 8px)}@media only screen and (min-width:0px)and (max-width:800px){.welcome-modal .feature-card{height:-moz-max-content;height:max-content;flex:unset!important;border-radius:20px}.welcome-modal .feature-card.reverse .details{padding:10px 20px 30px}.welcome-modal .feature-card .details{padding:30px 20px 10px}.welcome-modal .feature-card:first-child{aspect-ratio:9/10}.welcome-modal .feature-card:nth-child(2){aspect-ratio:2/3}.welcome-modal .feature-card:nth-child(2) .image-wrapper{margin-top:-40%}.welcome-modal .feature-card:nth-child(3){height:320px}.welcome-modal .feature-card:nth-child(3) video{margin:5% 5% 0 0;height:90%;border-radius:10px}.welcome-modal .feature-card:nth-child(4){aspect-ratio:2/3}.welcome-modal .feature-card:nth-child(4) .image-wrapper{margin-bottom:-40%}.welcome-modal .feature-card:nth-child(5){aspect-ratio:9/10}}.small-feature-card{background:rgba(var(--secondary),1);border-radius:24px;overflow:hidden;aspect-ratio:1/1;text-align:center;padding:20px}.about{text-align:center;align-items:center}.about .members-list{display:flex;gap:32px}.about .members-list .member{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px}.about .members-list .member:hover button{color:#45a1ee}.about .members-list .member:hover>span{opacity:.5}.about .members-list .member>span{color:rgba(var(--primary),1);opacity:.3;font:500 36px/36px Comforter Brush,cursive}.about .members-list .member button{color:rgba(var(--primary),.36)}@keyframes gradient{0%{background-position:0 100%}25%{background-position:25% 50%}50%{background-position:50% 25%}75%{background-position:75% 0}to{background-position:100% 50%}}.feedback-modal .reactions{padding:24px 24px 0}.feedback-modal .reactions .reactions-list{display:flex;gap:6px;margin:20px 0}.feedback-modal .reactions .reactions-list .reaction-item{flex:1;aspect-ratio:1/1;background:rgba(var(--primary),.06);border-radius:50%}.feedback-modal .reactions .reactions-list .reaction-item.is-active{background:rgba(var(--primary),1)}.feedback-modal .message{padding:12px}.feedback-modal .message .multiline-input{min-height:200px}.feedback-modal .message button{margin-top:12px}.verify,.verify-card,.verify-card>.form{display:flex;flex-direction:column;align-items:center;justify-content:center}.verify{width:100vw;height:100vh;background:rgba(var(--background),1);gap:12px}.verify .verify-card{background:rgba(var(--primary),.06);gap:28px;padding:28px;border-radius:24px;border:1px solid rgba(var(--primary),.06);max-width:380px}.verify .verify-card .details{text-align:center}.verify .verify-card .details p{margin-top:12px}.verify .verify-card .form{align-self:stretch;align-items:stretch;gap:16px}.verify .verify-card .form input{padding:12px;text-align:center;border-radius:12px}.verify .cta-card>*{width:100%}.verify .cta-card .details h4{color:#1da1f2}.verify .cta-card .details p{margin-top:6px}.verify .cta-card button{color:#1da1f2;background:rgba(29,161,242,.1)}.shots-admin{padding:16px 16px 100px;background:rgba(var(--panel-dim),1);width:100vw;height:100vh;overflow-y:auto;display:flex;flex-direction:column-reverse}.shots-admin .shots-admin-tabs{display:flex;gap:4px;position:fixed;bottom:20px;left:0;right:0;margin:0 auto;width:-moz-max-content;width:max-content;z-index:10;background:rgba(var(--panel),1);padding:4px;border-radius:100px;box-shadow:0 5px 20px rgba(0,0,0,.5)}.shots-admin .head{position:fixed;inset:0;bottom:unset;padding:20px;gap:8px;display:flex;align-items:flex-start;justify-content:space-between;z-index:10;background:linear-gradient(rgba(var(--panel-dim),1) 0,transparent 100%)}.shots-admin .head .actions{display:flex;align-items:center;gap:8px}.shots-admin .head h1{font:500 28px/38px Inter,sans-serif;letter-spacing:-1px}@media only screen and (min-width:0px)and (max-width:800px){.shots-admin .head h1{font:500 27px/34px Inter,sans-serif;letter-spacing:-.9px}}.shots-admin .download-feedbacks{display:flex;gap:10px;align-items:center;margin-top:16px}.shots-admin .download-feedbacks input{text-align:center}.shots-admin .feedback-messages{gap:32px}.shots-admin .feedback-messages .v-stack{width:100%;margin:0 auto;max-width:800px;display:flex;flex-direction:column-reverse}.shots-admin .system-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding-top:80px}.shots-admin .system-tab .devices-list{width:100%;max-width:560px;gap:20px}.shots-admin .system-tab .devices-list .device{gap:20px;background:rgba(var(--panel),1);padding:20px;border-radius:24px}.shots-admin .system-tab .devices-list .device>.caption{margin-top:-16px}.shots-admin .system-tab .devices-list .device .stats{gap:8px}.shots-admin .system-tab .devices-list .device .task{display:flex;align-items:center;justify-content:space-between}.shots-admin .generated-images{display:flex;flex-wrap:wrap-reverse;gap:4px}.shots-admin .generated-images .top{display:flex;justify-content:center;flex-basis:100%;margin:16px 0 32px}.shots-admin .generated-images .admin-generated-item{flex:1 240px;background:rgba(var(--primary),.06);aspect-ratio:1/1;border-radius:10px;position:relative;overflow:hidden}.shots-admin .generated-images .admin-generated-item .hover-details{visibility:hidden;position:absolute;inset:0;z-index:2;background:rgba(var(--background),.8);display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:inherit}.shots-admin .generated-images .admin-generated-item .hover-details button{position:absolute;width:unset;bottom:16px;right:16px;left:16px}.shots-admin .generated-images .admin-generated-item:hover .hover-details{visibility:visible}.info-items-stack{display:flex;flex-wrap:wrap;gap:8px}.info-item{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;border-radius:24px;background:rgba(var(--primary),.06)}.admin-feedback-item{position:relative;width:100%;gap:12px;padding:20px 0;border-top:1px solid rgba(var(--primary),.06)}.admin-feedback-item .item{flex:1;display:flex;align-items:flex-start;gap:20px}.admin-feedback-item .item .message{padding:8px 60px 8px 12px;border-radius:20px;background:rgba(var(--panel-active),1);width:-moz-max-content;width:max-content;max-width:520px;border:1px solid rgba(var(--primary),.06);position:relative}.admin-feedback-item .item .message .emoji{font-size:50px;position:absolute;right:0;bottom:0;transform:translate3d(10px,10px,0) rotate(-5deg)}.admin-feedback-item .item .controls{align-items:center;margin-left:auto;gap:12px}.admin-feedback-item .info-items-stack{max-width:520px}.user-generated-images-modal{position:fixed;inset:0;z-index:100;overflow-y:auto;display:grid;place-items:center}.user-generated-images-modal .backdrop{position:fixed;inset:0;z-index:-1;background:rgba(var(--background),.8)}.user-generated-images-modal .layout{display:flex;flex-direction:column;gap:16px;margin:0 auto;width:100%;max-width:800px;background:rgba(var(--panel),1);height:90vh;padding:32px;border-radius:32px;overflow-y:auto}.user-generated-images-modal .images{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.generated-image{aspect-ratio:1/1;border-radius:10px;position:relative;overflow:hidden}.generated-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:0}.generated-image .date{position:absolute;top:10px;left:10px;z-index:1;background:rgba(var(--background),.8);padding:4px 8px;border-radius:6px}.admin-auth{width:100vw;height:100vh;background:rgba(var(--background),1);align-items:center;justify-content:center;gap:32px}.admin-auth,.admin-auth form{display:flex;flex-direction:column}.admin-auth form{gap:12px;width:320px;max-width:100%}.admin-auth form input{text-align:center}.filter-drop{position:fixed;bottom:20px;left:20px;z-index:10}.filter-drop .filter-buttons{gap:8px}.filter-drop .filter-buttons button{width:100%;justify-content:flex-start}.loading-portal{position:fixed;inset:0;display:grid;place-items:center;background:#000}.loading-portal .preloader svg{transform:scale(1.6)}.loading-portal .preloader circle{stroke:rgba(var(--primary),.6)}.page-main{width:100vw;height:100vh;overflow-y:auto;display:flex;justify-content:center;background:#000}.page-main .layout{width:100%;height:-moz-max-content;height:max-content;max-width:640px;padding:32px 16px;display:flex;flex-direction:column}.auth-page .layout{align-self:center;justify-content:center;max-width:380px;gap:32px}.auth-page .head{display:flex;flex-direction:column;gap:16px}.auth-page .head h1{font-weight:500;line-height:110%}.auth-page .head h1 span{color:#eb432a}.auth-page form{display:flex;flex-direction:column;gap:16px}.auth-page form button,.auth-page form input{width:100%;text-align:center;padding:10px;border-radius:10px}.shots-ad-portal .layout{gap:8px}.shots-ad-portal .page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.shots-ad-portal .page-head .name{display:flex;align-items:center;gap:8px}.shots-ad-portal .page-head .name .logo{width:40px;height:40px}.shots-ad-portal .page-head .buttons{gap:8px}.shots-ad-portal .total-stats .head{flex-direction:row;justify-content:space-between}.shots-ad-portal .total-stats .head .live{padding:4px 8px;border-radius:8px;background:rgba(var(--primary),1);color:rgba(var(--secondary),1)}.shots-ad-portal .total-stats .image-container{border-radius:12px;overflow:hidden;position:relative;width:70%;max-width:320px;aspect-ratio:3/2;align-self:center;background:rgba(var(--primary),.12);margin:16px auto;transform:rotate(-3deg);box-shadow:0 10px 20px rgba(0,0,0,.3)}.shots-ad-portal .total-stats .image-container img{width:100%}.shots-ad-portal .total-stats .stats{flex-basis:100%}.shots-ad-portal .total-stats .progress{width:100%;height:8px;background:rgba(var(--primary),.12);border-radius:4px;overflow:hidden}.shots-ad-portal .total-stats .progress .track{height:100%;background:rgba(var(--primary),.6);border-radius:inherit}.shots-ad-portal .calendar-stats .graph-container{flex-basis:100%;aspect-ratio:2/1}.shots-ad-portal .stat-box{gap:8px;border-right:1px solid rgba(var(--primary),.12)}.shots-ad-portal .stat-box:not(:first-child){padding-left:32px}.shots-ad-portal .stat-box:not(:last-child){padding-right:32px}.shots-ad-portal .stat-box:last-child{border-right:none}.stats-widget{border-radius:24px;overflow:hidden;padding:20px;background:rgba(var(--panel),1);display:flex;flex-wrap:wrap;gap:20px;position:relative;color:rgba(var(--primary),1)}.stats-widget .head{flex-basis:100%;display:flex;flex-direction:column;gap:4px}.stats-widget .head .title{display:flex;align-items:center;gap:8px}.stats-widget .head .title svg{width:24px;height:24px}.stats-widget .head .title span{font:500 19px/26px Inter,sans-serif;letter-spacing:-.4px}@media only screen and (min-width:0px)and (max-width:800px){.stats-widget .head .title span{font:500 19.5px/25px Inter,sans-serif;letter-spacing:-.5px}}.stats-widget .stats{display:flex}.color-picker .react-colorful{padding:0;width:100%}.color-picker .react-colorful__last-control{display:none}.color-picker .react-colorful__saturation{margin-bottom:16px;border-radius:8px;border-bottom:none}.color-picker .react-colorful__alpha,.color-picker .react-colorful__hue{height:16px;border-radius:8px}.color-picker .react-colorful__alpha-pointer,.color-picker .react-colorful__hue-pointer{width:20px;height:20px}.create-animation-button{position:fixed;bottom:16px;left:0;right:0;margin:0 auto}.timeline-component{position:fixed;bottom:8px;left:264px;width:calc(100vw - 528px);margin:0 auto;display:flex;flex-direction:column;justify-content:flex-end;border-radius:14px;pointer-events:none}.timeline-component .timeline-controls{position:relative;display:flex;gap:16px;padding:12px;pointer-events:all;z-index:1}.timeline-component .timeline-controls.expanded{margin:0 256px}.timeline-component .timeline-controls .center,.timeline-component .timeline-controls .left,.timeline-component .timeline-controls .right{display:flex;align-items:center;gap:8px}.timeline-component .timeline-controls .left{justify-content:flex-end;flex:1}.timeline-component .timeline-controls .center{gap:16px}.timeline-component .timeline-controls .right{justify-content:flex-start;flex:1}.timeline-component .timeline-controls .control-group{display:flex;align-items:center;gap:2px}.timeline-component .timeline-track-wrapper{overflow-x:auto;overflow-y:hidden;padding:8px 12px;border-radius:14px;pointer-events:all;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(var(--panel),1);position:relative}.timeline-component .timeline-track-wrapper::-webkit-scrollbar{width:auto!important;height:0!important}.timeline-component .timeline-track-wrapper::-webkit-scrollbar-track{margin:0 12px;width:100px;border-radius:20px}.timeline-component .timeline-track-wrapper::-webkit-scrollbar-thumb{border-radius:20px;background:rgba(var(--primary),.12);outline:solid 6px rgba(var(--panel),1);outline-offset:-5.5px;cursor:grab}.timeline-component .timeline-track-wrapper::-webkit-scrollbar-thumb:active{cursor:grabbing}.timeline-component .timeline-track-wrapper::-webkit-scrollbar-thumb:hover{outline:solid 4px rgba(var(--panel),1);outline-offset:-3.5px}.timeline-component .timeline-track-wrapper .timeline-track{position:relative;display:flex;flex-direction:column}.timeline-component .timeline-track-wrapper .timeline-track .time-track{width:100%;display:flex;height:24px}.timeline-component .timeline-track-wrapper .timeline-track .animation-track{position:relative;width:100%;height:60px;margin-top:8px;z-index:20}.timeline-component .timeline-track-wrapper .timeline-track .video-track{position:relative;width:100%;height:40px;margin-top:8px;z-index:20}.animation-clip-item{position:absolute;height:60px}.video-clip-item{height:40px;position:relative}.video-clip-item .clip .video-details{display:flex;align-items:center;gap:6px}.video-clip-item .clip .video-details .icon svg{width:24px;height:24px;color:rgba(var(--primary),.36)}.video-clip-item .clip .details{opacity:1!important}.video-clip-item .clip .trim-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--panel-active),1);z-index:2;pointer-events:none;opacity:0}.video-clip-item .clip:hover .trim-message{opacity:1}.pause-clip-item{height:40px;position:absolute;top:0;z-index:-1}.pause-clip-item .clip{width:calc(100% + 20px);height:100%;background:rgba(var(--panel-dim),1);border-radius:12px;display:flex;align-items:center;padding:0 10px;overflow:hidden}.pause-clip-item .clip span{font:normal 11px/14px Inter,sans-serif;letter-spacing:-.2px;color:rgba(var(--primary),.36)}@media only screen and (min-width:0px)and (max-width:800px){.pause-clip-item .clip span{font:normal 10.5px/13px Inter,sans-serif;letter-spacing:.3px}}.pause-clip-item.end-pause .clip{justify-content:flex-end;margin-left:-20px}.animation-clip-item,.video-clip-item{--color:rgb(var(--panel-active))}.animation-clip-item .clip,.video-clip-item .clip{cursor:pointer;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;outline:solid 1px rgba(var(--primary),.08);outline-offset:-1px;padding:4px;background:var(--color);overflow:hidden;transition:opacity .2s ease}.animation-clip-item .clip .details,.video-clip-item .clip .details{position:absolute;top:2px;left:2px;bottom:2px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:6px 18px;background:linear-gradient(90deg,var(--color),transparent),linear-gradient(90deg,var(--color),transparent);pointer-events:none;opacity:0;z-index:1;transition:inherit;border-radius:12px 0 0 12px}.animation-clip-item .clip .timeline-clip-preview,.video-clip-item .clip .timeline-clip-preview{border-radius:8px;overflow:hidden;position:relative}.animation-clip-item .clip .handle,.video-clip-item .clip .handle{position:absolute;width:-moz-max-content;width:max-content;height:100%;cursor:ew-resize;z-index:3;display:flex;padding:10px 7px;visibility:hidden;opacity:0;transition:inherit}.animation-clip-item .clip .handle:before,.video-clip-item .clip .handle:before{content:"";width:3px;height:100%;border-radius:3px;background:rgba(var(--primary),.36);z-index:1;transition:inherit}.animation-clip-item .clip .handle:after,.video-clip-item .clip .handle:after{content:"";position:absolute;bottom:0;top:0;width:150%;pointer-events:none;transition:inherit}.animation-clip-item .clip .handle.handle-left,.video-clip-item .clip .handle.handle-left{left:0}.animation-clip-item .clip .handle.handle-left:after,.video-clip-item .clip .handle.handle-left:after{left:0;background:linear-gradient(90deg,var(--color) 0,transparent)}.animation-clip-item .clip .handle.handle-right,.video-clip-item .clip .handle.handle-right{right:0}.animation-clip-item .clip .handle.handle-right:after,.video-clip-item .clip .handle.handle-right:after{right:0;background:linear-gradient(-90deg,var(--color) 0,transparent)}.animation-clip-item .clip .handle:hover:before,.video-clip-item .clip .handle:hover:before{background:rgba(var(--primary),.6)}.animation-clip-item:hover,.video-clip-item:hover{z-index:10}.animation-clip-item:hover .clip .handle,.video-clip-item:hover .clip .handle{visibility:visible;opacity:1}.animation-clip-item:hover .clip .details,.video-clip-item:hover .clip .details{opacity:1}.animation-clip-item:active,.video-clip-item:active{cursor:grabbing}.animation-clip-item.is-active .clip:before,.video-clip-item.is-active .clip:before{content:"";position:absolute;inset:0;background:rgba(var(--primary),.08);z-index:5;pointer-events:none}.animation-clip-item.is-editing,.video-clip-item.is-editing{--color:rgba(var(--primary),1)}.animation-clip-item.is-editing .clip .handle,.video-clip-item.is-editing .clip .handle{visibility:visible;opacity:1}.animation-clip-item.is-editing .clip .handle:before,.video-clip-item.is-editing .clip .handle:before{background:rgba(var(--background),.8)!important}.animation-clip-item.is-editing .clip .details,.video-clip-item.is-editing .clip .details{opacity:1}.animation-clip-item.is-editing .clip .details span,.video-clip-item.is-editing .clip .details span{color:rgba(var(--secondary),1)!important}.animation-clip-item.intro-kind.is-disabled .clip,.animation-clip-item.outro-kind.is-disabled .clip{background:none;outline:1.5px dashed rgba(var(--primary),.12);outline-offset:-1.5px}.animation-clip-item.intro-kind.is-disabled .clip .disabled-details,.animation-clip-item.outro-kind.is-disabled .clip .disabled-details{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:0 8px;pointer-events:none;z-index:1}.animation-clip-item.intro-kind.is-disabled .clip .disabled-details svg,.animation-clip-item.outro-kind.is-disabled .clip .disabled-details svg{width:20px;height:20px}.timeline-clip-hover-preview{position:absolute;bottom:calc(100% + 8px);border-radius:10px;overflow:hidden;z-index:1}.timeline-clip-hover-preview>div{background:rgba(var(--panel),1);width:100%;height:100%}.timeline-clip-hover-preview.intro-kind{left:0}.timeline-clip-hover-preview.middle-kind,.timeline-clip-hover-preview.outro-kind{left:50%;transform:translateX(-50%)}.timeline-ghost-ticker .needle{width:1.5px;height:24px;background:rgba(var(--primary),.36);opacity:0}.time-track:hover .timeline-ghost-ticker .needle{opacity:1}.timeline-track-ticker{height:100%;width:1.5px;z-index:30;display:flex;flex-direction:column;align-items:center}.timeline-track-ticker:before{content:"";width:24px;height:100%;position:absolute;left:-11px;top:0;background:red;display:none}.timeline-track-ticker .needle{background:rgba(var(--primary),.36);position:absolute;border-radius:2px;width:1.5px;height:100%;z-index:1;pointer-events:none}.timeline-track-ticker .orb{display:flex;justify-content:center;align-items:center;background:rgba(var(--primary),1);left:0;bottom:0;min-height:24px;border-radius:40px;z-index:2;cursor:grab;width:12px;max-width:12px}.timeline-track-ticker .orb span{color:rgba(var(--secondary),1);opacity:0;transition:inherit!important}.timeline-track-ticker .orb:active{cursor:grabbing;transform:scale(1.1)}.timeline-track-ticker:active .needle,.timeline-track-ticker:hover .needle{background:rgba(var(--primary),.6);height:100%}.timeline-track-ticker:active .orb,.timeline-track-ticker:hover .orb{background:rgba(var(--primary),1);min-height:28px;width:48px;max-width:48px;margin-top:-2px}.timeline-track-ticker:active .orb span,.timeline-track-ticker:hover .orb span{opacity:1}.timeline-time-tick{position:absolute;height:24px;display:flex}.timeline-time-tick>div{flex:1;height:100%;display:grid;place-items:center;transform:translateX(-50%)}.timeline-time-tick>div span{color:rgba(var(--primary),.6)}.timeline-time-tick>div .dot{background:rgba(var(--primary),.36);height:2px;width:2px;border-radius:50%}.timeline-time-tick>div .line{background:rgba(var(--primary),.6);width:2px;height:10px;border-radius:2px}.timeline-new-animation .clip{box-shadow:0 8px 20px rgba(0,0,0,.4)}.timeline-new-animation .clip svg{width:24px;color:rgba(var(--primary),.6)}.animation-edit-control{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:16px!important;position:relative}.animation-edit-control .v-stack .pad-wrapper,.animation-edit-control .v-stack .preview{display:grid;place-items:center}.animation-edit-control .top-bar{display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;padding:12px;gap:12px;z-index:10;background:linear-gradient(0deg,transparent 0,rgba(var(--panel),1) 50%),linear-gradient(0deg,transparent 0,rgba(var(--panel),1) 50%)}.animation-edit-control .bottom-bar{display:flex;position:absolute;bottom:0;left:0;right:0;padding:10px 5px 5px;gap:5px;z-index:10;background:linear-gradient(0deg,rgba(var(--panel),1) 0,transparent 100%),linear-gradient(0deg,rgba(var(--panel),1) 0,transparent 100%)}.animation-edit-control .bottom-bar button{flex:1;flex-direction:column!important;padding:8px 6px 4px!important;gap:6px!important;background:rgba(var(--panel-active),.6)}.animation-edit-control .bottom-bar button span{color:rgba(var(--primary),.36);font:normal 11px/14px Inter,sans-serif;letter-spacing:-.2px}@media only screen and (min-width:0px)and (max-width:800px){.animation-edit-control .bottom-bar button span{font:normal 10.5px/13px Inter,sans-serif;letter-spacing:.3px}}.animation-edit-panel{display:flex;flex-direction:column;overflow:hidden;border-radius:16px!important}.animation-edit-panel .v-stack .pad-wrapper,.animation-edit-panel .v-stack .preview{display:grid;place-items:center}.animation-edit-panel .variants-list{display:flex;flex-direction:column;gap:8px}.animation-edit-panel .top-buttons{display:flex;position:absolute;top:0;left:0;right:0;padding:6px 6px 8px;gap:4px;z-index:1;background:linear-gradient(rgba(var(--panel),1) 50%,transparent 100%),linear-gradient(rgba(var(--panel),1) 50%,transparent 100%)}.animation-edit-panel .top-buttons button{flex:1;flex-direction:column!important;padding:8px 6px 4px!important;gap:6px!important}.animation-edit-panel .top-buttons button svg{width:24px;height:24px}.animation-edit-panel .top-buttons button span{color:rgba(var(--primary),.36);font:normal 11px/14px Inter,sans-serif;letter-spacing:-.2px}@media only screen and (min-width:0px)and (max-width:800px){.animation-edit-panel .top-buttons button span{font:normal 10.5px/13px Inter,sans-serif;letter-spacing:.3px}}.animation-edit-panel .bottom-buttons{display:flex;flex-direction:column;position:absolute;bottom:0;left:0;right:0;padding:12px;gap:12px;z-index:1;background:linear-gradient(transparent 0,rgba(var(--panel),1) 50%),linear-gradient(transparent 0,rgba(var(--panel),1) 50%)}.animation-edit-panel .bottom-buttons .tabs{display:flex;gap:4px}.animation-edit-panel .bottom-buttons .tabs button{flex:1}.animation-edit-panel .bottom-buttons .tabs button span{text-transform:capitalize}.video-trimmer{width:100%;height:100%;position:relative}.video-trimmer .trimmer{position:absolute;left:0;top:0;inset:0;overflow:hidden}.video-trimmer .trimmer .trimmer-inner{position:relative;width:100%;height:100%}.video-trimmer .trimmer .trimmer-inner .handler{position:absolute;top:0;bottom:0;border:1px solid red}.video-trimmer .trimmer .trimmer-inner .handler .handler-inner{display:flex;position:relative;width:100%;height:100%}.video-trimmer .trimmer .trimmer-inner .handler .handler-inner .move-handler{flex:1;left:0;width:10px;height:100%;cursor:move}.video-trimmer .trimmer .trimmer-inner .handler .handler-inner .left-trim,.video-trimmer .trimmer .trimmer-inner .handler .handler-inner .right-trim{width:10px;height:100%;background:red;cursor:ew-resize}.templates-menu{height:100vh!important;max-height:100vh!important;border-radius:0!important;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:none!important;overflow:visible}.templates-menu .modal-title-bar{background:rgba(var(--body),.6)!important}.templates-menu>.modal-view>.modal-scroll-view .content-view{padding-left:0;padding-right:0}@media only screen and (min-width:0px)and (max-width:800px){.templates-menu,.templates-menu>.modal-view{width:100vw!important}}.templates-menu .template-menu-head{padding:0 16px;margin-top:-52px}.templates-menu .template-menu-filters{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px;max-width:90%}@media only screen and (min-width:0px)and (max-width:800px){.templates-menu .template-menu-filters{max-width:100%}}.templates-menu .template-menu-filters>button{min-width:68px;gap:6px}.templates-menu .template-menu-filters>button svg{width:22px!important;height:22px!important}.templates-menu .template-menu-filters .template-filter{display:flex;flex-direction:column;align-items:center;gap:8px}.templates-menu .template-menu-filters .template-filter .icon{padding:8px;border-radius:50%}.templates-menu .template-menu-filters .template-filter .icon svg{width:28px;height:28px}.templates-menu .template-section{display:flex;flex-direction:column;position:relative}.templates-menu .template-section .head{display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:2}.templates-menu .template-section .head .copy{gap:2px}.templates-menu .template-section .head button{background:rgba(var(--primary),.12)}@media only screen and (min-width:0px)and (max-width:800px){.templates-menu .template-section button{visibility:hidden}}.template-item{display:flex;flex-direction:column;gap:9px;cursor:pointer}.template-item .display-wrapper{height:200px;min-height:200px;max-height:200px;background:rgba(var(--primary),.12);border-radius:16px;overflow:hidden;outline:solid 1px rgba(var(--primary),.12);outline-offset:-1px}.template-item .display-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.template-item .copy{display:flex;flex-direction:column;text-align:center;gap:3px}.release-notes-modal .head .h1{position:relative;font:500 44px/44px Delicious Handrawn,sans-serif;width:-moz-max-content;width:max-content}.release-notes-modal .head p{margin-top:12px;max-width:90%;font:500 14px/20px Inter,sans-serif;letter-spacing:-.4px}@media only screen and (min-width:0px)and (max-width:800px){.release-notes-modal .head p{font:normal 14.5px/20px Inter,sans-serif;letter-spacing:0}}.release-notes-modal .release .h5{position:relative;padding-left:24px}.release-notes-modal .release .h5:after,.release-notes-modal .release .h5:before{content:"";position:absolute;border-radius:50%}.release-notes-modal .release .h5:before{top:6px;left:0;width:12px;height:12px;background:rgba(var(--primary),1)}.release-notes-modal .release .h5:after{top:8px;left:2px;width:8px;height:8px;background:rgba(var(--background),.8)}.release-notes-modal .release .content{position:relative;padding:8px 8px 8px 24px;height:-moz-max-content;height:max-content}.release-notes-modal .release .content .cards{display:flex;flex-flow:row wrap;gap:10px}.release-notes-modal .release .content:before{content:"";position:absolute;top:4px;bottom:4px;left:5px;width:2px;background:linear-gradient(rgba(var(--primary),1) 0,transparent 100%);border-radius:2px}.release-notes-modal .update-card{border-radius:18px;background:#28282b;position:relative;overflow:hidden;flex-basis:100%;aspect-ratio:1/1;box-shadow:0 4px 8px rgba(0,0,0,.16);display:flex}.release-notes-modal .update-card:after{content:"";position:absolute;inset:0;z-index:3;border:1px solid rgba(var(--primary),.08);border-radius:inherit}.release-notes-modal .update-card .text-layer{z-index:2;width:100%;height:100%;padding:16px;display:flex;flex-direction:column}.release-notes-modal .update-card .text-layer p{font-weight:500!important;color:#eee}.release-notes-modal .update-card .text-layer.light p{font-weight:550!important;color:#000}.release-notes-modal .update-card .text-layer.caption{background:#000;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;position:absolute;bottom:8px;left:8px;padding:3px 8px;border-radius:8px}.release-notes-modal .update-card .text-layer.caption p{font:normal 14px/20px Inter,sans-serif;letter-spacing:-.2px}@media only screen and (min-width:0px)and (max-width:800px){.release-notes-modal .update-card .text-layer.caption p{font:normal 13px/18px Inter,sans-serif;letter-spacing:-.07px}}.release-notes-modal .update-card .text-layer.overlay{backdrop-filter:blur(50px) saturate(120%);-webkit-backdrop-filter:blur(50px) saturate(120%)}.release-notes-modal .update-card .media{position:absolute;inset:0;z-index:0}.release-notes-modal .update-card .media img,.release-notes-modal .update-card .media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.release-notes-modal .update-card.xs{height:-moz-max-content;height:max-content;aspect-ratio:unset}.release-notes-modal .update-card.xs p{font:normal 16px/22px Inter,sans-serif;letter-spacing:-.3px}@media only screen and (min-width:0px)and (max-width:800px){.release-notes-modal .update-card.xs p{font:normal 17px/22px Inter,sans-serif;letter-spacing:-.2px}}.release-notes-modal .update-card.sm{flex-basis:calc(50% - 5px)}.release-notes-modal .update-card.sm p{font:normal 16px/22px Inter,sans-serif;letter-spacing:-.3px}@media only screen and (min-width:0px)and (max-width:800px){.release-notes-modal .update-card.sm p{font:normal 17px/22px Inter,sans-serif;letter-spacing:-.2px}}.release-notes-modal .update-card.tl{flex-basis:calc(50% - 5px);aspect-ratio:1/2}.release-notes-modal .update-card.tl p{font:500 19px/26px Inter,sans-serif;letter-spacing:-.4px}@media only screen and (min-width:0px)and (max-width:800px){.release-notes-modal .update-card.tl p{font:500 19.5px/25px Inter,sans-serif;letter-spacing:-.5px}}.release-notes-modal .update-card.md{aspect-ratio:2/1}.release-notes-modal .update-card.md p{font:500 19px/26px Inter,sans-serif;letter-spacing:-.4px}@media only screen and (min-width:0px)and (max-width:800px){.release-notes-modal .update-card.md p{font:500 19.5px/25px Inter,sans-serif;letter-spacing:-.5px}}.release-notes-modal .update-card.lg p{font:500 23px/32px Inter,sans-serif;letter-spacing:-.8px}@media only screen and (min-width:0px)and (max-width:800px){.release-notes-modal .update-card.lg p{font:500 21.5px/28px Inter,sans-serif;letter-spacing:-.75px}}.release-notes-modal .update-card.small p{font:normal 16px/22px Inter,sans-serif;letter-spacing:-.3px}@media only screen and (min-width:0px)and (max-width:800px){.release-notes-modal .update-card.small p{font:normal 17px/22px Inter,sans-serif;letter-spacing:-.2px}}.release-notes-modal .update-card.def p{font:500 19px/26px Inter,sans-serif;letter-spacing:-.4px}@media only screen and (min-width:0px)and (max-width:800px){.release-notes-modal .update-card.def p{font:500 19.5px/25px Inter,sans-serif;letter-spacing:-.5px}}.release-notes-modal .update-card.big p{font:500 23px/32px Inter,sans-serif;letter-spacing:-.8px}@media only screen and (min-width:0px)and (max-width:800px){.release-notes-modal .update-card.big p{font:500 21.5px/28px Inter,sans-serif;letter-spacing:-.75px}}.upgrade-flow{height:100%;position:relative;border-radius:20px;overflow:hidden;outline:solid 1px rgba(var(--primary),.06);outline-offset:-1px}.upgrade-modal{height:100%}.upgrade-modal .backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(80.18deg,#d1ccdd,#c893e1 25%,#eb47a7 50%,#f94a73 75%,#fb7a53);border-radius:inherit;overflow:hidden}.upgrade-modal .backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(var(--background),1) 30%,transparent 100%),linear-gradient(rgba(var(--background),1) 30%,transparent 100%)}.upgrade-modal .modal-scroll-view .content-view{padding:0 0 80px;gap:8px}.upgrade-modal .header{position:relative;aspect-ratio:2/1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;gap:8px;padding:16px}.upgrade-modal .header .cover{position:absolute;inset:0;z-index:-1;mask-image:linear-gradient(0deg,transparent,#000);-webkit-mask-image:linear-gradient(0deg,transparent,#000)}.upgrade-modal .header .cover video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.upgrade-modal .perk-card{position:relative;min-width:260px!important;width:260px!important;aspect-ratio:2/3;padding:20px;display:flex;flex-direction:column;gap:8px;border-radius:20px;overflow:hidden;background:rgba(var(--panel-dim),1)}.upgrade-modal .perk-card>:not(.cover){z-index:1}.upgrade-modal .perk-card .cover{position:absolute;inset:0}.upgrade-modal .perk-card .cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.upgrade-modal .plans-head{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:16px}.upgrade-modal .plans-head .tabs{display:flex;background:rgba(var(--primary),.06);border-radius:50px;padding:2px;gap:2px}.upgrade-modal .plans-head .tabs button{width:100px}.upgrade-modal .plans-head .tabs button.true-active{background:rgba(var(--primary),.12)}.upgrade-modal .all-plans{display:flex;justify-content:center;gap:16px}.upgrade-modal .all-plans .plan-section{padding:16px;display:flex;flex-direction:column;align-items:center;gap:20px;width:240px}.upgrade-modal .all-plans .plan-section .details{display:flex;flex-direction:column;align-items:center;gap:8px}.upgrade-modal .all-plans .plan-section .details p{display:flex;align-items:center;gap:4px}.upgrade-modal .all-plans .plan-section .h-divider{min-width:80%;max-width:80%}.upgrade-modal .all-plans .plan-section .features{display:flex;flex-direction:column;gap:32px}.upgrade-modal .all-plans .plan-section .features .feature-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;position:relative}.upgrade-modal .all-plans .plan-section .features .feature-item svg{width:32px;height:32px}.upgrade-modal .all-plans .plan-section .features .feature-item.none-item *{visibility:hidden}.upgrade-modal .all-plans .plan-section .features .feature-item.none-item:before{content:"";visibility:visible;position:absolute;width:26px;height:2px;background:rgba(var(--primary),1);top:50%}.upgrade-modal .bottom{position:absolute;background:#373636;bottom:0;left:0;right:0;padding:64px 16px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:1}.upgrade-modal .bottom .v-stack{width:280px;display:flex;flex-direction:column;gap:12px}.upgrade-modal .bottom .v-stack>*{width:100%}.upgrade-modal .bottom .v-stack>p{text-align:center}.upgrade-modal .bottom .switch-component{background:rgba(var(--background),.8)}.upgrade-modal .bottom .renew-plan{display:flex;align-items:center;justify-content:space-between}.upgrade-modal .bottom .durations{display:flex;gap:10px}.upgrade-modal .bottom .durations.pass-durations{flex-direction:column}.upgrade-modal .bottom .durations .plan-btn{flex:1;background:rgba(var(--background),.8);border-radius:14px;padding:8px;flex-direction:column;position:relative;gap:4px;overflow:visible}.upgrade-modal .bottom .durations .plan-btn .plan-price{display:flex;align-items:center;gap:4px}.upgrade-modal .bottom .durations .plan-btn.is-active{outline:solid 2px rgba(var(--primary),1);outline-offset:2px}.upgrade-modal .bottom .durations .plan-btn .tag{position:absolute;right:-12px;top:-10px;transform:rotate(8deg);z-index:1}@media only screen and (min-width:0px)and (max-width:800px){.upgrade-modal .bottom{padding:48px 20px 20px}.upgrade-modal .bottom .durations,.upgrade-modal .bottom .submit-button{width:100%}}.frame-item{display:flex;flex-direction:column;gap:0;padding:10px;border-radius:10px;position:relative}.frame-item .icon-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:10px;aspect-ratio:4/5}.frame-item .icon-wrapper .frame-icon-display{position:relative;width:100%;height:100%}.frame-item .icon-wrapper .frame-icon-display .frame-item-icon{position:absolute;inset:0;max-height:100%;margin:auto;background:rgba(var(--primary),.06);border-radius:8px;border:1.5px solid rgba(var(--primary),.36);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.frame-item .icon-wrapper .frame-icon-display .frame-item-icon img{width:20px;height:20px}.frame-item .details{display:flex;flex-direction:column;gap:2px}.frame-item.active{background:rgba(var(--primary),.06);outline-offset:0}.frame-picker-desktop-dropdown .panel-selector-btn-desktop .preview{min-width:40px;height:40px;padding:4px}.frame-picker-desktop-dropdown .panel-selector-btn-desktop .frame-preview{width:100%;height:100%;position:relative}.frame-picker-desktop-dropdown .panel-selector-btn-desktop .frame-preview .current-frame-icon{position:absolute;inset:0;margin:auto;max-height:100%;border-radius:3px;background:rgba(var(--primary),.36);border:1px solid rgba(var(--primary),1);transition:all .2s ease}.frame-picker-desktop-dropdown .drop-menu{height:70vh;max-height:70vh;overflow-y:scroll;padding:0}.frame-picker-desktop-dropdown .drop-menu .custom-frame{padding:12px;border-bottom:1px solid rgba(var(--primary),.08)}.frame-picker-desktop-dropdown .drop-menu .frame-platform-presets{padding:12px}.frame-picker-desktop-dropdown .drop-menu .frame-platform-presets:not(:last-child){border-bottom:1px solid rgba(var(--primary),.08)}.frame-picker-desktop-dropdown .drop-menu .frame-platform-presets .section-head{display:flex;align-items:center;gap:8px;padding:8px}.frame-picker-desktop-dropdown .drop-menu .frame-platform-presets .section-head h5{text-transform:capitalize}.frame-picker-desktop-dropdown .drop-menu .frame-platform-presets .section-head img{width:20px;height:20px}.frame-picker-desktop-dropdown .drop-menu .frame-platform-presets .frames-grid{display:flex;flex-flow:row wrap;align-items:flex-end}.frame-picker-desktop-dropdown .drop-menu .frame-platform-presets .frames-grid .frame-item{flex-basis:33.3%}.frame-picker-desktop-dropdown .drop-menu .frame-platform-presets .frames-grid .frame-item:hover{background:rgba(var(--primary),.06);color:rgba(var(--primary),1)}.frame-picker-desktop-dropdown .drop-menu .frame-platform-presets .frames-grid .frame-item:hover .frame-item-icon{border-color:rgba(var(--primary),1)}.frame-picker-control-mobile .frame-platform-presets{display:flex;flex-direction:column;gap:12px}.frame-picker-control-mobile .frame-platform-presets:not(:last-child) .frames-grid:after{content:"";height:100px;width:8px;border-right:1px solid rgba(var(--primary),.08);align-self:center}.frame-picker-control-mobile .frame-platform-presets .section-head{display:flex;justify-content:center;align-items:center;gap:6px}.frame-picker-control-mobile .frame-platform-presets .section-head h5{text-transform:capitalize;color:rgba(var(--primary),.6);font:500 14px/20px Inter,sans-serif;letter-spacing:-.4px}@media only screen and (min-width:0px)and (max-width:800px){.frame-picker-control-mobile .frame-platform-presets .section-head h5{font:normal 14.5px/20px Inter,sans-serif;letter-spacing:0}}.frame-picker-control-mobile .frame-platform-presets .section-head img{width:18px;height:18px}.frame-picker-control-mobile .frame-platform-presets .frames-grid{display:flex}.frame-picker-control-mobile .frame-platform-presets .frames-grid .frame-item{width:84px;padding:8px 6px}.frame-picker-control-mobile .frame-platform-presets .frames-grid .frame-item .icon-wrapper{padding:6px}.frame-picker-control-mobile .frame-platform-presets .frames-grid .frame-item .icon-wrapper img{width:16px;height:16px}.frame-picker-control-mobile .default-presets{align-self:flex-end}.custom-frame form{display:flex;gap:8px}.custom-frame form .custom-frame-input{position:relative;flex:1}.custom-frame form .custom-frame-input h6{position:absolute;left:10px;top:10px;width:-moz-max-content;width:max-content;color:rgba(var(--primary),.6)}.custom-frame form .custom-frame-input input{width:100%;text-align:right}.custom-frame form .custom-frame-input input::-webkit-inner-spin-button,.custom-frame form .custom-frame-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-frame form .custom-frame-input input[type=number]{-moz-appearance:textfield}.custom-frame form .search{display:flex;gap:6px;align-items:center}.custom-frame form .search input{flex-grow:1;padding:6px 8px}.mock-item{width:calc(50cqw - 21px);position:relative;display:flex;flex-direction:column;justify-content:center;border-radius:16px;background:rgba(var(--primary),.06);overflow:hidden;aspect-ratio:2/3;cursor:pointer}@media only screen and (min-width:1280px){.mock-item:hover{background:rgba(var(--primary),.08)}}.mock-item .preview{position:relative;aspect-ratio:5/4}.mock-item .preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mock-item .details{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:12px;gap:10px}.mock-item .details .copy{display:flex;flex-direction:column;padding:4px;gap:4px;text-align:left}.mock-item .details .copy .tag{position:absolute;right:14px}.mock-item .details .variants{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:4px}.mock-item .details .variants>div{aspect-ratio:4/3;overflow:hidden;display:grid;place-items:center;background:rgba(var(--primary),.06);border-radius:6px}.mock-item .details .variants>div img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mockup-picker-desktop-dropdown .drop-menu{height:70vh;max-height:70vh;padding:0;overflow:hidden}.mockup-picker-desktop-dropdown .drop-menu .mockups-list{height:100%;overflow-y:auto;display:flex;flex-direction:column;padding-top:52px}.mockup-picker-desktop-dropdown .drop-menu .mockups-list .mock-picker-section{display:flex;flex-direction:column}.mockup-picker-desktop-dropdown .drop-menu .mockups-list .mock-picker-section .head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 0}.mockup-picker-desktop-dropdown .drop-menu .picker-filters{padding:10px 10px 20px;position:absolute;z-index:1;top:0;left:0;right:0;background:linear-gradient(rgba(var(--modal),1),transparent),linear-gradient(rgba(var(--modal),1),transparent),linear-gradient(rgba(var(--modal),1),transparent)}.mockup-picker-desktop-dropdown .drop-menu .picker-filters .buttons-wrapper{display:flex;gap:2px}.mockup-picker-desktop-dropdown .drop-menu .picker-filters .buttons-wrapper button{width:-moz-max-content;width:max-content;gap:4px;min-width:44px}.mockup-picker-desktop-dropdown .drop-menu .picker-filters .buttons-wrapper button svg{margin-left:-4px;width:20px;height:20px}.mockup-picker-desktop-dropdown .drop-menu .picker-filters .buttons-wrapper button span{font:normal 12.5px/20px Inter,sans-serif;letter-spacing:-.2px}@media only screen and (min-width:0px)and (max-width:800px){.mockup-picker-desktop-dropdown .drop-menu .picker-filters .buttons-wrapper button span{font:normal 12px/16px Inter,sans-serif;letter-spacing:0}}.mockup-picker-mobile-modal .picker-filters{width:calc(100% + 32px);overflow-x:auto;margin:-8px -16px 0;position:relative;border-bottom:1px solid rgba(var(--primary),.06);padding-bottom:12px}.mockup-picker-mobile-modal .picker-filters .buttons-wrapper{display:flex;width:-moz-max-content;width:max-content;padding:0 16px}.mockup-picker-mobile-modal .picker-filters .buttons-wrapper button{width:-moz-max-content;width:max-content;min-width:64px;gap:4px;border-radius:50px}.mockup-picker-mobile-modal .picker-filters .buttons-wrapper button svg{width:20px;height:20px}.mockup-picker-mobile-modal .mockups-list{height:100%;display:flex;flex-direction:column}.mockup-picker-mobile-modal .mockups-list .mock-picker-section{display:flex;flex-direction:column}.mockup-picker-mobile-modal .mockups-list .mock-picker-section .head{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.mockup-picker-mobile-modal .mockups-list .mock-picker-section .head button{visibility:hidden!important}.mockup-picker-mobile-modal .h-stack{width:calc(100% + 32px);margin:-8px -16px 8px}.mockup-picker-mobile-modal .mock-item .details{padding:14px}.app-menu{height:100vh!important;max-height:100vh!important;border-radius:0!important;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:none!important}.app-menu .h-divider{background:rgba(var(--primary),.12);min-width:calc(100% - 16px);max-width:calc(100% - 16px);margin:0 6px}@media only screen and (min-width:1280px){.app-menu .app-menu-card-view{padding:8px}.app-menu .app-menu-card-view>div{border-radius:22px}}@media only screen and (min-width:800px)and (max-width:1280px){.app-menu .app-menu-card-view{padding:8px}.app-menu .app-menu-card-view>div{border-radius:22px}}@media only screen and (min-width:0px)and (max-width:800px){.app-menu,.app-menu>.modal-view{width:100vw!important}}.app-menu .modal-title-bar{background:rgba(var(--body),.6)!important}.app-menu>.modal-view>.modal-scroll-view .content-view{padding-left:24px;padding-right:24px}.app-menu .account-card-avatar{width:48px;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:rgba(var(--primary),.12)}.app-menu .account-card-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-menu .app-menu-theme{width:100%;display:flex;gap:12px}.app-menu .app-menu-theme .theme-item{flex:1;text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:6px}.app-menu .app-menu-theme .theme-item .thumbnail{width:100%;position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:12px;outline:solid 1px rgba(var(--primary),.12);outline-offset:-1px}.app-menu .app-menu-theme .theme-item .thumbnail .image{width:100%;height:100%;background:rgba(var(--primary),.06)}.app-menu .app-menu-theme .theme-item .thumbnail .image img{width:101%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left}@media only screen and (min-width:0px)and (max-width:800px){.app-menu .app-menu-theme .theme-item .thumbnail{aspect-ratio:393/852;border-radius:10px}}.app-menu .app-menu-theme .theme-item .radio{width:24px;height:24px;border-radius:50%;border:1px solid rgba(var(--primary),.12);padding:5px}.app-menu .app-menu-theme .theme-item .radio svg{width:100%;height:100%}.app-menu .app-menu-theme .theme-item .radio.is-active{border-color:transparent;background:rgba(var(--primary),1)}.app-menu .app-menu-theme .theme-item .radio.is-active svg{color:rgba(var(--secondary),1)}@media only screen and (min-width:0px)and (max-width:800px){.app-menu .app-menu-theme{justify-content:space-evenly}.app-menu .app-menu-theme .theme-item{flex:unset;width:72px}}.app-menu-links{display:flex;flex-flow:row wrap;gap:16px;container-type:inline-size}.link-card{gap:12px;padding:16px;border-radius:22px;display:flex;flex-direction:column;justify-content:space-between;background:rgba(var(--panel),1);position:relative;overflow:hidden;cursor:pointer}.link-card.is-disabled{cursor:default;pointer-events:none}.link-card.small-size,.link-card.tiny-size{flex-direction:row;justify-content:flex-start;align-items:center}.link-card.small-size .external-link,.link-card.tiny-size .external-link{right:16px;top:calc(50% - 8px)}.link-card.tiny-size{flex-basis:calc((100cqw - 48px)/4*2 + 16px);height:calc((100cqw - 48px)/4)}.link-card.small-size{flex-basis:100%;height:calc((100cqw - 48px)/4)}.link-card.medium-size{flex-basis:calc((100cqw - 48px)/4*2 + 16px);height:calc((100cqw - 48px)/4*2 + 16px)}.link-card.large-size{flex-basis:100%;height:calc((100cqw - 48px)/4*2 + 16px)}.link-card.huge-size{flex-basis:100%;height:calc((100cqw - 48px)/4*3 + 32px)}.link-card .icon{z-index:1;width:-moz-max-content;width:max-content}.link-card .icon svg{width:24px;height:24px}.link-card .texts{display:flex;flex-direction:column;gap:4px;z-index:1}.link-card .external-link{position:absolute;right:16px;top:16px;z-index:1}.link-card .external-link svg{width:18px;height:18px;color:rgba(var(--primary),.36)}.link-card .media{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden}.link-card .media img,.link-card .media video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.link-card .media:after{content:"";position:absolute;inset:0;background:linear-gradient(40deg,rgba(var(--panel),1) 0,transparent 60%),linear-gradient(40deg,rgba(var(--panel),1) 0,transparent 60%);z-index:1}.app-menu-mobile-cta{display:flex;flex-direction:column;justify-content:center;height:100%}.app-menu-mobile-cta .media{position:relative;aspect-ratio:3/4}.app-menu-mobile-cta .media img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom;filter:brightness(110%)}.app-menu-mobile-cta .media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,transparent 70%,rgba(var(--body),1) 100%)}.app-menu-mobile-cta .details{display:flex;flex-direction:column;gap:32px;padding:0 32px 48px;z-index:1}.app-menu-mobile-cta .details .texts{display:flex;flex-direction:column;gap:8px}.app-menu-mobile-cta .details>.texts{text-align:center}.app-menu-mobile-cta .details .scan-to-get{display:flex;justify-content:center;align-items:center;gap:24px}.app-menu-mobile-cta .details .scan-to-get .qr-code{width:88px;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:rgba(var(--primary),1)}.app-menu-mobile-cta .details .scan-to-get .qr-code svg{color:rgba(var(--secondary),1);width:100%;height:100%;scale:.95}.shots-credits{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px}.shots-credits .logo{height:64px}.shots-credits .app-stage-tag{margin-top:8px}.assets-library .assets-library-button{width:100%;border-radius:14px;height:44px;position:relative;overflow:hidden;justify-content:flex-start;padding:0 20px}.assets-library .assets-library-button:hover{box-shadow:none!important}.assets-library .assets-library-button img{height:50px;position:absolute;top:5px;right:20px}.assets-library .drop-menu{height:70vh;max-height:70vh;padding:0;overflow:hidden}.assets-library .drop-menu .head{padding:16px}.assets-library .drop-menu .head button{width:100%}.assets-library .drop-menu .assets-stack{height:100%;overflow-y:auto;display:flex;flex-direction:column;position:relative}.assets-library .drop-menu .assets-stack .stack{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 16px 80px}.assets-library .drop-menu:after{content:"";position:absolute;inset:0;top:unset;height:60px;background:linear-gradient(transparent 0,rgba(var(--modal),1) 100%)}.asset-item{width:100%;aspect-ratio:1/1;background:rgba(var(--primary),.06);overflow:hidden;position:relative}.asset-item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.asset-item .cancel-button{position:absolute;top:0;right:0;z-index:1}.devices{--aspect-ratio:1570/2932;--shadow-inset:1%;--shadow-radius:6em;--drop-padding:0%;--drop-radius:0;--device-asset-scale:1.248;position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:all;transform:translateZ(0);will-change:contents,transform,opacity}.devices.imac-24,.devices.imac-pro,.devices.pro-display-xdr{--device-asset-scale:2.248}.devices.macbook-air-13,.devices.macbook-air-m2,.devices.macbook-pro-16{--device-asset-scale:1.49}.devices.apple-watch-10-42mm,.devices.apple-watch-10-46mm,.devices.apple-watch-ultra{--device-asset-scale:1.99}.devices.phone-shadow-config{--shadow-inset:-1%}.devices.tablet-shadow-config{--shadow-inset:-2.5%;--shadow-radius:3em}.devices.lay-2-items{aspect-ratio:calc(var(--aspect-ratio)*2)}.devices.lay-3-items{aspect-ratio:calc(var(--aspect-ratio)*3)}.devices .item{position:relative;container-type:size;container-name:display-item}.devices .item,.devices .item .item-container{width:100%;height:100%}@container display-item (width > 0px){.devices .item .item-container{font-size:calc((100cqw + 100cqh)/150)}}.devices .item .device-asset{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;transform:scale(var(--device-asset-scale))}.devices .item .device-asset .device-asset-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.devices .item .drop-wrapper{height:100%;width:100%}.devices .item .drop-wrapper .dropzone{height:100%;width:100%;overflow:hidden}.devices .item .drop-wrapper .dropzone .dropped-image{max-width:100%;max-height:100%}.devices .item .drop-wrapper .dropzone .empty-drop{height:100%;max-width:100%!important;max-height:100%!important}.devices .item .adaptive-shadow-layer{position:absolute;inset:var(--shadow-inset);z-index:-5;border-radius:var(--shadow-radius)}.devices .item .adaptive-shadow-layer>div{position:absolute;inset:0;border-radius:inherit;pointer-events:none;overflow:hidden}.devices .item .adaptive-shadow-layer>div:first-child{z-index:1}.devices .item .adaptive-shadow-layer>div:nth-child(2){z-index:2}.devices .item .shadow{position:absolute;inset:var(--shadow-inset);z-index:-5;border-radius:var(--shadow-radius)}.devices .item .shadow .shadow-layer{will-change:transform,opacity,filter;position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:transparent}.image-resizer{position:relative;background:rgba(var(--panel),1)}.image-resizer .drag-area{position:absolute;z-index:1}.image-resizer .image-wrapper{height:inherit;width:inherit}.image-resizer .dropzone{height:100%;width:100%;overflow:hidden}.image-resizer .dropzone .dropped-image{max-width:100%;max-height:100%}.image-resizer .dropzone .empty-drop{height:100%;max-width:100%!important;max-height:100%!important}.global-resize-handle{inset:0;position:absolute;z-index:10;pointer-events:none;visibility:hidden;opacity:0}.global-resize-handle .handle-area{width:5em;aspect-ratio:1/1;position:absolute;cursor:default!important}.global-resize-handle .handle-area.nw{top:0;left:0;transform-origin:top left}.global-resize-handle .handle-area.nw .resize-handle{top:0;left:0;transform:rotate(180deg);cursor:nwse-resize}.global-resize-handle .handle-area.nw .move-control{top:2.5em;left:2.5em}.global-resize-handle .handle-area.ne{top:0;right:0;transform-origin:top right}.global-resize-handle .handle-area.ne .resize-handle{top:0;right:0;transform:rotate(-90deg);cursor:nesw-resize}.global-resize-handle .handle-area.ne .move-control{top:2.5em;right:2.5em}.global-resize-handle .handle-area.se{right:0;bottom:0;transform-origin:bottom right}.global-resize-handle .handle-area.se .resize-handle{right:0;bottom:0;cursor:nwse-resize}.global-resize-handle .handle-area.se .move-control{right:2.5em;bottom:2.5em}.global-resize-handle .handle-area.sw{left:0;bottom:0;transform-origin:bottom left}.global-resize-handle .handle-area.sw .resize-handle{left:0;bottom:0;transform:rotate(90deg);cursor:nesw-resize}.global-resize-handle .handle-area.sw .move-control{left:2.5em;bottom:2.5em}.global-resize-handle .move-control{position:absolute;z-index:100;background:hsla(0,0%,39%,.5);color:#fff;cursor:move;pointer-events:all}.global-resize-handle .resize-handle{width:2em;aspect-ratio:1/1;position:absolute;border-bottom-right-radius:2em;border-right:.5em solid #fff;border-bottom:.5em solid #fff;pointer-events:all}.global-resize-handle .resize-handle:after,.global-resize-handle .resize-handle:before{content:"";position:absolute;background:#fff;height:.5em;width:.5em;border-radius:10px}.global-resize-handle .resize-handle:before{top:-.25em;right:-.5em}.global-resize-handle .resize-handle:after{bottom:-.5em;left:-.25em}.screenshot .item{width:100%;height:100%;max-height:100%;max-width:100%}.screenshot .item .item-container .shadow{border-radius:inherit}.screenshot .item .interface{position:relative}.screenshot .item .interface .img-use{width:100%;height:100%}.screenshot .item .interface .screenshot-retro{position:absolute;inset:0;margin:-.6em;background:#000}.screenshot .item .interface .screenshot-retro div{position:absolute;background:#000;z-index:-1;top:1.2em;left:1.2em;width:100%;height:100%}.screenshot .item .interface .screenshot-border{position:absolute;inset:0;margin:-.8em;background:#000}.screenshot .item .interface .screenshot-outline{position:absolute;inset:0;margin:-1em;border:.3em solid hsla(0,0%,39%,.4)}.screenshot .item .interface .screenshot-glass{position:absolute;inset:0;margin:-1em;transform:translateZ(0);overflow:hidden}.screenshot .item .interface .screenshot-glass.glass-light{background:hsla(0,0%,100%,.6);backdrop-filter:blur(2em) saturate(150%) contrast(150%) brightness(105%);-webkit-backdrop-filter:blur(2em) saturate(150%) contrast(150%) brightness(105%)}.screenshot .item .interface .screenshot-glass.glass-dark{background:rgba(0,0,0,.6);backdrop-filter:blur(2em) saturate(250%) contrast(150%) brightness(95%);-webkit-backdrop-filter:blur(2em) saturate(250%) contrast(150%) brightness(95%)}.screenshot .item .interface .screenshot-glass.remove-effect{backdrop-filter:unset!important;-webkit-backdrop-filter:unset!important}.screenshot .item .interface .screenshot-stack{position:absolute;inset:0;box-shadow:0 .5em .5em rgba(0,0,0,.2)}.screenshot .item .interface .screenshot-stack>div{position:absolute;overflow:hidden;height:100%;background:#fff;border-radius:inherit}.screenshot .item .interface .screenshot-stack>div .img-use{filter:blur(5em);-webkit-filter:blur(5em)}.screenshot .item .interface .screenshot-stack>div:first-child{z-index:-1;inset:2em;box-shadow:inherit}.screenshot .item .interface .screenshot-stack>div:nth-child(2){z-index:-2;inset:4em}.screenshot .item .interface .screenshot-inward>div:after,.screenshot .item .interface .screenshot-inward~.drop-wrapper:after{content:"";border:.3em solid hsla(0,0%,100%,.5);z-index:1;border-radius:inherit;position:absolute;inset:0}.screenshot .item .interface .screenshot-stack-2{position:absolute;inset:0;box-shadow:-1em 1em 4em rgba(0,0,0,.2)}.screenshot .item .interface .screenshot-stack-2>div:after,.screenshot .item .interface .screenshot-stack-2~.drop-wrapper:after{content:"";position:absolute;inset:0;border:.1em solid rgba(0,0,0,.15);z-index:1;border-radius:inherit}.screenshot .item .interface .screenshot-stack-2>div{position:absolute;overflow:hidden;background:#fff;border-radius:inherit;inset:2em}.screenshot .item .interface .screenshot-stack-2>div:before{content:"";position:absolute;inset:0;z-index:1}.screenshot .item .interface .screenshot-stack-2>div .img-use{transform:scale(1.5);filter:blur(5em);-webkit-filter:blur(5em)}.screenshot .item .interface .screenshot-stack-2>div:first-child{z-index:-1;box-shadow:inherit;transform:translate3d(-3.5em,-4.5em,0) rotate(-1.5deg)}.screenshot .item .interface .screenshot-stack-2>div:first-child:before{background:hsla(0,0%,100%,.5)}.screenshot .item .interface .screenshot-stack-2>div:nth-child(2){z-index:-2;transform:translate3d(-7em,-7.5em,0) rotate(-2.5deg) scale(.96)}.screenshot .item .interface .screenshot-stack-2>div:nth-child(2):before{background:hsla(0,0%,100%,.5)}.screenshot .item .interface .screenshot-card{position:absolute;inset:0;overflow:hidden;background:#fff;transform:translate3d(-3.5em,3em,0) rotate(-1.5deg) scale(.98);z-index:-1}.screenshot .item .interface .screenshot-card .img-use{transform:scale(1.5);filter:blur(5em);-webkit-filter:blur(5em)}.screenshot .item .interface .screenshot-card:before{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.5);z-index:1}.screenshot .item .interface .screenshot-card.screenshot-card:after,.screenshot .item .interface .screenshot-card~.drop-wrapper:after{content:"";position:absolute;inset:0;border:.1em solid rgba(0,0,0,.15);z-index:1;border-radius:inherit}.screenshot .item .interface .screenshot-card~.drop-wrapper{box-shadow:2em -1em 4em rgba(0,0,0,.2)}.browser{--shadow-inset:0;--shadow-radius:0.7em;--drop-padding:0;--drop-radius:unset}.browser .item{--ui-height:3.5em}.browser .item.safari-dark .item-container,.browser .item.safari-light .item-container{height:calc(100% + var(--ui-height))!important;margin-top:calc(0px - var(--ui-height)/2)}.browser .item.chrome-dark .item-container,.browser .item.chrome-light .item-container{height:calc(100% + var(--ui-height)*.9 + var(--ui-height)*.82)!important;margin-top:calc(0px - (var(--ui-height)*.9 + var(--ui-height)*.82)/2)}.browser .item.chrome-light .interface,.browser .item.safari-light .interface{background:#eee}.browser .item.chrome-dark .interface,.browser .item.safari-dark .interface{background:#121214}.browser .item .item-container{position:relative}.browser .item .item-container .window-border{position:absolute;z-index:1;inset:0;border:.2px solid rgba(0,0,0,.45);outline:.7px solid hsla(0,2%,88%,.3);outline-offset:-1px}.browser .item .item-container .interface{position:relative;overflow:hidden;min-height:100%;height:100%;max-height:100%;display:flex;flex-direction:column}.browser .item .item-container .interface.arc-interface{padding:calc(var(--ui-height)/5)}.browser .item .item-container .interface.arc-interface .drop-wrapper{overflow:hidden;z-index:1}.browser .item .item-container .interface .browser-ui{width:100%;position:relative;display:flex;flex-direction:column}.browser .item .item-container .interface .safari-ui{display:flex;justify-content:space-between;height:var(--ui-height);width:100%;overflow:hidden}.browser .item .item-container .interface .safari-ui img{height:100%}.browser .item .item-container .interface .safari-ui .center-div{flex:1;max-width:40%;height:100%;display:flex;align-items:center}.browser .item .item-container .interface .safari-ui .center-div .address-bar{display:flex;justify-content:center;position:relative;height:55%;flex:1;border-radius:.3em}.browser .item .item-container .interface .safari-ui .center-div .address-bar .url-div{display:flex;align-items:center}.browser .item .item-container .interface .safari-ui .center-div .address-bar .url-div p{font-family:Inter,sans-serif!important;font-weight:400!important;font-size:calc(var(--ui-height)/4.5);letter-spacing:-.02em}.browser .item .item-container .interface .safari-ui .center-div .address-bar .shield{position:absolute;left:0}.browser .item .item-container .interface .safari-ui .center-div .address-bar .lock{position:absolute;right:0}.browser .item .item-container .interface .safari-ui.safari-light{background:#fff}.browser .item .item-container .interface .safari-ui.safari-light .center-div .address-bar{background:rgba(0,0,0,.05)}.browser .item .item-container .interface .safari-ui.safari-light .center-div .address-bar .url-div p{color:#4c4c4c}.browser .item .item-container .interface .safari-ui.safari-dark{background:#191c1f}.browser .item .item-container .interface .safari-ui.safari-dark .center-div .address-bar{background:#0c0f12}.browser .item .item-container .interface .safari-ui.safari-dark .center-div .address-bar .url-div p{color:#fff}.browser .item .item-container .interface .chrome-ui{display:flex;flex-direction:column;width:100%;overflow:hidden}.browser .item .item-container .interface .chrome-ui img{height:100%}.browser .item .item-container .interface .chrome-ui .top{height:calc(var(--ui-height)*.9);display:flex;position:relative}.browser .item .item-container .interface .chrome-ui .top .logo-title{position:absolute;display:flex;align-items:center;left:calc(var(--ui-height)*.9*2.1);top:calc(var(--ui-height)*.9*.4);gap:calc(var(--ui-height)*.9*.2)}.browser .item .item-container .interface .chrome-ui .top .logo-title .logo{width:calc(var(--ui-height)*.9/2.5);aspect-ratio:1/1;border-radius:50%;overflow:hidden}.browser .item .item-container .interface .chrome-ui .top .logo-title .logo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.browser .item .item-container .interface .chrome-ui .top .logo-title p{font-family:Inter,sans-serif!important;font-weight:400!important;font-size:calc(var(--ui-height)*.9/3.6);line-height:100%;letter-spacing:-.02em;text-transform:capitalize}.browser .item .item-container .interface .chrome-ui .bottom{height:calc(var(--ui-height)*.82);display:flex}.browser .item .item-container .interface .chrome-ui .bottom .address-bar{flex:1;display:flex;align-items:center;height:80%;margin:auto 0;border-radius:10em}.browser .item .item-container .interface .chrome-ui .bottom .address-bar p{font-family:Inter,sans-serif!important;font-weight:400!important;font-size:calc(var(--ui-height)*.9/3.2);line-height:110%;letter-spacing:-.02em}.browser .item .item-container .interface .chrome-ui.chrome-light .top{background:#dfe1e5}.browser .item .item-container .interface .chrome-ui.chrome-light .top p{color:#202124}.browser .item .item-container .interface .chrome-ui.chrome-light .bottom{background:#fff}.browser .item .item-container .interface .chrome-ui.chrome-light .bottom .address-bar{background:#f1f3f4}.browser .item .item-container .interface .chrome-ui.chrome-light .bottom .address-bar p{color:#202124}.browser .item .item-container .interface .chrome-ui.chrome-dark .top{background:#202124}.browser .item .item-container .interface .chrome-ui.chrome-dark .top p{color:#fff}.browser .item .item-container .interface .chrome-ui.chrome-dark .bottom{background:#35363a}.browser .item .item-container .interface .chrome-ui.chrome-dark .bottom .address-bar{background:#202124}.browser .item .item-container .interface .chrome-ui.chrome-dark .bottom .address-bar p{color:#fff}.browser .item .item-container .interface .arc-ui{position:absolute;inset:0;border-radius:inherit;background-blend-mode:overlay}.browser .item .item-container .interface .arc-ui.arc-light{background:hsla(260,1%,60%,.35);backdrop-filter:blur(3.5em) saturate(105%) contrast(105%) brightness(95%);-webkit-backdrop-filter:blur(3.5em) saturate(105%) contrast(105%) brightness(95%)}.browser .item .item-container .interface .arc-ui.arc-dark{background:rgba(62,57,85,.885);backdrop-filter:blur(1.5em) saturate(200%) contrast(550%) brightness(35%) hue-rotate(10deg);-webkit-backdrop-filter:blur(3em) saturate(110%) contrast(110%) brightness(35%)}.browser .item .item-container .interface .arc-ui.arc-dark .noise{position:absolute;width:100%;height:100%;background:url(https://assets.shots.so/canvas/noise2.svg);opacity:.034;z-index:-1;background-repeat:repeat;mix-blend-mode:overlay;border-radius:inherit}.browser .item .item-container .interface .arc-ui.remove-effect{backdrop-filter:unset!important;-webkit-backdrop-filter:unset!important}.minimal-desktop{align-self:flex-start!important;min-height:150%!important;height:150%!important;max-height:150%!important}.minimal-desktop .item .item-container .drop-wrapper{border-radius:inherit;overflow:hidden}.minimal-desktop .item .item-container .shadow{border-radius:inherit}.imac-24 .shadow,.imac-pro .shadow,.imac-retina .shadow,.pro-display-xdr .shadow,.studio-display .shadow{display:none}.imac-24.imac-24,.imac-pro.imac-24,.imac-retina.imac-24,.pro-display-xdr.imac-24,.studio-display.imac-24{--aspect-ratio:3240/2760;--drop-padding:3.88% 4% 29.6%}.imac-24.imac-retina,.imac-pro.imac-retina,.imac-retina.imac-retina,.pro-display-xdr.imac-retina,.studio-display.imac-retina{--aspect-ratio:4096/3444;--drop-padding:5.2% 4% 27%}.imac-24.imac-pro,.imac-pro.imac-pro,.imac-retina.imac-pro,.pro-display-xdr.imac-pro,.studio-display.imac-pro{--aspect-ratio:4096/3411;--drop-padding:5.2% 4% 27%}.imac-24.pro-display-xdr,.imac-pro.pro-display-xdr,.imac-retina.pro-display-xdr,.pro-display-xdr.pro-display-xdr,.studio-display.pro-display-xdr{--aspect-ratio:4096/3090;--drop-padding:1.8% 1.8% 19.4%}.imac-24.studio-display,.imac-pro.studio-display,.imac-retina.studio-display,.pro-display-xdr.studio-display,.studio-display.studio-display{--aspect-ratio:1338/1028;--drop-padding:2% 2% 20.6%}.imac-24.layout-1-1 .item:first-child,.imac-pro.layout-1-1 .item:first-child,.imac-retina.layout-1-1 .item:first-child,.pro-display-xdr.layout-1-1 .item:first-child,.studio-display.layout-1-1 .item:first-child{display:block}.imac-24.layout-1-2 .item:first-child,.imac-pro.layout-1-2 .item:first-child,.imac-retina.layout-1-2 .item:first-child,.pro-display-xdr.layout-1-2 .item:first-child,.studio-display.layout-1-2 .item:first-child{display:block;transform:translate3d(-30%,10%,0) scale(1.2)}.imac-24.layout-1-3 .item:first-child,.imac-pro.layout-1-3 .item:first-child,.imac-retina.layout-1-3 .item:first-child,.pro-display-xdr.layout-1-3 .item:first-child,.studio-display.layout-1-3 .item:first-child{display:block;transform:translate3d(30%,10%,0) scale(1.2)}.imac-24.layout-1-4 .item:first-child,.imac-pro.layout-1-4 .item:first-child,.imac-retina.layout-1-4 .item:first-child,.pro-display-xdr.layout-1-4 .item:first-child,.studio-display.layout-1-4 .item:first-child{display:block;transform:translate3d(-34%,-8%,0) scale(1.8)}.imac-24.layout-1-5 .item:first-child,.imac-pro.layout-1-5 .item:first-child,.imac-retina.layout-1-5 .item:first-child,.pro-display-xdr.layout-1-5 .item:first-child,.studio-display.layout-1-5 .item:first-child{display:block;transform:translate3d(34%,-8%,0) scale(1.8)}.imac-24.layout-1-6 .item:first-child,.imac-pro.layout-1-6 .item:first-child,.imac-retina.layout-1-6 .item:first-child,.pro-display-xdr.layout-1-6 .item:first-child,.studio-display.layout-1-6 .item:first-child{display:block;transform:translate3d(0,13%,0) scale(1.3)}.imac-24.layout-1-7 .item:first-child,.imac-pro.layout-1-7 .item:first-child,.imac-retina.layout-1-7 .item:first-child,.pro-display-xdr.layout-1-7 .item:first-child,.studio-display.layout-1-7 .item:first-child{display:block;transform:translate3d(0,40%,0) scale(1.8)}.imac-24.layout-1-8 .item:first-child,.imac-pro.layout-1-8 .item:first-child,.imac-retina.layout-1-8 .item:first-child,.pro-display-xdr.layout-1-8 .item:first-child,.studio-display.layout-1-8 .item:first-child{display:block;transform:translate3d(34%,40%,0) scale(1.8)}.imac-24.layout-1-9 .item:first-child,.imac-pro.layout-1-9 .item:first-child,.imac-retina.layout-1-9 .item:first-child,.pro-display-xdr.layout-1-9 .item:first-child,.studio-display.layout-1-9 .item:first-child{display:block;transform:translate3d(-34%,40%,0) scale(1.8)}.macbook-air-13 .shadow,.macbook-air-m2 .shadow,.macbook-pro-13 .shadow,.macbook-pro-15 .shadow,.macbook-pro-16 .shadow,.surface-book .shadow{display:none}.macbook-air-13.surface-book,.macbook-air-m2.surface-book,.macbook-pro-13.surface-book,.macbook-pro-15.surface-book,.macbook-pro-16.surface-book,.surface-book.surface-book{--aspect-ratio:4096/2428;--drop-padding:4.4% 13.6% 6.4% 13.8%}.macbook-air-13.macbook-air-13,.macbook-air-m2.macbook-air-13,.macbook-pro-13.macbook-air-13,.macbook-pro-15.macbook-air-13,.macbook-pro-16.macbook-air-13,.surface-book.macbook-air-13{--aspect-ratio:3460/2060;--drop-padding:6.6% 12.9%}.macbook-air-13.macbook-air-m2,.macbook-air-m2.macbook-air-m2,.macbook-pro-13.macbook-air-m2,.macbook-pro-15.macbook-air-m2,.macbook-pro-16.macbook-air-m2,.surface-book.macbook-air-m2{--aspect-ratio:1602/969;--drop-padding:1.8% 10.5% 7.2%}.macbook-air-13.macbook-pro-13,.macbook-air-m2.macbook-pro-13,.macbook-pro-13.macbook-pro-13,.macbook-pro-15.macbook-pro-13,.macbook-pro-16.macbook-pro-13,.surface-book.macbook-pro-13{--aspect-ratio:3460/2200;--drop-padding:8.6% 12.9%}.macbook-air-13.macbook-pro-15,.macbook-air-m2.macbook-pro-15,.macbook-pro-13.macbook-pro-15,.macbook-pro-15.macbook-pro-15,.macbook-pro-16.macbook-pro-15,.surface-book.macbook-pro-15{--aspect-ratio:3880/2400;--drop-padding:7.6% 12.8%}.macbook-air-13.macbook-pro-16,.macbook-air-m2.macbook-pro-16,.macbook-pro-13.macbook-pro-16,.macbook-pro-15.macbook-pro-16,.macbook-pro-16.macbook-pro-16,.surface-book.macbook-pro-16{--aspect-ratio:4096/2699;--drop-padding:7.2% 10.2% 7.14%}.macbook-air-13.layout-1-1 .item:first-child,.macbook-air-m2.layout-1-1 .item:first-child,.macbook-pro-13.layout-1-1 .item:first-child,.macbook-pro-15.layout-1-1 .item:first-child,.macbook-pro-16.layout-1-1 .item:first-child,.surface-book.layout-1-1 .item:first-child{display:block}.macbook-air-13.layout-1-2 .item:first-child,.macbook-air-m2.layout-1-2 .item:first-child,.macbook-pro-13.layout-1-2 .item:first-child,.macbook-pro-15.layout-1-2 .item:first-child,.macbook-pro-16.layout-1-2 .item:first-child,.surface-book.layout-1-2 .item:first-child{display:block;transform:translate3d(-30%,0,0) scale(1.2)}.macbook-air-13.layout-1-3 .item:first-child,.macbook-air-m2.layout-1-3 .item:first-child,.macbook-pro-13.layout-1-3 .item:first-child,.macbook-pro-15.layout-1-3 .item:first-child,.macbook-pro-16.layout-1-3 .item:first-child,.surface-book.layout-1-3 .item:first-child{display:block;transform:translate3d(30%,0,0) scale(1.2)}.macbook-air-13.layout-1-4 .item:first-child,.macbook-air-m2.layout-1-4 .item:first-child,.macbook-pro-13.layout-1-4 .item:first-child,.macbook-pro-15.layout-1-4 .item:first-child,.macbook-pro-16.layout-1-4 .item:first-child,.surface-book.layout-1-4 .item:first-child{display:block;transform:translate3d(-32%,-24%,0) scale(1.5)}.macbook-air-13.layout-1-5 .item:first-child,.macbook-air-m2.layout-1-5 .item:first-child,.macbook-pro-13.layout-1-5 .item:first-child,.macbook-pro-15.layout-1-5 .item:first-child,.macbook-pro-16.layout-1-5 .item:first-child,.surface-book.layout-1-5 .item:first-child{display:block;transform:translate3d(32%,-24%,0) scale(1.5)}.macbook-air-13.layout-1-7 .item:first-child,.macbook-air-m2.layout-1-7 .item:first-child,.macbook-pro-13.layout-1-7 .item:first-child,.macbook-pro-15.layout-1-7 .item:first-child,.macbook-pro-16.layout-1-7 .item:first-child,.surface-book.layout-1-7 .item:first-child{display:block;transform:translate3d(0,40%,0) scale(1.8)}.macbook-air-13.layout-1-8 .item:first-child,.macbook-air-m2.layout-1-8 .item:first-child,.macbook-pro-13.layout-1-8 .item:first-child,.macbook-pro-15.layout-1-8 .item:first-child,.macbook-pro-16.layout-1-8 .item:first-child,.surface-book.layout-1-8 .item:first-child{display:block;transform:translate3d(32%,32%,0) scale(1.6)}.macbook-air-13.layout-1-9 .item:first-child,.macbook-air-m2.layout-1-9 .item:first-child,.macbook-pro-13.layout-1-9 .item:first-child,.macbook-pro-15.layout-1-9 .item:first-child,.macbook-pro-16.layout-1-9 .item:first-child,.surface-book.layout-1-9 .item:first-child{display:block;transform:translate3d(-32%,32%,0) scale(1.6)}