.filter-popupcontainer{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;scale:0;opacity:0;transition:all .4s;z-index:3}.filter-popupcontainer.showFilterPopup{scale:1;opacity:1}.filter-popupcontainer.showFilterPopup .popContent{scale:1}.filter-popupcontainer .popContent{box-shadow:0 3px 8px rgba(0,0,0,.24);transition:all .8s;scale:0;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;background-color:#eee;display:flex;flex-direction:column;padding:30px}.filter-popupcontainer .search-filter{display:flex!important;padding:0!important;width:calc(80vw - 60px);max-width:none!important}.filter-popupcontainer .checkbox-container .checkmark,.filter-popupcontainer .radio-container .checkmark{background-color:var(---background-color-primary)}.filter-popupcontainer .search-filter .filter-container{width:100%;display:flex;margin:0}.filter-popupcontainer .filter-container .title{margin-left:20px;width:-moz-fit-content!important;width:fit-content!important;font-size:clamp(2.6rem,7vw,3.3rem)!important}.filter-popupcontainer .close{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100%}.filter-container .close span{height:40px;width:40px;display:flex;justify-content:center;align-items:center;flex-shrink:0;font-size:2.3rem;border-radius:50%;transition:all .4s;cursor:pointer}.filter-container .close span:hover{scale:1.1;background-color:#d3d0d0}.filter-container .close span:active{background-color:#d8d8d8}.order-popupcontainer{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;justify-content:flex-end;align-items:flex-end;scale:0;opacity:0;transition:all .4s;z-index:3;background-color:rgba(88,86,86,.562);flex-direction:column}.order-popupcontainer .curve-div{width:100%;scale:1}.order-popupcontainer .curve{width:100%;height:60px;-webkit-clip-path:ellipse(50% 100% at 50% 0);clip-path:ellipse(50% 100% at 50% 0);transform:rotate(180deg);background-color:#eee}.order-popupcontainer.showOrderPopup{scale:1;opacity:1}.order-popupcontainer.showOrderPopup .curve-div,.order-popupcontainer.showOrderPopup .popContent{scale:1}.order-popupcontainer .popContent{scale:1;width:100%;height:-moz-fit-content;height:fit-content;background-color:#eee;display:flex;flex-direction:column}.order-popupcontainer .search-filter{display:flex!important;padding:0!important;width:calc(80vw - 60px);max-width:none!important}.order-popupcontainer .checkbox-container .checkmark,.order-popupcontainer .radio-container .checkmark{background-color:var(---background-color-primary)}.order-popupcontainer .search-filter .filter-container{width:100%;display:flex;margin:0}.order-popupcontainer .filter-container .title{margin-left:20px;width:-moz-fit-content!important;width:fit-content!important;font-size:clamp(2.6rem,7vw,3.3rem)!important}.order-popupcontainer .close{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-bottom:10px;margin-right:20px}.order-popupcontainer .close span{height:40px;width:40px;display:flex;justify-content:center;align-items:center;flex-shrink:0;font-size:2.3rem;border-radius:50%;transition:all .4s;cursor:pointer}.order-popupcontainer .close span:hover{scale:1.1;background-color:#d3d0d0}.order-popupcontainer .close span:active{background-color:#d8d8d8}