.highlight-hub{position:relative;box-sizing:content-box;max-width:var(--content-max-width);margin:var(--ds-spacing-xl) auto var(--ds-spacing-l)}@container (min-width: 768px){.highlight-hub{padding:0 var(--ds-spacing-m)}}@container (max-width: 767px){.highlight-hub--is-grid{overflow:hidden}.highlight-hub--is-grid .highlight-hub__list{flex-wrap:nowrap;margin-bottom:0}.highlight-hub--is-grid .highlight-hub__item:nth-child(n+3){display:none}}.highlight-hub__title{padding-bottom:var(--ds-spacing-l)}.highlight-hub--center .highlight-hub__title{text-align:center}@container (min-width: 768px){.highlight-hub__title{padding-bottom:var(--ds-spacing-xl)}}.highlight-hub__list{--columns: 2;--gap: 1rem;display:flex;flex-wrap:wrap;margin:calc(var(--gap) / 2 * -1);list-style:none}.highlight-hub--center .highlight-hub__list{justify-content:center}@container (min-width: 1024px){.highlight-hub--3cols .highlight-hub__list{--columns: 3}}@container (min-width: 1024px){.highlight-hub--4cols .highlight-hub__list{--columns: 4}}.highlight-hub__item{flex-basis:calc(100% / var(--columns));margin:0}@container (min-width: 1024px){.highlight-hub__item{padding-bottom:var(--ds-spacing-m)}}.highlight-hub__card{margin:calc(var(--gap) / 2)}.highlight-hub--3cols .highlight-hub__card .card-hub-highlight__thumbnail-ratio{padding-top:75%}.highlight-hub--4cols .highlight-hub__card .card-hub-highlight__thumbnail-ratio{padding-top:85%}@container (min-width: 1024px){.highlight-hub--4cols .highlight-hub__card .discount-sticker{font-size:var(--ds-sizing-xs);width:3.5rem;height:3.5rem}.highlight-hub--4cols .highlight-hub__card .discount-sticker__prefix,.highlight-hub--4cols .highlight-hub__card .discount-sticker__suffix{font-size:var(--ds-sizing-xxxs)}.highlight-hub--4cols .highlight-hub__card .card-hub-highlight__overlay{margin:var(--ds-spacing-xs)}.highlight-hub--4cols .highlight-hub__card .card-hub-highlight__badge{font-size:var(--ds-sizing-xxs)}}.highlight-hub__carousel.ds-carousel .ds-carousel__viewport{margin:0 -var(--ds-spacing-m)}.highlight-hub__carousel.ds-carousel .ds-carousel__container{gap:var(--ds-spacing-m);padding:0 var(--ds-spacing-m)}.highlight-hub__carousel.ds-carousel .ds-carousel__slide{padding-top:var(--ds-spacing-xxs);width:80%}@container (min-width: 540px){.highlight-hub__carousel.ds-carousel .ds-carousel__slide{width:26.3125rem}}.highlight-hub__carousel.ds-carousel .ds-carousel__slide .highlight-hub__card{width:100%}.highlight-hub-enter-active{overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1) .75s,opacity .25s cubic-bezier(.16,1,.3,1) .75s,width .75s cubic-bezier(.16,1,.3,1) .25s,height .75s cubic-bezier(.16,1,.3,1) .25s}.highlight-hub-leave-active{overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1) 0s,opacity .25s cubic-bezier(.16,1,.3,1) 0s,width .75s cubic-bezier(.16,1,.3,1) .25s,height .75s cubic-bezier(.16,1,.3,1) .25s}.highlight-hub-enter{opacity:0;transform:translate(-25%);width:calc(50% - var(--ds-spacing-xxs))}@container (min-width: 1024px){.highlight-hub-enter{width:calc(25% - var(--ds-spacing-xxs))}}.highlight-hub-leave-to{opacity:0;transform:translate(25%)}
