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:.25rem}.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-head{--collection-sort-head-content-height: max(1rem, 1lh);--collection-sort-head-touch-padding: max( 0px, calc( (var(--min-touch-target) - var(--collection-sort-head-content-height)) / 2 ) );font-size:var(--typo-description-size);line-height:var(--typo-description-lh);min-height:var(--min-touch-target);padding-block:var(--collection-sort-head-touch-padding);margin-block:calc(var(--collection-sort-head-touch-padding) * -1)}@media(max-width:991.98px){.collection-sort .collection-sort-head{font-size:var(--typo-description-size-mb);line-height:var(--typo-description-lh-mb)}}.collection-sort .collection-sort-drop{opacity:0;visibility:hidden;transition:opacity var(--trans-duration) var(--trans-easing),visibility 0s linear .6s;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-surface{position:relative;margin-block-start:.75rem;border-radius:var(--radius-new-small);box-shadow:0 .375rem 1.25rem #959da51a}.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}.collection-sort .collection-sort-drop .collection-sort-drop-bg .collection-sort-drop-bg-inner{width:100%;height:100%;border-radius:inherit;transform:translateY(-100%);background:linear-gradient(var(--color-surface-alt),var(--color-surface-alt)),linear-gradient(var(--color-background),var(--color-background));transition:transform .6s cubic-bezier(.3,1,.3,1)}@media(prefers-reduced-motion:reduce){.collection-sort .collection-sort-drop .collection-sort-drop-bg .collection-sort-drop-bg-inner{transition:none!important}}.collection-sort .collection-sort-drop .collection-sort-drop-bg body[data-reduce-motion=true] .collection-sort-drop-bg-inner,.no-js .collection-sort .collection-sort-drop .collection-sort-drop-bg .collection-sort-drop-bg-inner{transition:none!important}.collection-sort .collection-sort-drop .collection-sort-drop-scroll{display:block;max-height:15.625rem;overflow-x:hidden;overflow-y:auto}.collection-sort .collection-sort-drop .collection-sort-drop-inner{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-focus);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-wrap{display:block;width:100%;overflow:clip}.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-foreground);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;transition:opacity var(--trans-duration) var(--trans-easing),visibility 0s linear 0s}.collection-sort .collection-sort-drop.active>*{pointer-events:auto}.collection-sort .collection-sort-drop.active .collection-sort-drop-bg-inner{transform:translateY(0)}.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):not(:focus-visible){opacity:.6}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/snip_sorting-D_2RIHzk.css.map */