.product-form__input.top-swatched{display:flex;flex-wrap:wrap;gap:.8rem}.top-swatched .top-swatched__legend{margin-bottom:.4rem}.top-swatched .top-swatched__selected{font-weight:600;margin-left:.2rem}.product-form__input.top-swatched input[type=radio]+label.top-sw-pill{display:flex;align-items:center;gap:1rem;flex:0 0 calc(50% - .4rem);min-width:0;min-height:4.6rem;margin:0;padding:.7rem 1rem .7rem .7rem;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:1rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));text-align:left;line-height:1.2;letter-spacing:.01em;text-transform:none;font-size:1.4rem;font-weight:500;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.top-sw{flex:0 0 auto;width:3rem;height:3rem;border-radius:50%;background-size:cover;background-position:center;box-shadow:inset 0 0 0 .1rem #00000024,0 .1rem .3rem #0000002e}.top-sw__name{min-width:0;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.product-form__input.top-swatched input[type=radio]+label.top-sw-pill:after{display:none}@media(hover:hover){.product-form__input.top-swatched input[type=radio]:not(:checked)+label.top-sw-pill:hover{border-color:rgba(var(--color-foreground),.45)}}.product-form__input.top-swatched input[type=radio]:checked+label.top-sw-pill{background:rgba(var(--color-foreground),.04);color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground));font-weight:600}.product-form__input.top-swatched input[type=radio]:checked+label.top-sw-pill .top-sw{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .35rem rgb(var(--color-foreground))}.product-form__input.top-swatched input[type=radio]:focus-visible+label.top-sw-pill{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:.2rem}.product-form__input.top-swatched input[type=radio].disabled+label.top-sw-pill{opacity:.45}.product-form__input.top-swatched input[type=radio].disabled+label.top-sw-pill .top-sw__name{text-decoration:line-through}@media screen and (min-width:990px){.product-form__input.top-swatched input[type=radio]+label.top-sw-pill{flex-basis:calc(33.333% - .54rem)}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/top-swatches.css.map */