.swatch{--swatch--size: var(--swatch-input--size, 4.4rem);--swatch--border-radius: var(--swatch-input--border-radius, 50%);display:block;width:var(--swatch--size);max-width:100%;aspect-ratio:1 / 1;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-origin:border-box;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--swatch--border-radius)}.swatch--square{--swatch--border-radius: var(--swatch-input--border-radius, .2rem)}.swatch--unavailable{border-style:dashed;border-color:rgba(var(--color-foreground),.5)}.swatch-input__label[data-swatch-color] .swatch.swatch--unavailable{border-style:solid}.swatch-input__label[data-swatch-color=black] .swatch{--swatch--background: #2B2B2B}.swatch-input__label[data-swatch-color=white] .swatch{--swatch--background: #F5F0E0}.swatch-input__label[data-swatch-color=ivory] .swatch{--swatch--background: #F5EEDC}.swatch-input__label[data-swatch-color=butter] .swatch{--swatch--background: #F5E070}.swatch-input__label[data-swatch-color=banana] .swatch{--swatch--background: #F2D878}.swatch-input__label[data-swatch-color=mustard] .swatch{--swatch--background: #C8A020}.swatch-input__label[data-swatch-color=blossom] .swatch{--swatch--background: #E8A0B8}.swatch-input__label[data-swatch-color=orchid] .swatch{--swatch--background: #C9A8D4}.swatch-input__label[data-swatch-color=violet] .swatch{--swatch--background: #6A4A9C}.swatch-input__label[data-swatch-color=berry] .swatch{--swatch--background: #6B2D3E}.swatch-input__label[data-swatch-color=crimson] .swatch{--swatch--background: #8C1A28}.swatch-input__label[data-swatch-color=terracotta] .swatch{--swatch--background: #C06848}.swatch-input__label[data-swatch-color=burnt-orange] .swatch{--swatch--background: #C85A1E}.swatch-input__label[data-swatch-color=yam] .swatch{--swatch--background: #C87840}.swatch-input__label[data-swatch-color=bay] .swatch{--swatch--background: #7B9BA8}.swatch-input__label[data-swatch-color=chambray] .swatch{--swatch--background: #8BAEC4}.swatch-input__label[data-swatch-color=blue-jean] .swatch{--swatch--background: #7C9DC0}.swatch-input__label[data-swatch-color=blue-spruce] .swatch{--swatch--background: #4A7A8C}.swatch-input__label[data-swatch-color=true-navy] .swatch{--swatch--background: #1E2A50}.swatch-input__label[data-swatch-color=seafoam] .swatch{--swatch--background: #9CC5BB}.swatch-input__label[data-swatch-color=sage] .swatch{--swatch--background: #8FAF7C}.swatch-input__label[data-swatch-color=light-green] .swatch{--swatch--background: #92BC8A}.swatch-input__label[data-swatch-color=grey] .swatch{--swatch--background: #9B9B9B}.swatch-input__label[data-swatch-color=granite] .swatch{--swatch--background: #6B6B6B}.swatch-input__label[data-swatch-color=graphite] .swatch{--swatch--background: #555050}.swatch-input__label[data-swatch-color=pepper] .swatch{--swatch--background: #4A4848}.swatch-input__label[data-swatch-color=espresso] .swatch{--swatch--background: #3A1C10}.swatch-input__label[data-swatch-color=khaki] .swatch{--swatch--background: #C4B08A}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-swatch.css.map */