.collections-filter-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none;visibility:hidden;overscroll-behavior:none;overscroll-behavior-y:none}.collections-filter-drawer.is-open,.collections-filter-drawer.is-closing{visibility:visible}.collections-filter-drawer.is-open{pointer-events:auto}.collections-filter-drawer.is-closing{pointer-events:none}.collections-filter-drawer__overlay{position:absolute;top:-50vh;right:0;bottom:-50vh;left:0;z-index:0;background-color:#fcfcfc;opacity:0;transition:opacity .3s ease;overscroll-behavior:none;overscroll-behavior-y:none}.collections-filter-drawer.is-open .collections-filter-drawer__overlay{opacity:.7}.collections-filter-drawer__panel{position:absolute;top:0;right:0;bottom:0;z-index:1;width:382px;overflow:hidden;overscroll-behavior:none;overscroll-behavior-y:none;pointer-events:none}.collections-filter-drawer__panel-slide{position:relative;height:100%;background:#fff;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none;overscroll-behavior-y:none;pointer-events:auto;isolation:isolate;box-shadow:0 -100vh 0 100vh #fff,0 100vh 0 100vh #fff}.collections-filter-drawer.is-open .collections-filter-drawer__panel-slide{transform:translate(0)}.collections-filter-drawer__header{flex-shrink:0;margin-top:76px;padding:0 19px}.collections-filter-drawer__header-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.collections-filter-drawer__title{margin:0;font-family:Mont,Mont-Bold,sans-serif;font-weight:700;font-size:16px;line-height:1.19;letter-spacing:0;text-transform:uppercase;color:#111}.collections-filter-drawer__scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:none;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}.collections-filter-drawer__body{padding:0 19px 32px;margin-top:30px}.collections-filter-drawer__close{display:flex;align-items:center;justify-content:center;padding:4px;margin:0;border:none;background:none;cursor:pointer;flex-shrink:0}.collections-filter-drawer__section{border-bottom:1px solid #54565a;padding-bottom:23.5px;margin-bottom:0}.collections-filter-drawer__sort-option:last-child,.collections-filter-drawer__option:last-child{padding-bottom:5px}.collections-filter-drawer__section+.collections-filter-drawer__section{padding-top:19.5px}.collections-filter-drawer__section--last{border-bottom:none;margin-bottom:25px}.collections-filter-drawer__section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;text-align:left;transition:margin-bottom .4s cubic-bezier(.4,0,.2,1)}.collections-filter-drawer__section-label{font-family:Mont-SemiBold,sans-serif;font-weight:500;font-size:14px;line-height:1;letter-spacing:0;color:#111;text-transform:uppercase;padding-left:10px}.collections-filter-drawer__section-toggle:focus-visible{outline:2px solid #111111;outline-offset:2px}.collections-filter-drawer__chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .4s cubic-bezier(.4,0,.2,1)}.collections-filter-drawer__section.is-expanded .collections-filter-drawer__chevron{transform:rotate(180deg)}.collections-filter-drawer__section-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}.collections-filter-drawer__section.is-expanded .collections-filter-drawer__section-content{grid-template-rows:1fr}.collections-filter-drawer__section-content-inner{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;min-height:0;opacity:0;transform:translateY(-6px);padding-left:28px;padding-top:0;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),padding-top .4s cubic-bezier(.4,0,.2,1)}.collections-filter-drawer__section.is-expanded .collections-filter-drawer__section-content-inner{opacity:1;transform:translateY(0);padding-top:19.5px;transition-delay:.06s}@media(prefers-reduced-motion:reduce){.collections-filter-drawer__section-toggle,.collections-filter-drawer__chevron,.collections-filter-drawer__section-content,.collections-filter-drawer__section-content-inner{transition:none}.collections-filter-drawer__section-content-inner{transform:none}}.collections-filter-drawer__sort-option{display:block;width:100%;padding:0;margin:0 0 9px;border:none;background:none;cursor:pointer;text-align:left}.collections-filter-drawer__sort-option:last-child{margin-bottom:0}.collections-filter-drawer__sort-option.is-selected .collections-filter-drawer__option-label{font-weight:500}.collections-filter-drawer__sort-option.is-selected .collections-filter-drawer__option-label:after{transform-origin:bottom left;transform:scaleX(1)}.collections-filter-drawer__option-label,.collections-filter-drawer__hairtone-name{position:relative}.collections-filter-drawer__option-label:after,.collections-filter-drawer__hairtone-name:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:.5px;background-color:#111;border-radius:5px;transform:scaleX(0);transform-origin:bottom right;transition:transform .4s}.collections-filter-drawer__sort-option:hover .collections-filter-drawer__option-label:after,.collections-filter-drawer__option:hover .collections-filter-drawer__option-label:after,.collections-filter-drawer__hairtone-option:hover .collections-filter-drawer__hairtone-name:after{transform-origin:bottom left;transform:scaleX(1)}.collections-filter-drawer__option{display:flex;align-items:center;margin-bottom:9px;cursor:pointer}.collections-filter-drawer__option:last-child{margin-bottom:0}.collections-filter-drawer__checkbox{flex-shrink:0;width:11px;height:11px;margin:0 4.5px 0 0;border:1px solid #000000;border-radius:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.collections-filter-drawer__checkbox:checked{background-color:#000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='5' viewBox='0 0 7 5' fill='none'%3E%3Cpath d='M1 2.5L2.5 4L6 1' stroke='white' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.collections-filter-drawer__option-label{display:inline-block;font-family:HelveticaNeue-Regular,Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#000}.collections-filter-drawer__option--luovo .collections-filter-drawer__option-label{text-transform:uppercase}.collections-filter-drawer__hairtone-option{display:flex;align-items:center;width:100%;padding:0;margin:0 0 9px;border:none;background:none;cursor:pointer;text-align:left}.collections-filter-drawer__hairtone-option:last-child{margin-bottom:0;padding-bottom:2px}.collections-filter-drawer__hairtone-option .hairtones-filter-circle{width:25px;height:25px;flex-shrink:0}.collections-filter-drawer__hairtone-option:hover .hairtones-filter-circle,.collections-filter-drawer__hairtone-option.is-selected .hairtones-filter-circle{border-color:#fff;box-shadow:0 0 3px #353535d6}.collections-filter-drawer__hairtone-name{display:inline-block;margin-left:8px;font-family:Mont-Semibold,sans-serif;font-weight:500;font-size:11px;line-height:20px;color:#00000080;text-transform:uppercase}.collections-filter-drawer__hairtone-option.is-selected .collections-filter-drawer__hairtone-name{font-weight:500}.collections-filter-drawer__apply{display:block;width:100%;height:36px;padding:0;border:none;background-color:#000;color:#fff;cursor:pointer;font-family:Mont,Mont-Regular,sans-serif;font-weight:400;font-size:12px;line-height:1;letter-spacing:0;text-align:center;text-transform:uppercase}.collections-filter-drawer__apply:hover{opacity:.85}.collections-filter-sort__filter{display:flex;align-items:center;gap:6px;padding:0;border:none;background:none;cursor:pointer}.collections-filter-sort__filter label{cursor:pointer;pointer-events:none}html.collections-filter-drawer-open,body.collections-filter-drawer-open{overflow:hidden;overscroll-behavior:none;overscroll-behavior-y:none;touch-action:none}html.collections-filter-drawer-open{position:fixed;width:100%;height:100%}.collections-filter-drawer.is-open .collections-filter-drawer__scroll{touch-action:pan-y}@media screen and (min-width:1080px){.collections-filter-drawer__panel{width:752px}.collections-filter-drawer__section--last{margin-bottom:35px}.collections-filter-drawer__body{padding:0 22px 32px}.collections-filter-drawer__header{padding:0 22px}.collections-filter-drawer__hairtone-name{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/component-collections-filter-drawer.css.map */