.case-quantity-selector .quantity-dropdown .default,.filterby-dropdown .default{position:relative;display:flex;align-items:center;border:1px solid #cfdafc;border-radius:5px;cursor:pointer}.case-quantity-selector .quantity-dropdown.quantity-dropdown-style-1 .default,.case-quantity-selector .quantity-dropdown.quantity-dropdown-style-3 .default,.filterby-dropdown .default{padding:6px 16px}.case-quantity-selector .quantity-dropdown.quantity-dropdown-style-2 .default{padding:5px 16px}.case-quantity-selector .quantity-dropdown .default:hover,.case-quantity-selector .quantity-dropdown.open .default,.filterby-dropdown .default:hover,.filterby-dropdown.open .default{border-color:#617acf}.case-quantity-selector .quantity-dropdown.open .default,.filterby-dropdown.open .default{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.case-quantity-selector .quantity-dropdown .icon-down-svg,.filterby-dropdown .icon-down-svg,.filterby-dropdown.open .plasticplace-down{transition:all .2s}.case-quantity-selector .quantity-dropdown.open .icon-down-svg,.filterby-dropdown.open .icon-down-svg{transform:scaleY(-1) translateY(-2px)}.filterby-dropdown.open .plasticplace-down{transform:scaleY(-1) translateY(1px)}.case-quantity-selector .quantity-dropdown .option_txt,.filterby-dropdown .option_txt{font-size:14px;font-weight:700}.case-quantity-selector .quantity-dropdown .custom--select,.filterby-dropdown .custom--select{position:absolute;top:calc(100% - 2px);left:0;width:100%;z-index:1;background:var(--bs-body-bg)}.case-quantity-selector .quantity-dropdown .custom--select.open,.filterby-dropdown .custom--select.open{border:1px solid #617acf;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.filterby-dropdown.filterby-dropdown-style-2{color:#ff7038}.filterby-dropdown.filterby-dropdown-style-2 .default,.filterby-dropdown.filterby-dropdown-style-2 .custom--select.open{border-color:#ff7038}.filterby-dropdown.filterby-dropdown-style-2 .icon-down-svg path{stroke:#ff7038}.filterby-dropdown.filterby-dropdown-style-2 .form-check .form-check-input{display:none!important}@media(min-width:576px){.case-quantity-selector .quantity-dropdown.quantity-dropdown-style-1 .default,.case-quantity-selector .quantity-dropdown.quantity-dropdown-style-3 .default,.filterby-dropdown .default{padding:12px 16px}.case-quantity-selector .quantity-dropdown.quantity-dropdown-style-1 .default span[data-show-case]+span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}}@media(max-width:576px){.case-quantity-selector h6,.default span{font-size:12px!important;line-height:2}}
/*# sourceMappingURL=/cdn/shop/t/244/assets/component-dropdown.css.map */
