collection-filter{display:block}.collection-filter__list{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(2 * var(--space-unit));margin-bottom:calc(8 * var(--space-unit));opacity:var(--filter-p, 1)}.collection-filter__list[style*=--filter-p] .collection-filter__btn{transform:translateY(calc((1 - clamp(0,calc(var(--filter-p) * 1.6 - var(--i, 0) * .14),1))*14px))}.collection-filter__list.is-hidden{pointer-events:none}.collection-filter__list--start{justify-content:flex-start}.collection-filter__list--end{justify-content:flex-end}@media(max-width:767px){.collection-filter__list{flex-wrap:nowrap;justify-content:safe center;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-4 * var(--space-unit));padding-inline:calc(4 * var(--space-unit))}.collection-filter__list::-webkit-scrollbar{display:none}.collection-filter__btn{flex:none}}.collection-filter__btn{-webkit-appearance:none;appearance:none;background:transparent;color:inherit;font:inherit;font-size:.8125em;letter-spacing:.04em;line-height:1;padding:calc(2 * var(--space-unit)) calc(4 * var(--space-unit));border:1px solid rgb(var(--text-color) / .22);border-radius:999px;cursor:pointer;opacity:.75;transition:opacity .2s ease,background-color .2s ease,border-color .2s ease}@supports (color: color-mix(in srgb,red,blue)){.collection-filter__btn{border-color:color-mix(in srgb,currentColor 22%,transparent)}.collection-filter__btn.is-active{background-color:color-mix(in srgb,currentColor 9%,transparent);border-color:color-mix(in srgb,currentColor 40%,transparent)}}.collection-filter__view-all{display:inline-flex;align-items:center;gap:calc(1.5 * var(--space-unit));font-size:.875em;letter-spacing:.04em;line-height:1;text-decoration:none;padding:calc(2.5 * var(--space-unit)) calc(5 * var(--space-unit));border:1px solid rgb(var(--text-color) / .3);border-radius:999px;color:inherit;transition:background-color .2s ease,border-color .2s ease}.collection-filter__view-all:after{content:"\2192";transition:transform .2s ease}.collection-filter__view-all:hover{background-color:rgb(var(--text-color) / .08);border-color:rgb(var(--text-color) / .5)}.collection-filter__view-all:hover:after{transform:translate(3px)}.collection-filter__btn:hover,.collection-filter__btn.is-active{opacity:1}.collection-filter__btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.collection-filter__panels{position:relative}.collection-filter__panel:not(.is-active){position:absolute;top:0;inset-inline:0;height:0;overflow:hidden;visibility:hidden;pointer-events:none}.collection-filter__panel.is-active{animation:collection-filter-in .35s ease}@keyframes collection-filter-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.collection-filter__panel.is-active{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/collection-filter.css.map */