.collection-filter{position:fixed;display:none;width:100%;height:100%;top:0;right:0;z-index:11;overflow:hidden}.collection-filter--loading{opacity:.95;pointer-events:none}.collection-filter--display{display:flex}.collection-filter__overlay{position:fixed;top:0;left:0;display:block!important;width:100%;height:100%;z-index:1;background-color:#000;opacity:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .4s ease}.collection-filter--opened .collection-filter__overlay{opacity:.9}.collection-filter__wrapper{position:absolute;top:0;right:0;z-index:2;display:flex;flex-direction:column;align-items:center;max-width:310px;width:100%;height:100%;background-color:#fff;transform:translate(310px);transition:transform .4s ease}.collection-filter--opened .collection-filter__wrapper{transform:translate(0)}.collection-filter__title{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 24px;font-family:var(--main-font--bold);font-size:18px;letter-spacing:0;color:var(--color--titles)}.collection-filter__cross{cursor:pointer}.collection-filter__form{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:100%;max-height:calc(100% - 60px)}.collection-filter__list{display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%;max-height:calc(100% - 50px);padding:0 24px;margin:0;list-style:none;overflow-y:scroll}.filter-group{width:100%;border-bottom:var(--color--border)}.filter-group__title{position:relative;display:flex;align-items:center;justify-content:space-between;padding:15px 0;font-family:var(--main-font--bold);font-size:17px;letter-spacing:0;line-height:1;color:var(--color--titles);cursor:pointer}.filter-group__title:before{position:absolute;right:0;display:flex;width:14px;height:2px;background-color:#000;content:""}.filter-group__title:after{position:absolute;right:0;display:flex;width:14px;height:2px;background-color:#000;content:"";transition:transform .3s linear}.filter-group__title--opened:after{transform:rotate(90deg)}.filter-group__body{max-height:0;overflow:hidden;transition:max-height .4s linear}.filter-group__title--opened+.filter-group__body{max-height:100vh}.filter-group__item{position:relative}.filter-group__label{position:relative;display:flex;align-items:center;justify-content:space-between;height:30px;padding-left:39px;margin-bottom:15px;font-family:var(--main-font--regular);font-size:16px;letter-spacing:0;color:var(--color--titles);cursor:pointer}.filter-group__label__count{font-family:var(--main-font--bold);color:var(--color--border);opacity:.7}.filter-group__input{position:absolute;width:100%!important;height:100%;opacity:0;cursor:pointer}.filter-group__label--disabled{opacity:.7;pointer-events:none}.filter-group__label:before{position:absolute;display:flex;align-items:center;justify-content:center;left:0;width:29px;height:30px;border:1px solid var(--color--border);border-radius:8px;content:""}.filter-group__input:checked+.filter-group__label:before{content:"\2714";background-color:var(--color--accent-secondary);border-color:var(--color--accent-secondary);color:#fff;transition:all .2s linear}.collection-filter__remove{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 28px;font-family:var(--main-font--bold);font-size:17px;line-height:1.2;letter-spacing:0;text-transform:uppercase;color:#fff;background-color:var(--color--accent-secondary);border-color:var(--color--accent-secondary);cursor:pointer}@media screen and (min-width:992px){.collection-filter{position:static;display:block;width:100%;min-width:300px;max-width:300px}.filter-group:first-of-type{border-top:var(--color--border)}.collection-filter__overlay{display:none!important}.collection-filter__wrapper{position:static;max-width:300px;height:auto;padding-bottom:50px;background:#f5f0eb;border-bottom:var(--color--border);transform:translate(0);transition:none}.collection-filter__list{overflow:hidden}.collection-filter__title{font-size:15px}.collection-filter__cross,.collection-filter__remove{display:none}}
/*# sourceMappingURL=/cdn/shop/t/252/assets/component-filter.css.map */