.cps-sleek{width:100%;min-width:0}.cps-sleek__grid{gap:var(--gap-20);grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}@media (min-width:640px){.cps-sleek__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.cps-sleek__grid{gap:var(--gap-20)var(--gap-16);grid-template-columns:repeat(4,minmax(0,1fr))}}.cps-sleek--product{flex-direction:column;display:flex}.cps-sleek__viewport{width:100%;min-width:0;position:relative}.cps-sleek__nav{z-index:5;border:1px solid var(--brand-border-color-light);background:var(--brand-white);width:2.5rem;height:2.5rem;box-shadow:0 2px 8px color-mix(in srgb,var(--brand-black)8%,transparent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .2s,box-shadow .2s;display:none;position:absolute;top:50%;transform:translateY(-50%)}.cps-sleek__nav:hover{border-color:var(--brand-border-color);box-shadow:0 4px 12px color-mix(in srgb,var(--brand-black)12%,transparent)}.cps-sleek__nav.swiper-button-disabled,.cps-sleek__nav.swiper-button-lock{opacity:.3;cursor:not-allowed}.cps-sleek__nav--prev{inset-inline-start:0}.cps-sleek__nav--next{inset-inline-end:0}.cps-sleek__nav-icon{width:.875rem;height:1rem;color:var(--brand-neutral-text)}.cps-sleek__swiper{width:100%;min-width:0;min-height:0;overflow:hidden}.cps-sleek__swiper .swiper-wrapper{justify-content:flex-start;align-items:stretch}.cps-sleek__slide{box-sizing:border-box;height:auto}.cps-sleek__slide>*{height:100%}.cps-sleek__indicators{margin-top:var(--gap-16);justify-content:center;gap:var(--gap-8);width:100%;display:none}.cps-sleek__indicators .swiper-pagination-bullet{margin:0}.cps-sleek__indicators .swiper-pagination-bullet-active{background:var(--brand-primary-deep);border-radius:20px;width:42px}@media (max-width:767px){.cps-sleek--controls-mobile .cps-sleek__nav,.cps-sleek--indicators-mobile .cps-sleek__indicators{display:flex}.cps-sleek__nav{width:2.25rem;height:2.25rem}}@media (min-width:768px) and (max-width:1023px){.cps-sleek--controls-tablet .cps-sleek__nav,.cps-sleek--indicators-tablet .cps-sleek__indicators{display:flex}}@media (min-width:1024px){.cps-sleek--controls-desktop .cps-sleek__nav,.cps-sleek--indicators-desktop .cps-sleek__indicators{display:flex}}
