.phone-mockup,.phone-mockup *{box-sizing:border-box}.phone-mockup{position:relative;width:100%;height:100%;aspect-ratio:4 / 5;background:#faf8f3;display:flex;align-items:center;justify-content:center}.phone-mockup__device{position:relative;width:57%;aspect-ratio:9 / 19.5}.phone-mockup__btn{position:absolute;width:4px;background:linear-gradient(to bottom,#4a5568,#1e2533)}.phone-mockup__btn--vol-up{left:-4px;top:19%;height:28px;border-top-left-radius:4px;border-bottom-left-radius:4px}.phone-mockup__btn--vol-down{left:-4px;top:27%;height:28px;border-top-left-radius:4px;border-bottom-left-radius:4px}.phone-mockup__btn--power{right:-4px;top:24%;height:40px;border-top-right-radius:4px;border-bottom-right-radius:4px}.phone-mockup__bezel{position:relative;height:100%;width:100%;border-radius:2rem;padding:3px;box-shadow:0 12px 32px -10px #0000002e;background:linear-gradient(145deg,#3a4659,#252e42 30%,#1a2030 70%,#2c3850)}.phone-mockup__bezel-inner{height:100%;width:100%;border-radius:1.75rem;background:#0a0d13;padding:1px}.phone-mockup__screen{position:relative;height:100%;width:100%;border-radius:1.6rem;overflow:hidden;background:#fff}.phone-mockup__notch{position:absolute;top:7px;left:50%;transform:translate(-50%);z-index:30;height:6px;width:28%;border-radius:999px;background:#000}.phone-mockup__overlay{position:absolute;bottom:10px;left:0;right:0;z-index:40;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.phone-mockup__hint{font-family:var(--ma-sans, -apple-system, sans-serif);font-size:8.5px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:#7a7a7a;animation:phone-mockup-hint-pulse 2.6s ease-in-out infinite}@keyframes phone-mockup-hint-pulse{0%,to{opacity:.3}50%{opacity:.7}}.phone-mockup.is-interacted .phone-mockup__hint{animation:none;opacity:0;transition:opacity .3s ease}.phone-mockup__dots{display:flex;align-items:center;gap:4px}.phone-mockup__dot{width:5px;height:5px;border-radius:999px;border:1px solid #7A7A7A;background:transparent}.phone-mockup__dot.is-active{width:6px;height:6px;border:none;background:#3d3d3d}.phone-mockup__track{display:flex;height:100%;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;touch-action:pan-x;scrollbar-width:none;-ms-overflow-style:none}.phone-mockup__track::-webkit-scrollbar{display:none}.phone-mockup__slide{flex:0 0 100%;height:100%;width:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.phone-mockup__img{width:100%;height:100%;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-phone-mockup.css.map */