.showcase-items{display:flex;flex-direction:column;gap:4vw;width:50vw;margin:1.5vw auto 5vw;container-type:inline-size}.showcase-container{height:78cqw;margin:auto;display:flex;gap:13cqw;justify-content:center}.showcase{position:relative;height:100%;width:100cqw}.showcase-container.small{height:42.5cqw}.showcase-container.small.hidden{opacity:0}.showcase-container.small.animate{animation:.6s ease 0s normal forwards slide-down}.showcase-container.small .showcase{width:30cqw;display:flex;flex-direction:column;align-items:center}.showcase-container:not(.small) .showcase>*{position:absolute}.showcase .preorder-button{pointer-events:auto}.showcase .preorder-button a{position:relative;display:block;height:100%;width:max-content;transition:transform .7s ease}.showcase-container:not(.small) .showcase .preorder-button a{filter:brightness(.95)}.showcase .preorder-button a:hover{transform:scale(1.1)}.showcase .preorder-button a>*{height:100%}.showcase .preorder-button a>*:nth-child(2){position:absolute;height:47%;top:19%;left:8.5%;animation:3.5s ease infinite float}.showcase.swirl>*:nth-child(1){width:50%;left:24%;animation:30s ease-in-out 2.75s normal infinite float-shake;z-index:-1}.showcase.swirl.animate>*:nth-child(1){animation:.5s linear .25s normal forwards pop-up,30s ease-in-out 2.75s normal infinite float-shake;opacity:0}.showcase.swirl>*:nth-child(2){width:70%;top:8%;left:0%;transition:transform 1s ease;filter:drop-shadow(0 0 4cqw rgba(255,0,0,.25)) brightness(1.1);transform:rotate(-8deg);pointer-events:auto;z-index:-1}.showcase.swirl>*:nth-child(4){width:70%;top:8%;right:0%;transition:transform 1s ease;filter:drop-shadow(0 0 4cqw rgba(255,0,0,.25)) brightness(1.1);transform:rotate(8deg);pointer-events:auto;z-index:-1}.showcase.swirl.animate>*:nth-child(2){animation:1s ease 0s normal forwards move-down-left}.showcase.swirl.animate>*:nth-child(4){animation:1s ease 0s normal forwards move-down-right}.showcase.swirl.interactive>*:nth-child(2):hover,.showcase.swirl.interactive>*:nth-child(4):hover{z-index:0;transform:scale(1.1)}.showcase.swirl.interactive>*:nth-child(2):active,.showcase.swirl.interactive>*:nth-child(4):active{pointer-events:none}.showcase.swirl .preorder-button{height:9%;top:90%;z-index:1}.showcase.swirl .preorder-button.left{left:25.5%}.showcase.swirl .preorder-button.right{right:25.5%}.showcase.swirl.animate .preorder-button{animation:.5s linear .5s normal forwards pop-down;opacity:0}.showcase-container.small .showcase>*:nth-child(1){width:70%;height:min-content}.showcase-container.small .showcase>*:nth-child(2){position:relative;flex-grow:1;width:100%}.showcase-container.small .showcase>*:nth-child(2) *{position:absolute;top:-10%;bottom:0;right:0;margin:auto;width:100%;z-index:1;filter:drop-shadow(0 0 4cqw rgba(255,0,0,.25)) brightness(1.05)}.showcase-container.small .showcase .preorder-button{height:15%}.showcase-container.small .showcase.midnight>*:nth-child(1){width:100%!important;animation:30s ease-in-out 2.75s normal infinite float-shake}.showcase-container.small .showcase.midnight>*:nth-child(2)>*{filter:drop-shadow(0 0 4cqw rgba(255,0,0,.25))}.showcase-container.small .showcase.pin>*:nth-child(1){animation:30s ease-in-out -7s normal infinite float-shake}.showcase-container.small .showcase.pin>*:nth-child(2)>*{filter:drop-shadow(0 0 4cqw rgba(255,0,0,.4)) brightness(1.1)}:root{--float-shake-power: 10px;--float-shake-2-power: 2px}@keyframes float-shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(calc(var(--float-shake-power) * .8),var(--float-shake-power)) rotate(1deg)}40%{transform:translate(calc(var(--float-shake-power) * -1 * .8),var(--float-shake-power)) rotate(-1deg)}60%{transform:translate(calc(var(--float-shake-power) * -1 * .8),calc(var(--float-shake-power) * -1)) rotate(1deg)}80%{transform:translate(calc(var(--float-shake-power) * .8),calc(var(--float-shake-power) * -1)) rotate(-1deg)}}@keyframes float-shake-2{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(calc(var(--float-shake-2-power) * .8),var(--float-shake-2-power)) rotate(1deg)}40%{transform:translate(calc(var(--float-shake-2-power) * -1 * .8),var(--float-shake-2-power)) rotate(-1deg)}60%{transform:translate(calc(var(--float-shake-2-power) * -1 * .8),calc(var(--float-shake-2-power) * -1)) rotate(1deg)}80%{transform:translate(calc(var(--float-shake-2-power) * .8),calc(var(--float-shake-2-power) * -1)) rotate(-1deg)}}@keyframes float{0%,to{transform:translateY(2.5%)}35%,65%{transform:translateY(-2.5%)}}@keyframes pop-up{0%{transform:scale(.5) translateY(250%);opacity:0}70%{transform:scale(1.1) translateY(-15%);opacity:1}85%{transform:scale(.9) translateY(10%)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes pop-down{0%{transform:scale(.5) translateY(-200%);opacity:0}70%{transform:scale(1.1) translateY(15%);opacity:1}85%{transform:scale(.9) translateY(-10%)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes move-down-left{0%{transform:translateY(-30%)}to{transform:translateY(0) rotate(-8deg)}}@keyframes move-down-right{0%{transform:translateY(-30%)}to{transform:translateY(0) rotate(8deg)}}@keyframes slide-down{0%{transform:translateY(-80%);opacity:0}to{transform:translateY(0);opacity:1}}.page.loading{position:fixed;top:0;background-color:#f9c3b5;color:#000;transition:transform 1s ease;z-index:2;overflow:hidden}.page.loading .swirl{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:140%;z-index:-2;overflow:visible;will-change:transform;transform-origin:center center;animation:10s infinite linear swirl-spin}.page.loading .center{max-height:55vh;gap:8vh}.page.loading .center .lower-container{margin-top:0;max-width:80vw;width:80vw;pointer-events:unset;cursor:unset;flex-basis:9vw;overflow:hidden}.page.loading .center .lower-container img{max-width:100%;height:100%}.page.loading .center .upper-container{flex-basis:49vw;writing-mode:vertical-lr;overflow:hidden}.page.loading .center .upper-container img{height:100%}.page.loading .center .upper-container :nth-child(n+2){position:absolute;top:0;left:50%;transform:translate(-50%)}.page.loading .center .upper-container .wave{aspect-ratio:1344/1089;height:99.12%;margin-top:.44%;z-index:-1;overflow:hidden;background-color:#000;-webkit-mask-image:url(/assets/cup-overlay-mask-Dt72edZi.webp);mask-image:url(/assets/cup-overlay-mask-Dt72edZi.webp);-webkit-mask-size:100%,100%;mask-size:100%,100%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.page.loading .center .upper-container .wave .inner{position:absolute;background-color:#f8b9a8;height:200%;width:200%;border-radius:45%;bottom:-40%;left:-40%}@keyframes spin{0%{transform:translateY(-10%) rotate(0)}to{transform:translateY(-90%) rotate(500deg)}}@keyframes swirl-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.page.loading .slider{position:absolute;white-space:nowrap}