.filter-drawer *,.filter-drawer *:before,.filter-drawer *:after{box-sizing:border-box}.filter-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;visibility:hidden;pointer-events:none}.filter-drawer.is-open{visibility:visible;pointer-events:auto}.filter-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;transition:opacity .28s ease}.filter-drawer.is-open .filter-drawer__overlay{opacity:1}.filter-drawer__panel{position:absolute;top:0;right:0;width:min(420px,100%);height:100%;display:flex;flex-direction:column;background:#fff;color:#000;font-family:Inter,sans-serif;color-scheme:light;clip-path:polygon(7% 0%,100% 0,100% 100%,0% 100%);transform:translate(100%);transition:transform .32s ease}.filter-drawer.is-open .filter-drawer__panel{transform:translate(0)}.filter-drawer__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:22px 24px 18px 48px;border-bottom:1px solid #000}.filter-drawer__title{margin:0;color:#000!important;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:400;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}.filter-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:#000;cursor:pointer}.filter-drawer__close svg{width:14px;height:14px}.filter-drawer__body{flex:1;overflow-y:auto;padding:0 24px 40px 48px;scrollbar-width:none;-ms-overflow-style:none}.filter-drawer__body::-webkit-scrollbar{display:none;width:0;height:0}.filter-drawer__section{border-bottom:1px solid #000}.filter-drawer__section:last-child{border-bottom:none}.filter-drawer__section>summary{display:flex;align-items:center;justify-content:space-between;padding:22px 0;list-style:none;cursor:pointer;color:#000;font-family:Inter,sans-serif;font-size:13px;font-weight:400;letter-spacing:.12em;text-transform:uppercase}.filter-drawer__section>summary::-webkit-details-marker,.filter-drawer__section>summary::marker{display:none;content:""}.filter-drawer__chevron{display:inline-flex;width:12px;height:12px;flex-shrink:0;transition:transform .2s ease}.filter-drawer__chevron svg{width:100%;height:100%;display:block}.filter-drawer__section:not([open]) .filter-drawer__chevron{transform:rotate(-90deg)}.filter-drawer__options{display:flex;flex-direction:column;gap:16px;padding:0 0 24px}.filter-drawer__option{display:flex;align-items:center;gap:14px;cursor:pointer;color:#000;font-family:Inter,sans-serif;font-size:15px;font-weight:300;line-height:1.2;text-decoration:none}.filter-drawer__option input{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin:0;flex-shrink:0;border:1px solid #000;border-radius:0;background:transparent;cursor:pointer}.filter-drawer__option input:checked{background:#000;border-color:#000}.filter-drawer__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 12px;padding:0 0 28px}.filter-drawer__tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.filter-drawer__tile input{position:absolute;opacity:0;pointer-events:none}.filter-drawer__tile-image{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;padding:0;background:transparent;-webkit-clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 100%,0% 100%);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 100%,0% 100%)}.filter-drawer__tile-image img{width:100%;height:100%;object-fit:cover;display:block}.filter-drawer__tile input:checked+.filter-drawer__tile-image,.filter-drawer__tile.is-selected .filter-drawer__tile-image{padding:2px;background:#000}.filter-drawer__tile-label{color:#000;font-family:Inter,sans-serif;font-size:13px;font-weight:300;line-height:1.2;text-align:center}.scent-filter-trigger{display:inline-flex;align-items:center;padding:0;border:0;background:none;color:#0000008c;font-family:Inter,sans-serif;font-size:14px;font-weight:300;letter-spacing:.08em;line-height:normal;text-transform:uppercase;cursor:pointer}.scent-filter-trigger:hover{color:#000000d9}@media(max-width:767px){.filter-drawer__panel{clip-path:none}}@media(max-width:749px){.filter-drawer__panel{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/filter-drawer.css.map */