.kp-combo{margin:20px 0;color:var(--ink,#171717);min-width:0}
.kp-combo-colours,.kp-combo-size{border:0;padding:0;margin:0;min-width:0}
.kp-combo-colours{margin-bottom:24px}
.kp-combo-colours legend,.kp-combo-size legend{font:600 12px/1.5 inherit;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2,#777);margin-bottom:12px;max-width:100%}
.kp-combo-colours legend span,.kp-combo-size legend span{font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink,#171717);margin-left:4px}
.kp-combo-options{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.kp-combo-choice{display:flex;align-items:center;gap:10px;min-height:44px;max-width:100%;padding:6px 16px 6px 6px;border:1.5px solid #0000001f;border-radius:100px;background:transparent;color:var(--ink-2,#626262);font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;text-align:left;cursor:pointer;transition:background .16s,border-color .16s,color .16s}
.kp-combo-choice__dot{display:block;width:28px;height:28px;flex:0 0 28px;border-radius:50%;border:1px solid #00000016}
.kp-combo-choice__name{min-width:0;overflow-wrap:anywhere}
.kp-combo-choice.is-active{border-color:var(--ink,#171717);color:var(--ink,#171717);background:#00000008}
.kp-combo-choice:not(:disabled):hover{border-color:var(--ink,#171717);color:var(--ink,#171717)}
.kp-combo-choice:focus-visible{outline:2px solid var(--ink,#171717);outline-offset:3px}
.kp-combo-choice:disabled{cursor:wait}
.kp-combo [hidden]{display:none!important}
.kp-combo-size-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}
.kp-combo-size-head legend{margin:0}
.kp-combo-message{font-size:12px;line-height:1.5;color:#8d3427;margin-top:8px}
.kp-combo-message:empty{display:none}
@media(max-width:600px){.kp-combo{margin:18px 0}.kp-combo-choice{font-size:12px;gap:9px}.kp-combo-colours{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.kp-combo-choice{transition:none}}