.fsc-colors{margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid #e8e3dc;scroll-margin-top:100px}
.fsc-colors__heading{margin:0 0 14px;font:400 13px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#50473f}
.fsc-colors__row{display:flex;gap:12px;overflow-x:auto;padding:3px 3px 9px;max-width:100%;scrollbar-width:thin;scrollbar-color:#d3c7b6 transparent;-webkit-overflow-scrolling:touch}
.fsc-colors .fsc-colors__choice{display:flex;flex:0 0 72px;flex-direction:column;align-items:center;gap:9px;min-height:68px;padding:3px 2px;color:#3b342e;text-align:center;text-decoration:none;font:400 12px/1.35 Arial,sans-serif;white-space:normal}
.fsc-colors__swatch{display:block;width:30px;height:30px;flex:0 0 30px;border-radius:50%;border:1px solid #ded7ce;outline:1px solid transparent;outline-offset:4px}
.fsc-colors__choice[aria-current=true] .fsc-colors__swatch{outline-color:#5c4d3e}
.fsc-colors__choice[aria-current=true]{font-weight:600}
.fsc-colors__choice:focus-visible{outline:2px solid #6c5943;outline-offset:1px;border-radius:3px}
.fsc-colors__swatch--all{background:conic-gradient(#bda580,#8a9d99,#d6a6b2,#856b84,#bda580)}
.fsc-colors__swatch--black{background:#222}
.fsc-colors__swatch--red{background:#a7303a}
.fsc-colors__swatch--pink{background:#dbacb6}
.fsc-colors__swatch--blue{background:#89baca}
.fsc-colors__swatch--green{background:#7a9b85}
.fsc-colors__swatch--purple{background:#b2a0c5}
.fsc-colors__swatch--gold{background:linear-gradient(135deg,#e5d5b7,#bfa06b)}
.fsc-colors__swatch--silver{background:linear-gradient(135deg,#eee,#a9adb1)}
.fsc-colors__swatch--ivory{background:#f8f4e9}
.fsc-colors__swatch--multicolor{background:conic-gradient(#95c2c8,#c0a4c6,#e7b2bc,#b5cbb8,#95c2c8)}
.fsc-colors__empty{padding:24px}
@media(max-width:767px){.fsc-colors{margin:0 0 18px;padding-bottom:10px;scroll-margin-top:80px}.fsc-colors__row{gap:5px}.fsc-colors .fsc-colors__choice{flex-basis:63px}.fsc-colors__heading{font-size:12px}}

.fsc-colors__swatch--brown{background:#825b40}
.fsc-colors__swatch--neutral{background:#d8c5ad}
.fsc-colors__swatch--orange{background:#d47a45}
.fsc-colors__swatch--yellow{background:#e6c760}
.fsc-colors__swatch--clear{background:conic-gradient(#eee 25%,#fff 0 50%,#eee 0 75%,#fff 0);background-size:12px 12px}
