.component-collection-filters{margin-bottom:2rem;margin-top:2rem}.component-collection-filters .sort-by-select,.component-collection-filters .collection-filters-clear{color:#000}.component-collection-filters .filters-sort-container{margin:1.25rem 0;gap:1rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;overflow:hidden;border-bottom:1px solid #EAEAEA;padding-bottom:30px}.component-collection-filters .filters-container{display:flex;flex-grow:1;align-items:center}@media screen and (min-width: 768px){.component-collection-filters .filters-container{flex-grow:0}}.component-collection-filters .filters{display:none}@media screen and (min-width: 768px){.component-collection-filters .filters{display:flex;align-items:center;flex-wrap:wrap;row-gap:13px}}@media screen and (min-width: 900px){.component-collection-filters .filters{flex-wrap:nowrap}}.component-collection-filters .filters-label{display:flex;color:#2c272d;font-weight:400;font-size:12px;margin-right:16px;border:1.5px solid #000000;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:6px;line-height:24px;cursor:pointer;background-color:#fff}.component-collection-filters .filters-label--active,.component-collection-filters .filters-label:hover{background-color:#000;color:#fff}.component-collection-filters .filter-by{font-weight:500;color:#2c272d}.component-collection-filters .filters-label-count{display:flex}@media screen and (min-width: 768px){.component-collection-filters .filters-label-count{display:none}}.component-collection-filters .filter-count{border-radius:3px;line-height:10px;padding:7px 9px}.component-collection-filters .filter-count:empty{display:none}.component-collection-filters .sort-by,.component-collection-filters .filters-label-main{border:1px solid #666;border-radius:6px;font-size:.875rem;font-weight:400;padding:12px 20px;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-grow:1}@media screen and (min-width: 768px){.component-collection-filters .sort-by,.component-collection-filters .filters-label-main{border:none;padding:0;flex-grow:0}.component-collection-filters .filters-label-main{margin-right:1rem}}.component-collection-filters .sort-by-select{-webkit-appearance:none;background:none;border:none;opacity:0;position:absolute;max-width:80px;z-index:10;cursor:pointer}@media screen and (min-width: 768px){.component-collection-filters .sort-by-select{appearance:auto;-webkit-appearance:auto;opacity:1;position:static;max-width:unset}}.component-collection-filters .sort-by-label{font-weight:500;color:#2c272d;text-align:center;font-size:.875rem;line-height:unset;cursor:pointer}@media screen and (min-width: 768px){.component-collection-filters .sort-by-label{display:block;margin-right:.5rem}}.component-collection-filters .filters-modal{position:fixed;width:100%;max-width:450px;left:-450px;z-index:10002;transition:all .2s;scrollbar-width:none;background-color:#fff;height:-webkit-fill-available;overflow-y:scroll;scroll-behaviour:auto;top:0}.component-collection-filters .filters-modal--active,.component-collection-filters .filters-modal--active .filters-modal-content{left:0}.component-collection-filters .filters-modal-overlay{display:none;z-index:-10;height:100%;width:100%;position:fixed;top:0;left:0;background-color:#000c}.component-collection-filters .filters-modal-overlay--active{display:block;z-index:10001}.component-collection-filters .filters-modal-content::-webkit-scrollbar{display:none}.component-collection-filters .filters-modal-exit{align-items:center;border-radius:50%;box-shadow:0 4px 8px #0000001a;cursor:pointer;display:flex;justify-content:center;transform:translate(15px);height:40px;width:40px}.component-collection-filters .filters-modal-title-container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;position:sticky;top:0;background:#fff;z-index:1}@media screen and (min-width: 768px){.component-collection-filters .filters-modal-title-container{padding:2rem 3rem}}.component-collection-filters .filters-modal-title{font-size:22px;font-weight:500}.component-collection-filters .filter-modal-values{display:flex}.component-collection-filters .filters-modal-filters{display:flex;flex-direction:column;padding:0 1rem;overflow-x:hidden}@media screen and (min-width: 768px){.component-collection-filters .filters-modal-filters{padding:0 3rem}}.component-collection-filters .filter-accordion-label{display:flex;align-items:center;color:#000}.component-collection-filters .filter-accordion-container{margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee}.component-collection-filters .filter-accordion-btn{font-weight:500;text-align:left;cursor:pointer;background:none;border:none;padding-top:.75rem;padding-left:0;padding-right:0;width:100%;display:flex;align-items:center;justify-content:space-between}.component-collection-filters .filter-accordion-arrow-flip{transform:rotate(180deg)}.component-collection-filters .filter-accordion-selected-items{margin-left:.5rem;font-weight:400;color:#666;font-size:14px}.component-collection-filters .filter-accordion-selected-items span{text-transform:capitalize}.component-collection-filters .other-sizes-container{border-top:1px solid #ddd;padding:.5rem 0;margin-top:.5rem}.component-collection-filters .other-size{order:0}.component-collection-filters .other-size--XL{order:1}.component-collection-filters .other-size--1X,.component-collection-filters .other-size--2X,.component-collection-filters .other-size--3X{order:2}.component-collection-filters .other-size--OS{order:3}.component-collection-filters .filter-value-container--AA{order:-1}.component-collection-filters .size-values{display:flex;flex-wrap:wrap;margin-top:.5rem}.component-collection-filters .filter-values{margin-bottom:1rem}.component-collection-filters .filter-values-text{font-size:14px;margin-top:1rem;margin-bottom:.5rem}.component-collection-filters .filter-value-container{margin-bottom:.5rem;margin-right:.5rem}.component-collection-filters .filter-value-label{text-transform:capitalize;cursor:pointer;margin-left:.5rem;position:relative}.component-collection-filters .size-value-label{border:1px solid #eee;border-radius:4px;width:3rem;height:2.25rem;cursor:pointer;color:#2c272d;font-size:12px;display:flex;align-items:center;justify-content:center}.component-collection-filters .filter-value-input+.filter-value-label:before{content:"";border-radius:5px;display:block;width:16px;height:16px;position:absolute;top:4px;left:0;background-color:#fff;border:1px solid #999}.component-collection-filters .filter-value-input:checked+.filter-value-label:before{background-color:#000;border:1px solid #000000;background-repeat:no-repeat;background-position:center center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56' preserveAspectRatio='xMinYMid'%3E%3Cpath fill='%23fff' d='M17.771 40.395l33.749-33.749 4.48 4.48-38.229 38.229-17.771-17.771 4.48-4.48z'/%3E%3C/svg%3E");background-size:10px auto}.component-collection-filters .color-value-input,.component-collection-filters .size-value-input,.component-collection-filters .filter-value-input{position:absolute;opacity:0;left:-1px}.component-collection-filters .size-value-input:checked+.size-value-label{background:#000;color:#fff}.component-collection-filters .filter-color{display:flex;align-items:center}.component-collection-filters .color-value-label{display:flex;position:relative;width:18px;height:18px;border-radius:20px;cursor:pointer;background-color:var(--swatch-color);background-image:var(--swatch-image);background-size:cover;color:#fff}.component-collection-filters .color-value-input:checked+.color-value-label .color-value-label-border{border:2px solid;position:absolute;border-radius:50%;width:calc(100% - 4px);height:calc(100% - 4px);top:2px;left:2px}.component-collection-filters .collection-filters-clear{background:none;border:none;text-decoration:underline;cursor:pointer;margin-left:.5rem}.component-collection-filters .collection-filters-clear--main{display:none}@media screen and (min-width: 768px){.component-collection-filters .collection-filters-clear--main{display:block}}.component-collection-filters .apply-btn-container{padding:1.5rem;width:100%;position:sticky;bottom:0;background:#fff;border-top:1px solid #EEEEEE}.component-collection-filters .apply-btn{font-family:Rules,Helvetica Neue,Arial,sans-serif;font-weight:500;font-size:14px;letter-spacing:.06em;background:#2c272d;border:none;border-radius:4px;padding:1rem;cursor:pointer;text-transform:uppercase;color:#fff;width:100%}.component-collection-filters .selected-filters{display:flex;flex-wrap:wrap;gap:.625rem}.component-collection-filters .selected-filter{font-size:.875rem;border-radius:4px;border:1px solid #DDDDDD;background:none;color:#666;display:flex;gap:.5rem;padding:.8125rem .625rem;cursor:pointer;text-transform:capitalize}.filters-label .filter-label-remove{display:none}.js-filter-bloomreach.active{background-color:#000;color:#fff}.js-filter-bloomreach.active .filter-label-remove{display:block}.js-filter-bloomreach.active .filter-label-apply{display:none}.bloomreach-filter-hidden{display:none!important}@media (min-width: 767px){.js-filter-bloomreach-mobile{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10800/assets/component-collection-filters.css.map */