byte-color-grid-slider{display:block}.byte-color-grid-slider{background:var(--byte-color-grid-bg, #ffffff)}.byte-color-grid-slider__inner{padding-top:var(--byte-color-grid-padding-top, 64px);padding-bottom:var(--byte-color-grid-padding-bottom, 64px)}.byte-color-grid-slider__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2.5rem}.byte-color-grid-slider__title{font-family:var(--font-heading-family);font-size:clamp(24px,2.5vw,36px);font-weight:400;line-height:1.2;color:var(--byte-color-grid-heading-color, #1a4332);margin:0;text-align:start;letter-spacing:-.01em}.byte-color-grid-slider__inner>.byte-color-grid-slider__title{margin-bottom:2.5rem}.byte-color-grid-slider__wrapper{display:block}.byte-color-grid-slider__controls{display:flex;align-items:center;gap:.75rem;flex-shrink:0;margin-left:auto}.byte-color-grid-slider__controls[hidden]{display:none}.byte-color-grid-slider__arrow{display:none;align-items:center;justify-content:center;flex-shrink:0;width:3rem;height:3rem;border:1px solid var(--byte-color-grid-heading-color, #1a4332);border-radius:50%;background:transparent;color:var(--byte-color-grid-heading-color, #1a4332);padding:0;cursor:pointer;transition:opacity .2s ease}.byte-color-grid-slider__arrow svg{width:2rem;height:2rem;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.byte-color-grid-slider__arrow:disabled{opacity:.35;cursor:not-allowed}.byte-color-grid-slider__arrow:focus-visible{outline:2px solid currentColor;outline-offset:3px}.byte-color-grid-slider__track{display:grid;grid-template-columns:repeat(var(--byte-color-grid-columns-mobile, 2),minmax(0,1fr));gap:var(--byte-color-grid-gap, 24px);min-width:0;justify-items:center}.byte-color-grid-slider__item{width:100%;max-width:var(--byte-color-grid-item-size, 140px)}.byte-color-grid-slider__link{display:block;text-decoration:none;color:inherit}.byte-color-grid-slider__media{position:relative;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#1a433214}.byte-color-grid-slider__media img,.byte-color-grid-slider__placeholder{width:100%;height:100%;object-fit:cover;display:block}.byte-color-grid-slider__placeholder{background:linear-gradient(145deg,#1a43321a,#1a433238)}.byte-color-grid-slider__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:.75rem;border-radius:50%;background:var(--byte-color-grid-overlay-bg, rgba(26, 67, 50, .3));color:var(--byte-color-grid-overlay-text, #ffffff);opacity:0;transition:opacity .22s ease;text-align:center}.byte-color-grid-slider__color-name{font-family:var(--font-body-family);font-size:clamp(11px,2.5vw,14px);font-weight:600;line-height:1.3;margin:0;letter-spacing:.02em}.byte-color-grid-slider__item--has-overlay:hover .byte-color-grid-slider__overlay,.byte-color-grid-slider__item--has-overlay:focus-within .byte-color-grid-slider__overlay{opacity:1}.byte-color-grid-slider__empty{font-family:var(--font-body-family);font-size:14px;color:var(--byte-color-grid-heading-color, #1a4332);text-align:center;margin:0;padding:2rem 1rem;border:1px dashed rgba(26,67,50,.25);border-radius:12px;opacity:.7}byte-color-grid-slider.is-slider .byte-color-grid-slider__arrow{display:inline-flex}byte-color-grid-slider.is-slider .byte-color-grid-slider__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-items:stretch}byte-color-grid-slider.is-slider .byte-color-grid-slider__track::-webkit-scrollbar{display:none}byte-color-grid-slider.is-slider .byte-color-grid-slider__item{flex:0 0 calc((100% - (var(--byte-color-grid-gap, 24px) * (var(--byte-color-grid-visible-columns, 2) - 1))) / var(--byte-color-grid-visible-columns, 2));max-width:none;scroll-snap-align:start}@media screen and (min-width:750px){.byte-color-grid-slider__track{grid-template-columns:repeat(var(--byte-color-grid-columns-tablet, 4),minmax(0,1fr))}}@media screen and (min-width:990px){.byte-color-grid-slider__track{grid-template-columns:repeat(var(--byte-color-grid-columns-desktop, 6),minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.byte-color-grid-slider__overlay{transition:none}.byte-color-grid-slider__item--has-overlay .byte-color-grid-slider__overlay{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/byte-color-grid-slider.css.map */