.loading-container{--delay: calc(var(--loop-duration)*.07);height:100vh;width:100vw}.loading-container:has(.loading-spinner){position:relative}.loading-container .loading-spinner,.loading-container .loading-spinner div{width:calc(var(--radius)*2);height:calc(var(--radius)*2);position:absolute;top:calc(40% - var(--radius));left:calc(50% - var(--radius))}.loading-container .loading-spinner{transform:rotate(45deg);animation-play-state:inherit}.loading-container .loading-spinner div{width:calc(var(--sub-elem-radius)*2);height:calc(var(--sub-elem-radius)*2);background-color:var(--color);border-radius:50%;transform:translateY(var(--sub-elem-radius));transform-origin:var(--radius) var(--radius);animation:rotate var(--loop-duration) cubic-bezier(.46,.06,.22,.99) infinite}.loading-container .loading-spinner div:nth-child(2){animation-delay:var(--delay)}.loading-container .loading-spinner div:nth-child(3){animation-delay:calc(var(--delay)*2)}.loading-container .loading-spinner div:nth-child(4){animation-delay:calc(var(--delay)*3)}.loading-container .loading-spinner div:nth-child(5){animation-delay:calc(var(--delay)*4)}@keyframes rotate{0%{transform:translateY(var(--sub-elem-radius)) rotate(0)}to{transform:translateY(var(--sub-elem-radius)) rotate(360deg)}}.button{cursor:pointer;border:0 transparent}.button:not(.disabled):active{box-shadow:0 0 2px 1px var(--main-color)}@media (hover: hover){.button:not(.disabled):hover{box-shadow:0 0 2px 1px var(--main-color)}}.icon-only{padding:.75rem;background-color:var(--alt-bg)}.icon-only>*{width:2rem;height:2rem;display:flex;justify-content:center;align-items:center}.button-text{font-weight:700;font-size:large;text-transform:capitalize;padding:.75rem}.weight-normal{font-weight:400}.weight-bold{font-weight:700}.pointer{cursor:pointer}.disabled{opacity:.4}.main-bg{background-color:var(--main-bg)}.main-color{color:var(--main-color)}.alt-bg{background-color:var(--alt-bg)}.primary-bg{background-color:var(--primary-color)}.primary-color{color:var(--primary-color)}.primary-contrast-bg{background-color:var(--primary-contrast)}.primary-contrast-color{color:var(--primary-contrast)}.red-bg{background-color:var(--accent-red)}.red{color:var(--accent-red)}.gold-bg{background-color:var(--accent-gold)}.gold{color:var(--accent-gold)}.transparent{color:transparent}.transparent-bg{background-color:transparent}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.flex{display:flex}.flex-1{flex:1}.row-reverse{flex-direction:row-reverse}.sticky{position:sticky}.flex-center{justify-content:center;justify-items:center;align-items:center;align-content:center}.just-start{justify-content:flex-start}.just-center{justify-content:center}.just-end{justify-content:flex-end}.just-between{justify-content:space-between}.align-center{align-items:center}.align-end{align-items:flex-end}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-small{font-size:small}.text-normal{font-size:medium}.text-large{font-size:large}.border-color{border:1px solid var(--main-color)}.border-r-10{border-radius:10px}.border-round{border-radius:50%}.padding-0{padding:0}.padding-1{padding:1rem}.padding-10{padding:10px}.padding-1-0{padding:1em 0}.padding-0-1{padding:0 1rem}.padding-top-0{padding-top:0}.margin-0{margin:0}.margin-5-0{margin:5px 0}.margin-1-0{margin:1em 0}.margin-08-0{margin:.8em 0}.margin-10{margin:10px}.margin-5{margin:5px}.margin-r10{margin-right:10px}.margin-b6{margin-bottom:6rem}.h-100{height:100%}.w-1{width:1rem}.w-100{width:100%}.w-80{width:80%}.w-70{width:70%}.w-20{width:20%}.w-fit{width:fit-content}.min-w-fit{min-width:fit-content}.gap-05{gap:.5rem}.gap-1{gap:1rem}.gap-2{gap:2rem}.gap-5{gap:5px}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-100{z-index:100}.top-0{top:0}.top-3{top:3rem}.bottom-0{bottom:0}.left-0{left:0}.left-1{left:1rem}.right-0{right:0}.right-1{right:1rem}.h-header{min-height:58px}.scroll{overflow:auto}.no-scroll{overflow:hidden}.min-w-22{min-width:22%}.min-w-50{min-width:50%}.aspect-1{aspect-ratio:1}.hidden{display:none}.underline{text-decoration:underline}.hide-empty:has(span:empty){display:none}*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:light dark;--main-bg: light-dark(#FFF, #121212);--main-color: light-dark(#000, #FFF);--alt-bg: light-dark(#ededed, #1d1d1d);--theme-hue-primary: 210;--theme-saturation-primary: 70%;--theme-lightness-primary: 50%;--primary-color: hsl(var(--theme-hue-primary), var(--theme-saturation-primary), var(--theme-lightness-primary));--primary-contrast: var(--main-bg);--accent-red: #df3939;--accent-gold: #bd8928}body[data-theme=light]{color-scheme:light}body[data-theme=dark]{color-scheme:dark}body{color:var(--main-color);background-color:var(--main-bg);font-family:sans-serif;-webkit-user-select:none;user-select:none;max-width:900px;margin:0 auto}*{-webkit-tap-highlight-color:transparent}.page-header{display:grid;grid-template-columns:5.5rem auto 5.5rem;grid-template-rows:1fr;position:sticky;top:0;z-index:99}.page-header .left{grid-column:1}.page-header .center{grid-column:2}.page-header .right{grid-column:3}#page-title{display:flex;justify-content:center;align-items:center;gap:1rem;text-transform:uppercase;text-align:center;min-height:5.5rem;margin-top:-5.5rem;padding:0 5rem;position:sticky;top:0;background-color:var(--main-bg)}#page-title:after,#page-title:before{content:"";width:100%;height:8px;background-color:var(--primary-color);flex:1}.page-footer{display:flex;position:sticky;bottom:0;z-index:99;justify-content:space-between}#main-menu-overlay{position:fixed;inset:0;z-index:999;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}#main-menu-options{padding:1rem;margin:0 auto;max-width:900px}input[type=radio],input[type=checkbox]{display:none}.size-container label,.ingredient-container label{cursor:pointer}#size-selector-container{display:flex;margin:1rem 2rem;gap:1rem;flex-wrap:wrap}.size-container{border:2px solid var(--main-color);min-width:270px;flex:1;border-radius:.5rem}.size-container.selected{border-color:var(--primary-color);box-shadow:0 0 10px 0 var(--primary-color) inset}.size-limits{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;padding:1rem}.size-price{font-weight:700;padding:2px 5px;background-color:var(--primary-color);color:var(--main-bg)}.ingredient-group-header{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;background-color:var(--main-bg);padding:1.5rem 2rem 1rem;z-index:1}.ingredient-group-name{background-color:var(--primary-color);color:var(--primary-contrast);width:150px;text-align:center;padding:5px}.extra-label{color:var(--accent-red);font-size:.8rem}.extra-price{color:var(--accent-red);display:flex;gap:5px}.group-count-price{display:flex;gap:7px}.group-count{display:flex;gap:2px}.ingredient-container{border:2px solid var(--main-color);border-radius:5px;text-transform:capitalize;font-size:large;flex:1;display:flex}.ingredient-group-container{display:flex;flex-wrap:wrap;gap:1rem;margin:0 2rem;padding:1rem 0}.ingredient-container.selected{border-color:var(--primary-color);box-shadow:0 0 10px 0 var(--primary-color) inset}.ingredient-container label{display:inline-block;padding:1.5rem;min-width:250px;flex:1}.ingredient-container[data-extra]:after{content:"x" attr(data-extra);position:absolute;right:0;top:0;transform:rotate(-20deg) translate(22px,-8px);font-weight:700;color:var(--accent-red);background-color:var(--main-bg);padding:5px;border-radius:50%}