@keyframes bg-animation{from{background-position:0 0}to{background-position:100% 100%}}@keyframes clock-shadow{0%{box-shadow:0 0 24px #64A53B}50%{box-shadow:0 0 48px #64A53B}100%{box-shadow:0 0 24px #64A53B}}@keyframes clock-reveal{from{transform:scale(0.1);opacity:0}to{transform:scale(1);opacity:1}}@keyframes star-reveal{0%{opacity:0;margin-left:-2rem;transform:rotate(0)}100%{opacity:1;margin-left:-0.8rem;transform:rotate(45deg)}}@keyframes top-ornament-reveal{0%{left:-30vh}100%{left:-6vh}}@keyframes top-logo-reveal{0%{top:-10vh}100%{top:1vh}}@keyframes bottom-ribbon-reveal{0%{bottom:-40vh}100%{bottom:0}}@keyframes bottom-ribbon-shadow-reveal{0%{bottom:-40vh;box-shadow:0 0 80px #64A53B}50%{box-shadow:0 0 80px #64A53B}100%{bottom:0;box-shadow:0 -80px 80px #64A53B}}@keyframes bottom-ribbon-shadow-dotted-reveal{0%{opacity:0}100%{opacity:1}}@keyframes name-reveal{0%{right:-10rem}100%{right:1rem}}@keyframes content-image-reveal{0%,80%{transform:scale(1.1)}0%{top:100%;opacity:0}80%{top:-1%}100%{opacity:1;top:0;transform:scale(1)}}@keyframes promotion-reveal{0%{height:0%}100%{height:130%}}body{font-family:"Oswald",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;overflow:hidden}body.is-loading *{animation-play-state:paused !important;transition:none !important}.main{background-color:rgba(0,0,0,0);width:auto;max-width:100vw;min-height:100vh;height:100vh;position:relative;margin:0 auto;aspect-ratio:16/10}.main::before{content:"";display:block;position:absolute;top:0;left:50%;transform:translateX(-50%) scaleX(0.9);aspect-ratio:420/900;height:calc(100% - 2rem);background-color:rgba(0,0,0,0);box-shadow:-4px 0 40px rgba(0,0,0,.8)}.card{position:relative;border:none;width:100%;height:100%;background-color:#fff;background-image:url("/img/background-pattern.svg");background-repeat:repeat;animation-name:bg-animation;animation-duration:20s;animation-delay:0s;animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:linear}.card--shadow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:rgba(0,0,0,0);background-image:none;overflow:visible;box-shadow:0 0 30px rgba(0,0,0,.4)}.card-wrapper{border:none;aspect-ratio:420/900;position:relative;height:calc(100% - 1rem);margin:0 auto;padding:0 1rem 1rem 1rem;overflow:hidden}.card-top{position:absolute;top:0;left:0;right:0;height:40vh;z-index:3;overflow:hidden;background:#111;background:linear-gradient(180deg, rgb(17, 17, 17) 0%, rgba(255, 255, 255, 0) 70%)}.card-top::before{content:"";display:block;position:absolute;top:-15vh;left:-6vh;aspect-ratio:3/1;height:15vh;transform:rotate(-25deg);box-shadow:inset 0 -1vw 0 hsla(0,0%,100%,.4);background-color:#64a53b;animation-name:top-ornament-reveal;animation-duration:.5s;animation-delay:0;animation-direction:normal;animation-fill-mode:both;animation-timing-function:ease-out;animation-iteration-count:1}.card-top__logo{border:solid 2px hsla(0,0%,100%,.6);background-color:#333;position:absolute;top:1vh;left:1vh;aspect-ratio:1/1;width:8vh;padding:.5rem;animation-name:top-logo-reveal;animation-duration:.5s;animation-delay:.25s;animation-direction:normal;animation-fill-mode:both;animation-timing-function:ease-out;animation-iteration-count:1}.card-top__logo img{display:block;width:100%;height:100%;object-fit:contain}.card-top__stars{display:flex;flex-direction:row;align-items:center;justify-content:start;position:absolute;top:2.5vh;left:12vh;width:auto}.card-top__star{aspect-ratio:1/1;width:5vh;transform:rotate(45deg);padding-left:0;background-image:url("/img/icon-star-stroke.svg");background-repeat:no-repeat;background-position:center;background-size:100%;animation-name:star-reveal;animation-delay:.5s;animation-duration:.25s;animation-iteration-count:1;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-direction:normal}.card-top__star:nth-child(1){animation-delay:.5s}.card-top__star:nth-child(2){animation-delay:.6s}.card-top__star:nth-child(3){animation-delay:.7s}.card-top__star:nth-child(4){animation-delay:.8s}.card-top__star:nth-child(5){animation-delay:.9s}.card-top__star:nth-child(6){animation-delay:1s}.card-top__star:nth-child(7){animation-delay:1.1s}.card-top__star:nth-child(8){animation-delay:1.2s}.card-top__star:nth-child(9){animation-delay:1.3s}.card-top__star:nth-child(10){animation-delay:1.4s}.card-bottom{position:absolute;left:0;right:0;bottom:0;z-index:4;width:100%;height:100%;overflow:hidden}.card-bottom__label{position:absolute;bottom:1rem;right:1rem;border:solid 1px hsla(0,0%,100%,0);background-color:rgba(0,0,0,0);color:#fff;padding:0;width:40%;display:flex;flex-direction:row;align-items:center;justify-content:end;animation-name:name-reveal;animation-duration:.5s;animation-delay:.5s;animation-direction:normal;animation-fill-mode:both;animation-timing-function:ease-out;animation-iteration-count:1}.card-bottom__label p{width:100%;font-size:4vh;line-height:4vh;text-transform:uppercase;text-align:right;text-shadow:1px 1px 0 rgba(0,0,0,.4);word-break:normal;white-space:wrap}.card-bottom__ribbon{display:block;position:absolute;bottom:0;left:-50%;background-color:rgba(0,0,0,.8);width:200%;height:25%;transform:rotate(25deg);z-index:2;pointer-events:none;animation-name:bottom-ribbon-reveal;animation-duration:.5s;animation-delay:.25s;animation-direction:normal;animation-fill-mode:both;animation-timing-function:ease-out;animation-iteration-count:1}.card-bottom__ribbon--no-fill{background-color:rgba(0,0,0,0);box-shadow:0 -80px 150px #64A53B;animation-name:bottom-ribbon-shadow-reveal;animation-duration:.5s;animation-delay:.25s;animation-direction:normal;animation-fill-mode:both;animation-timing-function:ease-out;animation-iteration-count:1}.card-bottom__ribbon--no-fill::before{content:"";display:block;position:absolute;top:-25%;left:0;width:100%;height:25%;z-index:3;background:rgba(0,0,0,0);background:linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);animation-name:bottom-ribbon-shadow-dotted-reveal;animation-duration:.5s;animation-delay:.5s;animation-direction:normal;animation-fill-mode:both;animation-timing-function:ease-out;animation-iteration-count:1}.card-bottom__ribbon--no-fill::after{content:"";display:block;position:absolute;top:-100%;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);background-image:url("/img/dotted-pattern-light.png");background-repeat:repeat-x;background-size:auto 100%;mix-blend-mode:multiply;animation-name:bottom-ribbon-shadow-dotted-reveal;animation-duration:.5s;animation-delay:.5s;animation-direction:normal;animation-fill-mode:both;animation-timing-function:ease-out;animation-iteration-count:1}.card-content{display:block;position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0)}.card-content__main{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;overflow:hidden}.card-content__main img{width:100%;height:100%;object-fit:cover;position:relative;animation-name:content-image-reveal;animation-duration:.5s;animation-delay:.25s;animation-direction:normal;animation-fill-mode:both;animation-timing-function:ease-out;animation-iteration-count:1}.card-content__main::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#111;background:linear-gradient(25deg, rgb(17, 17, 17) 0%, rgba(51, 51, 51, 0.83) 24%, rgba(255, 255, 255, 0) 43%)}.card-widget{display:block;position:absolute;bottom:2vh;left:2vh;right:0;z-index:6;color:#fff}.card-widget__promotion{border:none;width:40%;height:0%;left:0;position:absolute;bottom:50%;z-index:1;overflow:hidden;animation-name:promotion-reveal;animation-duration:.5s;animation-delay:.75s;animation-direction:normal;animation-fill-mode:both;animation-timing-function:ease-out;animation-iteration-count:1}.card-widget__promotion::before{content:"";display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:50%;height:100%;background-color:#111;border:none;box-shadow:0 4px 8px rgba(0,0,0,.3)}.card-widget__promotion__image{position:relative;aspect-ratio:1/1;width:100%;height:auto;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.card-widget__promotion__image img{border:none;width:100%;height:100%;object-fit:contain;object-position:center bottom}.card-widget__clock{border:solid .25rem hsla(0,0%,40%,.9);border-radius:100%;position:absolute;top:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:stretch;justify-content:center;position:relative;aspect-ratio:1/1;width:60%;background-color:#111;-webkit-mask-image:linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 68%, rgba(0, 0, 0, 0) 100%);mask-image:linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 68%, rgba(0, 0, 0, 0) 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 80%;mask-size:100% 90%;opacity:0;animation-name:clock-reveal;animation-duration:.5s;animation-delay:.35s;animation-iteration-count:1;animation-timing-function:ease-in;animation-direction:normal;animation-fill-mode:both}.card-widget__clock p{text-align:center;text-transform:uppercase;font-size:3.2vh;font-weight:300;line-height:120%;margin:0;padding:0;text-shadow:1px 1px 0 #000}.card-widget__clock p.card-widget__clock__time{font-size:5.25vh;font-weight:400}.card-widget__clock__contents{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0}.card-widget__clock__shadow{display:flex;flex-direction:column;align-items:stretch;justify-content:center;position:absolute;aspect-ratio:1/1;width:60%;border-radius:100%;border:none;background-color:rgba(0,0,0,0);box-shadow:0 0 48px #64A53B;animation-name:clock-shadow;animation-duration:1s;animation-delay:0s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:both;animation-direction:normal}/*# sourceMappingURL=arknet-kw.css.map */