sv-card-colors.sv-card-colors{display:block;position:relative;width:100%;min-width:0;max-width:100%;margin-top:10px}
.sv-card-colors .sv-color-rail{display:flex;gap:4px;justify-content:safe center;width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:3px 1px 4px;margin:0;border:0;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.sv-color-rail::-webkit-scrollbar{display:none}
.sv-color-choice{position:relative;display:block;flex:0 0 42px;width:42px;scroll-snap-align:center}
.sv-color-thumb{display:flex;align-items:center;justify-content:center;width:42px;height:44px;padding:3px;border:1px solid #e4e0db;background:#faf9f7;border-radius:0;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}
.sv-color-thumb__image{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}
.sv-color-choice input:checked+.sv-color-thumb{border-color:#514234;box-shadow:inset 0 0 0 1px #514234;background:#f5f1eb}
.sv-color-choice input:focus-visible+.sv-color-thumb{outline:2px solid #514234;outline-offset:2px}
.sv-color-choice input[data-sv-available="false"]+.sv-color-thumb{opacity:.55}
.sv-color-choice input[data-sv-available="false"]+.sv-color-thumb:after{content:"";position:absolute;bottom:8px;left:7px;right:7px;height:1px;background:#847a70;transform:rotate(-35deg)}
.sv-color-thumb__fallback{font-size:9px;line-height:1.2;text-align:center;overflow-wrap:anywhere;letter-spacing:.02em;color:#675c51}.sv-color-choice input:disabled+.sv-color-thumb{cursor:not-allowed}
.sv-color-summary{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;column-gap:8px;row-gap:2px;min-height:16px;margin:5px 0 0;color:#554c43;font-size:10px;line-height:1.5;letter-spacing:.02em}
.sv-color-count{color:#938b82;font-size:9px;white-space:nowrap}
.sv-color-count:before{content:"·";margin-right:8px}
.sv-color-arrow{position:absolute;top:3px;z-index:2;width:23px;height:44px;display:flex;justify-content:center;align-items:center;color:#40362c;border:0;cursor:pointer}
.sv-color-arrow[hidden]{display:none!important}.sv-color-arrow--prev{left:0;background:linear-gradient(90deg,#fff 65%,#ffffffdd)}.sv-color-arrow--next{right:0;background:linear-gradient(270deg,#fff 65%,#ffffffdd)}
.sv-color-arrow:focus-visible{outline:2px solid #514234;outline-offset:1px}
@media(hover:hover){.sv-color-thumb:hover{border-color:#8e8172}}
@media(max-width:699px){.sv-card-colors .sv-color-rail{gap:3px}.sv-color-choice{width:38px;flex-basis:38px}.sv-color-thumb{width:38px;height:44px;padding:3px}.sv-color-summary{font-size:9px;column-gap:6px}.sv-color-count{font-size:8px}.sv-color-count:before{margin-right:6px}}
@media(prefers-reduced-motion:reduce){.sv-color-thumb{transition:none}}
