.category-showcase{--cs-card-width: 300px;--cs-card-gap: 20px;--cs-card-radius: 20px;background-color:var(--cs-bg, #f8f8f7)}.category-showcase__header{max-width:var(--container-width, 1330px);margin-inline:auto;padding-inline:16px;text-align:center}.category-showcase__heading{margin:0;font-family:var(--heading-font-family);font-weight:700;font-size:var(--cs-heading-size, 32px);line-height:1.2;color:var(--cs-heading-color, #253150)}.category-showcase__description{margin:.5rem auto 0;max-width:43.75rem;font-size:var(--cs-description-size, 16px);color:var(--cs-description-color, #323e61)}.category-showcase__toggle{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.category-showcase__toggle-btn{height:2.25rem;padding:0 1.25rem;border:1px solid var(--cs-tab-border, #253150);border-radius:35px;background-color:var(--cs-tab-bg, #f1f3f5);color:var(--cs-tab-text, #253150);font-family:var(--heading-font-family);font-size:1rem;line-height:1.25;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;flex-shrink:0}.category-showcase__toggle-btn.is-active{background-color:var(--cs-tab-active-bg, #253150);border-color:var(--cs-tab-active-border, #253150);color:var(--cs-tab-active-text, #f8f8f7)}.category-showcase__viewport{position:relative;margin-top:2.25rem}.category-showcase__track{display:flex;gap:var(--cs-card-gap);padding-left:16px;padding-right:16px;overflow:auto hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;cursor:grab}.category-showcase__track::-webkit-scrollbar{display:none}.category-showcase__track.is-hidden{display:none}.category-showcase__track.is-centered{justify-content:center;padding-left:16px}.category-showcase__track.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}@media (pointer: fine){.category-showcase__track{scroll-behavior:auto;scroll-snap-type:none}}.category-showcase__card{position:relative;display:block;flex:0 0 var(--cs-card-width);width:var(--cs-card-width);aspect-ratio:4 / 5;border-radius:var(--cs-card-radius);overflow:hidden;scroll-snap-align:start;text-decoration:none}.category-showcase__card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.category-showcase__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0009,#0000 48%);pointer-events:none}.category-showcase__card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--light-background-color, #f1f3f5)}.category-showcase__card-placeholder svg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.category-showcase__label{position:absolute;left:50%;bottom:1.25rem;transform:translate(-50%);display:flex;align-items:center;justify-content:center;height:2.9375rem;z-index:1;max-width:calc(100% - 2.5rem);width:-moz-max-content;width:max-content;padding:0 1.5rem;border-radius:50px;background-color:var(--cs-pill-bg, #253150);color:var(--cs-pill-text, #f8f8f7);font-family:var(--heading-font-family);font-weight:700;font-size:1rem;line-height:1.2;text-align:center;overflow:hidden}.category-showcase__arrow{position:absolute;top:50%;right:16px;display:none;align-items:center;justify-content:center;width:3.375rem;height:3.375rem;padding:0;border:none;border-radius:50%;background-color:#fff;color:var(--text-color, #253150);box-shadow:0 4px 12px #00000026;cursor:pointer;transform:translateY(-50%);transition:opacity .2s ease,background-color .2s ease}.category-showcase__arrow svg{width:1.5rem;height:1.5rem}.category-showcase__arrow--prev{left:16px;right:auto}.category-showcase__arrow:disabled{opacity:0;pointer-events:none}@media (min-width: 750px){.category-showcase__arrow{display:inline-flex}}@media screen and (min-width: 1140px){.category-showcase__track{padding-inline:48px}.category-showcase__label{min-width:204px}.category-showcase__arrow{right:48px}.category-showcase__arrow--prev{left:48px}}@media (max-width: 749px){.category-showcase__heading{font-size:2rem}.category-showcase__description{font-size:1rem}.category-showcase__card{--cs-card-width: min(var(--cs-card-width-mobile, 280px), 85vw)}}