.otc-fg{--fg-brass: #a8813f;--fg-brass-lite: #d9b063;--fg-glass: rgba(255, 255, 255, .55);--fg-glass-edge: rgba(255, 255, 255, .85);--fg-rail: rgba(20, 16, 12, .18);--fg-ink: var(--ink, #16130f);--fg-stone: var(--stone, #8d8475);--fg-ease: cubic-bezier(.22, 1, .36, 1);position:relative;margin:0 0 18px;padding:16px 18px 20px;border-radius:18px;overflow:hidden;isolation:isolate;background:linear-gradient(160deg,#ffffff1f,#ffffff0a 48%,#0006);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.15);box-shadow:0 1px #ffffff1a inset,0 -1px #0003 inset,0 8px 24px -12px #000c}.otc-fg:after{content:"";position:absolute;top:-40%;right:-60%;bottom:-40%;left:-60%;z-index:-1;pointer-events:none;background:radial-gradient(42% 60% at 30% 20%,#ffffffb3,#fff0 70%);animation:otcFgSheen 14s var(--fg-ease) infinite}@keyframes otcFgSheen{0%,to{transform:translate3d(-6%,-4%,0) rotate(0)}50%{transform:translate3d(10%,6%,0) rotate(8deg)}}.otc-fg-readout{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.otc-fg-amount{font-family:var(--serif, Georgia, serif);font-size:22px;line-height:1;font-weight:500;color:var(--fg-ink);font-variant-numeric:tabular-nums;letter-spacing:.01em}.otc-fg-amount i{font-style:normal;color:var(--fg-stone);font-size:15px;padding:0 2px}.otc-fg-label{font-family:var(--sans, Inter, system-ui, sans-serif);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-stone);text-align:right;max-width:52%}.otc-fg.is-unlocked .otc-fg-label{color:var(--fg-brass)}.otc-fg-rail{position:relative;height:3px;border-radius:999px;background:var(--fg-rail);box-shadow:0 1px #ffffffb3}.otc-fg-rail:before,.otc-fg-rail:after{content:"";position:absolute;top:-4px;width:1px;height:11px;background:var(--fg-rail)}.otc-fg-rail:before{left:0}.otc-fg-rail:after{right:0}.otc-fg-fill{position:absolute;inset:0 auto 0 0;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--fg-ink) 0%,#3a3229 100%);transition:width .9s var(--fg-ease),background .6s linear}.otc-fg.is-unlocked .otc-fg-fill{background:linear-gradient(90deg,var(--fg-brass) 0%,var(--fg-brass-lite) 100%)}.otc-fg-hanger{position:absolute;top:-1px;left:0%;width:30px;height:30px;margin-left:-15px;transform-origin:50% 2px;transition:left .9s var(--fg-ease);animation:otcFgSway 3.6s ease-in-out infinite;color:var(--fg-ink);will-change:transform}.otc-fg.is-unlocked .otc-fg-hanger{color:var(--fg-brass);animation:otcFgSwayHard 1.1s var(--fg-ease) 1,otcFgSway 3.6s ease-in-out 1.1s infinite}.otc-fg-hanger svg{display:block;width:100%;height:100%;overflow:visible}@keyframes otcFgSway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes otcFgSwayHard{0%{transform:rotate(-22deg)}30%{transform:rotate(16deg)}55%{transform:rotate(-10deg)}78%{transform:rotate(5deg)}to{transform:rotate(0)}}.otc-fg-giftrow{position:relative}.otc-fg-gifttag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:linear-gradient(135deg,#a8813f24,#d9b06338);border:1px solid rgba(168,129,63,.34);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:var(--sans, Inter, sans-serif);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#7d5f2b;white-space:nowrap}.otc-fg-giftprice{font-family:var(--sans, Inter, sans-serif);font-size:13px;font-weight:600;color:var(--fg-brass)}.otc-fg-giftprice s{font-weight:400;opacity:.45;margin-right:6px;color:var(--fg-stone)}.otc-fg-burst{position:fixed;z-index:100000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;background:#14100c47;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:opacity .4s var(--fg-ease),visibility .4s}.otc-fg-burst.is-live{opacity:1;visibility:visible}.otc-fg-burst-card{position:relative;width:min(320px,82vw);padding:30px 26px 26px;border-radius:26px;text-align:center;overflow:hidden;background:linear-gradient(160deg,#1e1e1ee6,#0f0f0fd9);backdrop-filter:blur(26px) saturate(1.5);-webkit-backdrop-filter:blur(26px) saturate(1.5);border:1px solid rgba(255,255,255,.15);box-shadow:0 1px #ffffff1a inset,0 30px 70px -30px #000c;transform:translateY(16px) scale(.94);opacity:0;transition:transform .62s var(--fg-ease),opacity .45s linear}.otc-fg-burst.is-live .otc-fg-burst-card{transform:translateY(0) scale(1);opacity:1}.otc-fg-burst-card:before{content:"";position:absolute;top:-30%;left:50%;width:260px;height:260px;margin-left:-130px;border-radius:50%;background:radial-gradient(circle,#d9b06380,#d9b06300 68%);pointer-events:none}.otc-fg-burst-img{position:relative;width:132px;height:132px;margin:0 auto 18px;object-fit:contain;transform-origin:50% 0;filter:drop-shadow(0 12px 18px rgba(20,16,12,.28))}.otc-fg-burst.is-live .otc-fg-burst-img{animation:otcFgDrop 1.5s var(--fg-ease) both}@keyframes otcFgDrop{0%{transform:translateY(-120px) rotate(-16deg);opacity:0}42%{transform:translateY(0) rotate(11deg);opacity:1}62%{transform:translateY(0) rotate(-7deg)}80%{transform:translateY(0) rotate(4deg)}to{transform:translateY(0) rotate(0)}}.otc-fg-burst-kicker{font-family:var(--sans, Inter, sans-serif);font-size:9px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--fg-brass);margin-bottom:8px}.otc-fg-burst-title{font-family:var(--serif, Georgia, serif);font-size:30px;line-height:1.12;font-weight:500;color:var(--fg-ink);margin-bottom:8px}.otc-fg-burst-sub{font-family:var(--sans, Inter, sans-serif);font-size:12px;line-height:1.55;color:var(--fg-stone)}@media(max-width:480px){.otc-fg{padding:14px 14px 18px;border-radius:16px}.otc-fg-amount{font-size:19px}.otc-fg-label{font-size:9px;letter-spacing:.12em}.otc-fg-burst-title{font-size:26px}.otc-fg-burst-img{width:108px;height:108px}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.otc-fg{background:#ffffffdb}.otc-fg-burst-card{background:#f7f5f0}}@media(prefers-reduced-motion:reduce){.otc-fg:after,.otc-fg-hanger,.otc-fg.is-unlocked .otc-fg-hanger{animation:none!important}.otc-fg-fill,.otc-fg-hanger{transition:none!important}.otc-fg-burst.is-live .otc-fg-burst-img{animation:otcFgFadeOnly .4s linear both}@keyframes otcFgFadeOnly{0%{opacity:0}to{opacity:1}}}
/*# sourceMappingURL=/cdn/shop/t/146/assets/otc-free-gift.css.map */