[data-material-options]{box-sizing:border-box;min-width:0;overflow-wrap:anywhere}
[data-material-options] *{box-sizing:border-box}
[data-material-options] label{display:block}
[data-material-options] select,[data-material-options] input[type=number]{max-width:100%;font:inherit;margin:8px 0;padding:8px}
[data-material-options] details{margin:14px 0;border:1px solid #d8ded8;padding:12px}
[data-material-options] summary{cursor:pointer;font-weight:650;overflow-wrap:anywhere}
[data-material-options] fieldset{min-width:0;padding:0;border:0;margin:0}
[data-material-options] legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.material-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(110px,100%),1fr));gap:12px}
.material-choice{border:1px solid #d8ded8;padding:8px;min-width:0;cursor:pointer;overflow-wrap:anywhere}
.material-choice:has(input:checked){border:2px solid #23543e;background:#eef5ee;padding:7px}
.material-choice img{display:block;width:100%;max-width:100%;height:90px;object-fit:contain;margin:8px 0}
.material-choice span,.material-choice small{display:block}
.material-choice small{font-size:12px;margin-top:5px}
.material-choice input{width:18px;height:18px;accent-color:#23543e}
.sample-by-quote{min-height:50px;font-size:14px}
[data-material-options] button{font:inherit;padding:8px;margin:8px 0}
[data-selection-summary]{overflow-wrap:anywhere}