.scc{--scc-card-min: 104px;--scc-preview-height: 82px;display:block;min-width:0;max-width:100%;margin-bottom:20px;border-top:1px solid #ded6cf;padding-top:16px}.scc__heading{margin-bottom:10px}.scc__heading .form__label{margin:0}.scc__track{position:relative;display:flex;align-items:stretch;gap:8px;padding:3px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.scc__track::-webkit-scrollbar{display:none}.scc .scc__card{display:flex;flex:0 0 auto;flex-direction:column;align-items:stretch;gap:0;min-width:var(--scc-card-min);width:max-content;margin:0;padding:0;border:1px solid #ded6cf;border-radius:4px;overflow:hidden;background:#fff;color:#391b0b;font:inherit;cursor:pointer;box-shadow:none}.scc .scc__card[aria-checked=true]{border-color:#391b0b;box-shadow:inset 0 0 0 1px #391b0b;background:#f7f5f2}.scc .scc__card:focus-visible{outline:2px solid #a97655;outline-offset:1px}.scc .scc__card:disabled{opacity:.4;cursor:not-allowed}.scc .scc__card:disabled .scc__name{text-decoration:line-through}.scc__preview{display:flex;width:100%;height:var(--scc-preview-height);overflow:hidden;border-radius:0;background:#f1eeea;background-position:center!important;background-size:cover!important}.scc__preview img{display:block;width:0;flex:1 1 0;min-width:0;height:100%;object-fit:cover}.scc__name{min-height:0;padding:5px 4px;font-size:11px;font-weight:400;line-height:1.35;white-space:nowrap;overflow-wrap:normal;text-align:left}.scc__rail{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:3px}.scc__rail--single{grid-template-columns:minmax(0,1fr)}.scc .scc__arrow{display:grid;place-items:center;width:28px;height:44px;margin:0;padding:7px;border:0;border-radius:3px;background:transparent;color:#391b0b;cursor:pointer;box-shadow:none}.scc .scc__arrow:disabled{opacity:.25;cursor:default}.scc .scc__arrow:focus-visible{outline:2px solid #a97655;outline-offset:1px}.scc__arrow .icon{width:10px;height:10px;transform:rotate(-90deg)}.scc__arrow[data-colour-page="-1"] .icon{transform:rotate(90deg)}.scc [hidden]{display:none!important}@media screen and (max-width:749px){.scc{--scc-card-min: 76px;--scc-preview-height: 56px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/seat-cover-colour-cards.css.map */