.door[data-v-c87c1511]{--ribbon:#fff200;aspect-ratio:1;width:100%;color:inherit;font:inherit;cursor:pointer;perspective:900px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block;position:relative}.door[data-v-c87c1511]:focus-visible{outline-offset:.3rem;outline:.4rem solid #009ad0}.door.is-ribbon-aqua[data-v-c87c1511]{--ribbon:#009ad0}.door__inside[data-v-c87c1511]{color:#000;text-align:left;background:#fff;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:calc(clamp(.6rem,9cqi,1.4rem));display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 .3rem #000}.door__inside-num[data-v-c87c1511]{font-size:calc(clamp(1.8rem,3.2cqi,3rem));line-height:.9}.door__inside-title[data-v-c87c1511]{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;opacity:0;font-size:calc(clamp(1.1rem,1.2cqi,1.4rem));font-weight:700;line-height:1.15;transition:opacity .3s .75s,transform .3s .75s;transform:translateY(.6rem)}.door__inside-cta[data-v-c87c1511]{color:#000;opacity:0;background:#fff200;padding:.2rem .6rem;font-size:calc(clamp(1.3rem,1.5cqi,1.8rem));line-height:1.2;transition:opacity .3s .85s}@container (width<300px){.door__inside-title[data-v-c87c1511]{display:none}}.door__lid[data-v-c87c1511]{transform-origin:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.35,.5,1) .25s}.door__face[data-v-c87c1511],.door__lid[data-v-c87c1511]{position:absolute;inset:0}.door__face[data-v-c87c1511]{backface-visibility:hidden;overflow:hidden}.door__face--front[data-v-c87c1511]{color:#fff200;background:#000;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:calc(clamp(.6rem,9cqi,1.4rem));display:flex}.door__face--back[data-v-c87c1511]{background:repeating-linear-gradient(-45deg,#fff200 0 1rem,#f2e600 0 2rem);transform:rotateY(180deg)}.door__num[data-v-c87c1511]{z-index:2;font-size:calc(clamp(2.6rem,5cqi,5.2rem));line-height:.85;position:relative}.door__ribbon[data-v-c87c1511]{background:var(--ribbon);transition:transform .25s;position:absolute}.door__ribbon--v[data-v-c87c1511]{transform-origin:top;width:9%;top:0;bottom:0;right:26%}.door__ribbon--h[data-v-c87c1511]{transform-origin:100%;height:9%;bottom:26%;left:0;right:0}.door__bow[data-v-c87c1511]{width:44%;height:auto;color:var(--ribbon);transition:transform .25s;position:absolute;bottom:19.5%;right:8.5%}.door[data-state=today][data-v-c87c1511]{--ribbon:#000}.door[data-state=today] .door__face--front[data-v-c87c1511]{color:#000;background:#fff200;box-shadow:inset 0 0 0 .3rem #000}.door__hint[data-v-c87c1511]{z-index:3;color:#fff;background:#009ad0;padding:.3rem .8rem;font-size:calc(clamp(1.2rem,1.4cqi,1.7rem));line-height:1.2;transition:opacity .2s;position:absolute;top:-.8rem;right:-.8rem;transform:rotate(6deg);box-shadow:.3rem .3rem #000}.door[data-state=past][data-v-c87c1511]{cursor:default}.door[data-state=past] .door__lid[data-v-c87c1511]{display:none}.door[data-state=past] .door__inside[data-v-c87c1511]{color:#4a4a44;box-shadow:none;background:#dadad4}.door[data-state=past] .door__inside-title[data-v-c87c1511]{opacity:1;transition:none;transform:none}.door.is-open[data-v-c87c1511]{z-index:2}.door.is-open .door__ribbon--v[data-v-c87c1511]{transform:scaleY(0)}.door.is-open .door__ribbon--h[data-v-c87c1511]{transform:scaleX(0)}.door.is-open .door__bow[data-v-c87c1511]{transform:scale(0)rotate(40deg)}.door.is-open .door__hint[data-v-c87c1511]{opacity:0}.door.is-open .door__lid[data-v-c87c1511]{transform:rotateY(-112deg)}.door.is-open .door__inside-cta[data-v-c87c1511],.door.is-open .door__inside-title[data-v-c87c1511]{opacity:1;transform:none}.door.is-joined .door__inside[data-v-c87c1511]{color:#fff;box-shadow:none;background:#009ad0}.door.is-joined .door__inside-cta[data-v-c87c1511]{color:#009ad0;background:#fff;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:calc(clamp(2.8rem,4.2cqi,4.6rem));height:calc(clamp(2.8rem,4.2cqi,4.6rem));padding:0;font-size:calc(clamp(1.7rem,2.6cqi,2.85rem));display:flex;box-shadow:.3rem .3rem #000}.door.is-shake .door__lid[data-v-c87c1511]{animation:.45s door-shake-c87c1511}.door__img[data-v-c87c1511]{-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:filter .25s,transform .3s;display:block;position:absolute;inset:0}.door.has-img[data-v-c87c1511]{perspective:520px}.door.has-img .door__face--front[data-v-c87c1511]{background:#1e3470;padding:0}.door.has-img .door__face--back[data-v-c87c1511]{background:linear-gradient(90deg,#1b2d66,#2a428c)}.door.has-img[data-state=future] .door__img[data-v-c87c1511]{filter:brightness(.48)saturate(.6)}.door.has-img[data-state=future]:hover .door__img[data-v-c87c1511]{filter:brightness(.62)saturate(.75)}.door__lock[data-v-c87c1511]{z-index:3;color:#fff;opacity:0;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:calc(clamp(2.2rem,3.4cqi,3.4rem));height:calc(clamp(2.2rem,3.4cqi,3.4rem));font-size:calc(clamp(1.2rem,1.9cqi,1.9rem));transition:opacity .2s;display:flex;position:absolute;top:6%;right:6%}.door.has-img.is-shake .door__lock[data-v-c87c1511],.door.has-img[data-state=future]:focus-visible .door__lock[data-v-c87c1511],.door.has-img[data-state=future]:hover .door__lock[data-v-c87c1511]{opacity:1}.door.has-img[data-state=today][data-v-c87c1511]{z-index:2}.door.has-img[data-state=today] .door__lid[data-v-c87c1511]{box-shadow:0 0 0 .15rem #fff200,0 0 2.6rem .6rem #ffd86ba6}.door.has-img[data-state=today] .door__face--front[data-v-c87c1511]{box-shadow:none}.door.has-img[data-state=today]:hover .door__img[data-v-c87c1511]{transform:scale(1.04)}.door.has-img[data-state=past] .door__lid[data-v-c87c1511]{display:block}.door.has-img[data-state=past] .door__img[data-v-c87c1511]{filter:grayscale()brightness(.62)contrast(.9)}.door__pasttitle[data-v-c87c1511]{z-index:2;color:#e6e9f2;text-align:left;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;background:linear-gradient(#0b143300,#0b1433eb 65%);padding:18% 9% 8%;font-size:calc(clamp(1.1rem,1.2cqi,1.4rem));font-weight:700;line-height:1.15;position:absolute;bottom:0;left:0;right:0}@container (width<560px){.door__pasttitle[data-v-c87c1511]{display:none}}.door.has-img .door__inside[data-v-c87c1511]{isolation:isolate;color:#fff;background:#14214a;box-shadow:inset 0 0 0 .15rem #fff20080}.door.has-img:not(.is-open) .door__inside[data-v-c87c1511]{visibility:hidden}.door.has-img .door__inside[data-v-c87c1511]>*{z-index:1;position:relative}.door.has-img.is-joined .door__inside[data-v-c87c1511]{background:#009ad0;box-shadow:inset 0 0 0 .3rem #fff}.door.has-img .door__inside[data-v-c87c1511]:before{content:"";z-index:0;opacity:0;pointer-events:none;background:radial-gradient(circle at 30%,#fff3c4f2,#ffd86b8c 30%,#ffd86b00 65%);position:absolute;inset:-20%}.door.has-img .door__lid[data-v-c87c1511]{will-change:transform;transition:none}.door.has-img.is-open .door__lid[data-v-c87c1511]{transform:rotateY(-108deg);box-shadow:0 0 1.6rem .2rem #00000073}.door.has-img .door__face--front[data-v-c87c1511]:before{content:"";z-index:1;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#0000008c);transition:opacity .8s .25s;position:absolute;inset:0}.door.has-img.is-open .door__face--front[data-v-c87c1511]:before{opacity:1}.door.has-img[data-v-c87c1511]:after{content:"";z-index:6;opacity:0;pointer-events:none;border-radius:50%;width:.6rem;height:.6rem;margin:-.3rem 0 0 -.3rem;position:absolute;top:50%;left:50%}.door.has-img.is-opening[data-v-c87c1511]{z-index:5}.door__glitter[data-v-c87c1511]{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.door__star[data-v-c87c1511]{filter:drop-shadow(0 0 .4rem #ffd86b)drop-shadow(0 0 .8rem #ffd86b99);opacity:0;background:radial-gradient(circle,#fff 0 .15rem,#ffecaaf2 .26rem,#ffecaa00 .5rem) 50%/100% 100% no-repeat,linear-gradient(#fff6d6,#fff6d6) 50%/.2rem 100% no-repeat,linear-gradient(#fff6d6,#fff6d6) 50%/100% .2rem no-repeat;width:calc(clamp(1.6rem,2.6cqi,2.6rem));height:calc(clamp(1.6rem,2.6cqi,2.6rem));animation:.95s ease-in-out both door-twinkle-c87c1511;position:absolute;translate:-50% -50%}.door__star.is-small[data-v-c87c1511]{width:calc(clamp(.9rem,1.4cqi,1.4rem));height:calc(clamp(.9rem,1.4cqi,1.4rem))}@media (prefers-reduced-motion:no-preference){.door.has-img.is-gleam[data-state=future] .door__img[data-v-c87c1511]{animation:1.6s both door-gleam-c87c1511}.door[data-state=today]:not(.is-open) .door__lid[data-v-c87c1511]{animation:3.2s ease-in-out 1.2s infinite door-wiggle-c87c1511}.door.has-img[data-state=today]:not(.is-open) .door__lid[data-v-c87c1511]{animation:3.2s ease-in-out 1.2s infinite door-wiggle-c87c1511,2.4s ease-in-out infinite door-glow-c87c1511}.door.has-img.is-opening[data-v-c87c1511]{animation:2.9s cubic-bezier(.3,1.2,.5,1) both door-pop-c87c1511}.door.has-img.is-opening .door__lid[data-v-c87c1511]{animation:2.5s linear both door-swing-c87c1511}.door.has-img.is-opening .door__inside[data-v-c87c1511]:before{animation:1.7s ease-out .95s both door-light-c87c1511}.door.has-img.is-opening[data-v-c87c1511]:after{animation:1.1s ease-out 1.45s both door-sparkle-c87c1511}.door.has-img.is-opening .door__inside-title[data-v-c87c1511]{transition-delay:1.85s}.door.has-img.is-opening .door__inside-cta[data-v-c87c1511]{transition-delay:2s}.door.has-img.is-opening .door__face--front[data-v-c87c1511]:before{transition:opacity .9s 1.15s}.door.is-closing[data-v-c87c1511]{z-index:2}.door.has-img.is-closing .door__lid[data-v-c87c1511]{transition:transform .6s cubic-bezier(.4,0,.2,1)}}@media (prefers-reduced-motion:reduce){.door__bow[data-v-c87c1511],.door__inside-cta[data-v-c87c1511],.door__inside-title[data-v-c87c1511],.door__lid[data-v-c87c1511],.door__ribbon[data-v-c87c1511]{transition:none!important}.door.is-open .door__lid[data-v-c87c1511]{opacity:0;transform:none}.door.is-shake .door__lid[data-v-c87c1511]{animation:none}.door__glitter[data-v-c87c1511]{display:none}}@keyframes door-wiggle-c87c1511{0%,82%,to{transform:rotate(0)}86%{transform:rotate(-3deg)}90%{transform:rotate(3deg)}94%{transform:rotate(-2deg)}}@keyframes door-glow-c87c1511{0%,to{box-shadow:0 0 0 .15rem #fff200,0 0 1.8rem .3rem #ffd86b80}50%{box-shadow:0 0 0 .15rem #fff200,0 0 3rem .8rem #ffd86bcc}}@keyframes door-shake-c87c1511{0%,to{transform:translate(0)}20%{transform:translate(-.5rem)rotate(-2deg)}40%{transform:translate(.5rem)rotate(2deg)}60%{transform:translate(-.3rem)}80%{transform:translate(.3rem)}}@keyframes door-pop-c87c1511{0%{transform:scale(1)}11%,88%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes door-swing-c87c1511{0%,14%{animation-timing-function:ease-in-out;transform:rotateY(0)}21%{animation-timing-function:ease-in-out;transform:rotateY(-6deg)}27%{animation-timing-function:ease-in-out;transform:rotateY(-1deg)}35%{animation-timing-function:ease-in-out;transform:rotateY(-10deg)}41%{animation-timing-function:ease-in-out;transform:rotateY(-3deg)}46%{animation-timing-function:cubic-bezier(.35,.55,.35,1);transform:rotateY(-5deg)}82%{animation-timing-function:ease-in-out;transform:rotateY(-114deg)}92%{animation-timing-function:ease-in-out;transform:rotateY(-104deg)}to{transform:rotateY(-108deg)}}@keyframes door-light-c87c1511{0%{opacity:0;transform:scale(.5)}18%{opacity:.45;transform:scale(.7)}45%{opacity:1;transform:scale(1.05)}to{opacity:.35;transform:scale(1)}}@keyframes door-sparkle-c87c1511{0%{opacity:1;box-shadow:0 0 #fff200,0 0 #fff,0 0 #fff200,0 0 #fff,0 0 #fff200,0 0 #fff,0 0 #fff200,0 0 #fff}to{opacity:0;box-shadow:0 -7.2rem 0 .1rem #fff200,5.1rem -5.1rem #fff,7.2rem 0 0 .1rem #fff200,5.1rem 5.1rem #fff,0 7.2rem 0 .1rem #fff200,-5.1rem 5.1rem #fff,-7.2rem 0 0 .1rem #fff200,-5.1rem -5.1rem #fff}}@keyframes door-twinkle-c87c1511{0%{opacity:0;transform:scale(.2)rotate(0)}40%{opacity:1;transform:scale(1.15)rotate(45deg)}to{opacity:0;transform:scale(.3)rotate(90deg)}}@keyframes door-gleam-c87c1511{0%,to{filter:brightness(.48)saturate(.6)}45%,55%{filter:brightness(.78)saturate(.9)}}
