html.ob-app-popup-open{overflow:hidden}body ob-app-offer{display:contents}body .ob-app-popup{--ob-gold: #f6c453;--ob-gold-2: #ffe7a3;--ob-maroon: #4a0f1f;--ob-night: #1c0828;--ob-ink: #3a0d18;--ob-muted: #7a4a3c;--ob-cream: #fff8ea;position:fixed;top:0;right:0;bottom:0;left:0;box-sizing:border-box;width:min(440px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:1.5px solid var(--ob-gold);border-radius:24px;background:var(--ob-cream);color:var(--ob-ink);box-shadow:0 0 0 5px #f6c4532e,0 24px 90px #1c08288c,0 0 60px #ffaa3c40;font-family:Inter,sans-serif;text-align:center}body .ob-app-popup:not([open]){display:none}body .ob-app-popup[open]{animation:ob-diwali-pop .42s cubic-bezier(.2,.9,.3,1.15) both}.ob-app-popup::backdrop{background:radial-gradient(ellipse at 50% 40%,#4a0f1f8c,#0c0414c7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body .ob-app-popup__close{position:absolute;top:30px;right:12px;z-index:5;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(246,196,83,.55);border-radius:50%;background:#1c082873;color:var(--ob-gold-2);cursor:pointer;transition:background .2s,transform .2s}body .ob-app-popup__close:hover{background:#f6c45338;transform:rotate(90deg)}body .ob-app-popup__close:focus-visible{outline:2px solid var(--ob-gold-2);outline-offset:2px}body .ob-app-popup__hero{position:relative;overflow:hidden;isolation:isolate;padding:50px 24px 16px;color:var(--ob-gold-2);background:radial-gradient(ellipse 70% 55% at 50% 100%,rgba(255,160,40,.45),transparent 70%),radial-gradient(ellipse at 15% 10%,rgba(176,40,90,.55),transparent 55%),radial-gradient(ellipse at 90% 20%,rgba(110,30,140,.55),transparent 55%),linear-gradient(170deg,#2a0b3a,#4a0f1f 60%,#6b1a12);border-bottom:1.5px solid var(--ob-gold)}body .ob-app-popup__toran{position:absolute;top:0;left:0;right:0;height:26px;z-index:2;pointer-events:none;background:radial-gradient(circle at 9px 7px,#ffd23f 0 3px,#ff9f1c 3.5px 6px,#e86a0c 6.5px 7.5px,transparent 8px) 0 0 / 18px 15px repeat-x,radial-gradient(ellipse 4px 8px at 18px 16px,#2f8f3a 0 90%,transparent 100%) 0 0 / 36px 26px repeat-x;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}body .ob-app-popup__rangoli{position:absolute;bottom:14px;width:64px;height:64px;color:var(--ob-gold);opacity:.3;z-index:0;transform-origin:50% 50%;will-change:transform;animation:ob-diwali-spin 30s linear infinite}body .ob-app-popup__rangoli--l{left:14px}body .ob-app-popup__rangoli--r{right:14px;animation-direction:reverse}body .ob-app-popup__sparkles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}body .ob-app-popup__sparkles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff3c4;box-shadow:0 0 6px 2px #ffd66ecc;opacity:0;will-change:opacity,transform;animation:ob-diwali-twinkle 2.6s ease-in-out infinite}body .ob-app-popup__sparkles i:nth-child(1){top:22%;left:12%;animation-delay:0s}body .ob-app-popup__sparkles i:nth-child(2){top:34%;left:86%;animation-delay:.4s}body .ob-app-popup__sparkles i:nth-child(3){top:58%;left:8%;animation-delay:.9s}body .ob-app-popup__sparkles i:nth-child(4){top:18%;left:70%;animation-delay:1.3s;width:3px;height:3px}body .ob-app-popup__sparkles i:nth-child(5){top:66%;left:92%;animation-delay:1.7s}body .ob-app-popup__sparkles i:nth-child(6){top:46%;left:22%;animation-delay:2.1s;width:3px;height:3px}body .ob-app-popup__sparkles i:nth-child(7){top:28%;left:40%;animation-delay:1.1s;width:2px;height:2px}body .ob-app-popup__sparkles i:nth-child(8){top:50%;left:78%;animation-delay:.6s;width:2px;height:2px}body .ob-app-popup__eyebrow,body .ob-app-popup__title,body .ob-app-popup__subtitle,body .ob-app-popup__diyas{position:relative;z-index:2}body .ob-app-popup__eyebrow{margin:0 0 10px;color:var(--ob-gold);font-size:11px;font-weight:800;letter-spacing:.2em;line-height:1.4}body .ob-app-popup__eyebrow span{display:inline-block;margin:0 4px;font-size:10px}body .ob-app-popup__title{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:0;color:var(--ob-gold-2);font-size:80px;font-weight:800;letter-spacing:-.065em;line-height:1.05}body .ob-app-popup__title b{display:inline-block;padding:.04em .1em .06em;margin:-.04em -.1em -.06em;font-weight:800;background:linear-gradient(180deg,#fff6d1,#ffd66b 45%,#f0a020);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(255,190,70,.55)) drop-shadow(0 2px 0 rgba(90,20,10,.6))}body .ob-app-popup__title span{font-size:26px;font-weight:800;letter-spacing:-.025em;color:#fff1cc}body .ob-app-popup__subtitle{margin:10px 0 0;color:#ffe3b0;font-size:14px;font-weight:500;line-height:1.5}body .ob-app-popup__diyas{display:flex;justify-content:center;align-items:flex-end;gap:18px;margin-top:10px;height:60px}body .ob-app-popup__diya{display:block;flex:none;width:52px;height:46px;overflow:visible}body .ob-app-popup__diya:nth-child(2){width:64px;height:56px}body .ob-app-popup__flame{transform-box:view-box;transform-origin:32px 27px;animation:ob-diwali-flicker 1.4s ease-in-out infinite alternate}body .ob-app-popup__glow{animation:ob-diwali-glow 2s ease-in-out infinite alternate}body .ob-app-popup__diya:nth-child(2) .ob-app-popup__flame{animation-delay:-.5s}body .ob-app-popup__diya:nth-child(3) .ob-app-popup__flame{animation-delay:-.9s}body .ob-app-popup__body{position:relative;padding:24px 32px 20px;background:radial-gradient(ellipse at 50% 0%,#fff1cf,transparent 70%),var(--ob-cream)}body .ob-app-popup__body:before{content:"";position:absolute;left:50%;top:-9px;width:16px;height:16px;transform:translate(-50%) rotate(45deg);background:var(--ob-gold);border:3px solid var(--ob-cream);border-radius:3px}body .ob-app-popup__heading{margin:0 0 8px;color:var(--ob-maroon);font-size:21px;line-height:1.3;font-weight:800;letter-spacing:-.03em}body .ob-app-popup__description{max-width:310px;margin:0 auto 14px;color:var(--ob-muted);font-size:14px;line-height:1.6}body .ob-app-popup__download{display:inline-flex;align-items:center;border-radius:10px;text-decoration:none;box-shadow:0 0 0 2px #f6c453b3,0 6px 18px #4a0f1f40;transition:transform .2s,box-shadow .2s}body .ob-app-popup__download img{display:block;width:202px;max-width:100%;height:auto}body .ob-app-popup__download:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--ob-gold),0 10px 24px #4a0f1f4d,0 0 22px #ffb43c73}body .ob-app-popup__note{margin:12px 0 6px;color:var(--ob-muted);font-size:11px;line-height:1.5}body .ob-app-popup__continue{min-height:44px;padding:8px 12px;border:0;border-radius:6px;background:transparent;color:var(--ob-maroon);font-size:13px;font-weight:600;text-decoration:underline;text-decoration-color:var(--ob-gold);text-decoration-thickness:2px;text-underline-offset:4px;cursor:pointer}body .ob-app-popup__continue:hover{color:#8f1d2c}body .ob-app-popup__body :is(button,a):focus-visible{outline:2px solid var(--ob-maroon);outline-offset:3px}@keyframes ob-diwali-pop{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}@keyframes ob-diwali-spin{to{transform:rotate(360deg)}}@keyframes ob-diwali-twinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.2)}}@keyframes ob-diwali-flicker{0%{transform:scale(1) skew(0)}40%{transform:scale(.94,1.06) skew(2deg)}70%{transform:scale(1.04,.96) skew(-2deg)}to{transform:scale(.97,1.08) skew(1deg)}}@keyframes ob-diwali-glow{0%{opacity:.65}to{opacity:1}}@media(prefers-reduced-motion:reduce){body .ob-app-popup[open],body .ob-app-popup__rangoli,body .ob-app-popup__sparkles i,body .ob-app-popup__flame,body .ob-app-popup__glow{animation:none}body .ob-app-popup__sparkles i{opacity:.7}}@media(max-width:479px){body .ob-app-popup{border-radius:20px}body .ob-app-popup__hero{padding:46px 18px 14px}body .ob-app-popup__title{font-size:68px;gap:8px}body .ob-app-popup__title span{font-size:23px}body .ob-app-popup__body{padding:22px 22px 14px}body .ob-app-popup__heading{font-size:20px}body .ob-app-popup__rangoli{width:50px;height:50px;bottom:16px}body .ob-app-popup__rangoli--l{left:8px}body .ob-app-popup__rangoli--r{right:8px}body .ob-app-popup__diyas{gap:12px}}@media(max-height:640px){body .ob-app-popup__hero{padding-top:38px;padding-bottom:12px}body .ob-app-popup__title{font-size:56px}body .ob-app-popup__diyas{height:44px;margin-top:4px}body .ob-app-popup__diya{width:42px;height:37px}body .ob-app-popup__diya:nth-child(2){width:50px;height:44px}body .ob-app-popup__body{padding-top:18px;padding-bottom:10px}body .ob-app-popup__description{margin-bottom:10px}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/oblivion-app-popup.css.map */
