@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Figtree:wght@400;500;600&display=swap";#clp-root{--night:#0f1d45;--night-2:#1b2f68;--gold:#d8b25a;--gold-soft:rgba(216,178,90,.55);--ivory:#f7f2e6;--ink:#1f1c18;--muted:#6f6657;--walnut:#4b2e1c;--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--sans:Figtree,"Helvetica Neue",Arial,sans-serif;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top,0px)) 12px max(12px,env(safe-area-inset-bottom,0px));font-family:var(--sans);color:var(--ink);text-align:left}#clp-root.is-open{display:flex}#clp-root *{box-sizing:border-box}.clp-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e12209e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .35s ease}#clp-root.is-open .clp-backdrop{opacity:1}.clp-pop{position:relative;display:grid;grid-template-rows:auto auto;grid-template-areas:"stage" "foot";width:min(920px,100%,calc((100vh - 96px)*1.3333));background:var(--ivory);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px #050a1e73;transform:translateY(14px) scale(.985);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease}#clp-root.is-open .clp-pop{transform:none;opacity:1}.clp-stage{grid-area:stage;position:relative;aspect-ratio:4/3;width:100%;overflow:hidden;background:var(--night)}.clp-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:filter .35s ease}.clp-stage.has-hot .clp-scene,.clp-stage.has-hot .clp-hs:not(.is-hot):not(:hover) .clp-hs-lift{filter:brightness(.55) saturate(.85)}.clp-hs{position:absolute;padding:0;margin:0;border:0;background:none;cursor:pointer;z-index:3;pointer-events:none;-webkit-tap-highlight-color:transparent}.clp-pop[data-state=revealed] .clp-hs{pointer-events:auto}.clp-hs-lift{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s ease;transform-origin:50% 100%}.clp-hs-img{position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--scene);background-repeat:no-repeat}.clp-hs[data-cat=canvas] .clp-hs-lift{transform-origin:50% 50%}.clp-hs[data-cat=candle] .clp-hs-img{clip-path:polygon(1% 99%,1% 92%,6% 90%,6% 40%,9% 27%,17% 15%,30% 6%,50% 1%,70% 6%,83% 15%,91% 27%,94% 40%,94% 90%,99% 92%,99% 99%)}.clp-hs[data-cat=wooden] .clp-hs-img{clip-path:polygon(4% 2%,94% 1%,96% 98%,3% 99%)}.clp-hs:hover .clp-hs-lift,.clp-hs:focus-visible .clp-hs-lift,.clp-hs.is-hot .clp-hs-lift{transform:translateY(-4%) scale(1.07);filter:drop-shadow(0 0 4px rgba(255,214,120,1)) drop-shadow(0 0 16px rgba(240,180,60,.95)) drop-shadow(0 12px 18px rgba(40,24,8,.35))}.clp-hs[data-cat=canvas]:hover .clp-hs-lift,.clp-hs[data-cat=canvas]:focus-visible .clp-hs-lift,.clp-hs[data-cat=canvas].is-hot .clp-hs-lift{transform:scale(1.035)}.clp-hs:focus{outline:none}.clp-hs:after{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;border-radius:18px;border:2px solid var(--gold);opacity:0;pointer-events:none}.clp-pop.just-revealed .clp-hs:after{animation:clp-ring 1.6s ease-out 1.2s 2}@keyframes clp-ring{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.08)}}.clp-leaders{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible}.clp-leaders path{fill:none;stroke:#fff6dc;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 2px rgba(0,0,0,.55))}.clp-leaders circle{fill:#fff6dc;opacity:0;stroke:var(--gold);stroke-width:2;vector-effect:non-scaling-stroke}.clp-pop[data-state=revealed] .clp-leaders path{transition:stroke-dashoffset .7s ease;stroke-dashoffset:0}.clp-pop[data-state=revealed] .clp-leaders circle{transition:opacity .3s ease;opacity:1}.clp-leaders .d2{transition-delay:.25s!important}.clp-leaders .d3{transition-delay:.5s!important}.clp-label{position:absolute;z-index:5;display:flex;flex-direction:column;gap:1px;padding:7px 14px 8px;border-radius:10px;border:1px solid var(--gold-soft);background:#0f1d45e0;color:#fff;text-align:left;cursor:pointer;font:inherit;opacity:0;transform:translateY(-50%) translate(var(--nudge,6px));transition:opacity .4s ease,transform .4s ease,background .2s ease;pointer-events:none;white-space:nowrap}.clp-label b{font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.1;letter-spacing:.01em}.clp-label span{font-size:12px;color:#e9d9ad}.clp-label.right{--nudge:-6px}.clp-pop[data-state=revealed] .clp-label{opacity:1;transform:translateY(-50%);pointer-events:auto}.clp-pop[data-state=revealed] .clp-label.l1{transition-delay:.6s}.clp-pop[data-state=revealed] .clp-label.l2{transition-delay:.85s}.clp-pop[data-state=revealed] .clp-label.l3{transition-delay:1.1s}.clp-label:hover,.clp-label.is-hot,.clp-label:focus-visible{background:var(--night-2);outline:none;box-shadow:0 0 0 2px var(--gold)}.clp-scratch{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:6;touch-action:none;cursor:grab;pointer-events:none;transition:opacity .9s ease}.clp-pop[data-state=scratch] .clp-scratch{pointer-events:auto}.clp-pop[data-state=revealed] .clp-scratch,.clp-pop[data-state=sheet] .clp-scratch{opacity:0;pointer-events:none}.clp-hint{position:absolute;left:50%;top:50%;z-index:7;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;text-align:center;pointer-events:none;opacity:0;transition:opacity .35s ease}.clp-pop[data-state=scratch] .clp-hint{opacity:1}.clp-hint.is-gone{opacity:0!important}.clp-hint p{margin:0;font-family:var(--serif);font-size:26px;font-weight:500;text-shadow:0 2px 12px rgba(0,0,0,.4)}.clp-hint svg{width:46px;height:46px;animation:clp-swipe 1.6s ease-in-out infinite}@keyframes clp-swipe{0%,to{transform:translate(-14px) rotate(-8deg)}50%{transform:translate(14px) rotate(8deg)}}.clp-copy{grid-area:stage;z-index:8;align-self:center;justify-self:center;width:min(460px,86%);text-align:center;color:#fff;transition:opacity .35s ease}.clp-pop:not([data-state=gate]) .clp-copy{opacity:0;pointer-events:none;visibility:hidden}.clp-kicker{margin:0 0 10px;font-family:var(--serif);font-size:18px;font-style:italic;color:#ecd59a}.clp-title{margin:0 0 12px;text-shadow:0 2px 18px rgba(5,10,30,.5);font-family:var(--serif);font-weight:600;font-size:clamp(28px,4.2vw,42px);line-height:1.05;letter-spacing:-.005em;text-wrap:balance}.clp-sub{margin:0 auto 22px;font-size:15px;line-height:1.55;color:#dfe5f5;max-width:40ch}.clp-form{display:flex;gap:8px;background:#fff;border-radius:999px;padding:5px;box-shadow:0 8px 30px #00000040}.clp-form input{flex:1;min-width:0;border:0;background:transparent;padding:0 16px;font:15px var(--sans);color:var(--ink);outline:none}.clp-form button{flex:none;border:0;border-radius:999px;padding:13px 20px;background:var(--gold);color:#1d1606;font:600 15px var(--sans);cursor:pointer;transition:background .2s ease}.clp-form button:hover{background:#e6c472}.clp-form button:disabled{opacity:.7;cursor:progress}.clp-form:focus-within{box-shadow:0 0 0 3px #d8b25a8c,0 8px 30px #00000040}.clp-err{min-height:20px;margin:8px 0 0;font-size:13px;color:#ffd2c4}.clp-legal{margin:4px 0 0;font-size:11.5px;line-height:1.45;color:#aeb8d4}.clp-foot{grid-area:foot;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:10px 18px;background:var(--ivory);border-top:1px solid #e6dcc6}.clp-status{font-size:14px;color:var(--muted);line-height:1.35}.clp-status strong{color:var(--ink);font-weight:600}.clp-progress{flex:none;width:140px;height:4px;border-radius:4px;background:#e4d9bf;overflow:hidden}.clp-progress i{display:block;height:100%;width:0;background:var(--gold);transition:width .15s linear}.clp-pop:not([data-state=scratch]) .clp-progress{display:none}.clp-linkbtn{border:0;background:none;padding:4px 0;font:500 13px var(--sans);color:var(--walnut);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.clp-chips{display:none;gap:6px;flex-wrap:wrap}#clp-root [hidden]{display:none!important}.clp-pop[data-state=gate] .clp-foot{display:none}.clp-chips button{border:1px solid #d9c9a3;background:#fff;border-radius:999px;padding:7px 12px;font:500 13px var(--sans);color:var(--ink);cursor:pointer}.clp-close{position:absolute;top:12px;right:12px;z-index:20;width:36px;height:36px;border-radius:50%;border:0;background:#ffffffeb;color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 10px #0000002e}.clp-close:focus-visible,.clp-linkbtn:focus-visible,.clp-chips button:focus-visible,.clp-card:focus-visible,.clp-back:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.clp-sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;background:var(--ivory);display:flex;flex-direction:column;transform:translateY(100%);transition:transform .45s cubic-bezier(.2,.8,.2,1);visibility:hidden}.clp-pop[data-state=sheet] .clp-sheet{transform:none;visibility:visible}.clp-sheet-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:18px 64px 12px 22px;border-bottom:1px solid #e6dcc6}.clp-back{border:0;background:none;padding:0;margin:0 0 6px;font:500 13px var(--sans);color:var(--walnut);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.clp-sheet-title{margin:0;font-family:var(--serif);font-weight:600;font-size:30px;line-height:1.05}.clp-sheet-sub{margin:4px 0 0;font-size:14px;color:var(--muted)}.clp-viewall{flex:none;font:500 13px var(--sans);color:var(--walnut);text-underline-offset:3px;white-space:nowrap}.clp-grid{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:16px 22px 22px;align-content:start;overscroll-behavior:contain}.clp-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;border-radius:10px}.clp-card-img{position:relative;aspect-ratio:var(--card-ratio,1/1);border-radius:10px;overflow:hidden;background:#ebe2cf}.clp-card-img img{width:100%;height:100%;object-fit:cover;object-position:50% 0;display:block;transform-origin:50% 0;transition:transform .4s ease}.clp-card:hover .clp-card-img img{transform:scale(1.04)}.clp-badge{position:absolute;left:8px;top:8px;padding:3px 8px;border-radius:999px;background:var(--night);color:#f3e2b2;font-size:11px;font-weight:500}.clp-card-name{font-size:13.5px;line-height:1.35;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clp-card-price{font-size:13px;color:var(--muted)}.clp-skel .clp-card-img{animation:clp-sk 1.2s ease-in-out infinite}.clp-skel .clp-card-name{height:12px;width:80%;background:#e6dcc6;border-radius:4px}@keyframes clp-sk{50%{opacity:.55}}@media(max-width:640px){.clp-pop{width:100%;max-height:calc(100vh - 24px);overflow:auto}.clp-copy{grid-area:foot;width:100%;color:var(--ink);padding:20px 18px 18px;background:var(--ivory)}.clp-pop[data-state=gate] .clp-foot{display:none}.clp-pop:not([data-state=gate]) .clp-copy{display:none}.clp-kicker{color:#8a6a24;font-size:16px}.clp-title{font-size:27px;text-shadow:none}.clp-sub{color:var(--muted);font-size:14px;margin-bottom:16px}.clp-form{box-shadow:0 0 0 1px #d9c9a3;flex-direction:column;border-radius:14px;padding:6px}.clp-form input{padding:12px}.clp-form button{border-radius:10px}.clp-err{color:#a1361b}.clp-legal{color:var(--muted)}.clp-label{display:none}.clp-leaders path{display:none}.clp-chips{display:flex}.clp-pop[data-state=revealed] .clp-foot{flex-direction:column;align-items:flex-start}.clp-hint p{font-size:20px}.clp-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:14px}.clp-sheet-head{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 56px 10px 14px}.clp-sheet-title{font-size:25px}.clp-progress{width:90px}.clp-pop[data-state=sheet]{min-height:min(640px,calc(100vh - 24px))}}@media(prefers-reduced-motion:reduce){#clp-root *{animation:none!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/catholight-mystery-popup.css.map */