.swatch-group{display:flex;flex-direction:column;gap:1.8rem;margin:1.6rem 0 2.4rem}.swatch-group__row{display:flex;flex-direction:column;gap:.8rem}.swatch-group__heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;font-family:var(--font-heading-family);font-size:1.5rem;line-height:1.2}.swatch-group__label{font-family:Trajan Pro!important;font-weight:400;font-size:14px;line-height:170%;letter-spacing:0%;vertical-align:middle;text-transform:uppercase}.swatch-group__value{color:#273f4f;font-weight:400;font-size:14px;line-height:150%;letter-spacing:0%;text-align:center}.swatch-group__value:empty{display:none}.swatch-group__items--swatch{display:grid;grid-template-columns:repeat(7,60px);gap:8px;justify-content:start}.swatch-group__items--swatch .swatch-group__item{display:flex;align-items:center;justify-content:center;width:60px;height:60px;padding:4px;box-sizing:border-box;border:1px solid #d1d1d1;border-radius:0;background:#fff;box-shadow:none!important;overflow:hidden;text-decoration:none;transition:border-color .2s ease}.swatch-group__items--swatch .swatch-group__item:hover{border-color:#273f4f}.swatch-group__items--swatch .swatch-group__item.is-active{border:2px solid #273f4f}.swatch-group__items--swatch .swatch-group__item img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0}@media screen and (max-width:749px){.swatch-group__items--swatch{grid-template-columns:repeat(auto-fill,minmax(54px,54px))}.swatch-group__items--swatch .swatch-group__item{width:54px;height:54px}}.swatch-group__items--card{display:flex;flex-wrap:wrap;gap:1.2rem}.swatch-group__card{display:flex;align-items:center;gap:0rem;min-width:21rem;max-width:21rem;padding:0;border:1px solid #0D1B3D24;background:rgb(var(--color-background));text-decoration:none;color:rgb(var(--color-foreground));transition:border-color .15s ease,box-shadow .15s ease;align-items:stretch}.swatch-group__card:hover{border-color:rgba(var(--color-foreground),.5)}.swatch-group__card.is-active{border-color:rgb(var(--color-foreground));box-shadow:unset}.swatch-group__card-media img{display:block;width:5.6rem;height:5.6rem;object-fit:cover}.swatch-group__card-text{display:flex;flex-direction:column;gap:.2rem;background-color:#f9f8f6}.swatch-group__card-title{font-weight:500;font-size:13px;line-height:130%;letter-spacing:4%;text-align:left;padding:5px 5px 5px 10px}.swatch-group__card-subtitle{font-size:1.4rem;color:rgba(var(--color-foreground),.7)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-swatch-group.css.map */