.swatch-input__input+.swatch-input__label.swatch-input__label--pill{--swatch-input--border-radius: 2rem;display:flex;align-items:center;padding-left:.6rem;padding-right:1.2rem;min-width:8rem;max-width:100%;height:4rem;border-radius:var(--swatch-input--border-radius);border:.1rem solid rgba(var(--color-foreground),.15);background-color:var(--color-secondary-400);transition:background-color .2s ease-in-out,border-color .2s ease-in-out;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.swatch-input__label--pill .swatch{margin-right:.8rem;flex-shrink:0}.swatch-input__label--pill .swatch-label-text{font-size:1.4rem;color:rgb(var(--color-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:DMSansRegular}.swatch-input__input:active+.swatch-input__label.swatch-input__label--pill,.swatch-input__input:checked+.swatch-input__label.swatch-input__label--pill{outline:none;background-color:#121214;border-color:#121214}.swatch-input__input:checked+.swatch-input__label.swatch-input__label--pill .swatch-label-text{color:#fff;font-family:DMSansRegular}.swatch-input__input:not(:checked)+.swatch-input__label.swatch-input__label--pill:hover,.swatch-input__input:not(:checked):hover+.swatch-input__label.swatch-input__label--pill{outline:none;background-color:rgba(var(--color-foreground),.03);border-color:rgba(var(--color-foreground),.3)}.swatch-input__input:focus-visible+.swatch-input__label.swatch-input__label--pill{outline:none;border-color:rgba(var(--color-foreground),.5);box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 .1rem .5rem rgba(var(--color-foreground),.25)}.swatch-input__input:active:focus-visible+.swatch-input__label.swatch-input__label--pill,.swatch-input__input:checked:focus-visible+.swatch-input__label.swatch-input__label--pill{outline:none;border-color:#121214;box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 .1rem .4rem #181b1b40}@media screen and (max-width: 749px){.swatch-input__input+.swatch-input__label.swatch-input__label--pill{min-width:7rem;height:3.6rem;padding-left:.5rem;padding-right:1rem}.swatch-input__label--pill .swatch-label-text{font-size:1.2rem;font-family:DMSansRegular}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-swatch-pill.css.map */