@charset "UTF-8";sorting-component{display:block}.collection-sort{position:relative;z-index:2}.collection-sort .collection-sort-inner{position:relative}.collection-sort .collection-sort-inner:has(.collection-sort-drop.active) .collection-sort-head-icon{transform:rotate(180deg)}.collection-sort .collection-sort-head{position:relative;display:flex;align-items:center;column-gap:.625rem}.collection-sort .collection-sort-head .collection-sort-head-label{display:flex;align-items:center;column-gap:.5rem}.collection-sort .collection-sort-head .collection-sort-head-icon{flex:none;color:var(--color-paragraph);--icon-size: 1rem;width:var(--icon-size);height:var(--icon-size);transition:transform var(--trans-duration) var(--trans-easing)}.collection-sort .collection-sort-drop{opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:all var(--trans-duration) var(--trans-easing);pointer-events:none;position:absolute;top:100%;right:0}.collection-sort .collection-sort-drop>*{pointer-events:none}.collection-sort .collection-sort-drop .collection-sort-drop-bg{position:absolute;top:0%;left:0%;width:100%;height:100%;border-radius:var(--radius-new-small);overflow:hidden;box-shadow:var(--shadow-md)}.collection-sort .collection-sort-drop .collection-sort-drop-inner{margin-block-start:.75rem;padding-inline:.75rem;padding-block:.25rem;position:relative;min-width:16.25rem;z-index:100}.collection-sort .collection-sort-drop .collection-sort-drop-item{position:relative;cursor:pointer}.collection-sort .collection-sort-drop .collection-sort-drop-item:last-of-type .div-line{display:none}.collection-sort .collection-sort-drop .collection-sort-drop-item .div-line{width:100%;position:absolute;bottom:0;left:0;height:var(--1px);background-color:var(--color-border-divider)}.collection-sort .collection-sort-drop .collection-sort-drop-item .div-line .div-line-inner{width:100%;height:100%;background-color:var(--color-border-hover);transition:transform var(--trans-duration) var(--trans-easing);transform:scaleX(0);transform-origin:right}.collection-sort .collection-sort-drop .collection-sort-drop-item-link{padding-block:.625rem;padding-inline:0;display:block;cursor:pointer}.collection-sort .collection-sort-drop .collection-sort-drop-item-link .collection-sort-drop-item-link-inner .text-custom-content-inner{display:flex;align-items:center;justify-content:space-between;column-gap:.5rem}.collection-sort .collection-sort-drop .collection-sort-drop-item-link .collection-sort-drop-item-link-inner .dot{color:var(--color-text-subtitle);background-color:currentColor;opacity:0;transition:opacity var(--trans-duration) var(--trans-easing)}.collection-sort .collection-sort-drop .collection-sort-drop-item-link.active .collection-sort-drop-item-link-inner .dot{opacity:1}.collection-sort .collection-sort-drop.active{opacity:1;visibility:visible;transform:translateY(0)}.collection-sort .collection-sort-drop.active>*{pointer-events:auto}.collection-sort .collection-sort-drop .collection-sort-drop-inner .collection-sort-drop-item-link{transition:opacity var(--trans-duration) var(--trans-easing)}@media(hover:hover){.collection-sort .collection-sort-drop .collection-sort-drop-inner:has(.collection-sort-drop-item-link:hover) .collection-sort-drop-item-link:hover .div-line .div-line-inner{transform:scaleX(1);transform-origin:left}.collection-sort .collection-sort-drop .collection-sort-drop-inner:has(.collection-sort-drop-item-link:hover) .collection-sort-drop-item-link:not(:hover){opacity:.5}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/snip_sorting-Bl4QMiC-.css.map */