.preview-color-picker{border:0;margin:16px 0 0;padding:0;min-width:0;color:#1b2430;text-align:left}.preview-color-picker legend{font:600 14px/1.5 Inter,sans-serif;margin-bottom:10px;padding:0}.preview-color-options{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.preview-color-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;margin:0;padding:9px 3px;min-height:86px;border:2px solid transparent;border-radius:8px;font:400 11px/1.25 Inter,sans-serif;text-align:center;cursor:pointer}.preview-color-option input{position:absolute;width:1px;height:1px;opacity:0;inset:0}.preview-color-option:has(input:checked){border-color:#354c3f;background:#ffffff70}.preview-color-option:has(input:focus-visible){outline:3px solid #354c3f;outline-offset:3px}.preview-color-swatch{display:block;width:32px;height:32px;border:1px solid #827966;border-radius:50%;flex-shrink:0}.preview-color-option small{font-size:9px}.preview-color-status{min-height:3em;margin:8px 0 0;font:400 12px/1.5 Inter,sans-serif;color:#4c554e}.book-hero .preview-color-picker{width:100%;max-width:600px;margin-inline:auto}.preview-color-picker[aria-busy=true]{cursor:progress}@media(max-width:700px){.preview-color-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.preview-color-option{min-height:86px}}
@media(width < 600px){.book-hero .preview-color-options{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:6px;scroll-padding-inline:6px}.book-hero .preview-color-option{flex:0 0 72px;box-sizing:border-box}}