.hero.hero--overview{--slide-size: auto;--slide-spacing: 8px;display:flex}.hero.hero--overview .hero__inner{display:flex;flex-direction:column;align-items:flex-start;gap:32px;width:100%}.hero.hero--overview .hero__content{width:clamp(600px,15.69vw + 538.82px,840px);max-width:100%;color:rgb(var(--bg-brand-deep)/.6)}.hero.hero--overview .hero__categories{width:100%;position:relative}.hero.hero--overview .hero__categories:before,.hero.hero--overview .hero__categories:after{display:block;width:240px;height:120%;content:"";pointer-events:none;position:absolute;top:-10%;z-index:1}.hero.hero--overview .hero__categories:before{background:linear-gradient(90deg,rgb(var(--bg-dim)) 20%,transparent 100%);left:-40px}.hero.hero--overview .hero__categories:after{background:linear-gradient(270deg,rgb(var(--bg-dim)) 20%,transparent 100%);right:-40px}.hero.hero--overview .hero__categories__item{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:200px;height:100%;border:1px solid rgb(var(--bg-brand-deep)/.2);padding:16px 40px;background-color:transparent;font-weight:500;font-size:16px}.hero.hero--overview .hero__categories__item img{max-width:48px;max-height:48px}.hero.hero--overview .hero__categories__item.current{background-color:rgb(var(--bg-brand-deep));color:rgb(var(--fg-on-deep));pointer-events:none}.hero.hero--overview .hero__categories__item.current img{filter:brightness(0) invert(1)}@media(hover:hover)and (pointer:fine){.hero.hero--overview .hero__categories__item{transition:all var(--speed-default) ease-in-out}.hero.hero--overview .hero__categories__item:hover{background-color:rgb(var(--bg-brand-deep)/.2)}}.hero.hero--overview .hero__categories:has([data-carousel-prev].disabled):before{display:none}.hero.hero--overview .hero__categories:has([data-carousel-next].disabled):after{display:none}@media(max-width:767.98px){.hero.hero--overview .hero__categories{display:none}}.hero.hero--overview [data-carousel-prev],.hero.hero--overview [data-carousel-next]{--button-border-alpha: .1;box-shadow:0 0 32px #00000014;position:absolute;top:50%;transform:translateY(-50%);z-index:4}.hero.hero--overview [data-carousel-prev].disabled,.hero.hero--overview [data-carousel-next].disabled{display:none}.hero.hero--overview [data-carousel-prev]{left:0}.hero.hero--overview [data-carousel-next]{right:0}@media(max-width:767.98px){.hero.hero--overview{border-bottom:1px solid rgb(var(--bg-brand-deep)/.1)}}