.material-palette[data-v-3117d981]{scrollbar-color:var(--app-border-strong) transparent;scrollbar-width:thin;height:100%;min-height:0;padding:4px 4px 8px;overflow-y:auto}.material-palette__section+.material-palette__section[data-v-3117d981]{margin-top:16px}.material-palette__heading[data-v-3117d981]{color:var(--app-muted);overflow-wrap:anywhere;margin:0 0 6px;font-size:13px;font-weight:650}.material-palette__grid[data-v-3117d981]{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 10px;display:grid}@media (width>=1024px){.material-palette__grid[data-v-3117d981]{grid-template-columns:repeat(auto-fill,minmax(min(100%,96px),1fr));gap:14px 12px}}.material-palette__choice[data-v-3117d981],.material-palette__info[data-v-3117d981]{border-radius:8px;align-items:center;min-height:44px;display:flex}.material-palette__choice[data-v-3117d981]:focus-visible,.material-palette__info[data-v-3117d981]:focus-visible{outline:2px solid var(--app-accent);outline-offset:1px}.material-palette__tile[data-v-3117d981]{--swatch-size:clamp(60px, 17.5vw, 74px);min-width:0;position:relative}.material-palette__choice[data-v-3117d981]{text-align:center;width:100%;min-width:0;color:var(--app-muted-strong);flex-direction:column;gap:5px;font-size:12px;line-height:1.25}.material-palette__choice[data-v-3117d981]:disabled{cursor:not-allowed}.material-palette__sample[data-v-3117d981]{width:min(100%, var(--swatch-size));aspect-ratio:1;border-radius:var(--app-radius-xs);clip-path:polygon(0 0,100% 0,100% 78%,78% 100%,0 100%);background-color:var(--app-border-strong);padding:2px;display:block;position:relative;overflow:hidden}.material-palette__sample-face[data-v-3117d981]{border-radius:inherit;width:100%;height:100%;clip-path:inherit;background-color:var(--app-surface-2);display:block;overflow:hidden}.material-palette__sample-face img[data-v-3117d981]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.material-palette__choice[data-v-3117d981]:not(:disabled):hover,.material-palette__choice[aria-pressed=true][data-v-3117d981]{color:var(--app-text)}.material-palette__choice[aria-pressed=true] .material-palette__sample[data-v-3117d981]{background-color:var(--app-accent)}.material-palette__check[data-v-3117d981]{background-color:var(--app-accent);width:17px;height:17px;color:var(--app-accent-contrast);border-radius:50%;place-items:center;display:grid;position:absolute;inset:4px auto auto 4px}.material-palette__caption[data-v-3117d981]{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;min-height:2.5em;display:-webkit-box;overflow:hidden}.material-palette__price[data-v-3117d981]{color:var(--app-muted-strong);white-space:nowrap;font-size:12px;font-weight:500}.material-palette__info[data-v-3117d981]{top:0;right:max(0px, (100% - var(--swatch-size)) / 2);justify-content:flex-end;align-items:flex-start;width:44px;padding:4px;position:absolute}.material-palette__info-icon[data-v-3117d981]{background-color:var(--app-bg-elev);width:22px;height:22px;color:var(--app-text);border-radius:50%;place-items:center;display:grid}.material-palette__info:hover .material-palette__info-icon[data-v-3117d981]{background-color:var(--app-surface-3)}.option-ribbon-horizontal[data-v-e5a741c3]{scrollbar-width:none;-ms-overflow-style:none}.option-ribbon-horizontal[data-v-e5a741c3]::-webkit-scrollbar{display:none}.option-ribbon-horizontal--visible[data-v-e5a741c3]{scrollbar-width:none;-ms-overflow-style:none}.option-ribbon-horizontal--visible[data-v-e5a741c3]::-webkit-scrollbar{display:none}.option-ribbon__scrollbar[data-v-e5a741c3]{background:#ffffff06;border-radius:999px;height:8px;margin:5px 2px 0;position:relative;overflow:hidden}.option-ribbon__scrollbar-thumb[data-v-e5a741c3]{border-radius:inherit;background:#8b5cf66b;min-width:18%;transition:left 80ms linear;position:absolute;inset-block:0}.option-ribbon-mobile-vertical[data-v-e5a741c3]{scrollbar-color:#8b5cf66b transparent;scrollbar-width:thin}.option-ribbon-mobile-vertical[data-v-e5a741c3]::-webkit-scrollbar{width:4px}.option-ribbon-mobile-vertical[data-v-e5a741c3]::-webkit-scrollbar-thumb{background:#8b5cf66b;border-radius:999px}.option-ribbon-mobile-vertical[data-v-e5a741c3]::-webkit-scrollbar-track{background:0 0}.option-ribbon-desktop[data-v-e5a741c3]{scrollbar-color:#ffffff2e transparent;scrollbar-width:thin}.option-ribbon-desktop[data-v-e5a741c3]::-webkit-scrollbar{width:4px}.option-ribbon-desktop[data-v-e5a741c3]::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px}.option-ribbon-desktop[data-v-e5a741c3]::-webkit-scrollbar-track{background:0 0}.parameter-ribbon--visible-scrollbar[data-v-4d07a018]{scrollbar-width:none;-ms-overflow-style:none}.parameter-ribbon--visible-scrollbar[data-v-4d07a018]::-webkit-scrollbar{display:none}.parameter-ribbon--tabs[data-v-4d07a018]{scrollbar-width:none;-ms-overflow-style:none}.parameter-ribbon--tabs[data-v-4d07a018]::-webkit-scrollbar{display:none}.parameter-ribbon__scrollbar[data-v-4d07a018]{background:#ffffff06;border-radius:999px;height:6px;margin:4px 2px 0;position:relative;overflow:hidden}.parameter-ribbon__scrollbar-thumb[data-v-4d07a018]{border-radius:inherit;background:#8b5cf66b;min-width:18%;transition:left 80ms linear;position:absolute;inset-block:0}