.reno-material-picker{--blue:#2554ed;--ink:#202633;--muted:#727785;--line:#e5e5e7;color:var(--ink);margin-top:18px}.reno-material-picker *{box-sizing:border-box}.reno-material-picker .optional{font-size:11px;color:#858993;border:1px solid var(--line);padding:6px 10px;border-radius:20px;margin-top:8px}.reno-material-picker h2{font-size:14px;letter-spacing:-.1px;margin:0;font-weight:650}.reno-material-picker button{font:inherit;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.reno-material-picker button:focus-visible,.reno-material-picker input:focus-visible,.reno-material-picker textarea:focus-visible{outline:3px solid #97b0ff;outline-offset:3px}.reno-material-picker .gridheading{margin-bottom:13px}.reno-material-picker .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.reno-material-picker .card{position:relative;text-align:left;padding:6px 6px 12px;min-width:0;background:white;border:1px solid #e0e2e6;border-radius:12px;overflow:hidden}.reno-material-picker .card:hover{border-color:#a6b5dc;box-shadow:0 5px 14px #2937650b}.reno-material-picker .card img{width:100%;aspect-ratio:1.55;object-fit:cover;display:block;border-radius:7px}.reno-material-picker .card strong{display:block;font-size:12px;font-weight:600;margin:11px 7px 4px}.reno-material-picker .card .tone{display:block;font-size:10px;color:#858a94;margin:0 7px}.reno-material-picker .card .check{display:none;position:absolute;right:13px;top:13px;width:23px;height:23px;background:var(--blue);color:white;border:2px solid white;border-radius:50%;align-items:center;justify-content:center;font-size:12px;box-shadow:0 1px 4px #0002}.reno-material-picker .card[aria-pressed=true]{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue);background:#f6f8ff}.reno-material-picker .card[aria-pressed=true] .check{display:flex}.reno-material-picker .customCard{grid-column:span 2;border:1px dashed #cdd3df;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:158px;background:#fbfbfd;text-align:center}.reno-material-picker .customCard .plus{font-size:25px;color:#8b96ac;font-weight:300}.reno-material-picker .customCard strong{font-size:13px;margin-top:10px}.reno-material-picker .customCard .tone{font-size:11px;line-height:1.5}.reno-material-picker .selection{display:flex;align-items:center;gap:17px;background:#f9f8f5;border:1px solid #e8e5df;border-radius:12px;padding:16px;margin-top:24px;min-height:105px}.reno-material-picker .sample{flex:none;width:78px;height:78px;background:#e9e6df;border-radius:8px;overflow:hidden}.reno-material-picker .sample img{width:100%;height:100%;object-fit:cover}.reno-material-picker .selectioncopy{flex:1}.reno-material-picker .selectioncopy .eyebrow{font-size:8px;color:#868b96;letter-spacing:1px}.reno-material-picker .selectioncopy h3{font-size:16px;margin:5px 0;font-weight:650}.reno-material-picker .selectioncopy p{font-size:11px;color:#7b808b;margin:0;line-height:1.5}.reno-material-picker .primary{border:0;background:var(--blue);color:white;padding:13px 17px;border-radius:8px;font-weight:600;font-size:12px;white-space:nowrap}.reno-material-picker .primary span{padding-left:18px}.reno-material-picker .primary:disabled{background:#c4cbdc;cursor:default}.reno-material-picker .sampleNote{font-size:10px;line-height:1.6;color:#9b9da4;margin:12px 0 25px}.reno-material-picker textarea,.reno-material-picker input{width:100%;font:inherit;border:1px solid #dce0e7;border-radius:9px;padding:13px;color:#333b49;background:white}.reno-material-picker textarea{margin-top:10px;resize:vertical;font-size:12px;line-height:1.7;min-height:88px}.reno-material-picker textarea::placeholder,.reno-material-picker input::placeholder{color:#9a9ea8}.reno-material-picker .customBox{margin-top:20px}.reno-material-picker .customBox label{display:block;font-size:13px;margin-bottom:9px}.reno-material-picker .customBox input{font-size:13px}.reno-material-picker [data-m="status"]{min-height:16px;color:#355c40;font-size:11px;margin:9px 0 0}.reno-material-picker [hidden]{display:none!important}@media(min-width:1500px){}@media(max-width:1050px){}@media(max-width:760px){.reno-material-picker .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reno-material-picker .customCard{min-height:98px}.reno-material-picker .selection{flex-wrap:wrap;gap:13px;padding:13px}.reno-material-picker .primary{width:100%}.reno-material-picker .sample{width:64px;height:64px}.reno-material-picker .optional{display:none}.reno-material-picker .card img{aspect-ratio:1.3}.reno-material-picker .card strong{font-size:12px}.reno-material-picker .card .tone{font-size:10px}}@media(prefers-reduced-motion:reduce){.reno-material-picker button{transition:none}}.reno-material-picker .helper{border:1px solid #dedfdc;border-radius:12px;background:#faf9f6;padding:17px 20px;margin-bottom:28px}.reno-material-picker .helper summary{cursor:pointer;font-weight:650}.reno-material-picker .helper summary span{float:right;font-size:11px;font-weight:400;color:#8a8278}.reno-material-picker .helper p,.reno-material-picker .demoNote{font-size:11px;line-height:1.6;color:#85858c}.reno-material-picker .helper label{font-size:12px;font-weight:600}.reno-material-picker .examples{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.reno-material-picker .examples button,.reno-material-picker .collection button,.reno-material-picker .colourModes button,.reno-material-picker .tones button,.reno-material-picker .paletteRow button{border:1px solid #dddfe5;background:white;border-radius:7px;padding:9px 11px;font-size:11px;color:#535c6b}.reno-material-picker .collection{display:flex;gap:5px}.reno-material-picker .collection button[aria-pressed=true],.reno-material-picker .colourModes button[aria-pressed=true],.reno-material-picker .tones button[aria-pressed=true]{color:#2554ed;border-color:#2554ed;background:#f0f3ff}.reno-material-picker .colourBox{border-top:1px solid #e8e8eb;margin-top:24px;padding-top:23px}.reno-material-picker .colourModes,.reno-material-picker .tones{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.reno-material-picker .tones button{display:flex;align-items:center;gap:7px}.reno-material-picker .tones i{width:20px;height:20px;border-radius:50%;border:1px solid #0001;display:inline-block}.reno-material-picker .colourModes button{min-height:37px}.reno-material-picker [data-m="customColourBox"]{margin-top:15px}.reno-material-picker [data-m="customColourBox"] label{display:block;font-size:12px;margin-bottom:8px}.reno-material-picker [data-m="paletteSection"]{margin:25px 0;padding:20px;background:#faf9f6;border:1px solid #e8e5df;border-radius:12px}.reno-material-picker .paletteRow{display:flex;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid #e4e1da}.reno-material-picker .paletteRow:last-child{border:0}.reno-material-picker .paletteRow>div{flex:1}.reno-material-picker .paletteRow strong{font-size:12px}.reno-material-picker .paletteRow p{font-size:11px;line-height:1.6;color:#6f7782;margin:5px 0}.reno-material-picker .paletteRow button{max-width:130px}.reno-material-picker .card{display:flex;flex-direction:column;justify-content:flex-start}.reno-material-picker .card img{flex-shrink:0}.reno-material-picker .customCard{justify-content:center}.reno-material-picker .selectioncopy h3{line-height:1.5}.reno-material-picker .gridheading{flex-wrap:wrap}.reno-material-picker .sampleNote{margin-bottom:20px}@media(max-width:760px){.reno-material-picker .collection button{padding:8px}.reno-material-picker .helper{padding:15px}.reno-material-picker .helper summary span{display:none}.reno-material-picker .paletteRow{flex-wrap:wrap}.reno-material-picker .paletteRow>div{flex-basis:100%}.reno-material-picker .colourModes button{flex:1 1 45%}.reno-material-picker .tones button{flex:1 1 42%}.reno-material-picker .helper .primary{margin-top:5px}.reno-material-picker .card img{height:auto}.reno-material-picker .customCard{min-height:110px}}.reno-material-picker .textSample{display:flex;align-items:center;justify-content:center;min-height:100px;background:#f2f0eb;color:#807567;font-size:26px;border-radius:7px}.reno-material-picker .card img{height:auto;max-height:none}.reno-material-picker .grid{margin-top:14px}.reno-material-picker .card{width:auto;min-height:0}.reno-material-picker .sample img{height:100%}.reno-material-picker label{display:block}.reno-material-picker button{line-height:1.4}.reno-material-picker .primary{background:#2554ed;color:white}.reno-material-picker .card strong{color:#202633}
.reno-surface-choices{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.reno-surface-choices button{padding:10px 14px;border:1px solid #dce0e8;background:white;border-radius:9px;font:inherit;color:#343b4b}.reno-surface-choices button[aria-pressed=true]{color:#2554ed;border-color:#2554ed;background:#f0f3ff}.reno-material-picker .add-another{display:block;width:100%;margin:12px 0;padding:14px;border:1px dashed #9bafe7;border-radius:9px;background:#f5f7ff;color:#2554ed;font-weight:600}