@media screen and (min-width:769px){.all-filters{--df-navy: #000a46;--df-ink: #1c1c28;--df-muted: #6f7080;--df-line: #e4e4e8;--df-chip-line: #d3d3da;--df-ease-out: cubic-bezier(.23, 1, .32, 1)}.all-filters .filter-wrap{gap:8px}.all-filters .filter-title{color:var(--df-navy);margin-right:12px}.all-filters .filter-side{border:1px solid var(--df-chip-line);transition:border-color .15s ease-out,background-color .15s ease-out,color .15s ease-out}.all-filters .filter-side:hover{border-color:var(--df-navy)}.all-filters .filter-side.active{border-color:var(--df-navy);box-shadow:0 0 0 1px var(--df-navy)}.all-filters .filter-side-title{min-height:40px;padding:0 14px;gap:8px;border-radius:9999px;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--df-ease-out)}.all-filters .filter-side-title:active{transform:scale(.97)}.all-filters .filter-side-title:focus-visible{outline:2px solid var(--df-navy);outline-offset:2px}.all-filters .filter-side-title h4{display:flex;align-items:center;gap:8px;color:var(--df-ink);letter-spacing:.04em}.all-filters .filter-side-title .mf-summary{-webkit-mask:none;mask:none;background:none;width:auto;height:auto;display:inline-block;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:inherit}.all-filters .filter-side-title .mf-summary:empty{display:none}.all-filters .filter-side-title span:not(.mf-summary){transition:transform .2s var(--df-ease-out)}.all-filters .filter-side.active .filter-side-title span:not(.mf-summary){transform:rotate(180deg)}.all-filters .filter-side.df-has-value{background:var(--df-navy);border-color:var(--df-navy)}.all-filters .filter-side.df-has-value .filter-side-title h4,.all-filters .filter-side.df-has-value .filter-side-title .mf-summary{color:#fff}.all-filters .filter-side.df-has-value .filter-side-title .mf-summary:before{content:"\b7";margin-right:8px;opacity:.6}.collection .all-filters .filter-side .list-filter{top:calc(100% + 10px);width:max-content;min-width:300px;max-width:440px;max-height:min(70vh,560px);overflow-y:auto;overscroll-behavior:contain;padding:16px;border:1px solid var(--df-line);border-radius:12px;box-shadow:0 12px 32px #080a1e24;transform-origin:top left}.collection .all-filters .filter-side.active .list-filter{animation:df-pop .16s var(--df-ease-out)}@keyframes df-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}.collection .all-filters .list-filter ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px 6px;margin:0;padding:0;list-style:none;overflow:visible}.collection .all-filters .list-filter li,.collection .all-filters .list-filter li:hover{margin:0;padding:0;background:transparent}.collection .all-filters .list-filter label{position:relative;display:inline-flex;align-items:center;gap:7px;width:auto;min-height:38px;padding:0 12px;margin:0;border:1px solid var(--df-chip-line);border-radius:4px;background:#fff;color:var(--df-ink);font-size:13.5px;font-weight:400;letter-spacing:0;line-height:1.2;text-transform:none;cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out,transform .16s var(--df-ease-out)}@media(hover:hover)and (pointer:fine){.collection .all-filters .list-filter label:hover{border-color:var(--df-navy)}}.collection .all-filters .list-filter label:active{transform:scale(.97)}.collection .all-filters .list-filter label input[type=checkbox]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.collection .all-filters .list-filter label:has(input:checked){background:var(--df-navy);border-color:var(--df-navy);color:#fff}.collection .all-filters .list-filter label.disabled,.collection .all-filters .list-filter label:has(input:disabled){opacity:.38;background:#fafafb}.collection .all-filters .list-filter label.disabled input,.collection .all-filters .list-filter label input:disabled{cursor:not-allowed}.collection .all-filters .list-filter label:focus-within{outline:2px solid var(--df-navy);outline-offset:2px}.collection .all-filters #color-filters label:before{content:"";flex:0 0 auto;width:16px;height:16px;margin-left:-2px;border-radius:50%;background:#ccc;box-shadow:inset 0 0 0 1px #00000029}.collection .all-filters #color-filters label:has(input:checked):before{box-shadow:0 0 0 1.5px #fff,inset 0 0 0 1px #00000029}.collection .all-filters #color-filters label:has(input[data-filter-value=Blue]):before{background:#1f3f7a}.collection .all-filters #color-filters label:has(input[data-filter-value=Grey]):before{background:#8e9097}.collection .all-filters #color-filters label:has(input[data-filter-value=Beige]):before{background:#cdb89a}.collection .all-filters #color-filters label:has(input[data-filter-value=White]):before{background:#f7f4ed}.collection .all-filters #color-filters label:has(input[data-filter-value=Brown]):before{background:#6b4a32}.collection .all-filters #color-filters label:has(input[data-filter-value=Green]):before{background:#40604a}.collection .all-filters #color-filters label:has(input[data-filter-value=Black]):before{background:#1b1b1d}.collection .all-filters #color-filters label:has(input[data-filter-value=Red]):before{background:#a3262c}.collection .all-filters #color-filters label:has(input[data-filter-value=Pink]):before{background:#e5a9b6}.collection .all-filters #color-filters label:has(input[data-filter-value=Purple]):before{background:#6d4a86}.collection .all-filters #color-filters label:has(input[data-filter-value=Yellow]):before{background:#e3c44c}.collection .all-filters #color-filters label:has(input[data-filter-value=Orange]):before{background:#d9772c}.collection .all-filters #price-filters{min-width:280px}.collection .all-filters .price-inputs{display:flex;gap:12px;margin:0}.collection .all-filters .price-inputs label{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:6px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--df-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-align:left}.collection .all-filters .price-inputs label:active{transform:none}.collection .all-filters .price-inputs input{height:42px;padding:0 12px;border:1px solid var(--df-chip-line);border-radius:4px;font-size:14px;color:var(--df-ink);background:#fff;width:100%}.collection .all-filters .price-inputs input:focus{border-color:var(--df-navy);outline:0;box-shadow:0 0 0 1px var(--df-navy)}.all-filters .df-foot{display:flex;justify-content:flex-end;margin-top:12px;padding-top:10px;border-top:1px solid var(--df-line)}.all-filters .df-foot[hidden]{display:none}.all-filters .df-foot .df-clear-group{padding:4px 2px;border:0;background:transparent;color:var(--df-ink);font-size:13px;font-weight:400;letter-spacing:.02em;text-transform:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.all-filters .df-foot .df-clear-group:hover,.all-filters .df-foot .df-clear-group:focus{background:transparent;color:var(--df-navy)}.all-filters .df-clear-all{padding:8px 4px;border:0;background:transparent;color:var(--df-ink);font-size:13px;font-weight:400;letter-spacing:.02em;text-transform:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.all-filters .df-clear-all[hidden]{display:none}.all-filters .df-clear-all:hover,.all-filters .df-clear-all:focus{background:transparent;color:var(--df-navy)}#collection-sortable .df-count{margin-right:6px;font-size:13px;letter-spacing:.02em;color:#6f7080;white-space:nowrap}.desktop-active-filters{border-top:1px solid #e4e4e8}.desktop-active-filters .active-filters-list{gap:8px;margin-top:14px}.desktop-active-filters .active-filter-tag{min-height:34px;gap:2px;padding:0 4px 0 14px;border:0;border-radius:17px;background:#000a46;color:#fff;transition:transform .16s cubic-bezier(.23,1,.32,1)}.desktop-active-filters .active-filter-tag:active{transform:scale(.97)}.desktop-active-filters .active-filter-tag .filter-value{color:#fff;font-size:13px;letter-spacing:.02em}.desktop-active-filters .remove-filter{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:#ffffffbf;font-size:17px;border-radius:50%}.desktop-active-filters .remove-filter:hover{color:#fff}}@media screen and (min-width:769px)and (prefers-reduced-motion:reduce){.collection .all-filters .filter-side.active .list-filter{animation:none}.all-filters .filter-side.active .filter-side-title span:not(.mf-summary){transform:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/desktop-filters.css.map */