.component-card-grid__header{display:flex;justify-content:space-between;position:sticky;top:var(--header-height);z-index:1;background-color:#fff}.component-card-grid__content{display:flex;min-height:50vh;transition:all ease .5s;margin-bottom:20px}.component-card-grid__close-button{display:grid;align-items:center;justify-items:center;width:24px;height:24px;cursor:pointer;position:relative}.component-card-grid__close-button:after{content:"";display:block;width:14px;border-bottom:1px solid #000;transform:rotate(45deg);position:absolute}.component-card-grid__close-button:before{content:"";width:14px;border-bottom:1px solid #000;transform:rotate(-45deg)}.component-card-grid__sidebar{position:fixed;z-index:4;background-color:#fff;top:0;left:-100%;width:100%;height:100%;transition:all ease .25s;display:block;overflow:hidden;visibility:hidden;flex-shrink:0}.component-card-grid__sidebar--active{transform:translate(100%);visibility:visible}.component-card-grid__sidebar-inner{overflow:hidden}@media all and (min-width: 990px){.component-card-grid__sidebar{position:relative;display:grid;z-index:inherit;grid-template-columns:0px;left:unset;top:unset;overflow:hidden;width:unset;height:unset;overflow:unset;opacity:0}.component-card-grid__sidebar--active{grid-template-columns:288px;transform:translate(0);opacity:1}.component-card-grid__sidebar-inner{width:100%;min-width:max-content;position:sticky;top:calc(var(--header-height) + 64px);overflow:unset;height:max-content}}.component-card-grid__sidebar-header{display:flex;gap:10px;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:#fff;padding:16px 24px}@media all and (min-width: 990px){.component-card-grid__sidebar-header{display:none}}.component-card-grid__main{flex-grow:1;flex-shrink:1;padding:0 4px}.filter__group{display:flex;gap:100px}.reset-filter__button{opacity:0;visibility:hidden;transition:all ease .2s;color:#000}component-card-grid:has(input[type=checkbox]:checked) .reset-filter__button{opacity:1;visibility:visible}.component-card-grid__sidebar-header .filter-button{padding:0 24px 0 0}.filter-button{display:flex;padding:24px 16px;gap:2px;align-items:center;justify-content:center;width:fit-content;cursor:pointer;font-family:var(--font-display);font-size:14px;line-height:1;font-weight:500;color:var(--color-primary);position:relative}.filter-button:after{content:"";display:block;width:8px;border-bottom:2px solid var(--color-primary);position:absolute;right:0;transition:all ease .2s}.filter-button:before{content:"";width:8px;border-bottom:2px solid var(--color-primary);transform:rotate(-90deg);position:absolute;right:0;transition:all ease .2s}component-card-grid:has(.component-card-grid__sidebar--active) .filter-button:before{transform:rotate(0)}component-card-grid:has(.component-card-grid__sidebar--active) .filter-button:after{transform:rotate(180deg)}@media all and (min-width: 990px){.filter-button{font-size:var(--text-base);padding:24px}}.filter-group__title{width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:24px;font-size:var(--text-base);border-top:1px solid var(--color-divider);font-family:var(--font-display)}.filter-group__reset{opacity:0;visibility:hidden;transition:all ease .2s;transform:rotate(300deg);color:#000}.filter-group__reset--active{opacity:1;visibility:visible;transform:rotate(360deg)}.filter-group__content{border-bottom:1px solid var(--color-divider)}.filter-group__list{display:grid;gap:20px}.filter-group__item{padding:0 24px;font-family:var(--font-display);font-size:var(--text-sm);font-weight:400;line-height:1;color:var(--color-primary);text-transform:capitalize;width:max-content;align-items:center;display:flex;gap:10px;cursor:pointer;transition:all ease .2s}.filter-group__item:last-child{padding-bottom:24px}.filter-group__checkbox{-webkit-appearance:none;appearance:none;border:1px solid #000;border-radius:0;width:16px;height:16px;padding:5px;position:relative;margin:0;display:grid;place-items:center}.filter-group__checkbox:checked{background-color:#000;border:1px solid #000}.filter-group__checkbox:checked:after{content:"";display:block;width:5px;height:9px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);position:absolute;top:1px}.filter__apply{display:grid;place-items:center;padding:16px;position:sticky;bottom:0}.filter__apply-button{display:flex;align-items:center;justify-content:center;margin:100px auto 24px;width:fit-content;padding:24px 60px;font-family:var(--main-font);font-size:13px;line-height:1;font-weight:700;background-color:var(--color-primary);color:#fff;cursor:pointer;text-transform:uppercase}@media all and (min-width: 990px){.filter__apply-button{display:none}}.accordion{display:grid;grid-template-rows:0fr;overflow:hidden;transition:all ease .3s}.accordion--active{grid-template-rows:1fr}.accordion>*{overflow:hidden}card-gallery-item{transition:opacity .3s ease,transform .3s ease;opacity:0;display:none}.card-gallery-item--active{opacity:1;display:block}card-gallery-item img{width:100%;height:100%;object-fit:cover}.lightbox{width:100vw;height:100vh;position:fixed;background-color:#fff;top:0;left:0;z-index:4;pointer-events:none;opacity:0;visibility:hidden;transition:all ease .25s}.lightbox__image img{pointer-events:none}.lightbox--active{pointer-events:all;opacity:1;visibility:visible}.lightbox__content{height:100%}.lightbox__close{display:grid;place-items:center;width:40px;height:40px;padding:0}.lightbox__close:after,.lightbox__close:before{content:"";display:block;width:14px;border-bottom:2px solid #000;position:absolute}.lightbox__close:before{transform:rotate(-45deg)}.lightbox__close:after{transform:rotate(45deg)}.button__top{position:fixed;bottom:10px;left:50%;background-color:#fff;display:grid;place-items:center;visibility:hidden;pointer-events:none;transition:all ease .2s;opacity:0;display:flex;color:#fff;padding:10px;border-radius:100px;transform:translate(-50%) translateY(calc(100% + 10px)) scale(0)}.button__top svg{color:#000;border-color:#000}.button__top--active{opacity:1;visibility:visible;pointer-events:all;transform:translate(-50%) translateY(0) scale(1);pointer-events:initial}
/*# sourceMappingURL=/cdn/shop/t/23/assets/css_component_card_grid.css.map */