@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--fd-bg:#0d0d0d;--fd-panel:#0c0c0c;--fd-border:#222;--fd-border-2:#2b2b2b;--fd-text:#eaeaea;--fd-white:#fff;--fd-black:#111}.filter-option__text{color:#fff;font-family:Inter,system-ui,Arial,Helvetica,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.filter-dropdown{position:relative}.filter-dropdown__trigger{display:flex!important;align-items:center;justify-content:space-between;gap:.75rem;min-height:48px;height:60px;max-height:60px;padding:.8rem 1rem;background:var(--fd-bg);color:var(--fd-text);border:1px solid var(--fd-border);border-radius:6px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;transition:border-color .2s ease,background .2s ease}.filter-dropdown__trigger:hover{border-color:#333}.fd-icon--chev{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;position:relative;transition:transform .25s ease,opacity .15s ease}.fd-icon--chev .openFF{display:block;width:18px;height:18px}.fd-icon--chev .closeFF{display:none;width:18px;height:18px}details.filter-dropdown[open] .fd-icon--chev .openFF{display:none}details.filter-dropdown[open] .fd-icon--chev .closeFF{display:block}.filter-dropdown__panel{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:var(--fd-panel);color:#fff;border:1px solid var(--fd-border-2);border-radius:6px;box-shadow:0 12px 30px #00000073;z-index:50;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility .16s}details.filter-dropdown[open]>.filter-dropdown__panel{opacity:1;visibility:visible;transform:translateY(0)}.filter-dropdown--align-right .filter-dropdown__panel{right:0;left:auto}.fd-panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:10px 12px;background:#111;border-bottom:1px solid #242424}.fd-panel__title{font-weight:600;font-size:14px}.fd-close{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:#fff;padding:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.fd-panel__body{padding:10px 12px;max-height:500px;overflow:auto}.filter-option{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:6px}.filter-option:hover{background:#151515}.filter-option input[type=checkbox]{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin:0;display:inline-grid;place-content:center;border:2px solid rgba(255,255,255,.85);background:transparent;border-radius:4px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .06s ease}.filter-option input[type=checkbox]:hover{border-color:#fff}.filter-option input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px #ffffff2e}.filter-option input[type=checkbox]:checked{background:#fff;border-color:#fff}.filter-option input[type=checkbox]:checked:after{content:"";width:15px;height:15px;background:#0c0c0c;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 10.5l3 3 7-7' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 10.5l3 3 7-7' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.filter-option input[type=checkbox]:active{transform:scale(.96)}.filter-option input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.i-toggle{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.i-toggle input{position:absolute;opacity:0;width:0;height:0}.i-toggle__track{width:44px;height:24px;border-radius:999px;background:#3e3e3e;border:1px solid var(--fd-border);position:relative;transition:background .2s,box-shadow .2s;display:inline-block}.i-toggle__thumb{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 2px #0000004d}.i-toggle input:checked+.i-toggle__track{background:#ceb4a9;border-color:#676c73;box-shadow:0 0 0 3px #2ecc7133}.i-toggle input:checked+.i-toggle__track .i-toggle__thumb{transform:translate(20px)}.i-sorter{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:48px;height:60px;max-height:60px;padding:.8rem 1rem;background:var(--fd-bg);color:#fff;border:1px solid var(--fd-border);border-radius:6px}.i-sorter__label{font-weight:600;color:#fff;opacity:.9}.i-sorter__select{color:#111;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 36px 6px 10px;font-size:12px;outline:none;-webkit-appearance:none;appearance:none;background-image:linear-gradient(to bottom,transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23111' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:right 10px center,right 10px center}.i-sorter__select:focus{border-color:#111;box-shadow:0 0 0 3px #00000026}.collection--filters .row{width:100%;margin:0 auto}.filterSelecteion .aft-label{display:inline-block;margin-right:.75rem;font-weight:600;color:#5b6a85;font-family:Inter,system-ui,Arial,Helvetica,sans-serif}.filterSelecteion .aft-list{display:inline-flex;gap:.6rem;flex-wrap:wrap;vertical-align:middle}.aft-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .95rem;border-radius:999px;background:#595959;color:#fff;border:1px solid transparent;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease;font-family:Inter,system-ui,Arial,Helvetica,sans-serif}.aft-pill:after{content:"\2715";font-size:.9em;opacity:.9;margin-left:.25rem}.aft-pill:hover,.aft-pill:focus-visible{background:#fff;color:#111;border-color:#111;box-shadow:0 2px 10px #00000014}.aft-pill:hover:after,.aft-pill:focus-visible:after{opacity:1}.aft-pill--outline{background:transparent;color:#111;border-color:#111}.aft-pill--outline:hover,.aft-pill--outline:focus-visible{background:#fff;color:#111}.filterSelecteion .aft-clear{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem;color:#111;text-decoration:none;font-family:Inter,system-ui,Arial,Helvetica,sans-serif}.filterSelecteion .aft-clear:after{content:"\2715"}.filterSelecteion .aft-clear:hover{text-decoration:underline}@media (max-width:768px){.filter-dropdown__panel{width:min(92vw,360px)}}.filterSelecteionDD{display:flex;justify-content:space-between}.filterSelecteion{max-width:100%!important;width:100%!important}.collection--filters{width:100%!important;border-radius:20px;border:1px solid #D4CDCD;background:#fff;display:inline-flex;height:auto;padding:24px;flex-direction:column;align-items:flex-start;gap:30px}@media (min-width: 0px) and (max-width: 999px){.filterDesktopHii{display:none}}@media (min-width: 1000px){.mf-drawer,.mf-open,.itemMobileFilter{display:none!important}}@media (max-width: 999px){.collection--filters{border:none;gap:0}.itemMobileFilter{display:flex;width:100%;justify-content:space-between;align-items:center;color:#000;font-size:24px;font-style:normal;font-weight:700;line-height:normal}.mf-open{display:flex;width:32px;height:32px;padding:7px;justify-content:space-between;align-items:center;flex-shrink:0;border-radius:62px;background:#f0f0f0}.mf-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:98}.mf-panel{position:fixed;bottom:0;left:0;right:0;background:#fff;color:#111;border-radius:20px 20px 0 0;box-shadow:0 -4px 40px #00000040;transform:translateY(100%);transition:transform .3s ease;z-index:99;display:flex;flex-direction:column;max-height:90vh}.mf-drawer[aria-hidden=false] .mf-backdrop{opacity:1;pointer-events:auto}.mf-drawer[aria-hidden=false] .mf-panel{transform:translateY(0)}html.mf-lock,body.mf-lock{overflow:hidden!important;height:100%}.mf-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #ddd}.mf-header h3{font-family:Inter,sans-serif;font-size:18px;font-weight:600;margin:0}.mf-close{background:none;border:none;cursor:pointer;color:#111;padding:4px;display:flex}.mf-content{flex:1;overflow-y:auto;padding:10px 0 80px}.mf-group{border-bottom:1px solid #eee}.mf-acc{width:100%;text-align:left;background:transparent;border:none;padding:16px 20px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;color:#111;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.mf-caret{transition:transform .25s ease}.mf-acc[aria-expanded=true] .mf-caret{transform:rotate(180deg)}.mf-body{padding:0 20px 20px}.mf-chips{display:flex;flex-wrap:wrap;gap:10px}.mf-chip{width:auto!important;border:none;background:#f0f0f0;color:#111;border-radius:999px;padding:10px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.mf-chip input{display:none}.mf-chip:hover{background:#e5e5e5}.mf-chip.is-active{background:#111;color:#fff}.mf-footer{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;padding:16px 20px;background:#fff;border-top:1px solid #ddd}.mf-clear,.mf-apply{flex:1;font-family:Inter,sans-serif;font-size:15px;font-weight:600;padding:12px;border-radius:10px;cursor:pointer;transition:all .25s ease}.mf-clear{background:#f5f5f5;border:1px solid #ccc;margin-right:10px;color:#111}.mf-clear:hover{background:#ebebeb}.mf-apply{background:#111;color:#fff;border:none}.mf-apply:hover{background:#000}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/filter-dropdown.css.map */