.material-browser{--finish-ink:var(--qwayi-ink,#14202b);--finish-muted:var(--qwayi-muted,#52606d);--finish-line:var(--qwayi-line,#dfe4ea);--finish-blue:var(--qwayi-blue,#174be7);container-type:inline-size;min-width:0}.material-browser-stage{position:relative;isolation:isolate}.material-browser-content{min-width:0}.material-browser-outgoing{position:absolute;inset:0;overflow:hidden;pointer-events:none}.material-browser-filters{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:14px;padding-block:18px;border-block:1px solid var(--finish-line)}.material-browser-filters label{display:grid;gap:8px;min-width:0;font-size:.75rem;color:var(--finish-muted)}.material-browser-filters .input{width:100%;min-width:0;min-height:44px;border-radius:8px;border-color:var(--finish-line);background:#fff;color:var(--finish-ink);font-size:.875rem;caret-color:var(--finish-blue);transition:border-color .16s ease,background-color .16s ease}.material-browser-filters .input:is(:hover,:focus-visible){border-color:var(--finish-blue)}.material-browser-filters .input::-moz-placeholder{color:var(--finish-muted);opacity:1}.material-browser-filters .input::placeholder{color:var(--finish-muted);opacity:1}.material-browser-result{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;font-size:.8rem;color:var(--finish-muted);font-variant-numeric:tabular-nums}.material-reset{min-height:44px;text-decoration:underline;text-underline-offset:4px;color:var(--finish-ink);transition:color .15s ease}.material-reset:hover{color:var(--finish-blue)}.material-browser-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:30px;padding-top:20px;border-top:1px solid var(--finish-line);font-size:.85rem;font-variant-numeric:tabular-nums}.material-browser-pagination .btn-secondary{min-height:44px;border-radius:8px;transition:color .16s ease,background-color .16s ease,transform .16s ease}.material-browser-pagination .btn-secondary:not(:disabled):active{transform:scale(.98)}.material-browser-pagination button:disabled{opacity:.45;cursor:not-allowed}.material-browser-empty{padding:40px 20px;border-radius:12px;background:#f4f6f8;text-align:center}.material-browser-empty p:first-child{color:var(--finish-ink);font-size:1.1rem;font-weight:500}.material-browser-empty p+p{color:var(--finish-muted);margin-block:10px 20px;font-size:.875rem;line-height:1.7}.material-browser :is(input,select,button):focus-visible{outline:2px solid var(--finish-blue);outline-offset:3px}.catalogue-specification-details{min-width:0;color:var(--qwayi-muted,#52606d);font-size:.8125rem;line-height:1.75}.catalogue-specification-details dl{margin-block:20px}.catalogue-specification-details dl>div+div{margin-top:16px}.catalogue-specification-details dt{margin-bottom:3px;color:var(--qwayi-muted,#52606d);font-size:.75rem}.catalogue-specification-details dd{margin:0;color:var(--qwayi-ink,#14202b);font-weight:500;overflow-wrap:anywhere}.catalogue-specification-status{padding-block:12px 0;border-top:1px solid var(--qwayi-line,#dfe4ea);font-size:.75rem}@container (max-width: 540px){.material-browser-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.material-search-field{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.material-browser-pagination .btn-secondary:not(:disabled):active{transform:none}}.material-browser-result,.material-swatch-card{scroll-margin-block-start:145px}.material-browser-pagination .btn-secondary{color:var(--finish-ink);border-color:var(--finish-line);background:#fff}.material-browser-pagination .btn-secondary:not(:disabled):hover{color:var(--finish-blue);background:#eef3ff;border-color:var(--finish-blue)}.customer-material-swatches button[data-preferred=true]{border-color:var(--qwayi-blue,#174be7);outline:2px solid var(--qwayi-blue,#174be7);outline-offset:2px}.customer-finish-preference{margin-block:12px;padding:12px;color:#193b95;background:#eef3ff;font-size:13px;line-height:1.7;border-radius:8px}