body{position:relative}.sidebar{position:absolute;height:100%;width:20vw;padding-inline:2.65vw;background-color:#0000004d;transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.sidebar .close{position:absolute;top:1.6vw;height:1.6vw;cursor:pointer;transition:transform .1s ease-in-out}.sidebar .close:hover{transform:scale(1.2)}.sidebar .close img{height:100%}.sidebar .page-buttons{margin-top:8vw;width:100%;container-type:inline-size}.sidebar .page-buttons .button{display:flex;flex-direction:column;font-size:11.5cqw}.sidebar .page-buttons .button .text{cursor:pointer;transition:transform .1s ease-in-out}.sidebar .page-buttons .button:hover .text{transform:scale(1.1)}.sidebar .page-buttons .button .underline{width:100%;height:.75cqw;margin-block:3cqw;align-self:flex-end;background-color:#fff;transition:width .1s ease-in-out}.sidebar .page-buttons .button:hover .underline{width:105%}.side-menu-page-container{position:absolute;width:100%;height:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;pointer-events:auto;opacity:0;transition:opacity 1s ease}.side-menu-page-container.open{opacity:1}.side-menu-page-container.closed{visibility:hidden}.side-menu-page{position:absolute;width:54vw;background-color:#0000004d;border-radius:4vw;display:flex;flex-direction:column;gap:.6vw;align-items:center;padding-block:2vw;padding-inline:4.5vw;top:10vw;left:0;right:0;margin:auto;container-type:inline-size}.side-menu-page .close{position:absolute;top:5cqw;right:5cqw;width:4.2cqw;height:4.2cqw;cursor:pointer}.side-menu-page .close img{height:100%}.side-menu-page .title{font-size:6.5cqw;letter-spacing:-.4cqw;text-align:center}.side-menu-page .title:after{content:"";display:block;width:100cqw;height:.3cqw;margin-block:2cqw 1.3cqw;background-color:#ffffff40}.side-menu-page .description{white-space:pre-line;font-family:Gotham Book,sans-serif;font-size:2.13cqw;letter-spacing:-.05cqw;line-height:1.3}.side-menu-page .description .heading{font-family:Gotham Bold,sans-serif;font-size:4.2cqw;margin-bottom:.7cqw;margin-top:3cqw}.side-menu-page .socials{margin-top:1.6cqw;display:flex;gap:1cqw}.side-menu-page .socials img{height:3.5cqw}.side-menu-page .payment-methods{margin:2cqw 0;height:4cqw;display:flex;gap:6cqw;justify-content:flex-start;align-items:center}.side-menu-page .payment-methods img{height:100%}body{background-attachment:fixed;position:static}.page{position:absolute;height:100%;width:100%}.cafe-logo{position:absolute;top:calc((3vh + 1.5vw)/2);left:50%;transform:translate(-50%);width:calc((14vh + 7vw)/2)}.top-right-icon{position:absolute;top:calc((4vh + 2vw)/2);right:calc((5vh + 2.5vw)/2);width:calc((5.5vh + 2.75vw)/2);font-size:calc((5.5vh + 2.75vw)/2);pointer-events:auto;cursor:pointer;container-type:inline-size}.top-right-icon *{position:relative}.top-right-icon span{text-shadow:0 0 40cqw rgba(255,0,0,.7)}.top-right-icon img{width:100%}.center{position:absolute;inset:0;margin:auto;max-height:87vh;max-width:65vw;display:flex;flex-direction:column;align-items:center;justify-content:center}.center .content-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;container-type:inline-size}.center svg{width:47%;margin-bottom:1cqw}.center svg text{fill:#fff;font-family:Gotham Bold,sans-serif;text-shadow:.5cqw .5cqw 1cqw rgba(255,0,0,.2)}.center .content-container>img{width:100%}.center .lower-container{position:relative;overflow:hidden;margin-top:4cqw;height:10cqw;width:100%}.form{position:relative;pointer-events:auto;height:100%;width:100%}.form>img{position:absolute;left:50%;transform:translate(-75%);height:100%}.form .input-container{position:absolute;left:50%;transform:translate(-75%);aspect-ratio:515/134;height:100%;container-type:inline-size;font-family:Gotham Book,sans-serif}.form .submit{position:absolute;left:50%;transform:translate(50%);background-color:transparent;border:none;height:100%;padding:.5% 0 0}.form .submit img{height:100%;cursor:pointer}.center .lower-container .message-container{position:relative;height:100%;width:100%;z-index:-1}.center .lower-container .message-container .message{position:absolute;top:0;left:50%;transform:translate(-50%,-100%);height:100%;aspect-ratio:258/43;text-align:center;container-type:inline-size}.center .lower-container .message-container .message .text{position:relative;top:50%;transform:translateY(-50%);font-size:4cqw;text-shadow:.55cqw .5cqw 1.1cqw rgba(255,0,0,.2)}.center .bottom-text{margin-top:8.5cqw;font-size:2.5cqw;text-shadow:.3cqw .3cqw .3cqw rgba(255,0,0,.2);pointer-events:auto}.message-container.animate{animation:.5s ease-in-out normal forwards slideInVertical}.form.animate{animation:.5s ease-in-out normal forwards slideOutVertical}input[type=email]{position:absolute;-webkit-appearance:none;appearance:none;left:8%;height:89%;width:81%;padding:0;border:none;background-color:transparent;outline:none;box-shadow:none;font-family:inherit;color:inherit;font-size:11cqw;text-shadow:1.1cqw 1cqw 2.2cqw rgba(255,0,0,.2)}input[type=email]:focus{box-shadow:none}input[type=email]::placeholder{color:inherit;opacity:1}input[type=email]:-webkit-autofill,input[type=email]:-webkit-autofill:hover,input[type=email]:-webkit-autofill:focus,input[type=email]:-webkit-autofill:active{box-shadow:none;background-color:transparent!important;color:#fff!important;-webkit-text-fill-color:#ffffff;-webkit-background-clip:text}a{color:#ffeec5;text-decoration:underline}.popup-area{position:fixed;width:100%;height:100%;pointer-events:auto}.popup-container,.side-menu-page{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40vw;max-height:80vh}.popup{width:100%;container-type:inline-size;overflow:hidden}.popup-inner{border-radius:7cqw;background-color:#313338;padding:6cqw;display:flex;flex-direction:column;align-items:stretch}.popup-inner .exit{margin-bottom:5cqw}.popup-inner .exit img{float:right;height:4.5cqw;transition:filter .4s;pointer-events:auto;cursor:pointer}.popup-inner .exit img:hover{filter:invert(23%) sepia(10%) saturate(0%) hue-rotate(283deg) brightness(99%) contrast(95%)}.popup-inner .text{font-size:3.5cqw}.popup-inner .buttons,.side-menu-page .buttons{margin-top:5cqw;display:flex;justify-content:space-evenly}.popup-inner .buttons .button,.side-menu-page .buttons .button{height:7cqw;border-radius:2.7cqw;padding:0px 4cqw;font-size:3.3cqw;line-height:7cqw;box-shadow:inset 0 0 0 .4cqw #fff;transition:box-shadow .4s;pointer-events:auto;cursor:pointer}.popup-inner .buttons .button:hover,.side-menu-page .buttons .button:hover{box-shadow:inset 0 0 0 .4cqw #ffffff7f}.popup-inner.slideIn{animation-name:slideIn;animation-duration:.3s;animation-timing-function:ease}.popup-inner.slideOut{animation-name:slideOut;animation-duration:.3s;animation-timing-function:ease}@keyframes slideIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideOut{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.side-menu-page{margin:unset;gap:0;padding:0}.side-menu-page-inner{padding-block:2vw;padding-inline:4.5vw}.side-menu-page .close{top:6cqw;right:6cqw;width:5cqw;height:5cqw}.side-menu-page .popup-text{font-size:3.9cqw;letter-spacing:-.1cqw;text-align:center;padding-top:8cqw}