colorway-preview{display:block}.colorway-showcase__inner{display:grid;gap:clamp(24px,4vw,64px);align-items:center}.colorway-showcase__media{min-width:0}.colorway-showcase__frame{border-radius:var(--media-radius)}.colorway-showcase__content{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}.colorway-showcase__content>*{margin:0}.colorway-showcase__content>.eyebrow+.heading{margin-top:-8px}.colorway-showcase__text{max-width:62ch;color:var(--text-muted)}.colorway-showcase__features{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;list-style:none}.colorway-showcase__feature{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:max(13px,calc(var(--font-size) - 1px))}.colorway-showcase__feature-icon{--icon-size: 18px;color:var(--accent)}.colorway-showcase__feature-img{width:18px;height:18px;object-fit:contain}.colorway-showcase__swatches{margin:0;padding:0;list-style:none}.colorway-showcase--split .colorway-showcase__swatches{display:grid;grid-template-columns:repeat(var(--swatch-columns, 4),minmax(0,1fr));gap:12px;width:100%}.colorway-showcase__item{min-width:0;margin:0}.colorway-swatch,.colorway-swatch:visited{display:flex;flex-direction:column;gap:6px;color:var(--text-color);text-decoration:none}.colorway-swatch__media{display:block;aspect-ratio:1;overflow:hidden;border:1px solid var(--dotted-color);border-radius:calc(var(--media-radius) * .6);background-color:color-mix(in srgb,var(--text-color) 5%,var(--background));transition:border-color .15s ease,box-shadow .15s ease}.colorway-swatch__img{display:block;width:100%;height:100%;object-fit:cover}.colorway-swatch__name{font-size:max(12px,calc(var(--font-size) - 2px));font-weight:600;line-height:1.3}.colorway-swatch__code{margin-top:-4px;font-size:max(11px,calc(var(--font-size) - 3px));line-height:1.3;color:var(--text-muted)}.colorway-swatch:hover .colorway-swatch__media,.colorway-swatch.is-active .colorway-swatch__media{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.colorway-swatch.is-unavailable .colorway-swatch__media{opacity:.5}.colorway-showcase__more{font-size:max(13px,calc(var(--font-size) - 1px))}.colorway-showcase--strip .colorway-showcase__more{margin-top:16px}.colorway-showcase__empty{padding:16px;border:1px dashed var(--dotted-color);color:var(--text-muted)}@media screen and (min-width:990px){.colorway-showcase__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.colorway-showcase--media-right .colorway-showcase__media{order:2}}
/*# sourceMappingURL=/cdn/shop/t/204/assets/section-colorway-showcase.css.map */