.spinner{animation:rotate 2s linear infinite;width:3rem;height:3rem}.path{stroke:#000;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.popup{position:fixed;top:0;z-index:9;min-width:-moz-fit-content;min-width:fit-content;background-color:#f1fef4;border-color:#f1fef4;box-shadow:1px 1px 5px rgba(0,0,0,.2);-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.2);left:0;right:0;left:50%;transform:translate(-50%);max-width:600px;top:1rem;padding:1em 2rem;border-radius:5px}.popup-wrap{display:flex;align-items:center;justify-content:space-between;width:100%}.popup-title{font-size:1.45rem;margin-bottom:0;color:#85af00!important;text-transform:capitalize}.popup-btn{all:unset;border:1px solid #b9de23;background-color:#b9de23;width:-moz-fit-content;width:fit-content;font-size:1.25rem;color:#fff;box-shadow:0 8px 15px rgba(0,0,0,.1);transition:all .3s ease 0s;cursor:pointer;outline:none;border-radius:5px;margin-left:2rem;padding:.5em 1.5em}.bg-layer{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#00000029;z-index:8}.select_container{position:relative}.select__options::-webkit-scrollbar{width:4px}.select__options::-webkit-scrollbar-thumb{background-color:#b9de23}.select__options{list-style-type:none;position:absolute;top:100%;left:0;width:100%;background-color:#fff;z-index:2;max-height:10rem;overflow:auto;box-shadow:0 0 5px #00000024}.selected__value{position:relative}.selected__value>.arrow{--arrowRotate:0deg;position:absolute;top:50%;right:0;transform:translate(-50%,-50%) rotate(var(--arrowRotate))}.select_container.open .selected__value>.arrow{--arrowRotate:180deg}.select_option_item{padding:1em;transition:all .3s;cursor:default;display:flex;align-items:center;gap:1em}.select_option_item *{pointer-events:none}.select_option_item.active,.select_option_item:hover{background-color:#b9de23;color:#000}.color_img{height:2rem;width:2rem;display:inline-block}.color_img img{height:100%;width:100%}.material-type{z-index:3}