.navBtn{position:fixed;top:36px;right:40px;z-index:10}#headerNav{position:fixed;right:0;z-index:5;width:100%;height:100dvh;overflow-y:hidden;padding-top:80px;color:var(--shade-500);background-color:rgba(var(--ml-yellow),.97);transform:translate(100%);transition:transform 1.25s cubic-bezier(.19,1,.22,1)}#headerNav.show{transform:translate(0)}#headerNav ul{padding:0;margin:10px}.expand{width:40px;height:24px;display:flex;flex-direction:column;justify-content:space-evenly}.expand span{display:block;width:100%;height:1.2px;background-color:var(--shade-500);border-radius:2px;transition:all 1.25s cubic-bezier(.19,1,.22,1)}.is-active span:nth-child(1){transform:translateY(4.5px) rotate(405deg)}.is-active span:nth-child(2){transform:translateY(-4.5px) rotate(315deg)}.menu-item{position:relative;list-style:none;padding:1.2rem 2rem;overflow:hidden}.menu-item .item-link{display:flex;align-items:center;gap:.5rem;transform:translate(0);transition:transform .4s cubic-bezier(.19,1,.22,1)}.menu-item .item-link .label-text{font-weight:350;font-size:1rem;letter-spacing:1.5px}.menu-item .item-link:active{background-color:var(--shade-200)}.menu-item .arrow{display:none}@media only screen and (min-width: 768px){#headerNav ul{margin:20px}.menu-item{position:relative;list-style:none;overflow:hidden}.menu-item .item-link{display:flex;align-items:center;padding-left:55%;gap:.5rem;transform:translate(-2.5rem);transition:transform .4s cubic-bezier(.19,1,.22,1)}.menu-item .item-link .label-text{font-weight:300;font-size:1.75rem;letter-spacing:1.5px}.menu-item .arrow{display:flex;align-items:center;opacity:0;transition:opacity .3s ease}.menu-item:hover .arrow{opacity:1}.menu-item:hover .item-link{transform:translate(0)}}.show{display:block}.main-container{margin:10px;min-height:calc(100dvh - 10px);display:flex;flex-direction:column;justify-content:flex-end;align-items:center}#bg{background-color:var(--highlight-600);position:absolute;top:10px;left:10px;z-index:-1;height:calc(100dvh - 10px);width:calc(100dvw - 20px)}#title{position:absolute;top:25%;z-index:1;width:calc(100dvw - 30px);display:flex;flex-direction:row;align-items:center;justify-content:center}#title .title{margin:1% 0;font-size:1.5rem;font-weight:600;text-align:center}.welcome-chibi{width:20%;height:auto}form{margin:5% 0;display:flex;flex-direction:column}.form-input{display:flex;flex-direction:column;padding:8px 0}.form-input-special{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 0}.form-input__input{height:2rem}.form-input__selection{height:2rem;font-size:1.2rem;font-weight:300}.form-progress{display:flex;flex-direction:row}label{padding:2%;font-size:1.2rem;font-weight:300}.event-item-qty{padding:8px 0}.event-item-qty-buttons{display:flex;flex-direction:row;justify-content:center;padding:5%}.choose-item-qty{font-size:1.25rem;background-color:#fffcee;border:1px solid #818159;border-radius:.3rem;padding:.5rem 1rem}.choose-item-qty:focus{background-color:#f3dea4}.buttons{padding:5%;display:flex;flex-direction:row;justify-content:space-around}.buttons-clear{width:30%;font-size:1.5rem;background-color:#ffe186;border:1px solid #9b7506;border-radius:.3rem;padding:.4rem .825rem}.buttons-calc{width:50%;font-size:1.5rem;background-color:#ffe186;border:1px solid #9b7506;border-radius:.3rem;padding:.4rem .825rem}.result{font-size:1.2rem;text-align:start}.result>h5{color:#9b7506}p{margin:1% 0;font-weight:300}.countdown-display{display:flex;flex-direction:row;justify-content:center;padding:5px 0;margin:0}.countdown-value{padding:0 15px}.default{color:#284078}.alert{color:#ef3c63}@media only screen and (min-width: 768px){.main-container{display:flex;flex-direction:column;margin:15px}#bg{position:absolute;z-index:-10;min-height:245px;height:calc(100dvh - 15px);width:calc(100dvw - 30px)}#title{position:static;width:calc(100dvw - 30px);display:flex;flex-direction:row;align-items:center;justify-content:center}#title .title{margin:1% 0;font-size:2.5rem;font-weight:600;text-align:center}.form-input{display:grid;grid-template-columns:50% 50%;grid-template-areas:"input-label input-field"}.form-input__label{grid-template:input-label}.form-input__input{grid-template:input-field}}.event{width:inherit}.event-title{font-size:1rem;border:1px solid var(--shade-200)}.event-title.en-alt{display:none}.event-title.en-alt:hover{display:block}.event .countdown{font-size:1rem}.current-event{width:100%;margin-bottom:15px;position:relative}@media only screen and (min-width: 768px){.event .event-title{font-size:1.75rem}.event .countdown{font-size:1.25rem}.cards{padding:30px 0}}.holiday-banner{position:absolute;top:15px;width:calc(100dvw - 30px)}.overlay{position:absolute;top:15px;width:calc(100dvw - 30px);height:245px;background-color:color-mix(in srgb,var(--highlight-600),transparent 60%)}img.banner{width:100%}.event-essentials{font-size:16px;text-align:left;padding:0 10%}.event{font-size:22px}.event-title{border:1px solid var(--shade-200)}.event-time{color:red}.progress{width:100%;height:auto;padding:5% 0;background:inherit;overflow-x:scroll;display:flex;justify-content:space-between}.bar{height:6vh;max-height:40px;width:2.5vw;max-width:5px;border:none;background-color:#dadada}.bar-selected{height:6vh;max-height:40px;width:2.5vw;max-width:5px;border:none;background-color:#b10000}.App{display:flex;justify-content:center;flex-direction:column;text-align:center;color:var(--shade-600)}@media only screen and (min-width: 768px){.App{display:flex;flex-direction:row}}html,body{width:100%;height:100%;overflow-x:hidden;position:relative}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--ml-yellow: 255, 194, 11;--primary-color: rgb(var(--ml-yellow));--bg-regular: rgba(var(--ml-yellow), .7);--bg-soft: rgba(var(--ml-yellow), .1);--text-main: #333333;--transition-main: .6s cubic-bezier(.19, 1, .22, 1);--shade-200: #D5A209;--shade-300: #AA8107;--shade-400: #806106;--shade-500: #554104;--shade-600: #2B2002;--highlight-200: #FFCC34;--highlight-300: #FFD65C;--highlight-400: #FFE185;--highlight-500: #FFEBAE;--highlight-600: #FFF5D6}