.collectionSorting{color:var(--color-section-font, --color-black);background-color:var(--color-section-background, transparent)}.stickyCollectionSorting{position:sticky;top:calc(var(--header-height) + var(--announcement-height));z-index:2}.collectionSortingContent{display:flex;align-items:center;width:100%}.collectionSortingTitle{padding-right:var(--spacing-sm);font-weight:500;font-size:16px;flex:0 0 auto;color:inherit}.collectionSortingList{flex:0 1 auto;overflow-x:scroll;display:flex;align-items:center;padding:var(--spacing-sm) 0}.collectionSortingList::-webkit-scrollbar{display:none}.collectionSortingList{-ms-overflow-style:none;scrollbar-width:none}.collectionSortingScrollToItem{cursor:pointer;flex:0 0 auto}.collectionSortingScrollToItem:not(:last-child){margin-right:var(--spacing-sm)}.collectionSorting:hover .collectionSortingScrollToItem span{transition:opacity .3s ease-in}.collectionSortingScrollToItem span{color:inherit;text-decoration:underline;opacity:.5;font-size:14px}.collectionSortingScrollToItem:hover span{opacity:1}.collectionSortingScrollToItem.is-active span{opacity:1;text-decoration:none;font-weight:500}.collectionSortingMedia{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.collectionSortingMediaTitle{font-weight:500;font-size:20px;margin-bottom:var(--spacing-sm);color:inherit}.collectionSortingCards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--spacing-sm);-ms-overflow-style:none;scrollbar-width:none}.collectionSortingCards::-webkit-scrollbar{display:none}.collectionSortingCard{flex:0 0 calc((100% - 24px) / 3);scroll-snap-align:start}@media(min-width:990px){.collectionSortingCard{flex-basis:200px}}.collectionSortingCardButton{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.collectionSortingCardMedia{display:block;position:relative;aspect-ratio:var(--sorting-media-ratio, 4 / 5);border-radius:var(--border-radius-light);overflow:hidden;transform:translateZ(0);background-color:#0000000a;outline:1px solid transparent;outline-offset:-1px;transition:outline-color .2s ease}.collectionSortingCardMedia img,.collectionSortingCardMedia video,.collectionSortingCardMedia svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.collectionSortingCard.is-active .collectionSortingCardMedia,.collectionSortingCardButton:hover .collectionSortingCardMedia{outline-color:currentColor}.collectionSortingCardLabel{display:block;margin-top:8px;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collectionSortingBar--compact .collectionSortingScrollToItem span{font-size:12px}@media(min-width:990px){.collectionSortingCardLabel,.collectionSortingBar--compact .collectionSortingScrollToItem span{font-size:14px}}.collectionSortingCard.is-active .collectionSortingCardLabel{font-weight:500}.collectionSortingBar--compact{position:fixed;left:0;right:0;top:calc(var(--header-height) + var(--announcement-height));z-index:2;background-color:var(--color-section-background, #fff);color:var(--color-section-font, inherit);transform:translateY(-100%);visibility:hidden;opacity:0;transition:transform .25s ease,opacity .25s ease,visibility 0s linear .25s}.collectionSortingBar--compact.is-visible{transform:translateY(0);visibility:visible;opacity:1;transition:transform .25s ease,opacity .25s ease,visibility 0s}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-collection-sorting.css.map */