:root{--color-gray: #ccc;--color-white: #fff;--color-black: #000}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.sort-dropdown{position:relative;display:inline-block;font-family:inherit;width:180px;color:var(--color-black)}.sort-dropdown__main-label{display:inline-flex;align-items:center;justify-content:space-evenly;width:100%;cursor:pointer;background:var(--color-white);padding:12px 0}.sort-dropdown__label{text-align:left;flex-grow:1}.sort-dropdown__caret-wrapper{margin-left:8px}.sort-dropdown__caret{margin-right:10px;transform:rotate(180deg);transition:transform 0s}.sort-dropdown__caret--open{transform:rotate(0)}.sort-dropdown_label-text{font-size:var(--font-p-8-size);letter-spacing:0cap;padding-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block}@media only screen and (max-width: 750px){.sort-dropdown{width:100%;max-width:100%}.sort-dropdown__menu{min-width:180px;max-width:95vw;right:-20px;left:auto;position:fixed}}@media only screen and (max-width: 380px){.custom_truncate{max-width:8ch}.sort-dropdown__caret,.sort-dropdown__caret.open{width:10px;margin-right:10px}}.sort-dropdown__caret .icon-caret .caret-path{stroke:var(--color-black)}.sort-dropdown__menu{display:none;position:absolute;top:100%;width:100%;z-index:1000;background:var(--color-white);border:1px solid var(--color-gray);list-style:none;padding:0;margin:2px 0 0;box-shadow:0 2px 5px #0000001a;opacity:0;transform:translateY(5px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.sort-dropdown__menu.open{display:block;opacity:1;transform:translateY(0);pointer-events:auto;animation:fadeInDropdown .3s ease}.dropdown-menu__list-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--color-gray);font-family:var(--font-primary);font-size:var(--font-p-8-size)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/custom-sorting-dropdown.css.map */