.os-paint-presets{color:#c5c5d2;border:0;min-width:0;margin:16px 0 0;padding:0}.os-paint-presets legend{margin-bottom:9px;font-size:12px;line-height:1.4}.os-paint-presets>div{flex-wrap:wrap;gap:7px;display:flex}.os-paint-presets button{min-width:0;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #ffffff1b;border-radius:9px;flex:130px;align-items:center;gap:8px;padding:9px;font-size:12px;line-height:1.3;transition:background-color .16s,border-color .16s;display:flex}.os-paint-presets button[aria-pressed=true]{color:#eceeff;background:#4b53cc30;border-color:#858de7}.os-paint-presets button>svg{opacity:0;flex:none;margin-left:auto}.os-paint-presets button[aria-pressed=true]>svg{opacity:1}.os-paint-presets-swatches{border:1px solid #00000014;border-radius:4px;flex:none;display:flex;overflow:hidden}.os-paint-presets-swatches i{width:8px;height:20px;display:block}.os-paint-presets button:focus-visible{outline-offset:3px;outline:2px solid #b8c3e2}.os-paint-presets--light{color:#4f5578;margin-top:30px}.os-paint-presets--light legend{color:#626783;margin-bottom:12px;font-size:13px}.os-paint-presets--light>div{flex-direction:column;gap:8px;max-width:310px}.os-paint-presets--light button{background:#e8eaf6;border-color:#d7d9eb;border-radius:11px;flex:auto;gap:12px;width:100%;min-height:48px;padding:10px 12px;font-size:14px}.os-paint-presets--light button[aria-pressed=true]{color:#343c9e;background:#fff;border-color:#777fe1}.os-paint-presets--light .os-paint-presets-swatches i{width:14px;height:21px}.os-paint-presets--light button:focus-visible{outline-color:#4b53cc}@media (hover:hover) and (pointer:fine){.os-paint-presets button:hover{background:#ffffff10;border-color:#8a8fbd}.os-paint-presets--light button:hover{background:#fff;border-color:#aaaee2}}@media (max-width:760px){.os-paint-presets--light>div{flex-flow:wrap;gap:7px;max-width:none}.os-paint-presets--light button{flex:1 0 auto;gap:7px;width:auto;min-height:44px;padding:9px;font-size:12px}.os-paint-presets--light button>svg{display:none}.os-paint-presets--light .os-paint-presets-swatches i{width:9px;height:18px}}@media (max-width:359px){.os-paint-presets--light button{flex:1 0 100%}.os-paint-presets--light .os-paint-presets-swatches i{width:14px}}@media (prefers-reduced-motion:reduce){.os-paint-presets button{transition:none}}