.banner{position:relative;display:block;width:100%;border-radius:var(--radius-medium);margin:0 var(--spacing-24);overflow:hidden;background:var(--color-surface-neutral-softer);transition:box-shadow .2s;cursor:pointer}.banner--skeleton{pointer-events:none;cursor:default;background:var(--color-surface-disabled)}.banner--error{cursor:pointer}.banner--extraSmall{aspect-ratio:3/4;max-width:186px}@supports not (aspect-ratio:1){.banner--extraSmall:before{content:"";display:block;padding-top:133.33%}.banner--extraSmall .banner__img{position:absolute;top:0;left:0}}.banner--small{aspect-ratio:13/5;max-width:400px}@supports not (aspect-ratio:1){.banner--small:before{content:"";display:block;padding-top:38.46%}.banner--small .banner__img{position:absolute;top:0;left:0}}.banner--medium{aspect-ratio:2/1;max-width:400px}@supports not (aspect-ratio:1){.banner--medium:before{content:"";display:block;padding-top:50%}.banner--medium .banner__img{position:absolute;top:0;left:0}}.banner--large{aspect-ratio:6/5;max-width:400px}@supports not (aspect-ratio:1){.banner--large:before{content:"";display:block;padding-top:83.33%}.banner--large .banner__img{position:absolute;top:0;left:0}}.banner__img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.banner__skeleton{width:100%;height:100%;min-height:64px;background:var(--color-surface-disabled)}.banner__error{flex-direction:column;height:100%;width:100%;gap:8px;background:none}.banner__error,.banner__error-icon{display:flex;align-items:center;justify-content:center}.banner__error-icon{width:32px;height:32px}.banner__error-text{text-align:center;margin-top:var(--spacing-8)}.banner__webview{width:100%;height:100%;background:transparent;border:none;display:flex;align-items:stretch;justify-content:stretch}