.material-filters{--mf-accent:#236255;--mf-blue:#153f73;min-width:0;margin:0 0 18px;color:#173c53;font-family:inherit}.material-filter-popover button,.material-filter-popover input,.material-filters button{font:inherit}.material-filter-popover button,.material-filter-popover label,.material-filters button{cursor:pointer}.material-filter-popover button:disabled,.material-filters button:disabled,.mf-choice.is-disabled{opacity:.45;cursor:default}.material-filter-popover :is(button,input,summary):focus-visible,.material-filters :is(button,input):focus-visible{outline:2px solid #2876ae;outline-offset:3px}.mf-toolbar{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.material-filters .mf-trigger{display:flex;align-items:center;justify-content:space-between;gap:7px;flex:1 1 145px;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #d2dfe6;border-radius:7px;background:#fff;color:#173c53;font-size:13px;line-height:1.4;text-align:left}.mf-trigger>strong{font-weight:600;min-width:0;overflow-wrap:anywhere}.mf-trigger>svg{flex-shrink:0}.mf-trigger.is-active,.mf-trigger[data-state=open]{border-color:#478378;background:#edf5f2}.mf-trigger[data-state=open]>svg:last-child{transform:rotate(180deg)}.mf-locked-brand{display:flex;align-items:center;padding:10px 12px;min-height:46px;box-sizing:border-box;border:1px solid #e0e7ec;border-radius:7px;font-size:13px;color:#60788a;background:#f7f9fb}.mf-selection-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:14px;min-width:0}.mf-selected{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;min-width:0;font-size:12px}.mf-selected>strong{font-size:12px;font-weight:600;margin-right:3px}.mf-no-selection{color:#75889a}.material-filters .mf-chip{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:6px;background:#eef4f7;color:#355f74;padding:8px 10px;min-height:36px;font-size:12px;line-height:1.4;text-align:left;overflow-wrap:anywhere}.mf-chip>svg{flex-shrink:0}.material-filters .mf-reset{border:0;background:transparent;color:#245b89;font-size:12px;min-height:40px;padding:8px}.material-filter-popover .mf-done,.material-filters .mf-apply{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #153f73;border-radius:7px;background:#153f73;color:#fff;font-size:13px;font-weight:600;padding:10px 18px;flex-shrink:0}.mf-status{margin:6px 0 0!important;color:#688091;font-size:11px!important;line-height:1.5}.material-filter-popover[data-slot=popover-content]{z-index:220;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;width:min(380px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:min(650px,calc(100dvh - 32px));padding:18px;border:1px solid #cbdbe4;border-radius:11px;background:#fff;color:#173c53;box-shadow:0 12px 32px #16395424;font-family:inherit;font-size:14px;overflow:hidden}.material-filter-popover.mf-wide[data-slot=popover-content]{width:min(760px,calc(100vw - 32px))}.mf-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.mf-panel-heading h3{margin:0;font-size:16px;font-weight:650;line-height:1.4}.mf-panel-heading>button{justify-content:center;min-width:32px;min-height:32px;padding:4px;border:0;border-radius:6px;background:transparent;color:#617c8f}.mf-panel-heading>button,.mf-search{display:flex;align-items:center;flex-shrink:0}.mf-search{gap:9px;min-height:44px;box-sizing:border-box;padding:8px 12px;border:1px solid #bdced9;border-radius:7px;color:#72899b}.mf-search>svg{flex-shrink:0}.mf-search input{padding:0;border:0;outline:none;min-width:0;width:100%;background:transparent;color:#173c53;font-size:14px!important;line-height:1.5;box-shadow:none}.mf-panel-scroll{overflow:auto;overscroll-behavior:contain;min-height:0;max-height:350px;scrollbar-gutter:stable}.mf-radio-list{display:grid;grid-template-columns:1fr;gap:5px;margin:0;padding:0;border:0;min-width:0}.mf-wide .mf-radio-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-choice{display:flex;align-items:center;gap:10px;min-height:46px;box-sizing:border-box;padding:10px 12px;border:1px solid #dbe5eb;border-radius:7px;background:#fff;color:#244557;font-size:13px;line-height:1.45;min-width:0}.mf-choice>input{width:16px;height:16px;flex-shrink:0;accent-color:#236255;margin:0}.mf-choice>span:not(.mf-swatch){min-width:0;overflow-wrap:anywhere}.mf-choice>small{margin-left:auto;color:#6d8491;font-size:11px;font-variant-numeric:tabular-nums;flex-shrink:0}.mf-choice.is-selected{border-color:#5b998b;background:#edf6f1}.mf-color-help,.mf-count-note{margin:0;color:#718593;font-size:11px;line-height:1.5;flex-shrink:0}.mf-color-views{display:flex;border:1px solid #c9d9e2;border-radius:7px;overflow:hidden;flex-shrink:0}.mf-color-views>button{flex:1;padding:8px 12px;min-height:40px;border:0;background:#fff;color:#5e7889;font-size:13px}.mf-color-views>button[aria-pressed=true]{background:#e9f3ef;color:#235447;box-shadow:inset 0 0 0 1px #699d8b;border-radius:6px;font-weight:600}.mf-color-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mf-color-columns>.mf-color-column:only-child{grid-column:1/-1}.mf-color-column{min-width:0;display:flex;flex-direction:column;gap:6px}.mf-color-column h4{font-size:12px;font-weight:600;line-height:1.4;color:#637d8e;margin:0 0 2px}.mf-color-choice{padding:9px 10px;min-height:54px}.mf-color-name{display:flex;flex-direction:column;gap:1px;flex:1}.mf-color-name>small{font-size:11px;line-height:1.4;color:#6d8392}.mf-swatch{display:block;width:30px;height:28px;flex-shrink:0;border-radius:5px;border:1px solid #9caab06b;box-sizing:border-box}.mf-swatch.is-clear{background-image:conic-gradient(#d7dedb 25%,white 0 50%,#d7dedb 0 75%,white 0);background-size:8px 8px}.mf-empty-colors{font-size:13px;line-height:1.5;color:#748795;margin:10px 0}.mf-extra-group{border-bottom:1px solid #dce6ec}.mf-extra-group>summary{display:flex;align-items:center;gap:10px;list-style:none;padding:12px 4px;min-height:46px;box-sizing:border-box;font-size:13px;font-weight:600;cursor:pointer}.mf-extra-group>summary::-webkit-details-marker{display:none}.mf-extra-group>summary>span{margin-left:auto;font-size:11px;color:#6a8293;font-weight:400;text-align:right;max-width:46%}.mf-extra-group>summary>svg{flex-shrink:0}.mf-extra-group[open]>summary>svg{transform:rotate(180deg)}.mf-extra-group>.mf-radio-list{padding:0 0 12px}.mf-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #e0e8ed;flex-shrink:0}.mf-panel-footer>span{font-size:11px;line-height:1.5;color:#6b8392}.material-filter-popover .mf-done{min-width:100px}@media(hover:hover){.mf-choice:not(.is-disabled):hover,.mf-trigger:hover{border-color:#6d9d90;background:#f2f7f5}.material-filter-popover .mf-done:hover,.material-filters .mf-apply:hover{background:#205488}.mf-panel-heading>button:hover,.mf-reset:hover{background:#f0f5f8}}@media(max-width:700px){.graf-catalog.has-material-filters .desktop-filters{display:block}.graf-catalog.has-material-filters .mobile-filter-bar{display:none}.mf-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.material-filters .mf-trigger{padding:9px 10px;min-height:48px;font-size:12px;gap:5px}.mf-selection-bar{flex-direction:column;gap:8px;margin-top:12px}.mf-selected{gap:6px}.material-filters .mf-apply{width:100%}.mf-selected>strong{flex-basis:100%}.mf-status{font-size:11px!important}.material-filter-popover[data-slot=popover-content]{padding:14px;gap:10px}.mf-panel-heading>button{min-height:40px;min-width:40px}.mf-panel-scroll{max-height:45dvh}.mf-color-columns,.mf-wide .mf-radio-list{grid-template-columns:1fr}.mf-color-choice{min-height:48px}.mf-swatch{width:27px;height:26px}.mf-panel-footer>span{font-size:10px}.mf-panel-footer{gap:8px}.has-material-filters .catalog-filter-heading h2{font-size:16px}}@media(prefers-reduced-motion:reduce){.material-filter-popover{animation:none!important}}.material-filters{scroll-margin-top:100px}.material-filters .mf-trigger{min-height:38px;padding:8px 10px;font-size:12px;gap:6px}.mf-trigger>strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-filter-popover[data-slot=popover-content]{gap:9px;padding:14px;max-height:min(590px,calc(100dvh - 120px))}.material-filter-popover.mf-wide[data-slot=popover-content]{width:min(920px,calc(100vw - 32px))}.mf-panel-heading h3{font-size:14px}.mf-panel-heading>button{min-height:28px;min-width:28px}.mf-search{min-height:36px;padding:6px 10px}.mf-search input{font-size:13px!important}.mf-panel-scroll{max-height:min(420px,calc(100dvh - 245px))}.mf-choice{min-height:36px;padding:7px 9px;gap:8px;font-size:12px}.mf-choice>input{width:14px;height:14px}.mf-choice>small{font-size:10px}.mf-wide .mf-radio-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.mf-color-views>button{min-height:32px;padding:6px 10px;font-size:12px}.mf-color-columns{gap:12px}.mf-color-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:5px}.mf-color-column h4{grid-column:1/-1;font-size:11px;margin-bottom:2px}.mf-color-choice{min-height:39px;padding:6px 8px;gap:7px}.mf-swatch{width:22px;height:23px;border-radius:4px}.mf-color-name{font-size:12px}.mf-color-name>small{font-size:10px}.mf-panel-footer{padding-top:9px}.material-filter-popover .mf-done{min-height:34px;min-width:86px;padding:7px 15px;font-size:12px}.mf-color-help,.mf-count-note,.mf-panel-footer>span{font-size:10px}.mf-extra-group>summary{min-height:38px;padding:9px 3px;font-size:12px}@media(max-width:1000px) and (min-width:701px){.mf-wide .mf-radio-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.material-filters{scroll-margin-top:160px}.material-filters .mf-trigger{min-height:44px;padding:9px 10px}.material-filter-popover[data-slot=popover-content]{max-height:calc(100dvh - 28px);padding:12px}.mf-panel-scroll{max-height:43dvh}.mf-color-columns,.mf-wide .mf-radio-list{grid-template-columns:1fr}.mf-color-column{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-choice{min-height:44px;font-size:13px}.mf-color-choice{min-height:48px;font-size:12px}.mf-color-name{font-size:12px}.mf-color-name>small{font-size:11px}.mf-choice>input{width:16px;height:16px}.mf-panel-heading>button{min-height:40px;min-width:40px}.material-filter-popover .mf-done{min-height:44px}.mf-search{min-height:42px}.mf-color-views>button{min-height:40px}.mf-panel-footer>span{max-width:65%;font-size:10px}}@media(max-width:350px){.mf-color-column{grid-template-columns:1fr}}.mf-selection-bar{margin-top:9px;min-height:0}.mf-selected{min-height:32px;gap:6px}.material-filters .mf-chip,.material-filters .mf-reset{min-height:30px;padding:5px 8px;font-size:11px}.material-filters>.mf-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.material-filter-popover[data-slot=popover-content]{max-height:min(590px,calc(100dvh - 110px))}.mf-panel-scroll{max-height:min(460px,calc(100dvh - 195px))}@media(max-width:700px){.material-filters{margin-bottom:12px}.mf-toolbar{gap:5px}.material-filters .mf-trigger{min-height:40px;padding:7px 8px;font-size:11px}.mf-selection-bar{margin-top:7px}.material-filters .mf-chip,.material-filters .mf-reset{min-height:34px;font-size:11px}.material-filter-popover[data-slot=popover-content]{gap:8px;padding:10px;max-height:calc(100dvh - 28px)}.mf-panel-heading h3{font-size:13px}.mf-panel-heading>button{min-height:34px;min-width:34px}.mf-panel-scroll{max-height:calc(100dvh - 150px)}.mf-wide .mf-radio-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.mf-choice{min-height:42px;padding:6px;gap:6px;font-size:12px;line-height:1.35}.mf-choice>input{width:14px;height:14px}.mf-choice>small{font-size:10px}.mf-color-column{gap:4px}.mf-color-choice{min-height:44px}.mf-color-name{font-size:11px}.mf-color-name>small{font-size:10px}.mf-swatch{width:19px;height:21px}.mf-color-help{font-size:10px}.mf-search{min-height:38px}}.material-filters{scroll-margin-top:0}@media(max-width:700px){.material-filters{scroll-margin-top:0}.material-filter-popover[data-slot=popover-content]{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:min(calc(100dvh - 210px),var(--radix-popover-content-available-height,100dvh))}.mf-choice>span:not(.mf-swatch){overflow-wrap:normal;word-break:normal}.mf-choice{gap:5px;padding:6px 5px}.mf-choice>small{font-size:9px}.mf-panel-scroll{max-height:none}.mf-panel-heading>button{min-height:32px;min-width:32px}.material-filter-popover.mf-wide[data-slot=popover-content]{width:calc(100vw - 16px);max-width:calc(100vw - 16px)}}@media(max-width:350px){.mf-choice{font-size:11px}.mf-choice>small{display:none}.mf-color-choice>small{display:block}.mf-color-name{font-size:11px}}