/* V127: colour variants on the public catalogue. */
.ss127-shade-box{margin:10px 0 0;border:1px solid #dce8f4;border-radius:12px;padding:9px;background:rgba(236,245,255,.42)}
.ss127-selected{display:flex;align-items:center;gap:9px;min-width:0}
.ss127-selected>i,.ss127-shade-choice>i{display:block;flex:0 0 34px;width:34px;height:31px;border-radius:9px;border:1px solid rgba(0,0,0,.18)}
.ss127-selected span{min-width:0;display:flex;flex-direction:column}.ss127-selected b{font-size:11px}.ss127-selected small{font-size:10px;color:#637c95}
.ss127-shade-chooser{margin-top:6px}.ss127-shade-chooser summary{cursor:pointer;font-size:11px;color:#1458a9;font-weight:800}
.ss127-shade-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:240px;overflow:auto;margin-top:9px}
.ss127-shade-choice{display:flex;align-items:center;gap:6px;min-width:0;text-align:left;background:#fff;border:1px solid #dae5f0;border-radius:10px;padding:6px;cursor:pointer;color:#183b60}
.ss127-shade-choice.active,.ss127-shade-choice:hover{border-color:#4382db;box-shadow:0 0 0 1px #4382db inset}
.ss127-shade-choice>i{width:24px;height:25px;flex-basis:24px}.ss127-shade-choice span{display:flex;flex-direction:column;min-width:0;overflow:hidden}
.ss127-shade-choice b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss127-shade-choice small{font-size:8px;color:#647f9b;line-height:1.3}
html[data-theme="dark"] .ss127-shade-box{background:#0c2038;border-color:#36506b}html[data-theme="dark"] .ss127-shade-choice{background:#122b47;color:#edf5ff;border-color:#38536f}
@media(max-width:420px){.ss127-shade-choices{grid-template-columns:1fr}}