.kamdar-batik-picker .kamdar-batik-colours{max-width:100%;margin-bottom:2rem}
.kamdar-batik-picker .kamdar-batik-colours legend{margin-bottom:1.2rem}
.kamdar-batik-picker [data-selected-value]{font-weight:600}
.kamdar-batik-colour-grid{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.kamdar-batik-colour-grid label{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:4.8rem;min-width:4.8rem;margin:0;border:1px solid rgba(var(--color-foreground),.3);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;box-sizing:border-box}
.kamdar-batik-colour-grid .kamdar-batik-swatch{width:4.8rem;height:4.8rem;padding:.4rem;border-radius:50%}
.kamdar-batik-photo{display:block;width:100%;height:100%;border-radius:50%;background-repeat:no-repeat}
.kamdar-batik-colour-grid .kamdar-batik-text{padding:.8rem 1.2rem;border-radius:.4rem;font-size:1.4rem;line-height:1.3}
.kamdar-batik-colour-grid input:checked+label{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}
.kamdar-batik-colour-grid input:checked+.kamdar-batik-swatch:after{content:'✓';position:absolute;right:-.3rem;bottom:-.2rem;width:1.7rem;height:1.7rem;border-radius:50%;font:600 1.1rem/1.7rem sans-serif;text-align:center;background:rgb(var(--color-foreground));color:rgb(var(--color-background))}
.kamdar-batik-colour-grid input:focus-visible+label{box-shadow:0 0 0 .4rem rgb(var(--color-background)),0 0 0 .6rem rgb(var(--color-foreground))}
.kamdar-batik-colour-grid input.disabled+label:before{content:'';position:absolute;left:10%;top:50%;width:80%;height:2px;background:rgb(var(--color-foreground));box-shadow:0 1px 0 rgb(var(--color-background));transform:rotate(-45deg);z-index:1}
.kamdar-batik-colour-grid input.disabled+.kamdar-batik-text{text-decoration:line-through}
.kamdar-batik-picker .product-form__input--pill input[type=radio]+label{min-width:4.4rem;min-height:4.4rem;display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.4rem;box-sizing:border-box}
@media(forced-colors:active){.kamdar-batik-colour-grid input:checked+label{outline:2px solid Highlight}.kamdar-batik-colour-grid .visually-hidden:not(.label-unavailable){position:static!important;width:auto;height:auto;clip:auto;overflow:visible}.kamdar-batik-colour-grid .kamdar-batik-swatch{width:auto;height:auto;padding:.8rem;border-radius:.4rem}.kamdar-batik-photo{display:none}}