.banner-card,.promo-card{height:100%;position:relative}.banner-card-content-wrapper,.promo-card-content-wrapper{cursor:pointer;isolation:isolate;z-index:1;flex-direction:column;align-items:start;gap:8px;width:100%;height:100%;padding:8px;display:flex;position:relative;overflow:hidden}@container (min-width:540px){.banner-card-content-wrapper,.promo-card-content-wrapper{padding:12px}}.banner-card-exclusive,.promo-card-exclusive{width:fit-content;font-size:var(--text-xs);line-height:var(--text-xs--line-height);font-weight:var(--font-weight-semibold);background-color:color-mix(in oklab, var(--color-accent-default) 10%, transparent);color:var(--color-accent-default);z-index:1;white-space:nowrap;border-radius:var(--radius-xs);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-accent-default) 10%, transparent);align-self:flex-start;align-items:center;gap:2px;padding-block:4px;padding-inline:6px 8px;display:flex;position:relative}.banner-card-exclusive svg,.promo-card-exclusive svg{fill:currentColor;width:16px;height:16px}.banner-card-content,.promo-card-content{z-index:1;gap:inherit;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;position:relative}.banner-text-lg,.promo-text-lg{font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-semibold);color:var(--color-neutral-content-primary);text-align:start;flex-direction:column;flex:1;justify-content:center;max-height:64px;margin:auto 0;display:flex}@container (min-width:540px){.banner-text-lg,.promo-text-lg{font-size:var(--text-base);line-height:var(--text-base--line-height);max-height:none}}.banner-text-lg p,.promo-text-lg p{font-size:inherit;line-height:inherit}.banner-text-bold,.promo-text-bold{font-weight:var(--font-weight-semibold)}.banner-text-highlight,.promo-text-highlight{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height);color:var(--color-brand-default);font-family:var(--font-display), "sans-serif";letter-spacing:var(--tracking-display);font-weight:var(--font-weight-display)}@container (min-width:540px){.banner-text-highlight,.promo-text-highlight{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height)}}.banner-button,.promo-button{border-radius:var(--radius-md);background-color:var(--color-neutral-surface-high);text-align:center;width:auto;min-width:100px;height:36px;font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-semibold);color:var(--color-neutral-content-primary);cursor:pointer;padding:8px 12px}.promo-card .banner-image{z-index:0;position:absolute;inset:0}.promo-card .banner-image img{object-fit:cover;object-position:top;width:100%;height:100%}html[dir=rtl] .promo-card .banner-image img{transform:scaleX(-1)}.promo-card .banner-bg-logo,.promo-card .promo-bg-logo{z-index:0;object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}html[dir=rtl] .promo-card .banner-bg-logo,html[dir=rtl] .promo-card .promo-bg-logo{transform:scaleX(-1)}
.banner-card-v2{cursor:pointer;background-color:var(--color-neutral-surface-high);outline:1px solid color-mix(in oklab, var(--color-comp-card-ring) 10%, transparent);outline-offset:-1px;border-radius:var(--radius-comp-card-default);isolation:isolate;height:100%;display:flex;position:relative;overflow:hidden}.banner-card-wrapper-v2{z-index:1;flex-direction:column;flex:1;gap:12px;min-width:0;padding:12px;display:flex;position:relative}.banner-card-content-v2{text-align:start;flex-direction:column;flex:1;align-items:start;gap:4px;width:100%;display:flex}.banner-headline-v2{text-align:start;width:calc(100% + 12px);font-family:var(--font-display), sans-serif;font-weight:var(--font-weight-display);letter-spacing:var(--tracking-display);flex-direction:column;align-items:start;font-size:clamp(17px,4.2vw,18px);line-height:1.4;display:flex;overflow:hidden}@container (min-width:540px){.banner-headline-v2{font-size:var(--text-xl);line-height:var(--text-xl--line-height)}}@container (min-width:708px){.banner-headline-v2{font-size:var(--text-lg);line-height:var(--text-lg--line-height)}}.banner-headline-primary-v2{color:var(--color-neutral-content-primary);text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.banner-headline-highlight-v2{color:var(--color-brand-default);text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.banner-description-v2{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-neutral-content-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@container (min-width:540px){.banner-description-v2{font-size:var(--text-base);line-height:var(--text-base--line-height)}}.banner-button-v2{border-radius:var(--radius-comp-button-md);border:1px solid var(--color-neutral-ring-default);text-align:center;min-width:100px;height:auto;font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-semibold);color:var(--color-neutral-content-primary);cursor:pointer;box-shadow:var(--shadow-md);align-self:flex-start;padding:8px 12px;transition:background-color .2s}.banner-button-v2:hover{background:color-mix(in oklab, currentColor 10%, transparent)}.banner-card-v2 .banner-image,.banner-card-v2 .banner-image-v2{width:32%;min-width:110px;position:relative}@container (min-width:1232px){.banner-card-v2 .banner-image,.banner-card-v2 .banner-image-v2{width:145px}}.banner-card-v2 .banner-image img,.banner-card-v2 .banner-image-v2 img{object-fit:contain;object-position:center;pointer-events:none;width:100%;height:100%}