.collection-layout{display:flex;align-items:flex-start;gap:0;position:relative}.collection-filter-panel{width:0;min-width:0;overflow:hidden;opacity:0;flex-shrink:0;transition:width .4s cubic-bezier(.25,.1,.25,1),opacity .3s ease,min-width .4s cubic-bezier(.25,.1,.25,1);will-change:width,opacity}.collection-filter-panel.is-active{width:280px;min-width:280px;opacity:1;transition:width .4s cubic-bezier(.25,.1,.25,1),opacity .35s ease .1s,min-width .4s cubic-bezier(.25,.1,.25,1)}.collection-filter-panel__inner{width:280px;padding-right:30px;box-sizing:border-box}.collection-main-content{flex:1;min-width:0;transition:flex .4s cubic-bezier(.25,.1,.25,1);will-change:flex}.collection-main-content .grid-product{transition:width .4s cubic-bezier(.25,.1,.25,1)}.filter-toggle{display:inline-flex;align-items:center;gap:8px;padding:0 20px;height:44px;border:1px solid var(--colorBorder);background:transparent;color:var(--colorTextBody);font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-size:14px;font-weight:var(--typeBaseWeight);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,background-color .2s ease;-webkit-appearance:none;appearance:none;border-radius:30px}.filter-toggle:hover{border-color:var(--colorTextBody)}.filter-toggle.is-active{border-color:var(--colorTextBody);background-color:var(--colorTextBody);color:var(--colorBody)}.filter-toggle .icon{width:18px;height:18px;position:relative;top:-1px}.filter-toggle__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background-color:var(--colorTextBody);color:var(--colorBody);font-size:11px;line-height:1}.filter-toggle.is-active .filter-toggle__count{background-color:var(--colorBody);color:var(--colorTextBody)}.filter-panel__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--colorBorder)}.filter-panel__title{font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin:0}.filter-panel__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;cursor:pointer;color:var(--colorTextBody);transition:opacity .2s ease}.filter-panel__close:hover{opacity:.6}.filter-panel__close .icon{width:16px;height:16px}.filter-panel__active-filters{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid var(--colorBorder)}.filter-panel__clear-all{display:inline-block;margin-top:8px;font-size:12px;text-decoration:underline;cursor:pointer;color:var(--colorTextBody);opacity:.7;background:none;border:none;padding:0}.filter-panel__clear-all:hover{opacity:1}.filter-panel__groups .collection-sidebar__group{border-bottom:1px solid var(--colorBorder);padding-bottom:0}.filter-panel__groups .collapsible-trigger{display:flex;align-items:center;width:100%;padding:15px 0;font-size:13px;letter-spacing:.3px;text-transform:uppercase}.filter-panel__groups .collapsible-content__inner{padding-bottom:15px}.filter-panel__groups .tag-list{margin:0;padding:0}.filter-panel__groups .tag-list li{margin-bottom:6px}.filter-panel__groups .tag__checkbox-wrapper{font-size:13px}.collection-filter__count{font-size:13px;color:var(--colorTextBody);opacity:.7;margin-left:auto}.collection-filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:0;flex-wrap:wrap}.collection-filter-bar__left{display:flex;align-items:center;gap:12px}.collection-filter-bar__right{display:flex;align-items:center;gap:12px;margin-left:auto}@media only screen and (max-width:768px){.collection-layout{flex-direction:column}.collection-filter-panel{display:none}.collection-main-content{width:100%}.filter-toggle--mobile{display:inline-flex}.filter-toggle--desktop{display:none}}@media only screen and (min-width:769px){.filter-toggle--mobile{display:none}.filter-toggle--desktop{display:inline-flex}.collection-filter-panel-active #FilterDrawer{display:none!important}}@media(prefers-reduced-motion:reduce){.collection-filter-panel,.collection-filter-panel.is-active,.collection-main-content,.collection-main-content .grid-product{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/collection-filter-panel.css.map */