.ipad-frame-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#000;overflow:visible;position:relative;touch-action:none;transition:background-color .3s ease}.ipad-frame-container:before{display:none}.ipad-frame{--frame-tx:0px;--frame-ty:0px;--frame-rx:0deg;--frame-ry:0deg;--frame-rz:0deg;--frame-static-rotate:0deg;--frame-static-scale:1;--frame-scale:1;--glare-x:50%;--glare-y:35%;--glare-opacity:0;--ipad-frame-radius:28px;--ipad-bezel-radius:24px;--ipad-screen-radius:18px;width:calc(1068px + 22px);height:calc(778px + 22px);background-color:#000;border-radius:var(--ipad-frame-radius);box-shadow:0 15px 40px rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000;border:1px solid #222;position:relative;z-index:1;transform-origin:center center;will-change:transform;cursor:-webkit-grab;cursor:grab;transition:box-shadow .3s ease,transform .3s ease;transform:perspective(1400px) translate3d(var(--frame-tx),var(--frame-ty),0) rotateX(var(--frame-rx)) rotateY(var(--frame-ry)) rotate(var(--frame-static-rotate)) rotate(var(--frame-rz)) scale(var(--frame-static-scale)) scale(var(--frame-scale))}.ipad-frame[data-desktop=true]{box-shadow:0 25px 60px rgba(0,0,0,.8);border:1px solid #333}.ipad-frame[data-dragging=true]{cursor:-webkit-grabbing;cursor:grabbing;box-shadow:0 35px 60px rgba(0,0,0,.6),0 10px 15px rgba(0,0,0,.25)}.ipad-frame[data-dragging=true] .ipad-frame-screen{transform:scale(.995);transition:transform .3s ease}.ipad-frame-bezel{position:relative;width:calc(1080px + 20px);height:calc(819px + 20px);background-color:#111;border-radius:var(--ipad-bezel-radius);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(0,0,0,.8)}.ipad-frame-engraving{position:absolute;top:22px;right:110px;left:auto;transform:none;z-index:5;pointer-events:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text;white-space:nowrap;max-width:min(460px,calc(100% - 180px));overflow:hidden;text-overflow:ellipsis;font-family:ui-serif,Bodoni MT,Didot,Times New Roman,serif;font-size:11px;font-weight:500;letter-spacing:.22em;text-indent:.22em;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;font-feature-settings:none;font-variant-ligatures:none;color:hsla(0,0%,100%,.16);text-shadow:0 1px 0 hsla(0,0%,100%,.1),0 -1px 0 rgba(0,0,0,.9),0 10px 26px rgba(0,0,0,.35);opacity:1;background:transparent;border:0;padding:0;margin:0;line-height:1;cursor:copy}.ipad-frame-engraving:hover{color:hsla(0,0%,100%,.22)}.ipad-frame-engraving:focus-visible{outline:2px solid hsla(0,0%,100%,.22);outline-offset:8px;border-radius:999px}.liquid-toast-layer{position:absolute;top:54px;left:50%;transform:translateX(-50%);z-index:12;pointer-events:none}.liquid-toast{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;color:hsla(0,0%,100%,.92);font-size:12px;letter-spacing:.02em;background:rgba(10,10,14,.46);border:1px solid hsla(0,0%,100%,.14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(0,0,0,.55);opacity:0;transform:translate3d(0,-10px,0) scale(.96);transition:opacity .22s ease,transform .26s cubic-bezier(.16,1,.3,1)}.liquid-toast:after,.liquid-toast:before{content:"";position:absolute;inset:-18px -22px;border-radius:999px;pointer-events:none;opacity:.7}.liquid-toast:before{background:radial-gradient(60% 90% at 25% 20%,hsla(0,0%,100%,.16),hsla(0,0%,100%,0) 60%),radial-gradient(55% 80% at 80% 80%,rgba(56,189,248,.12),rgba(56,189,248,0) 55%),radial-gradient(55% 80% at 15% 85%,rgba(34,197,94,.1),rgba(34,197,94,0) 55%);filter:blur(10px);mix-blend-mode:screen;animation:liquid-toast-drift 3.6s ease-in-out infinite}.liquid-toast:after{background:radial-gradient(60% 70% at 40% 20%,hsla(0,0%,100%,.1),hsla(0,0%,100%,0) 55%);filter:blur(14px);opacity:.55;animation:liquid-toast-drift 4.8s ease-in-out infinite reverse}.liquid-toast[data-state=open]{opacity:1;transform:translateZ(0) scale(1)}.liquid-toast[data-state=closed]{opacity:0;transform:translate3d(0,-10px,0) scale(.98)}@keyframes liquid-toast-drift{0%{transform:translate3d(-8px,0,0) scale(1)}50%{transform:translate3d(8px,2px,0) scale(1.02)}to{transform:translate3d(-8px,0,0) scale(1)}}@media (prefers-reduced-motion:reduce){.liquid-toast,.liquid-toast:after,.liquid-toast:before{animation:none!important;transition:none!important}}.ipad-frame-glare{position:absolute;inset:0;border-radius:var(--ipad-bezel-radius);pointer-events:none;z-index:4;opacity:var(--glare-opacity,0);transition:opacity .2s ease;background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,35%),hsla(0,0%,100%,.22) 0,hsla(0,0%,100%,0) 60%);mix-blend-mode:screen}.ipad-frame-screen{width:1068px;height:778px;background-color:transparent;border-radius:var(--ipad-screen-radius);overflow:hidden;position:relative;z-index:1;box-shadow:inset 0 0 1px rgba(0,0,0,.2);will-change:transform;transform-origin:center center;transition:transform .2s ease;cursor:default}.ipad-frame[data-desktop=true] .ipad-frame-bezel{background:linear-gradient(135deg,#1a1a1a,#111);border:1px solid #333}.ipad-frame[data-desktop=true] .ipad-bevel-effect{background:linear-gradient(135deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,0) 50%,rgba(0,0,0,.03))}.ipad-frame-screen:hover{cursor:default}.ipad-frame-screen[data-content-dragging=true]{box-shadow:inset 0 0 2px rgba(0,0,0,.3);cursor:default;transform:none!important}.ipad-frame-screen[data-content-dragging=true]>.app{transform:none!important}.ipad-frame-screen[data-content-dragging=true] .ios-app-grid,.ipad-frame-screen[data-content-dragging=true] .ios-dock,.ipad-frame-screen[data-content-dragging=true] .ios-home-content,.ipad-frame-screen[data-content-dragging=true] .ios-home-screen,.ipad-frame-screen[data-content-dragging=true] .ios-page-dots{filter:brightness(.95);transition:filter .25s ease,transform .25s ease;will-change:transform}.ipad-frame-screen[data-content-dragging=true] .ios-home-screen{box-shadow:0 5px 15px rgba(0,0,0,.2)}.ipad-frame-screen[data-content-dragging=true] .ios-app-icon{transform:translateZ(5px);transition:transform .25s ease}.ipad-volume-down,.ipad-volume-up{position:absolute;left:-2px;width:1px;height:15px;background-color:#333;border-radius:1px;box-shadow:inset -1px 0 1px hsla(0,0%,100%,.05)}.ipad-volume-up{top:100px}.ipad-volume-down{top:125px}.ipad-power-button{position:absolute;top:20px;right:-2px;width:1px;height:15px;background-color:#333;border-radius:1px;box-shadow:inset 1px 0 1px hsla(0,0%,100%,.05)}.ipad-bevel-effect{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--ipad-frame-radius);box-shadow:inset 0 0 2px hsla(0,0%,100%,.03);pointer-events:none;background:linear-gradient(135deg,hsla(0,0%,100%,.01),hsla(0,0%,100%,0) 50%,rgba(0,0,0,.02));z-index:10}.ipad-frame-container.dragging{background-color:#000}@media (min-width:2560px){.ipad-frame{--frame-static-scale:1.2}}@media (min-width:1440px) and (max-width:2559px){.ipad-frame{--frame-static-scale:1}}@media (min-width:1080px) and (max-width:1439px){.ipad-frame{--frame-static-scale:0.9}}@media (min-width:720px) and (max-width:1079px){.ipad-frame{--frame-static-scale:0.7}}@media (min-width:320px) and (max-width:719px){.ipad-frame{--frame-static-scale:0.5}}@media (min-height:1200px){.ipad-frame{--frame-static-scale:1.1}}@media (min-height:600px) and (max-height:799px){.ipad-frame{--frame-static-scale:0.7}}@media (max-height:599px){.ipad-frame{--frame-static-scale:0.5}}@media (max-width:1200px) and (max-height:800px){.ipad-frame{--frame-static-scale:0.65}}@media (max-width:1000px) and (max-height:700px){.ipad-frame{--frame-static-scale:0.55}}@media (min-aspect-ratio:7/3){.ipad-frame{--frame-static-scale:0.9}}@media (max-aspect-ratio:4/3){.ipad-frame{--frame-static-scale:0.7}}@media (orientation:portrait) and (max-width:768px){.ipad-frame{--frame-static-scale:0.4;--frame-static-rotate:90deg}}@media screen and (max-height:900px),screen and (max-width:1200px){.ipad-frame-container{padding:20px}}@media screen and (min-width:1000px) and (max-width:1100px) and (min-height:700px) and (max-height:800px){.ipad-frame{--frame-static-scale:0.75}}@media screen and (width:1366px) and (height:768px){.ipad-frame{--frame-static-scale:0.7}}@media screen and (width:1280px) and (height:800px){.ipad-frame{--frame-static-scale:0.7}}@media screen and (width:1440px) and (height:900px){.ipad-frame{--frame-static-scale:0.8}}@media screen and (width:1920px) and (height:1080px){.ipad-frame{--frame-static-scale:0.9}}@media (min-width:1024px){.ipad-frame[data-dragging=true]{box-shadow:0 45px 80px rgba(0,0,0,.7),0 15px 25px rgba(0,0,0,.3)}.ipad-frame-screen .app{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}}.ipad-fullscreen-toggle-wrapper{position:fixed;bottom:20px;right:20px;z-index:var(--z-index-toggle-buttons)}.ipad-fullscreen-toggle{width:36px;height:36px;background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);color:hsla(0,0%,100%,.85);box-shadow:0 4px 16px rgba(0,0,0,.15);position:relative;overflow:hidden}.ipad-fullscreen-toggle:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);transform:scale(1.05);color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.25)}.ipad-fullscreen-toggle:active{transform:scale(.95);background:hsla(0,0%,100%,.25);color:hsla(0,0%,100%,.9)}.expand-icon{width:24px;height:24px;position:relative}.expand-arrows{width:100%;height:100%;position:relative}.arrow{position:absolute;width:10px;height:10px;border:3px solid}.arrow.top-left{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:2px}.arrow.top-right{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:2px}.arrow.bottom-left{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:2px}.arrow.bottom-right{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:2px}.fullscreen-toggle-wrapper{position:fixed;bottom:20px;right:20px;z-index:var(--z-index-toggle-buttons)}.fullscreen-toggle-button{width:36px;height:36px;background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);color:hsla(0,0%,100%,.85);box-shadow:0 4px 16px rgba(0,0,0,.15)}.fullscreen-toggle-button:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);transform:scale(1.05);color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.25)}.fullscreen-toggle-button:active{transform:scale(.95);background:hsla(0,0%,100%,.25);color:hsla(0,0%,100%,.9)}.ipad-icon{width:16px;height:12px;position:relative;border:1.5px solid;border-radius:2px;background:transparent}.ipad-screen{position:absolute;top:1px;left:1px;right:1px;bottom:1px;background:hsla(0,0%,100%,.15);border-radius:.5px}@media (max-width:1024px){.ipad-fullscreen-toggle{display:none}}@media (max-width:768px){.fullscreen-toggle-wrapper{display:none}}.fullscreen-container{width:100vw;height:100vh;position:fixed;top:0;left:0;background:transparent;z-index:1;overflow:auto}.fullscreen-container .app{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important;box-shadow:none!important;transform:none!important;position:relative!important}body:not(.ipad-frame-mode) .ipad-bevel-effect,body:not(.ipad-frame-mode) .ipad-frame,body:not(.ipad-frame-mode) .ipad-frame-bezel,body:not(.ipad-frame-mode) .ipad-frame-container,body:not(.ipad-frame-mode) .ipad-frame-screen,body:not(.ipad-frame-mode) .ipad-power-button,body:not(.ipad-frame-mode) .ipad-volume-down,body:not(.ipad-frame-mode) .ipad-volume-up{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body:not(.ipad-frame-mode) .app,body:not(.ipad-frame-mode) .ipad-frame-screen .app{width:100vw!important;height:100vh!important;border-radius:0!important;box-shadow:none!important;transform:none!important;max-width:none!important;max-height:none!important;overflow:auto!important;border:none!important;position:fixed!important;top:0!important;left:0!important;z-index:var(--z-index-content)!important;background-size:cover!important;background-position:50%!important}body:not(.ipad-frame-mode) .app:after,body:not(.ipad-frame-mode) .app:before{display:none!important}body:not(.ipad-frame-mode) .ios-app-grid,body:not(.ipad-frame-mode) .ios-home-content{max-width:none!important;width:100%!important}@media (max-width:768px){body:not(.ipad-frame-mode) .app{max-width:none!important;width:100vw!important;height:100vh!important;border:none!important;border-radius:0!important;margin:0!important;position:fixed!important;top:0!important;left:0!important}body:not(.ipad-frame-mode) .app:after,body:not(.ipad-frame-mode) .app:before{display:none!important}}.ipad-frame-container{transition:opacity .3s ease,visibility .3s ease}body:not(.ipad-frame-mode) .ipad-frame-container{opacity:0;visibility:hidden;pointer-events:none}.app.fullscreen-mode{width:100vw!important;height:100vh!important;border-radius:0!important;box-shadow:none!important;transform:none!important;overflow:auto!important;position:fixed!important;top:0!important;left:0!important;z-index:1!important}.app.fullscreen-mode,.app.fullscreen-mode *{max-width:none!important;max-height:none!important}