.off-filter{position:relative;overflow:hidden;width:100%;max-width:none;margin:0 0 1.25rem;padding:.8rem 1rem 1rem;border-radius:12px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
background-color:#141414;
background-image:linear-gradient(27deg,#0f0f0f 5px,transparent 5px),linear-gradient(207deg,#0f0f0f 5px,transparent 5px),linear-gradient(27deg,#262626 5px,transparent 5px),linear-gradient(207deg,#262626 5px,transparent 5px),linear-gradient(90deg,#1b1b1b 10px,transparent 10px),linear-gradient(#202020 25%,#1a1a1a 25%,#1a1a1a 50%,transparent 50%,transparent 75%,#2a2a2a 75%,#2a2a2a);
background-size:20px 20px;background-position:0 5px,10px 0,0 10px,10px 5px,0 0,0 0;
box-shadow:0 10px 26px rgba(0,0,0,.26),0 2px 6px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.08)}
.off-filter::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#F8BF00,#ffd84d 50%,#F8BF00);background-size:200% 100%}
.off-filter::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 40%,rgba(0,0,0,.25))}
.off-filter>*{position:relative;z-index:1}
.off-filter__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.65rem;min-height:1.7rem}
.off-filter__title{display:inline-flex;align-items:center;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.off-filter__title::before{content:"";width:.35rem;height:.95rem;margin-right:.55rem;border-radius:2px;background:#F8BF00;box-shadow:0 0 10px rgba(248,191,0,.55)}
.off-filter__reset{font-size:.6875rem;font-weight:700;color:#141414;text-decoration:none;white-space:nowrap;background:#F8BF00;border-radius:999px;padding:.28rem .8rem;box-shadow:0 3px 9px rgba(248,191,0,.35);transition:transform .15s,box-shadow .15s,background .15s}
.off-filter__reset:hover{background:#ffd13a;color:#141414;text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 16px rgba(248,191,0,.45)}
.off-filter__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem .6rem}
.off-filter__field{position:relative;display:block;margin:0}
.off-filter__label{display:none;position:absolute;z-index:2;top:.3rem;left:.8rem;font-size:.5625rem;line-height:1;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8a6a00;pointer-events:none}
.off-filter__select{display:block;width:100%;height:2.3rem;padding:0 1.9rem 0 .8rem;font:inherit;font-size:.78rem;font-weight:600;color:#3d3d3d;border:1.5px solid transparent;border-radius:8px;cursor:pointer;text-overflow:ellipsis;-webkit-appearance:none;-moz-appearance:none;appearance:none;
background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23141414' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .8rem center;
box-shadow:0 3px 8px rgba(0,0,0,.35),inset 0 -2px 0 rgba(0,0,0,.06);transition:transform .15s,box-shadow .15s,border-color .15s}
.off-filter__select:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(0,0,0,.4),inset 0 -2px 0 rgba(0,0,0,.06)}
.off-filter__select:focus{outline:0;border-color:#F8BF00;box-shadow:0 0 0 3px rgba(248,191,0,.35),0 5px 12px rgba(0,0,0,.4)}
.off-filter__select option{font-weight:500;color:#333;background:#fff}
.off-filter__field.is-active .off-filter__label{display:block}
.off-filter__field.is-active .off-filter__select{padding-top:.7rem;border-color:#F8BF00;color:#141414;background-color:#fff4c2;box-shadow:0 0 0 2px rgba(248,191,0,.3),0 5px 12px rgba(0,0,0,.4)}
@media(max-width:991.98px){.off-filter__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767.98px){.off-filter{max-width:none;padding:.7rem .7rem .85rem;border-radius:12px}.off-filter__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.off-filter__select{height:2.4rem;font-size:.75rem;padding-left:.7rem;padding-right:1.7rem}.off-filter__label{left:.7rem}.off-filter__title{font-size:.6875rem}}
@media(max-width:379.98px){.off-filter__grid{grid-template-columns:minmax(0,1fr)}}
.off-filter.is-loading{cursor:progress}
.off-filter.is-loading::before{background:linear-gradient(90deg,#F8BF00 0,#fff3b0 50%,#F8BF00 100%);background-size:200% 100%;animation:offbar .7s linear infinite}
.off-filter.is-loading .off-filter__grid{opacity:.8}
@keyframes offbar{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.off-filter.is-loading::before{animation:none}.off-filter__select{transition:none}}
main:has(.off-filter[data-hide-sidebar]) #sidepanel_left [class*="box-filter"]{display:none!important}
main:has(.off-filter[data-hide-sidebar]) .filter-collapsible-control,main:has(.off-filter[data-hide-sidebar]) #collapseFilter{display:none!important}
.off-filter__reset.is-disabled{background:rgba(255,255,255,.1);color:rgba(255,255,255,.45);box-shadow:none;cursor:default;pointer-events:none}