.main-collection--filter-sub-panel{display:flex;gap:var(--spacer-8);flex-direction:column}.main-collection .main-collection--header-and-filter{grid-area:aside;position:-webkit-sticky;position:sticky;top:0;z-index:3;align-self:flex-start;background:var(--background);transition:top .15s;gap:0 var(--spacer-16);padding:var(--spacer-16) 0;align-items:center;display:flex;justify-content:flex-end}@media(width >= 37.5rem){.main-collection .main-collection--header-and-filter{justify-content:space-between}}@media(width >= 56.25rem){.main-collection .main-collection--header-and-filter{gap:var(--spacer-20)}}.main-collection .main-collection--header{width:100%}.main-collection .main-collection--mobile-button{justify-self:end;align-content:center;grid-area:button;padding-left:var(--spacer-16)}.main-collection .main-collection--mobile-button .button{border:.0625rem solid var(--color--blue-2);color:var(--color--blue-2);background:none;display:flex;align-items:center;gap:var(--spacer-8);padding:var(--spacer-6) var(--spacer-12);white-space:nowrap}.main-collection .main-collection--filter-group{position:relative}.main-collection .main-collection--filter-group .main-collection--filter-sub-panel{position:absolute;display:none;top:100%;left:0;padding:var(--spacer-16);background-color:var(--background);min-width:13.75rem;box-shadow:0 .375rem .5rem 0 rgba(25,28,44,.2);gap:var(--spacer-16);border-radius:var(--spacer-8)}.main-collection .main-collection--filter-group .main-collection--filter-sub-panel:hover{display:flex}.main-collection .main-collection--filter-group legend{background:none;display:flex;align-items:center;gap:var(--spacer-8);padding:var(--spacer-6) var(--spacer-12);white-space:nowrap;border-radius:var(--spacer-32);cursor:pointer;transition:color .15s}.main-collection .main-collection--filter-group legend::after{content:"";border-color:rgba(0,0,0,0) currentColor currentColor rgba(0,0,0,0);width:var(--spacer-12);height:var(--spacer-12);transform:rotate(45deg);margin-left:var(--spacer-6);transform-origin:top center;border-width:.125rem;border-style:solid;transition:border-color .15s}.main-collection .main-collection--filter-group legend:hover,.main-collection .main-collection--filter-group legend:focus,.main-collection .main-collection--filter-group legend:active{color:var(--text-link--color)}.main-collection .main-collection--filter-group legend:hover+div,.main-collection .main-collection--filter-group legend:focus+div,.main-collection .main-collection--filter-group legend:active+div{display:flex}.main-collection .main-collection--filter-tree{display:none;transition:opacity .15s;grid-area:filters}.main-collection .main-collection--filter-tree.loading{opacity:.375}@media(width >= 56.25rem){.main-collection .main-collection--filter-tree{position:relative;display:block}}.main-collection .main-collection-filters--container{display:none}@media(width >= 37.5rem){.main-collection .main-collection-filters--container{display:flex}}@media(width >= 56.25rem){.main-collection .main-collection-filters--container{gap:var(--spacer-20)}}.main-collection .main-collection-filters--container .input--select-group{width:100%;display:flex;gap:var(--spacer-6)}@media(width >= 56.25rem){.main-collection .main-collection-filters--container .input--select-group{width:auto}}.main-collection .main-collection-filters--container .input--select-group label{flex:0 0 auto}.main-collection .main-collection-filters--container .input--select-group select{flex:1 0 auto}.main-collection .main-collection--loader{opacity:0;transition:opacity .15s;position:absolute;z-index:1;left:50%;transform:translateX(-50%);pointer-events:none}.main-collection .main-collection--loader.active{opacity:1}.main-collection .main-collection--pagination-container{display:flex;justify-content:center}.main-collection .main-collection--pagination{margin:0 auto var(--spacer-16)}.main-collection .main-collection--pagination.next{margin-top:var(--spacer-16)}.main-collection .main-collection--pagination[disabled]{display:none}.main-collection .main-collection--product-grid{grid-area:grid;display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:var(--spacer-32);transition:opacity .15s}.main-collection .main-collection--product-grid.loading{opacity:.375}.main-collection .main-collection--product-grid .product-card{width:100%;flex:0 1 100%}@media(width >= 37.5rem){.main-collection .main-collection--product-grid .product-card{flex:0 1 calc(50% - .5*var(--spacer-32))}}@media(width >= 56.25rem){.main-collection .main-collection--product-grid .product-card{flex:0 1 calc(33.3333333333% - .6666666667*var(--spacer-32))}}.main-collection--filter-drawer{padding:var(--spacer-20)}.main-collection--filter-drawer .main-collection-filters--container{display:flex;flex-direction:column;gap:var(--spacer-20);padding-bottom:var(--spacer-36)}.main-collection--filter-drawer .main-collection-filters--container .input--select-group{width:100%;display:flex;gap:var(--spacer-6)}.main-collection--filter-drawer .main-collection-filters--container .input--select-group label{flex:0 0 auto}.main-collection--filter-drawer .main-collection-filters--container .input--select-group select{flex:1 0 auto}.main-collection--filter-drawer .main-collection--filter-drawer-button-group{display:flex;gap:var(--spacer-16);align-items:center}.main-collection .main-collection--facet,.main-collection--filter-drawer .main-collection--facet{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:var(--spacer-8);border:.0625rem solid var(--border);border-radius:var(--spacer-32);padding:var(--spacer-6) var(--spacer-12);white-space:nowrap}.main-collection .main-collection--facet svg,.main-collection--filter-drawer .main-collection--facet svg{width:var(--spacer-10);height:auto}.main-collection .main-collection--facet:hover,.main-collection--filter-drawer .main-collection--facet:hover{color:var(--text-link--color)}.main-collection .main-collection--facet:hover svg,.main-collection--filter-drawer .main-collection--facet:hover svg{fill:var(--text-link--color)}.main-collection .main-collection--facets,.main-collection--filter-drawer .main-collection--facets{display:none;flex-wrap:wrap;gap:var(--spacer-12);height:100%;align-items:center;padding:var(--spacer-16) 0 var(--spacer-20)}.main-collection .main-collection--facets:not(:empty),.main-collection--filter-drawer .main-collection--facets:not(:empty){display:flex;border-top:.0625rem solid var(--border)}