html.magnetic-unlock-lock-scroll,html.magnetic-unlock-lock-scroll body{overflow:hidden;height:100%}.magnetic-unlock-overlay{--mu-midnight: #0B0B0A;--mu-soft-black: #141A16;--mu-warm-white: #F8F5EF;--mu-pure-white: #FFFFFF;--mu-antique-gold: #C9A24A;--mu-gold-glow: #F2D27A;--mu-bronze-gold: #8A6A2A;display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;align-items:center;justify-content:center;padding:6vh 1.5rem;text-align:center;background:radial-gradient(ellipse at center,#141a16db,#0b0b0af0 70%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .7s ease}.magnetic-unlock-overlay.is-visible{display:flex}.magnetic-unlock-overlay.is-visible.is-active{opacity:1}.magnetic-unlock-overlay.is-hiding{opacity:0;pointer-events:none}.magnetic-unlock-overlay__inner{display:flex;flex-direction:column;align-items:center;max-width:32rem;width:100%}.magnetic-lock-scene{position:relative;width:clamp(150px,40vw,220px);aspect-ratio:300 / 340;margin-bottom:1.5rem}.magnetic-lock-scene__lock,.magnetic-lock-scene__key{position:absolute;filter:drop-shadow(0 0 6px rgba(242,210,122,.5)) drop-shadow(0 0 16px rgba(201,162,74,.32))}.magnetic-lock-scene__lock img,.magnetic-lock-scene__key img{display:block;width:100%;height:auto}.magnetic-lock-scene__lock{left:18.3%;top:11.8%;width:63.3%;animation:magnetic-glow 3.2s ease-in-out infinite;transition:filter .5s ease}.magnetic-lock-scene__key{left:66.7%;top:-8.8%;width:23.3%;transform:rotate(20deg);animation:magnetic-key-float 4.2s ease-in-out infinite;transition:left .9s cubic-bezier(.22,1,.36,1),top .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .4s ease}@keyframes magnetic-glow{0%,to{filter:drop-shadow(0 0 6px rgba(242,210,122,.45)) drop-shadow(0 0 16px rgba(201,162,74,.3))}50%{filter:drop-shadow(0 0 12px rgba(242,210,122,.8)) drop-shadow(0 0 26px rgba(201,162,74,.5))}}@keyframes magnetic-key-float{0%,to{margin-top:0}50%{margin-top:-5px}}.magnetic-lock-scene.is-inserting .magnetic-lock-scene__key{left:37.4%;top:9.5%;transform:rotate(-4deg);animation:none;margin-top:0}.magnetic-lock-scene.is-turning .magnetic-lock-scene__key{transform:rotate(24deg)}.magnetic-lock-scene.is-turning .magnetic-lock-scene__lock,.magnetic-lock-scene.is-turning .magnetic-lock-scene__key{filter:drop-shadow(0 0 16px rgba(242,210,122,.95)) drop-shadow(0 0 34px rgba(201,162,74,.65))}.magnetic-unlock-overlay__brand{margin:0 0 .35rem;font-size:clamp(1.1rem,2.6vw,1.5rem);letter-spacing:.14em;text-transform:uppercase;color:var(--mu-gold-glow);font-weight:600}.magnetic-unlock-overlay__descriptor{margin:0 0 1.5rem;font-size:clamp(.75rem,1.8vw,.9rem);letter-spacing:.08em;text-transform:uppercase;color:var(--mu-warm-white);opacity:.75}.magnetic-unlock-overlay__headline{margin:0 0 .9rem;font-size:clamp(1.75rem,5vw,2.75rem);line-height:1.15;color:var(--mu-pure-white);font-weight:500}.magnetic-unlock-overlay__subline{margin:0 0 .6rem;font-size:clamp(.95rem,2.4vw,1.1rem);color:var(--mu-warm-white)}.magnetic-unlock-overlay__tagline{margin:0 0 2rem;font-size:clamp(.85rem,2vw,.95rem);color:var(--mu-warm-white);opacity:.65;max-width:26rem}.magnetic-unlock-overlay__button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2.75rem;font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mu-midnight);background:linear-gradient(135deg,var(--mu-gold-glow),var(--mu-antique-gold) 60%,var(--mu-bronze-gold));border:1px solid var(--mu-antique-gold);border-radius:999px;cursor:pointer;box-shadow:0 0 12px #c9a24a73;transition:box-shadow .4s ease,transform .4s ease,opacity .4s ease}.magnetic-unlock-overlay__button:hover{box-shadow:0 0 20px #f2d27ab3}.magnetic-unlock-overlay.is-unlocking .magnetic-unlock-overlay__button{box-shadow:0 0 34px #f2d27af2,0 0 60px #c9a24a99;transform:scale(1.04)}.magnetic-unlock-overlay.is-unlocking .magnetic-unlock-overlay__button{pointer-events:none}@media(max-width:480px){.magnetic-unlock-overlay{padding:5vh 1.25rem}.magnetic-unlock-overlay__inner{max-width:100%}.magnetic-unlock-overlay__button{width:100%;padding:.95rem 1.5rem}}@media(prefers-reduced-motion:reduce){.magnetic-unlock-overlay,.magnetic-lock-scene__lock,.magnetic-lock-scene__key,.magnetic-unlock-overlay__button{animation:none!important}.magnetic-lock-scene__key{transition:opacity .3s ease!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/magnetic-unlock-overlay.css.map */