.sunco-category-carousel-section{--sunco-category-ink: #172331;--sunco-category-muted: #5e6b77;--sunco-category-blue: var(--sunco-brand-blue, #107db3);--sunco-category-border: #dbe7ef;width:100%;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.sunco-category-carousel-section *,.sunco-category-carousel-section *:before,.sunco-category-carousel-section *:after{box-sizing:border-box}.sunco-category-carousel-section__inner{width:100%;padding:var(--sunco-category-padding-block-start, 28px) var(--sunco-category-padding-inline, 24px) var(--sunco-category-padding-block-end, 28px)}.sunco-category-carousel-section__header{max-width:var(--page-width, 1440px);margin:0 auto 22px}.sunco-category-carousel-section__header--center{text-align:center}.sunco-category-carousel-section__eyebrow{margin:0 0 8px;color:var(--sunco-category-blue);font-family:var(--font-subheading--family);font-size:13px;font-style:var(--font-subheading--style);font-weight:800;letter-spacing:.06em;line-height:1.2;text-transform:uppercase}.sunco-category-carousel-section__heading{margin:0;color:var(--sunco-category-ink);font-family:var(--font-h2--family);font-size:var(--sunco-category-heading-size, 34px);font-style:var(--font-h2--style);font-weight:var(--font-h2--weight);letter-spacing:var(--font-h2--letter-spacing);line-height:var(--font-h2--line-height);text-transform:var(--font-h2--case)}.sunco-category-carousel-section__body{max-width:760px;margin-top:10px;color:var(--sunco-category-muted);font-family:var(--font-body--family);font-size:var(--font-paragraph--size);line-height:var(--font-paragraph--line-height)}.sunco-category-carousel-section__header--center .sunco-category-carousel-section__body{margin-inline:auto}.sunco-category-carousel-section__body p{margin:0}.sunco-category-carousel__shell{position:relative;width:100%}.sunco-category-carousel__viewport{width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 52px 10px;scroll-behavior:smooth;scroll-padding-inline:52px;scrollbar-width:none;touch-action:pan-x pan-y}.sunco-category-carousel__viewport::-webkit-scrollbar{display:none}.sunco-category-carousel__viewport:focus-visible{border-radius:6px;outline:2px solid var(--sunco-category-blue);outline-offset:2px}@media(hover:hover)and (pointer:fine){.sunco-category-carousel__viewport{cursor:grab}.sunco-category-carousel__viewport.is-pointer-dragging{cursor:grabbing;scroll-behavior:auto;-webkit-user-select:none;user-select:none}}.sunco-category-carousel__track{display:grid;width:max-content;grid-auto-columns:var(--sunco-category-card-width, 148px);grid-auto-flow:column;grid-template-rows:minmax(0,auto);gap:var(--sunco-category-gap, 18px)}.sunco-category-carousel__card{display:grid;min-width:0;align-content:start;justify-items:center;gap:var(--sunco-category-image-title-gap, 6px);color:var(--sunco-category-ink);scroll-snap-align:start;text-align:center;text-decoration:none}.sunco-category-carousel__card:hover,.sunco-category-carousel__card:focus-visible{color:var(--sunco-category-blue);outline:none}.sunco-category-carousel__media{display:block;width:min(100%,var(--sunco-category-image-size, 124px));aspect-ratio:1;overflow:hidden;border:0;background:transparent}.sunco-category-carousel__media--circle{border-radius:50%}.sunco-category-carousel__media--rounded{border-radius:8px}.sunco-category-carousel__media--square{border-radius:0}.sunco-category-carousel__media img,.sunco-category-carousel__media svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.sunco-category-carousel__card:hover .sunco-category-carousel__media img,.sunco-category-carousel__card:hover .sunco-category-carousel__media svg,.sunco-category-carousel__card:focus-visible .sunco-category-carousel__media img,.sunco-category-carousel__card:focus-visible .sunco-category-carousel__media svg{transform:scale(1.035)}.sunco-category-carousel__card:focus-visible .sunco-category-carousel__media{outline:2px solid var(--sunco-category-blue);outline-offset:2px}.sunco-category-carousel__title{display:block;min-width:0;color:#3c3c3c;font-family:var(--font-body--family);font-size:var(--sunco-category-title-size, 14px);font-style:var(--font-body--style);font-weight:400;line-height:1.35;overflow-wrap:anywhere}.sunco-category-carousel__arrow{display:grid}.sunco-category-carousel__arrow.sunco-home-products__arrow--prev{inset-inline-start:4px}.sunco-category-carousel__arrow.sunco-home-products__arrow--next{inset-inline-end:4px}@media screen and (max-width:749px){.sunco-category-carousel-section__inner{padding-inline:max(12px,min(var(--sunco-category-padding-inline, 24px),24px))}.sunco-category-carousel-section__heading{font-size:var(--sunco-category-heading-size-mobile, 28px)}.sunco-category-carousel-section__header{margin-bottom:18px}.sunco-category-carousel__viewport{padding-inline:46px;scroll-padding-inline:46px;scroll-snap-type:x mandatory}.sunco-category-carousel__track{grid-auto-columns:var(--sunco-category-card-width-mobile, 128px);grid-template-rows:minmax(0,auto)}.sunco-category-carousel__card{gap:var(--sunco-category-image-title-gap, 6px)}.sunco-category-carousel__media{width:min(100%,var(--sunco-category-image-size-mobile, 104px))}.sunco-category-carousel__arrow.sunco-home-products__arrow{display:grid;width:40px;height:40px}.sunco-category-carousel__arrow.sunco-home-products__arrow--prev{inset-inline-start:0}.sunco-category-carousel__arrow.sunco-home-products__arrow--next{inset-inline-end:0}}@media screen and (max-width:479px){.sunco-category-carousel__viewport{padding:2px 44px 8px 8px;scroll-padding-inline-start:8px;scroll-padding-inline-end:44px}.sunco-category-carousel__track{grid-auto-columns:clamp(88px,25vw,var(--sunco-category-card-width-mobile, 104px));column-gap:10px}.sunco-category-carousel__media{width:min(100%,calc(var(--sunco-category-image-size-mobile, 104px) * .8))}.sunco-category-carousel__arrow.sunco-home-products__arrow{width:38px;height:38px}.sunco-category-carousel__arrow.sunco-home-products__arrow--prev{inset-inline-start:2px}.sunco-category-carousel__arrow.sunco-home-products__arrow--next{inset-inline-end:2px}}@media(prefers-reduced-motion:reduce){.sunco-category-carousel__viewport{scroll-behavior:auto}.sunco-category-carousel__media img,.sunco-category-carousel__media svg,.sunco-category-carousel__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/367/assets/sunco-home-category-carousel.css.map */