:root{--de-swatch-limit-default-columns: 6;--de-swatch-limit-max-tile-size: 1fr;--de-swatch-limit-toggle-background: #f1f1f1;--de-swatch-limit-toggle-text-size: 1.125rem}@media screen and (min-width:768px){:root{--de-swatch-limit-max-tile-size: var(--sp-14)}}de-swatch-limit{display:block}:root[data-swatch-limit=off] de-swatch-limit [data-de-swatch-limit-control]{display:none}:root:not([data-swatch-limit=off]) de-swatch-limit.de-swatch-limit .swatches{display:grid;grid-template-columns:repeat(var(--de-swatch-limit-columns, var(--de-swatch-limit-default-columns)),minmax(0,var(--de-swatch-limit-max-tile-size)));gap:var(--de-variant-picker-tile-gap, var(--sp-3))}@media screen and (min-width:768px){:root:not([data-swatch-limit=off]) de-swatch-limit.de-swatch-limit[data-expanded~=desktop] .swatches{grid-template-columns:repeat(auto-fill,var(--de-swatch-limit-max-tile-size))}}:root:not([data-swatch-limit=off]) de-swatch-limit .swatches.scroll-area{overflow:visible;scroll-snap-type:none}de-swatch-limit .swatches>li{min-width:0}:root:not([data-swatch-limit=off]) de-swatch-limit .swatches .color-swatch{display:block;width:100%;height:auto;aspect-ratio:1}@media screen and (max-width:767px){de-swatch-limit .de-swatch-limit__toggle-item--desktop-only,de-swatch-limit[data-expanded~=mobile] .de-swatch-limit__toggle-item,de-swatch-limit:not([data-expanded~=mobile]) .de-swatch-limit__show-less-item{display:none}de-swatch-limit .swatches .tooltip{display:none}}@media screen and (min-width:768px){de-swatch-limit .de-swatch-limit__toggle-item--mobile-only,de-swatch-limit[data-expanded~=desktop] .de-swatch-limit__toggle-item,de-swatch-limit:not([data-expanded~=desktop]) .de-swatch-limit__show-less-item{display:none}}de-swatch-limit .swatches .de-swatch-limit__toggle{display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));cursor:pointer;background:var(--de-swatch-limit-toggle-background)}.variant-picker de-swatch-limit .de-swatch-limit__toggle:focus-visible{outline-offset:calc(2px + var(--swatch-offset) * 2)}de-swatch-limit .de-swatch-limit__count{position:relative;font-size:var(--de-swatch-limit-toggle-text-size);font-weight:400;line-height:1;white-space:nowrap}de-swatch-limit .de-swatch-limit__show-less-item{grid-column:1 / -1;justify-self:start;white-space:nowrap}de-swatch-limit .de-swatch-limit__show-less{padding:0;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.2em;cursor:pointer;background:none}.product-card__variants de-swatch-limit .de-swatch-limit__tooltip{display:none}
/*# sourceMappingURL=/cdn/shop/t/242/assets/de-color-swatch-limit.css.map */