collection-filters{display:flex;width:100%}.collection-filters--header{display:flex;flex-direction:column;gap:3.5rem;width:100%}.collection-filters--actions{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1.25rem}.collection-filters--actions button{width:100%}.collection-filters--actives:not(:has(*)){display:none}.collection-filters--actives:has(*){display:flex;gap:1.75rem}.collection-filters--actives-list{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center}.collection-filters--active a{gap:.5rem;padding:0 1.25rem}.collection-filters--active a:after{content:"";display:block;width:.5rem;height:.5rem;background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.0293 7.96875L7.96875 9.0293L0.96875 2.0293L2.0293 0.96875L9.0293 7.96875Z' fill='white'/%3E%3Cpath d='M0.970703 7.96875L2.03125 9.0293L9.03125 2.0293L7.9707 0.96875L0.970703 7.96875Z' fill='white'/%3E%3C/svg%3E");-webkit-mask:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.0293 7.96875L7.96875 9.0293L0.96875 2.0293L2.0293 0.96875L9.0293 7.96875Z' fill='white'/%3E%3Cpath d='M0.970703 7.96875L2.03125 9.0293L9.03125 2.0293L7.9707 0.96875L0.970703 7.96875Z' fill='white'/%3E%3C/svg%3E");mask-size:cover;-webkit-mask-size:cover}.collection-filters--clear{display:block;width:fit-content;height:fit-content;text-align:left;text-transform:uppercase;padding-bottom:4px;border-bottom:1px solid}.collection-filters--filter>button,.collection-filters--filter>div{font-size:inherit!important}.collection-filters--filter-values{display:flex;flex-direction:column;gap:1rem}.collection-filters--filter-value a{display:flex;align-items:center;gap:.75rem;line-height:1}.collection-filters--filter-value a:before{content:"";display:block;width:1rem;height:1rem;border:1px solid;flex-shrink:0}.collection-filters--filter-value.active a:before{background:currentColor}.collection-filters--sort-option label{padding-bottom:4px}.collection-filters--sort-option input:checked+label{border-bottom:1px solid}@media (max-width: 1023px){.collection-filters--drawer{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-popup)}.collection-filters--drawer.visible{visibility:visible}.collection-filters--drawer.open{pointer-events:auto}.collection-filters--drawer-background{position:absolute;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb,var(--color-bg) 50%,transparent);opacity:0;transition:opacity var(--transition-duration) var(--transition-ease)}.collection-filters--drawer.open .collection-filters--drawer-background{opacity:1}body:has(.collection-filters--drawer.open){overflow:hidden}.collection-filters--drawer-inner{position:absolute;bottom:0;left:0;display:flex;flex-direction:column;width:100%;height:auto;max-height:80%;background:var(--color-bg);border-top:1px solid;transform:translateY(100%);transition:transform var(--transition-duration) var(--transition-ease)}.collection-filters--drawer.open .collection-filters--drawer-inner{transform:translateY(0)}.collection-filters--drawer-header{border-bottom:1px solid}.collection-filters--drawer-heading{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0 1.25rem var(--container-gutter)}.collection-filters--actives{flex-direction:column;padding:0 var(--container-gutter) var(--container-gutter)}.collection-filters--actives.desktop{display:none}.collection-filters--drawer-filters{display:flex;flex-direction:column;width:100%;height:100%;overflow:auto}.collection-filters--filter{padding:2rem var(--container-gutter)}.collection-filters--filter:last-child{border-bottom:0}.collection-filters--filter-values{padding-top:2rem}.collection-filters--sort{display:flex;flex-direction:column}.collection-filters--sort-option{padding:2rem var(--container-gutter)}.collection-filters--sort-option:not(:last-child){border-bottom:1px solid}}@media (min-width: 768px){.collection-filters--actions{justify-content:center}.collection-filters--actions button{width:fit-content;min-width:10.125rem}}@media (min-width: 1024px){collection-filters{display:grid;grid-template-rows:max-content 0fr;margin-top:-3.2rem;transition:grid-template-rows var(--transition-duration) var(--transition-ease)}collection-filters:has(.collection-filters--drawer.open){grid-template-rows:max-content 1fr}.collection-filters--header,.collection-filters--drawer{width:100vw;margin:0 calc(calc(calc(100vw - var(--container-width)) * -1) / 2)}.collection-filters--actions{justify-content:space-between;width:var(--container-width);margin:0 auto}.collection-filters--drawer:not(.visible){position:absolute;opacity:0;pointer-events:none}.collection-filters--drawer:not(.visible)>*{visibility:hidden}.collection-filters--drawer.visible>*{visibility:visible}.collection-filters--drawer{overflow:hidden}.collection-filters-drawer--background,.collection-filters--drawer-heading{display:none}.collection-filters--actives,.collection-filters--drawer-inner{transition:opacity var(--transition-duration) var(--transition-ease)}collection-grid[loading=true] .collection-filters--actives,collection-grid[loading=true] .collection-filters--drawer-inner{opacity:0}.collection-filters--drawer-inner{margin-top:2.5rem;padding:2rem calc(calc(100vw - var(--container-width)) / 2);border-top:1px solid;border-bottom:1px solid}collection-filters.has-filters .collection-filters--drawer-inner{border-top:0;margin-top:0}.collection-filters--actives{justify-content:space-between;align-items:center;padding:1.25rem calc(calc(100vw - var(--container-width)) / 2);border-top:1px solid;border-bottom:1px solid}.collection-filters--actives.mobile{display:none}.collection-filters--drawer-filters{display:flex;gap:1rem}.collection-filters--filter{gap:1.5rem;width:100%;padding:0;border:none}.collection-filters--sort{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:1.75rem}}@media (min-width: 1920px){.collection-filters--actions button{min-width:12.75rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/collection-filters.css.map */