.mm-tile{display:block;width:7.6rem;min-width:7.6rem;padding:0;overflow:hidden;border:1px solid rgba(var(--color-foreground),.16);border-radius:.4rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:inherit;text-align:center;text-decoration:none;cursor:pointer;transition:border-color .15s ease}.mm-tile:hover{border-color:rgba(var(--color-foreground),.55)}.mm-tile img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;background-color:#fff}.mm-tile__label{display:block;padding:.45rem .3rem .55rem;font-size:1rem;line-height:1.25;letter-spacing:.02em;text-transform:none;word-break:break-word;transition:background-color .15s ease,color .15s ease}.mm-tile--current,.mm-tile[data-mm-active=true]{border-color:rgb(var(--color-foreground))}.mm-tile[data-mm-active=true]{box-shadow:inset 0 0 0 1px rgb(var(--color-foreground))}.mm-tile[data-mm-active=true]>.mm-tile__label{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.mm-fmt{margin:1.6rem 0}.mm-fmt__label{margin:0 0 .8rem;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.mm-fmt__row{display:flex;flex-wrap:wrap;gap:.8rem}.product-form__input--pill:has(label.mm-color-tile){display:flex;flex-wrap:wrap;gap:.8rem}.product-form__input--pill:has(label.mm-color-tile)>legend{flex:0 0 100%;margin-bottom:.2rem}.product-form__input--pill input[type=radio]+label.mm-color-tile{margin:0;padding:0;min-width:7.6rem;border-radius:.4rem;font-size:1rem;letter-spacing:.02em;text-transform:none}.product-form__input--pill input[type=radio]:checked+label.mm-color-tile{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 1px rgb(var(--color-foreground));background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.product-form__input--pill input[type=radio]:checked+label.mm-color-tile>.mm-tile__label{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.product-form__input--pill input[type=radio].disabled+label.mm-color-tile>img{opacity:.4}.product-form__input--pill input[type=radio]:focus-visible+label.mm-color-tile{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}@media screen and (max-width:749px){.mm-tile,.product-form__input--pill input[type=radio]+label.mm-color-tile{width:6.4rem;min-width:6.4rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/mm-variant-tiles.css.map */