.sff-root{--sff-accent:#00b8f0;--sff-accent-dark:#087797;--sff-ink:#161a20;--sff-soft:#eef6f9;--sff-line:#dfe8ec;--sff-white:#fff;color:var(--sff-ink);font-family:Assistant,Arial,sans-serif}
.sff-root *{box-sizing:border-box}
.sff-form{background:var(--sff-white);border:1px solid var(--sff-line);border-radius:18px;padding:20px}
.sff-form__header{display:flex;align-items:center;justify-content:space-between;font-size:20px;margin-bottom:8px}
.sff-mobile-close,.sff-mobile-toggle{display:none}
.sff-field{border:0;border-bottom:1px solid var(--sff-line);margin:0;padding:0}
.sff-field:last-child{border-bottom:0}
.sff-field legend{display:block;width:100%;padding:0}
.sff-field__toggle{appearance:none;background:none;border:0;color:inherit;cursor:pointer;display:flex;font:700 15px/1.4 Assistant,Arial,sans-serif;justify-content:space-between;padding:17px 0;text-align:inherit;width:100%}
.sff-field__body{padding:0 0 18px}
.sff-field.is-collapsed .sff-field__body{display:none}
.sff-field.is-disabled{opacity:.48}
.sff-options{display:flex;flex-direction:column;gap:9px;max-height:280px;overflow:auto;padding-inline-end:4px}
.sff-option{align-items:center;cursor:pointer;display:flex;gap:9px;font-size:14px;min-height:25px;position:relative}
.sff-option input{accent-color:var(--sff-accent-dark);height:17px;margin:0;width:17px}
.sff-option__label{flex:1}
.sff-option__count{background:var(--sff-soft);border-radius:99px;color:#64727a;font-size:11px;line-height:21px;min-width:25px;padding:0 7px;text-align:center}
.sff-options--labels{flex-flow:row wrap;max-height:none}
.sff-options--labels .sff-option input,.sff-options--swatches .sff-option input{inset:0;opacity:0;position:absolute}
.sff-options--labels .sff-option{border:1px solid var(--sff-line);border-radius:9px;padding:7px 11px}
.sff-options--labels .sff-option:has(input:checked){background:var(--sff-accent);border-color:var(--sff-accent);color:#09212a}
.sff-options--swatches{flex-flow:row wrap;max-height:none}
.sff-options--swatches .sff-option{border:1px solid var(--sff-line);border-radius:10px;padding:7px 10px}
.sff-options--swatches .sff-option:has(input:checked){border-color:var(--sff-accent-dark);box-shadow:0 0 0 2px rgba(0,184,240,.2)}
.sff-swatch{background:var(--sff-swatch);border:1px solid rgba(0,0,0,.15);border-radius:50%;display:inline-block;height:18px;width:18px}
.sff-range{display:grid;gap:10px;grid-template-columns:1fr 1fr}
.sff-range label{display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:5px}
.sff-range__input{align-items:center;border:1px solid var(--sff-line);border-radius:9px;display:flex;padding:0 9px}
.sff-range input,.sff-field select,.sff-search input{background:#fff;border:1px solid var(--sff-line);border-radius:9px;box-shadow:none;color:var(--sff-ink);font:400 14px/1.4 Assistant,Arial,sans-serif;height:42px;max-width:none;padding:0 11px;width:100%}
.sff-range__input input{border:0;padding:0}
.sff-range--date{grid-template-columns:1fr}
.sff-search{display:block}
.sff-actions{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:18px}
.sff-apply{background:var(--sff-ink);border:0;border-radius:10px;color:#fff;cursor:pointer;font:700 14px Assistant,Arial,sans-serif;padding:12px 20px}
.sff-reset{color:var(--sff-accent-dark);font-size:13px;font-weight:700;text-decoration:none}
.sff-status{font-size:12px;min-height:17px;padding-top:8px}
.sff-root.is-loading{opacity:.82;pointer-events:none}
.sff-root.is-loading .sff-status{color:var(--sff-accent-dark)}
.sff-root--horizontal .sff-form{align-items:start;display:flex;flex-wrap:wrap;gap:12px}
.sff-root--horizontal .sff-form__header{display:none}
.sff-root--horizontal .sff-fields{display:flex;flex:1;flex-wrap:wrap;gap:12px}
.sff-root--horizontal .sff-field{border:0;min-width:180px;position:relative}
.sff-root--horizontal .sff-field__toggle{background:#fff;border:1px solid var(--sff-line);border-radius:10px;padding:12px 14px}
.sff-root--horizontal .sff-field__body{background:#fff;border:1px solid var(--sff-line);border-radius:12px;box-shadow:0 18px 40px rgba(20,35,50,.14);display:none;max-width:310px;min-width:240px;padding:16px;position:absolute;right:0;top:52px;z-index:50}
.sff-root--horizontal .sff-field.is-open .sff-field__body{display:block}
.sff-root--horizontal .sff-actions{margin:0;min-height:46px}
.sff-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.sff-chip{align-items:center;background:#e6f8fd;border:1px solid #c7effa;border-radius:99px;color:#075f79;display:inline-flex;font:700 12px Assistant,Arial,sans-serif;gap:7px;padding:7px 11px;text-decoration:none}
.sff-chip span{font-size:17px;line-height:10px}
.sff-chip--clear{background:#fff;border-color:var(--sff-line);color:#6a757b}
.sff-sort{align-items:center;display:inline-flex;font:700 13px Assistant,Arial,sans-serif;gap:9px}
.sff-sort select{background:#fff;border:1px solid var(--sff-line);border-radius:9px;font:400 14px Assistant,Arial,sans-serif;height:42px;padding:0 10px}
.sff-results-count{font:600 14px Assistant,Arial,sans-serif}
.sff-empty{background:#fff4d8;border-inline-start:4px solid #d69c00;padding:14px}
.sff-overlay{display:none}
@media(max-width:782px){
	.sff-mobile-toggle{align-items:center;background:var(--sff-ink);border:0;border-radius:11px;color:#fff;display:flex;font:700 15px Assistant,Arial,sans-serif;gap:8px;justify-content:center;padding:13px 17px;width:100%}
	.sff-mobile-count{align-items:center;background:var(--sff-accent);border-radius:50%;color:#07222d;display:inline-flex;font-size:11px;height:21px;justify-content:center;min-width:21px}
	.sff-form{border-radius:18px 18px 0 0;bottom:0;box-shadow:0 -20px 60px rgba(10,20,30,.2);left:0;max-height:88vh;overflow:auto;position:fixed;right:0;transform:translateY(105%);transition:transform .22s ease;z-index:100001}
	.sff-root.is-mobile-open .sff-form{transform:translateY(0)}
	.sff-mobile-close{appearance:none;background:none;border:0;color:var(--sff-ink);display:block;font-size:30px;line-height:1}
	.sff-overlay{background:rgba(6,18,25,.48);inset:0;position:fixed;z-index:100000}
	.sff-root.is-mobile-open .sff-overlay{display:block}
	.sff-root--horizontal .sff-form{display:block}
	.sff-root--horizontal .sff-form__header{display:flex}
	.sff-root--horizontal .sff-fields{display:block}
	.sff-root--horizontal .sff-field__toggle{border:0;padding:17px 0}
	.sff-root--horizontal .sff-field__body{border:0;box-shadow:none;display:block;max-width:none;min-width:0;padding:0 0 18px;position:static}
	.sff-root--horizontal .sff-actions{margin-top:18px}
}
