body.no-scroll{overflow:hidden}.filters{padding:0 8px;margin:0 0 2rem;display:grid;gap:8px}@media (min-width: 768px){.filters{padding:0 20px;gap:20px}}.filters__row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;padding-bottom:20px;gap:12px}.filters__results{display:flex;border-bottom:1px solid #ccc;padding-bottom:20px;gap:12px;justify-content:space-between}.filters__results-count{font-size:14px;font-weight:400;min-width:fit-content}.filters__active{display:none}@media screen and (min-width: 768px){.filters__active{display:flex;gap:12px;align-items:center;flex-flow:wrap}}.active-filter{border:1px solid #ccc;color:var(--color-black);border-radius:30px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:300;padding:4px 12px}.active-filter svg{max-width:16px;width:100%}.toggle-filters{padding:0 20px}@media screen and (min-width: 768px){.toggle-filters{min-width:223px}}.toggle-filters svg{vertical-align:middle;margin-right:5px}.filters .select-styled{border:none;min-width:auto;border:1px solid var(--color-black);border-radius:16px;background:none}@media screen and (min-width: 768px){.filters .select-styled{min-width:223px}}.filters .select-styled select{font-size:16px;text-align:center}.filters__sort{display:flex;align-items:center}.filters__sort label{font-weight:300;margin-right:12px}.drawer-filter__backdrop,.drawer-filter{z-index:999}.drawer-filter__backdrop{width:100%;height:100%;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:#00000080;transform:opacity .6s ease-in-out;cursor:pointer;position:fixed;top:0;left:0;opacity:0;pointer-events:none}.drawer-filter__backdrop.active{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1;pointer-events:all}.drawer-filter{position:fixed;top:0;max-width:100%;background-color:var(--color-white);display:flex;flex-flow:column nowrap;width:500px;height:100%;left:0;transform:translate(0);transition:transform .5s cubic-bezier(.4,0,.2,1)}.drawer-filter.hidden{transform:translate(-500px);top:0;right:0;bottom:0;left:0;isolation:isolate}.drawer-filter__content{overflow-y:auto;flex-grow:1}.drawer-filter__inner{position:relative;padding:24px}.drawer-filters__header{display:flex;align-items:center;gap:12px}.drawer-filter__title{font-size:28px;font-weight:700;text-transform:uppercase;margin:0;width:auto}.drawer-filter__close{padding:8px;cursor:pointer;border-radius:16px;display:flex;position:absolute;top:16px;right:16px}.drawer-filter__close:hover{background:#0000001a}.filters__form{position:relative}.filters__list{display:grid;gap:32px;margin-top:40px;padding-bottom:96px}.filter__group{display:grid;gap:12px}.filter__group-title{font-size:1.4rem;line-height:1.5;margin:0;text-transform:unset}.filter__list{display:flex;flex-wrap:wrap;gap:12px}.filter__list li{position:relative}.filter__list li input{clip:rect(0,0,0,0);border-width:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;z-index:1;width:100%;height:100%}.filter__label{width:auto;text-align:left;padding:8px 24px;border-radius:4px;background:#efefef;border:1px solid #efefef;background-color:transparent;position:relative;overflow:hidden;cursor:pointer;display:flex;gap:12px;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;transition:border-color .25ms ease-in-out;color:var(--color-black);padding-inline:16px;-webkit-appearance:button;appearance:button;text-transform:none;margin:0;font-weight:300;font-size:14px}.filter__label:hover:not(.disabled){border-color:var(--color-black)}.filter__label.active{border-color:var(--color-black)}.filter__label.active span:before{content:"";overflow:hidden;position:absolute;left:0;top:0;width:4px;height:100%;background-color:var(--color-black)}.filter__label.disabled{cursor:not-allowed;opacity:.4}.filter__label img{max-width:28px;width:100%;height:auto}.filter-swatch{border-radius:50%;height:10px;width:10px}.filters__form button[type=submit]{box-sizing:border-box;position:fixed;bottom:14px;max-width:calc(100% - 48px);width:100%;transform:translateY(0);filter:drop-shadow(0px 8px 16px rgba(0,0,0,.08));transition:all .3s ease-in-out}.filters__form button[type=submit]:disabled{transform:translateY(62px);background:var(--color-dark-grey)}.filter-clear{box-sizing:border-box;-webkit-appearance:none;cursor:pointer;text-decoration:underline;border:none;background:transparent;font-size:16px;opacity:1;visibility:visible;transition:all .3s ease-in-out}.filter-clear.hidden{opacity:0;visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-filters.css.map */