.adv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem .75rem;display:grid}@media (width>=640px){.adv-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:1.25rem}}@media (width>=900px){.adv-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.adv-present{--paper:var(--hunt-white);--pattern:none;--rib:var(--hunt-cherry);--w:80%;--h:64px;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:18px;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;min-height:168px;padding:10px 2px 6px;display:flex;position:relative}.adv-present:focus-visible{outline:2px solid var(--hunt-teal);outline-offset:3px}.adv-shape-0{--w:78%;--h:66px}.adv-shape-1{--w:62%;--h:84px}.adv-shape-2{--w:90%;--h:54px}.adv-shape-3{--w:70%;--h:74px}.adv-paper-white{--paper:var(--hunt-white);--rib:var(--hunt-cherry);--pattern:radial-gradient(circle, color-mix(in oklab, var(--hunt-cherry) 75%, transparent) 1.3px, transparent 1.8px) 0 0 / 11px 11px}.adv-paper-cherry{--paper:var(--hunt-cherry);--rib:var(--hunt-white);--pattern:repeating-linear-gradient(135deg, color-mix(in oklab, var(--hunt-white) 28%, transparent) 0 2px, transparent 2px 10px)}.adv-paper-evergreen{--paper:var(--hunt-evergreen);--rib:var(--hunt-cherry);--pattern:radial-gradient(circle, color-mix(in oklab, var(--hunt-white) 80%, transparent) 1.1px, transparent 1.6px) 0 0 / 14px 14px, radial-gradient(circle, color-mix(in oklab, var(--hunt-white) 45%, transparent) .8px, transparent 1.2px) 7px 7px / 14px 14px}.adv-paper-blush{--paper:var(--hunt-blush);--rib:var(--hunt-evergreen);--pattern:repeating-linear-gradient(90deg, color-mix(in oklab, var(--hunt-cherry) 32%, transparent) 0 1.5px, transparent 1.5px 9px)}.adv-paper-teal{--paper:var(--hunt-teal);--rib:var(--hunt-blush);--pattern:radial-gradient(circle, color-mix(in oklab, var(--hunt-white) 70%, transparent) 1.4px, transparent 1.9px) 0 0 / 12px 12px}.adv-box{width:var(--w);height:calc(var(--h) + 34px);position:relative}.adv-body,.adv-lid{background:var(--pattern), var(--paper);border-radius:5px;position:absolute}.adv-body{height:var(--h);bottom:0;left:0;right:0;box-shadow:inset 0 -8px 12px -10px #00000047,inset 6px 0 10px -10px #00000040,0 10px 18px -12px #174a3c73}.adv-lid{left:-6%;right:-6%;bottom:calc(var(--h) - 2px);transform-origin:8% 100%;z-index:3;border-radius:5px 5px 3px 3px;height:16px;transition:transform .52s cubic-bezier(.3,.7,.3,1) .16s;box-shadow:inset 0 -3px 4px -2px #00000038,0 3px 4px -2px #00000040}.adv-paper-white .adv-body,.adv-paper-white .adv-lid,.adv-paper-blush .adv-body,.adv-paper-blush .adv-lid{outline:1px solid color-mix(in oklab, var(--hunt-gold) 45%, transparent);outline-offset:-1px}.adv-rib-v{background:var(--rib);width:9px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 2px 0 #ffffff40,inset -2px 0 #0000001f}.adv-rib-h{background:var(--rib);height:8px;position:absolute;top:46%;left:0;right:0;box-shadow:inset 0 2px #ffffff40,inset 0 -2px #0000001f}.adv-bow{width:46px;height:28px;color:var(--rib);filter:drop-shadow(0 2px 1.5px #0003);transform-origin:50% 100%;margin-left:-23px;transition:transform .38s cubic-bezier(.3,.7,.3,1),opacity .38s;position:absolute;bottom:10px;left:50%}.adv-seal{background:radial-gradient(circle at 35% 35%, color-mix(in oklab, var(--hunt-gold) 60%, white), var(--hunt-gold));z-index:2;border-radius:999px;width:14px;height:14px;margin:-3px 0 0 -7px;position:absolute;top:46%;left:50%;box-shadow:0 1px 2px #00000040}.adv-inside{left:6%;right:6%;bottom:calc(var(--h) - 10px);z-index:1;pointer-events:none;height:30px;position:absolute}.adv-tissue{background:color-mix(in oklab, var(--hunt-cherry) 14%, var(--hunt-blush));filter:drop-shadow(0 0 .5px var(--hunt-gold));clip-path:polygon(0 100%,10% 40%,22% 75%,36% 10%,50% 60%,64% 5%,78% 70%,90% 30%,100% 100%);box-shadow:inset 0 0 0 1px var(--hunt-blush);opacity:0;transition:transform .38s .26s,opacity .28s .26s;position:absolute;inset:0;transform:translateY(18px)}.adv-tissue:after{content:"";background:repeating-linear-gradient(100deg, var(--hunt-white) 0 3px, transparent 3px 9px);opacity:.7;position:absolute;inset:0}.adv-glow{background:radial-gradient(circle, color-mix(in oklab, var(--hunt-gold) 55%, white) 0%, color-mix(in oklab, var(--hunt-gold) 25%, transparent) 40%, transparent 70%);opacity:0;border-radius:999px;width:54px;height:54px;margin-left:-27px;transition:transform .46s .32s,opacity .46s .32s;position:absolute;top:-14px;left:50%;transform:scale(.4)}.adv-star{width:16px;height:16px;color:var(--hunt-gold);opacity:0;margin-left:-8px;transition:transform .38s .42s,opacity .38s .42s;position:absolute;top:-6px;left:50%;transform:translateY(8px)scale(.6)}.adv-tag{z-index:4;background:var(--hunt-white);border:1px solid color-mix(in oklab, var(--hunt-gold) 70%, transparent);min-width:74%;transform:rotate(var(--tilt,-2deg));color:var(--hunt-evergreen);border-radius:4px 4px 10px 10px;flex-direction:column;align-items:center;margin-top:8px;padding:3px 8px 4px;line-height:1;display:flex;position:relative;box-shadow:0 4px 8px -6px #174a3c80}.adv-tag:before{content:"";background:var(--hunt-gold);width:1px;height:9px;position:absolute;top:-9px;left:50%}.adv-tag-month{font-family:var(--font-hunt-serif);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.adv-tag-day{font-family:var(--font-hunt-serif);color:var(--hunt-cherry);margin-top:2px;font-size:24px}.adv-tag-note{letter-spacing:.08em;text-transform:uppercase;color:var(--hunt-mist);margin-top:2px;font-size:9px}.adv-today{background:radial-gradient(ellipse at 50% 60%, color-mix(in oklab, var(--hunt-gold) 22%, transparent), transparent 70%)}.adv-today .adv-tag{border-color:var(--hunt-gold);box-shadow:0 0 0 2px color-mix(in oklab, var(--hunt-gold) 35%, transparent), 0 4px 8px -6px #174a3c80}.adv-today-badge{z-index:5;background:var(--hunt-gold);color:var(--hunt-white);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:9px;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%)}.adv-sealed .adv-box{filter:saturate(.8)}.adv-sealed .adv-tag-day{color:var(--hunt-mist)}.adv-wiggle .adv-box{animation:.42s adv-wiggle}@keyframes adv-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}60%{transform:rotate(2.5deg)}}.adv-opening .adv-bow,.adv-open .adv-bow{transform:translate(-30px,-8px)rotate(-38deg)scale(.82)}.adv-opening .adv-lid{transform:translate(-6px,-24px)rotate(-22deg)}.adv-open .adv-lid{transition-delay:0s;transform:translate(-4px,-12px)rotate(-14deg)}.adv-opening .adv-tissue,.adv-open .adv-tissue{opacity:1;transform:none}.adv-opening .adv-glow{opacity:1;transform:scale(1.25)}.adv-opening .adv-star,.adv-open .adv-star{opacity:1;transform:none}.adv-open .adv-glow{opacity:.55;transform:scale(.9)}.adv-open:not(.adv-opening) .adv-tissue,.adv-open:not(.adv-opening) .adv-glow,.adv-open:not(.adv-opening) .adv-star{transition-delay:0s}.adv-done-mark{background:var(--hunt-evergreen);width:18px;height:18px;color:var(--hunt-white);border-radius:999px;place-items:center;font-size:10px;font-weight:700;display:grid;position:absolute;top:-8px;right:-8px}.adv-busy{pointer-events:none}.adv-panel{animation:.42s ease-out both adv-panel-in}@keyframes adv-panel-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.adv-lid,.adv-bow,.adv-tissue,.adv-glow,.adv-star{transition:none!important}.adv-wiggle .adv-box,.adv-panel{animation:none!important}}.adv-lights{width:min(320px,92%);margin:0 auto;display:block;overflow:visible}.adv-bulb{animation:2.4s ease-in-out infinite adv-twinkle}.adv-bulb-cherry{fill:var(--hunt-cherry)}.adv-bulb-gold{fill:var(--hunt-gold)}.adv-bulb-teal{fill:var(--hunt-teal)}.adv-bulb-evergreen{fill:var(--hunt-evergreen)}@keyframes adv-twinkle{0%,to{opacity:1;filter:drop-shadow(0 0 3px color-mix(in oklab, var(--hunt-gold) 70%, transparent))}50%{opacity:.55;filter:none}}.adv-count{font-family:var(--font-hunt-serif);color:var(--hunt-evergreen);font-size:1rem;line-height:1.5}.adv-count-lead{color:var(--hunt-cherry);font-size:2rem;line-height:1.1;display:block}.adv-count-compact .adv-count-lead{font-size:1.15rem;display:inline}@media (prefers-reduced-motion:reduce){.adv-bulb{animation:none!important}}
