.collection-filters,.collection-filters__header{position:relative}.collection-filters__title{position:absolute;bottom:100%;left:50%;transform:translate(-50%);text-align:center}.collection-filters__header--overlap .collection-filters__title{color:#fff}.collection-filters__header--overlap{width:100%;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:2}.collection-filters__header--overlap~.collection-products{padding-top:10.6rem}.collection-filters--with-overlap{padding-top:12rem}.collection-filters .filter-group{display:flex;gap:4.8rem;align-items:center;justify-content:space-between;padding:3rem 4rem;border-radius:10rem}@media screen and (max-width: 1365px){.collection-filters .filter-group{padding:2rem 3rem}}@media screen and (max-width: 749px){.collection-filters .filter-group{flex-direction:row;align-items:center;gap:1.5rem;padding:2rem;border-radius:10rem}.collection-filters .badge-filter{min-width:0;min-height:6rem}.collection-filters .badge-filter .badge-filter__icon{display:none}}.collection-filters .swiper-wrapper-base{flex:1 1 auto;min-width:0;position:relative}.collection-filters .filter-list:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3rem;background:linear-gradient(to left,transparent,rgb(var(--color-background)));pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:2}.collection-filters .filter-list:not(.swiper-at-beginning):before{opacity:1}.collection-filters .filter-list:after{content:"";position:absolute;top:0;right:0;bottom:0;width:8rem;background:linear-gradient(to right,transparent,rgb(var(--color-background)));pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:2}.collection-filters .filter-list.swiper-at-end:after{opacity:0}.collection-filters .filter-group__submit-wrapper{flex:0 0 auto}@media screen and (max-width: 749px){.collection-filters .filter-group__submit-wrapper{flex:0 0 auto}}.collection-filters__submit{border-color:rgb(var(--color-badge-featured-background));color:rgb(var(--color-badge-featured-text));background-color:rgb(var(--color-badge-featured-background))}.collection-filters__submit .badge-filter__title{flex:1 1 auto}.collection-filters .swiper-slide{width:auto}.filter-dropdown--mobile{display:block;width:100%;flex:1 1 auto;min-width:0}.filter-dropdown__label{display:block;margin-bottom:1rem;font-weight:600;font-size:1.4rem}.filter-dropdown__wrapper{position:relative;width:100%}.filter-dropdown__button{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:2.4rem;border:.2rem solid rgb(var(--color-badge-inactive-text));padding:1.3rem 3rem;border-radius:5rem;color:rgb(var(--color-badge-inactive-text));background-color:rgb(var(--color-badge-inactive-background));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-scale) * -.2px);font-size:2rem;min-height:6rem;cursor:pointer;position:relative;overflow:hidden;transition:color .65s ease-in-out .05s,border-color .65s ease-in-out .05s}.filter-dropdown__button:before{content:"";position:absolute;top:-25%;left:-25%;width:0;height:200%;border-radius:0 10rem 10rem 0;background-color:rgb(var(--color-badge-hover-background));pointer-events:none;opacity:1;transition:width .65s ease-in-out .05s;z-index:0}.filter-dropdown__button:hover:before{width:175%}.filter-dropdown__button:hover,.filter-dropdown__button[aria-expanded=true]{color:rgb(var(--color-badge-hover-text));border-color:rgb(var(--color-badge-hover-background))}.filter-dropdown__button[aria-expanded=true]:before{width:175%}.filter-dropdown__icon-left{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0}.filter-dropdown__icon-left img{width:100%;height:100%;object-fit:contain}.filter-dropdown__icon-left:empty{display:none}.filter-dropdown__text{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1;transition:transform .6s ease-in-out .1s}.filter-dropdown__button:hover .filter-dropdown__text{transform:scale(1.1)}.filter-dropdown__icon-right{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex-shrink:0;transform:rotate(0);transition:transform .6s ease-in-out .1s,color .4s ease-in-out .3s;position:relative;z-index:1}.filter-dropdown__button:hover .filter-dropdown__icon-right{transform:rotate(0) scale(1.1);color:rgb(var(--color-badge-hover-text))}.filter-dropdown__button[aria-expanded=true] .filter-dropdown__icon-right{transform:rotate(180deg) scale(1.1);color:rgb(var(--color-badge-hover-text))}.filter-dropdown__icon-right svg{width:100%;height:100%}.filter-dropdown__menu{position:absolute;top:calc(100% + .8rem);left:0;right:0;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:1.5rem;box-shadow:0 .4rem 1.2rem #0000001a;z-index:100;max-height:32rem;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-.8rem);transition:opacity .3s ease,transform .3s ease,visibility .3s}.filter-dropdown__menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}.filter-dropdown__list{list-style:none;padding:.8rem;margin:0}.filter-dropdown__item{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.5rem;font-size:1.4rem;font-weight:500;border-radius:.8rem;cursor:pointer;transition:background-color .2s ease}.filter-dropdown__item:hover{background:rgba(var(--color-foreground),.05)}.filter-dropdown__item.is-selected{background:rgba(var(--color-foreground),.08);font-weight:600}.filter-dropdown__item-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0}.filter-dropdown__item-icon img{width:100%;height:100%;object-fit:contain}.filter-dropdown__item-text{flex:1 1 auto;min-width:0}.filter-dropdown__item-checkmark{display:none;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;flex-shrink:0;color:rgb(var(--color-badge-featured-background))}.filter-dropdown__item.is-selected .filter-dropdown__item-checkmark{display:flex}.filter-carousel--desktop{display:none}@media screen and (min-width: 750px){.filter-dropdown--mobile{display:none}.filter-carousel--desktop{display:block;flex:1 1 auto;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-collection-filters.css.map */