.highlight{position:relative;margin:0;text-align:center;flex-direction:column;align-content:center;justify-content:flex-end;flex-basis:calc(16.666% - 1.25rem)}@container (min-width: 540px){.highlight{margin:var(--ds-spacing-xs)}}.highlight__image-container{position:relative;margin:0 auto var(--ds-spacing-m)}.highlight__image{display:block;padding:0;margin:0}.highlight__label{padding:0 var(--ds-spacing-xs)}.highlight__label--is-inactive{color:var(--ds-color-core-content-main-tertiary)}.highlight__discount{position:absolute;right:0;top:0;transform:translate(50%,-50%);width:var(--ds-sizing-xxl);height:var(--ds-sizing-xxl)}@container (min-width: 768px){.highlight__discount{width:4rem;height:4rem}}.highlight:hover .highlight__label{color:var(--ds-color-core-content-main-secondary)}.highlight:hover .highlight__label--is-inactive{color:var(--ds-color-core-content-main-tertiary)}.highlight:visited{color:var(--ds-color-interactive-active-main-primary)}.highlight--display-1{flex-basis:10.5rem;justify-content:start}@container (min-width: 320px){.highlight--display-1{flex-basis:27%;padding:0;margin:0 auto var(--ds-spacing-m)}}@container (min-width: 768px){.highlight--display-1{flex-basis:10rem;margin:0 var(--ds-spacing-xl) var(--ds-spacing-xl)}}@container (min-width: 1280px){.highlight--display-1{min-width:10.5rem;margin:0 var(--ds-spacing-m) var(--ds-spacing-m)}}.highlight--display-1 .highlight__image-container{margin:0 auto var(--ds-spacing-xs);width:100%;background-color:var(--ds-color-core-background-main-secondary);display:block;border-radius:var(--ds-border-radius-100);font-size:var(--ds-sizing-m)}@container (min-width: 320px){.highlight--display-1 .highlight__image-container{width:5.8rem;height:5.8rem}}@container (min-width: 400px){.highlight--display-1 .highlight__image-container{width:6.5rem;height:6.5rem}}@container (min-width: 700px){.highlight--display-1 .highlight__image-container{width:8.5rem;height:8.5rem}}@container (min-width: 768px){.highlight--display-1 .highlight__image-container{width:10rem;height:10rem}}@container (min-width: 1280px){.highlight--display-1 .highlight__image-container{width:10.5rem;height:10.5rem}}.highlight--display-1 .highlight__image{border-radius:var(--ds-border-radius-100);margin-bottom:0;width:100%;overflow:hidden;transform:scale(.95);transition:.2s linear}.highlight--display-1:hover,.highlight--display-1:focus{color:var(--ds-color-interactive-active-main-hover)}.highlight--display-1:hover .highlight__image,.highlight--display-1:focus .highlight__image{transform:scale(1)}.highlight--display-1 .highlight__label{line-height:1.25}.highlight--display-1 .highlight__discount{transform:translate(10%,-10%)}.highlight--display-2,.highlight--display-3{width:calc(50% - var(--ds-spacing-m));flex-basis:calc(50% - var(--ds-spacing-m));height:auto;background-color:var(--ds-color-core-background-main-primary);margin:var(--ds-spacing-m) var(--ds-spacing-xs)}@container (min-width: 768px){.highlight--display-2,.highlight--display-3{width:calc(33.3333333333% - var(--ds-spacing-m));flex-basis:calc(33.3333333333% - var(--ds-spacing-m))}}@container (min-width: 1024px){.highlight--display-2,.highlight--display-3{width:calc(16.6666666667% - var(--ds-spacing-m));flex-basis:calc(16.6666666667% - var(--ds-spacing-m))}}.highlight--display-2 .highlight__image-container,.highlight--display-3 .highlight__image-container{width:6rem;flex-basis:6rem;height:6rem;margin:0 auto var(--ds-spacing-m);display:block}.highlight--display-3{border:var(--ds-border-size-1) solid var(--ds-color-core-border-main-primary);border-radius:var(--ds-border-radius-4);margin:var(--ds-spacing-m) var(--ds-spacing-xs) 0}@container (min-width: 768px){.highlight--display-3{width:calc(25% - var(--ds-spacing-m));flex-basis:calc(25% - var(--ds-spacing-m))}}@container (min-width: 1024px){.highlight--display-3{width:calc(16.6666666667% - var(--ds-spacing-m));flex-basis:calc(16.6666666667% - var(--ds-spacing-m))}}.highlight--display-3 .highlight__image-container{width:100%;padding:0;height:auto;min-height:8.75rem;margin:0}.highlight--display-3 .highlight__label{height:var(--ds-sizing-xl)}@container (min-width: 1024px){.highlight--big{width:calc(25% - var(--ds-spacing-m));flex-basis:calc(25% - var(--ds-spacing-m))}}@container (min-width: 1024px){.highlight--big .highlight__image-container{width:7rem;flex-basis:7rem;height:7rem;margin:0 auto var(--ds-spacing-m)}}
