.navSideBar{width:var(--navIconSize);min-width:var(--navIconSize);background-color:var(--colorBackgroundPrimary);z-index:2;flex-direction:column;justify-content:center;height:100%;transition:width .1s ease-out,z-index 0s ease-out .1s;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:10px 0 10px -10px #0000001a}@media (min-width:750px){.navSideBar:hover{--hoverWidth:200px;width:var(--hoverWidth);z-index:4;transition:width .1s ease-out,z-index}.navSideBar:hover .menu .navItem .navItemContent p{opacity:1}}.navSideBar .menu{flex-direction:column;justify-content:center;width:100%;height:100%;display:flex}.navSideBar .menu.head .navItem:first-child{position:absolute;top:20px}.navSideBar .menu.foot .navItem:last-child{position:absolute;bottom:20px}.navSideBar .menu .navItem{width:100%;height:calc(var(--navIconSize) - 2px);cursor:pointer;outline:none;align-items:center;padding:5px 6px;text-decoration:none;display:flex;position:relative}.navSideBar .menu .navItem.active{pointer-events:none!important}.navSideBar .menu .navItem.active .navItemContent{background-color:hsl(var(--colorBrandPrimary));box-shadow:var(--boxShadowGlow);transition:all .2s ease-out}.navSideBar .menu .navItem.active .navItemContent i{color:#fff;transition:all .2s ease-out}.navSideBar .menu .navItem.active .navItemContent p{color:#fff;transition:all .2s ease-out;transform:translate(2px)}.navSideBar .menu .navItem .navItemContent{border-radius:14px;align-items:center;width:100%;height:100%;display:flex;position:relative}.navSideBar .menu .navItem .navItemContent i{margin-left:14px;position:absolute}.navSideBar .menu .navItem .navItemContent p{text-align:center;font-variation-settings:"wdth" 75,"wght" 500;color:var(--colorContentSecondary);text-transform:capitalize;-webkit-user-select:none;user-select:none;opacity:0;margin:0 0 0 48px;font-size:14px;transition:transform .1s ease-out;position:absolute;transform:translate(0)}@media (max-width:750px){.navSideBar{width:100%;height:var(--navIconSize);min-height:var(--navIconSize);position:relative;top:auto;left:auto;box-shadow:0 -10px 10px -10px #0000001a}.navSideBar .menu{flex-direction:row;align-items:center}.navSideBar .menu.head .navItem:first-child{display:none}.navSideBar .menu.foot .navItem:last-child{position:relative;bottom:auto}.navSideBar .menu .navItem{width:calc(var(--navIconSize) - 12px);height:calc(var(--navIconSize) - 12px);margin:0 5px;padding:0}.navSideBar .menu .navItem.active .navItemContent i{transform:translateY(-7px)scale(.8)}.navSideBar .menu .navItem.active .navItemContent p{opacity:1;letter-spacing:.1px;transition:all .2s ease-out}.navSideBar .menu .navItem .navItemContent{flex-direction:column;justify-content:center}.navSideBar .menu .navItem .navItemContent i{margin:0;transition:all .2s ease-out;position:relative}.navSideBar .menu .navItem .navItemContent p{letter-spacing:2px;margin:0 0 0 1px;font-size:10px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)!important}}@media (max-width:475px){.navSideBar{width:100%;height:var(--navIconSize);min-height:var(--navIconSize);position:relative;top:auto;left:auto;box-shadow:0 -10px 10px -10px #0000001a}.navSideBar .menu{justify-content:flex-start}}
.sideSheet{--initialHeaderHeight:150px;--headerHeight:var(--initialHeaderHeight);visibility:hidden;z-index:10;width:100%;height:100%;transition:visibility .2s ease-out;position:absolute;top:0;left:0}.sideSheet.sideSheetOpen{visibility:visible}.sideSheet.sideSheetOpen>.backdrop{opacity:1}.sideSheet.sideSheetOpen>.sideContainer{transform:translate(0)}.sideSheet>.backdrop{background-color:var(--colorBackdropPrimary);opacity:0;width:100%;height:100%;transition:opacity .2s ease-out;position:fixed;top:0;left:0}.sideSheet>.sideContainer{--sideSheetWidth:500px;width:var(--sideSheetWidth);z-index:2;background-color:var(--colorBackgroundPrimary);height:100%;transform:translateX(var(--sideSheetWidth));flex-direction:column;transition:transform .2s ease-out;display:flex;position:absolute;top:0;right:0}.sideSheet>.sideContainer .sheetHeader{width:100%;height:var(--headerHeight);z-index:3;background-color:var(--colorBackgroundPrimary);justify-content:space-between;align-items:center;padding:10px 35px 0;display:flex;position:absolute}.sideSheet>.sideContainer .sheetHeader h1{font-variation-settings:"wdth" 75,"wght" 500;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:28px;overflow:hidden}.sideSheet>.sideContainer .sheetHeader h1 span{font-variation-settings:"wdth" 75,"wght" 300}.sideSheet>.sideContainer .sheetHeader.floatHeader{--headerHeight:70px;background-color:var(--colorBackgroundPrimary);box-shadow:0 10px 10px -10px #0003}.sideSheet>.sideContainer .sheetHeader.floatHeader .iconButton{transform:scale(.8)}.sideSheet>.sideContainer .sheetContent{width:100%;height:100%;padding:var(--initialHeaderHeight)40px 0 30px;overflow:auto}@media (max-width:750px){.sideSheet>.backdrop{height:calc(100% - 70px)}.sideSheet>.sideContainer{--sideSheetWidth:100%!important}.sideSheet>.sideContainer .sheetHeader{height:90px;padding-top:48px;padding-bottom:24px}}@media (max-width:530px){.sideSheet>.sideContainer>.scrollbarVertical{display:none}.sideSheet>.sideContainer .sheetContent{padding:var(--initialHeaderHeight)20px 0 20px}}
.quantityButton{--quantityButtonHeight:28px;height:var(--quantityButtonHeight);-webkit-user-select:none;user-select:none;display:flex;position:relative}.quantityButton .quantity{cursor:pointer;font-variation-settings:"wdth" 75,"wght" 500;color:hsl(var(--colorBrandPrimary));border:1px solid hsl(var(--colorBrandPrimary));background-color:#0000;border-radius:9999px;justify-content:center;align-items:center;font-size:12px;display:flex}.quantityButton .quantity>span{background-color:hsl(var(--colorBrandPrimary));width:100%;height:100%;display:block}.quantityButton .quantity>i{color:inherit}.quantityButton .quantity:active{color:var(--colorBackgroundPrimary);background-color:hsl(var(--colorBrandPrimary))}.quantityButton .quantity:active>span{background-color:var(--colorBackgroundPrimary)}.quantityButton .quantity.increase{text-transform:uppercase;width:100%;height:100%;transition:width .1s ease-out,font-size;position:absolute;top:0;right:0}.quantityButton .hiddenContainer{width:100%;height:100%;display:flex}.quantityButton .hiddenContainer .decrease{width:var(--quantityButtonHeight);height:var(--quantityButtonHeight);transition:transform .1s ease-out;transform:scale(0)}.quantityButton .hiddenContainer .value{margin:0 var(--quantityButtonHeight)0 0;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;padding:0 12px;display:flex}.quantityButton .hiddenContainer .value p{font-variation-settings:"wdth" 75,"wght" 600;margin:0;font-size:14px}.quantityButton .hiddenContainer .value span{background-color:hsl(var(--colorBrandPrimary));width:15px;height:100%;margin-left:-3px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:8px;mask-size:8px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.quantityButton.disabled .value span{background-color:var(--colorContentPrimary)}.quantityButton.disabled .increase{display:none}.quantityButton.disabled .hiddenContainer .value{border-color:var(--colorContentTertiary);margin:0 10px 0 0}.quantityButton.filled .quantity{color:#fff;background-color:hsl(var(--colorBrandPrimary))}.quantityButton.filled .quantity>span{background-color:var(--colorBackgroundPrimary)}.quantityButton.quantityValue .hiddenContainer .decrease{transition-delay:50ms;transform:scale(1)}.quantityButton.quantityValue .increase{width:var(--quantityButtonHeight);font-size:20px}@media (max-width:750px){.quantityButton{--quantityButtonHeight:35px}.quantityButton .quantity>span{-webkit-mask-size:13px;mask-size:13px}.quantityButton.disabled .hiddenContainer .value{padding:0 17px 0 15px}}@media (max-width:530px){.quantityButton{transform:scale(.9)}}
.collapsible{--collapsibleHeight:44px;--borderRadius:12px;border-radius:var(--borderRadius);width:100%;margin:10px 0;transition:all .1s ease-out;position:relative}.collapsible.round .collapsibleHeader{border-radius:9999px}.collapsible.expand{--collapsibleHeight:48px}.collapsible.expand .collapsibleHeader .label{font-variation-settings:"wdth" 75,"wght" 400;font-size:20px}.collapsible.expand .collapsibleHeader .alertLabel{font-size:18px}.collapsible.expand .collapsibleHeader .arrow{transform:rotate(180deg)}.collapsible.expand .collapsibleContent{padding:calc(15px + var(--collapsibleHeight)/2)15px 15px 15px;transform:scaleY(1)}.collapsible .collapsibleHeader{width:100%;height:var(--collapsibleHeight);border-radius:var(--borderRadius);-webkit-user-select:none;user-select:none;background-color:hsl(var(--colorBrandPrimary));box-shadow:var(--boxShadowGlowHover);z-index:2;cursor:pointer;justify-content:space-between;align-items:center;padding:0 20px;transition:height .2s ease-out;display:flex;position:relative}@media (hover:hover){.collapsible .collapsibleHeader:hover{box-shadow:var(--boxShadowGlowHover)}}.collapsible .collapsibleHeader:active{box-shadow:var(--boxShadowGlowActive)}.collapsible .collapsibleHeader .label{font-variation-settings:"wdth" 75,"wght" 500;color:#fff;margin:0;font-size:16px;transition:font-size .2s ease-out}.collapsible .collapsibleHeader .alertLabel{width:calc(var(--collapsibleHeight)/2);height:calc(var(--collapsibleHeight)/2);font-variation-settings:"wdth" 75,"wght" 600;color:hsl(var(--colorBrandPrimary));background-color:#fff;border-radius:9999px;justify-content:center;align-items:center;margin:0 4px 0 0;font-size:14px;transition:all .2s ease-out;display:flex;position:absolute;right:45px}.collapsible .collapsibleHeader .arrow{color:#fff;transition:transform .2s ease-out}.collapsible .collapsibleContent{background-color:var(--colorBackgroundSecondary);width:100%;box-shadow:var(--boxShadowInset);border-radius:0 0 var(--borderRadius)var(--borderRadius);margin-top:calc(var(--collapsibleHeight)/-2);transform-origin:top;padding:15px;transition:transform .2s ease-out;position:relative;transform:scaleY(0)}@media (max-width:530px){.collapsible{--collapsibleHeight:50px}}
.itemCard{--itemSize:90px;height:calc(var(--itemSize) + 20px);background-color:var(--colorBackgroundPrimary);border-radius:calc(var(--itemSize)/4);border:1px solid var(--colorContentTertiary);margin-bottom:calc(var(--itemSize)/10);padding:10px;transition:box-shadow .13s ease-in;display:flex;position:relative;overflow:hidden}.itemCard .picture{width:var(--itemSize);min-width:var(--itemSize);height:var(--itemSize);border:1px solid var(--colorContentTertiary);border-radius:calc(var(--itemSize)/6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.itemCard .picture>span{width:100%;height:100%;display:block;background-position:50%!important;background-size:cover!important}.itemCard .options{flex-direction:column;flex-grow:1;justify-content:space-between;padding:5px;display:flex;position:relative}.itemCard .options .title{text-overflow:ellipsis;-webkit-line-clamp:2;font-variation-settings:"wdth" 75,"wght" 500;-webkit-box-orient:vertical;margin:0 10px;font-size:13px;display:-webkit-box;overflow:hidden}.itemCard .options .footer{font-variation-settings:"wdth" 75,"wght" 500;letter-spacing:.5px;justify-content:space-between;align-items:center;width:100%;padding:0 10px;font-size:13px;display:flex;position:absolute;bottom:0}.itemCard .options .footer .price{float:left}.itemCard .options .footer .price>p{justify-content:center;align-items:center;margin:0;display:flex}.itemCard .options .footer .price>p span{-webkit-user-select:none;user-select:none;margin:0 5px;font-size:8px}.itemCard .options .footer .totalAmount{font-variation-settings:"wdth" 75,"wght" 600;border:1px solid var(--colorContentTertiary);border-radius:9999px;justify-content:center;align-items:center;height:25px;margin:3px 0;padding:0 15px;display:flex}.itemCard.staticCard{--itemSize:70px;border-radius:calc(var(--itemSize)/6);margin-bottom:calc(var(--itemSize)/6);border:1px solid #0000;padding:5px 10px;box-shadow:0 0 10px #9696964d}.itemCard.staticCard .picture{border-radius:9999px;margin:3px 0;transform:scale(.9)}.itemCard.staticCard .options .title,.itemCard.staticCard .options .footer{font-size:11px}@media (max-width:530px){.itemCard{--itemSize:100px;border-width:0 0 1px;border-radius:0;margin-bottom:0;padding:15px 10px;box-shadow:0 0 #0000}.itemCard:first-child{border-width:1px 0}.itemCard .picture{transform:scale(.9)}}
.noContent{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.noContent div{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:flex}.noContent div p{font-variation-settings:"wdth" 75,"wght" 400;color:var(--colorContentSecondary);text-transform:capitalize;margin-top:-20px;font-size:20px}