@media screen and (min-width: 750px){.sorting{height:45px;position:relative;display:flex;align-items:center;gap:5px}}.sorting__input{position:relative;display:flex;align-items:center;gap:5px;color:var(--color-foreground);vertical-align:middle}.sorting__label,.sorting__button{font-weight:700;color:rgba(var(--color-foreground),1)}.sorting__wrapper.active .sorting__menu{height:initial}.sorting__wrapper.active .icon-caret{transform:rotate(-180deg)}.sorting__menu{height:0;min-width:220px;position:absolute;top:100%;right:0;z-index:50;background-color:#fff;overflow:hidden;-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);-webkit-transform:translate(0,0);transform:translate(0)}.sorting__menu-wrapper{border:1px solid #B1B1B1}.sorting__menu-mobile .sorting__list{display:flex;flex-wrap:wrap;gap:10px}.sorting__menu-mobile .sorting__list-item{flex:1 1 100%}.sorting__list-link{position:relative;font-size:1.4rem;padding:0 0 0 24px;line-height:1.8rem;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}@media (min-width: 768px){.sorting__list-link{padding:0 20px;cursor:pointer;font-weight:700;line-height:3.5rem;text-transform:uppercase}}.sorting__menu-mobile .sorting__list-link:before{content:"";width:14px;height:14px;position:absolute;top:0;left:0;z-index:2;border-radius:2px;background:url(icon-checkmark.svg) 3px 3px no-repeat;background-size:60%;opacity:0;cursor:pointer}.sorting__menu-mobile .sorting__list-item.active .sorting__list-link:before{content:"";width:14px;height:14px;position:absolute;top:0;left:0;z-index:2;border-radius:3.86px;background:url(icon-checkmark.svg) 3px 3px no-repeat;background-size:60%;opacity:1;cursor:pointer}.sorting__menu-mobile .sorting__list-link:after{content:"";width:14px;height:14px;position:absolute;top:0;left:0;z-index:1;border:1.29px solid #E5E6ED;border-radius:2px;background:#fff}.sorting__list-link .icon{width:20px;height:13px;position:absolute;top:17px;left:0;z-index:1;opacity:0;color:var(--color-base-accent-1)}@media (min-width: 768px){.sorting__list-link .icon{opacity:0}}@media (min-width: 768px){.sorting__list-item.active .sorting__list-link,.sorting__list-item:hover .sorting__list-link{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-sorting.css.map */