.phone-preview-wrapper{box-sizing:border-box;background:0 0;justify-content:center;align-self:center;align-items:center;width:341px;height:739px;margin-top:0;padding:0;display:flex;overflow:hidden}@media (width<=1600px),(height<=900px){.phone-preview-wrapper{width:314px;height:680px}}@media (width<=1400px),(height<=850px){.phone-preview-wrapper{width:290px;height:628px}}@media (width<=1200px),(height<=780px){.phone-preview-wrapper{width:266px;height:576px}}@media (width<=1024px),(height<=700px){.phone-preview-wrapper{width:239px;height:517px}}@media (width<=900px),(height<=650px){.phone-preview-wrapper{width:211px;height:458px}}@media (height<=580px){.phone-preview-wrapper{width:177px;height:384px}}.iphone-frame{--iphone-width:375px;--iphone-height:812px;--iphone-radius:36px;--iphone-bezel:3px;--iphone-inner-bezel:3px;--iphone-screen-radius:40px;--ios-statusbar-height:32px;--ios-statusbar-padding-x:20px;--dynamic-island-top:0px;--dynamic-island-width:165px;--dynamic-island-height:28px;--home-indicator-width:134px;--home-indicator-height:5px;--phone-vh:8px;--scroll-bar-size:6px;--scroll-bar-thumb-color:#0003;--scroll-bar-thumb-color-active:#0006;--iphone-bezel-color:#1a1a1a;--iphone-bezel-edge:linear-gradient(145deg, #3a3a3a 0%, #1a1a1a 50%, #0a0a0a 100%);--iphone-screen-bg:#000;width:var(--iphone-width);height:var(--iphone-height);flex-shrink:0;margin-top:0;position:relative}.preview-panel-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:visible}.iphone-bezel{background:var(--iphone-bezel-edge);border-radius:var(--iphone-radius);width:100%;height:100%;padding:var(--iphone-bezel);position:relative;box-shadow:0 0 0 1px #ffffff1a,0 4px 6px -4px #000000b3}.iphone-button{background:linear-gradient(90deg,#2a2a2a,#1a1a1a);border-radius:2px;position:absolute}.iphone-button--silent{width:3px;height:32px;top:120px;left:-3px}.iphone-button--volume-up{width:3px;height:56px;top:180px;left:-3px}.iphone-button--volume-down{width:3px;height:56px;top:250px;left:-3px}.iphone-button--power{width:3px;height:80px;top:200px;right:-3px}.iphone-screen{border-radius:var(--iphone-screen-radius);width:100%;height:100%;padding:var(--iphone-inner-bezel);background:#000;position:relative;overflow:hidden}.iphone-screen-inner{background:var(--iphone-screen-bg);border-radius:calc(var(--iphone-screen-radius) - var(--iphone-inner-bezel));--ios-statusbar-fill:transparent;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.ios-statusbar{height:var(--ios-statusbar-height);padding:10px var(--ios-statusbar-padding-x,20px) 0;z-index:9999;pointer-events:none;box-sizing:border-box;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0;transform:translateZ(0)}.ios-statusbar:after,.ios-statusbar[data-ink=dark]:after{display:none}.ios-statusbar>*{pointer-events:auto}.ios-statusbar--transparent-light{box-shadow:inset 0 15px 20px -10px #ffffff4d}.ios-statusbar__time{letter-spacing:-.3px;min-width:42px;color:inherit;text-shadow:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;font-size:15px;font-weight:600;line-height:1}.ios-statusbar__island{left:50%;top:var(--dynamic-island-top,0px);width:var(--dynamic-island-width);height:var(--dynamic-island-height);background:#000;border-radius:0 0 16px 16px;position:absolute;transform:translate(-50%)}.ios-statusbar__island:before,.ios-statusbar__island:after{content:"";background:#000;width:11px;height:10px;position:absolute;top:0}.ios-statusbar__island:before{left:-10px;-webkit-mask-image:radial-gradient(circle at 0 100%,#0000 10px,#000 10px);mask-image:radial-gradient(circle at 0 100%,#0000 10px,#000 10px)}.ios-statusbar__island:after{right:-10px;-webkit-mask-image:radial-gradient(circle at 100% 100%,#0000 10px,#000 10px);mask-image:radial-gradient(circle at 100% 100%,#0000 10px,#000 10px)}.ios-statusbar__camera{opacity:.4;background:radial-gradient(circle at 30% 30%,#28323ce6 0%,#0f1419f2 40%,#050a0f 60%,#14191ee6 100%);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:18%;transform:translateY(-50%);box-shadow:inset 0 0 2px #ffffff14,0 0 1px #00000080}.ios-statusbar__camera:after{content:"";background:#ffffff26;border-radius:50%;width:3px;height:3px;position:absolute;top:15%;left:20%}.ios-statusbar__speaker{background:linear-gradient(#32373cd9 0%,#23282de6 50%,#2d3237d9 100%);border-radius:2px;width:28%;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 1px #0000004d}.ios-statusbar__icons{color:inherit;filter:none;align-items:center;gap:2px;display:flex}.ios-icon{flex-shrink:0;width:16px;height:11px}.ios-icon--wifi{width:15px}.ios-battery{opacity:.8;box-sizing:border-box;border:1.5px solid;border-radius:4px;align-items:center;width:22px;height:10px;padding:2px;display:flex;position:relative}.ios-battery__fill{background:currentColor;border-radius:3px 2px 2px 3px;min-width:2px;height:108%}.ios-battery__cap{opacity:.4;border-radius:0 1px 1px 0;width:1.5px;height:4px;position:absolute;right:-4px;background:currentColor!important}.iphone-status-layer,.iphone-status-bar,.iphone-status-time,.iphone-dynamic-island,.iphone-island-speaker,.iphone-island-camera,.iphone-island-camera-lens,.iphone-status-icons{display:none!important}.iphone-content{overflow-y:overlay;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom;cursor:grab;flex:1;max-width:100%;position:relative;overflow-x:hidden;container:phone-screen/size}.iphone-content[data-drag-scrolling=true]{cursor:grabbing;-webkit-user-select:none;user-select:none}.iphone-screen-inner[data-status-inset-mode=safe] .iphone-content{padding-top:var(--ios-statusbar-height);background:var(--ios-statusbar-fill,transparent)}.iphone-screen-inner[data-status-inset-mode=hybrid] .iphone-content{padding-top:0}.iphone-screen-inner[data-status-inset-mode=hybrid] .iphone-content>:first-child{padding-top:var(--ios-statusbar-height);background:var(--ios-statusbar-fill,transparent)}.iphone-screen-inner[data-status-inset-mode=overlay] .iphone-content,.iphone-screen-inner[data-status-inset-mode=none] .iphone-content{padding-top:0}.iphone-screen-inner[data-status-inset-mode=overlay][data-status-bar-stuck=true] .ios-statusbar{box-shadow:0 1px 0 0 var(--ios-statusbar-fill,#fff);background:var(--ios-statusbar-fill,#fff)!important}.phone-preview-overlay-root{pointer-events:none;z-index:950;position:absolute;inset:0}.phone-preview-overlay-root>*{pointer-events:auto;width:100%;height:100%}.iphone-frame .iphone-content,.iphone-frame .site.phone-mode{scrollbar-width:none}.iphone-frame .iphone-content::-webkit-scrollbar{width:0!important;height:0!important}.iphone-frame .site.phone-mode::-webkit-scrollbar{width:0!important;height:0!important}.site.phone-mode.fullscreen-preview{scrollbar-width:thin;scrollbar-color:#ffffff4d transparent}.site.phone-mode.fullscreen-preview::-webkit-scrollbar{width:6px!important}.site.phone-mode.fullscreen-preview::-webkit-scrollbar-track{background:0 0}.site.phone-mode.fullscreen-preview::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:999px}.site.phone-mode.fullscreen-preview::-webkit-scrollbar-thumb:hover{background:#ffffff80}.ios-overlay-scrollbar{right:2px;top:calc(var(--ios-statusbar-height,32px) + var(--ios-scrollbar-top,0px));height:calc(var(--ios-scrollbar-height,0px) - var(--ios-statusbar-height,32px));width:var(--scroll-bar-size);pointer-events:none;z-index:901;background:0 0;position:absolute}.ios-overlay-scrollbar[data-visible=false]{display:none}.ios-overlay-scrollbar__thumb{right:0;top:var(--ios-scrollbar-thumb-top,0px);height:var(--ios-scrollbar-thumb-height,28px);background:var(--scroll-bar-thumb-color);border-radius:999px;width:calc(100% - 1px);margin-right:2px;transition:opacity .5s;position:absolute;box-shadow:inset 0 0 0 1px #ffffff14}.ios-overlay-scrollbar[data-contrast=light] .ios-overlay-scrollbar__thumb{background:#ffffff59;box-shadow:inset 0 0 0 1px #ffffff1a}.ios-overlay-scrollbar[data-contrast=dark] .ios-overlay-scrollbar__thumb{background:#00000040;box-shadow:inset 0 0 0 1px #00000014}.ios-overlay-scrollbar[data-active=false] .ios-overlay-scrollbar__thumb{opacity:0}.phone-preview--compact .iphone-frame{--iphone-width:341px;--iphone-height:739px;--phone-vh:7.21px;--iphone-radius:36px;--iphone-bezel:6px;--iphone-screen-radius:32px;--ios-statusbar-height:44px;--ios-statusbar-padding-x:18px;--dynamic-island-top:0px;--dynamic-island-width:110px;--dynamic-island-height:26px;--home-indicator-width:121px;--home-indicator-height:4px}.phone-preview--compact .ios-statusbar__time{font-size:14px}.phone-preview--mini .iphone-frame{--iphone-width:260px;--iphone-height:564px;--phone-vh:5.42px;--iphone-radius:36px;--iphone-bezel:8px;--iphone-screen-radius:30px;--ios-statusbar-height:36px;--ios-statusbar-padding-x:14px;--dynamic-island-top:0px;--dynamic-island-width:88px;--dynamic-island-height:20px;--home-indicator-width:90px;--home-indicator-height:3px}.phone-preview--mini .ios-statusbar__time{font-size:11px}.phone-preview--mini .ios-statusbar__icons{gap:2px}.phone-preview--mini .ios-icon{width:13px;height:9px}.phone-preview--mini .ios-battery{width:18px;height:9px}.phone-preview--mini .iphone-button{display:none}.phone-preview--light .iphone-frame{--iphone-bezel-color:#e5e5e7;--iphone-bezel-edge:linear-gradient(145deg, #f5f5f7 0%, #e5e5e7 50%, #d1d1d6 100%)}.phone-preview--light .iphone-button{background:linear-gradient(90deg,#d1d1d6,#c7c7cc)}@keyframes phoneEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.phone-preview--animate .iphone-frame{animation:.6s cubic-bezier(.16,1,.3,1) forwards phoneEnter}.iphone-frame{transition:box-shadow .4s}.iphone-frame.phone-preview--fit-parent{zoom:var(--phone-preview-fit-scale,1)!important}.configurator-phone-preview .iphone-content{min-width:0;max-width:100%;overflow:hidden}.configurator-phone-preview .iphone-content .editor-preview.editor-preview--template{--editor-preview-sticky-safe-top:0px;flex:1 1 0;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;overflow:hidden}.iphone-screen-inner[data-status-inset-mode=overlay] .configurator-phone-preview .iphone-content .editor-preview.editor-preview--template,.iphone-screen-inner[data-status-inset-mode=overlay] .iphone-content .editor-preview.editor-preview--template{--editor-preview-sticky-safe-top:var(--ios-statusbar-height,0px)}.iphone-frame.configurator-phone-preview{z-index:100;padding:0;position:relative}.configurator-phone-preview.iphone-frame{--iphone-width:341px;--iphone-height:739px;--phone-vh:7.21px;--iphone-radius:36px;--iphone-bezel:6px;--iphone-screen-radius:32px;--dynamic-island-width:132px;--dynamic-island-height:24px;--home-indicator-width:121px;--home-indicator-height:4px}.configurator-phone-preview .ios-statusbar{padding:10px 22px 0}.configurator-phone-preview .ios-statusbar__time{letter-spacing:-.28px;font-size:14px;font-weight:600}.configurator-phone-preview .ios-icon{width:16px;height:10px}.configurator-phone-preview .ios-icon--wifi{width:15px;height:12px}.configurator-phone-preview .ios-battery{opacity:.8;border:1.5px solid;border-radius:4px;width:18px;height:10px;padding:1px}.configurator-phone-preview .site.phone-mode{width:100%;height:100%;box-shadow:none;background-clip:border-box;border-radius:0;margin:0;padding:0;overflow:hidden auto}@media (width>=1601px) and (height>=901px){.configurator-phone-preview.iphone-frame{zoom:1}}@media (width<=1600px),(height<=900px){.configurator-phone-preview.iphone-frame{zoom:.92}}@media (width<=1400px),(height<=850px){.configurator-phone-preview.iphone-frame{zoom:.85}}@media (width<=1200px),(height<=780px){.configurator-phone-preview.iphone-frame{zoom:.78}}@media (width<=1024px),(height<=700px){.configurator-phone-preview.iphone-frame{zoom:.7}}@media (width<=900px),(height<=650px){.configurator-phone-preview.iphone-frame{zoom:.62}}@media (height<=580px){.configurator-phone-preview.iphone-frame{zoom:.52}}.configurator-phone-preview .site.phone-mode,.iphone-frame .site.phone-mode{position:relative}.configurator-phone-preview .site.phone-mode .header[data-compact-nav=true] .nav[data-reveal=drawer],.iphone-frame .site.phone-mode .header[data-compact-nav=true] .nav[data-reveal=drawer]{height:100%!important;position:absolute!important}