.dynamic-banners{display:flex;flex-direction:column;gap:var(--spacing-8)}.dynamic-banner-container{border-radius:var(--radius-interactive);overflow:hidden;position:relative}.banner-image{display:none;-o-object-fit:cover;object-fit:cover;position:absolute}.banner-action{align-items:center;display:inline-flex;justify-content:center;position:absolute;text-decoration:none;z-index:2}.banner-mega{height:320px;max-width:1052px;width:100%}.dynamic-banner-container .banner-mega{background-color:transparent}.banner-mega .banner-image{height:100%;inset:0;width:100%}.banner-mega .banner-action{bottom:24px;left:24px}.banner-mini{height:311px;width:221px}.dynamic-banner-container.banner-mini{background-color:var(--color-surface-subtle)}.banner-mini .banner-image{border-radius:var(--radius-interactive);height:134px;left:50%;-o-object-fit:fill;object-fit:fill;top:16px;transform:translateX(-50%);width:189px}.banner-mini .banner-action{bottom:16px;left:50%;text-align:center;transform:translateX(-50%);width:189px}@media (max-width:768px){.banner-mini{height:151px;width:328px}.banner-mini .banner-image{height:100px;left:16px;top:50%;transform:translateY(-50%);width:140px}.banner-mini .banner-action{left:auto;right:16px;top:54%;transform:translateY(50px) translateY(-100%);width:140px}.banner-mega{height:240px;width:328px}.banner-mega .banner-image{height:100%;inset:0;-o-object-fit:fill;object-fit:fill;width:100%}.banner-mega .banner-action{bottom:16px;left:auto!important;right:16px}.banner-image.MOBILE{display:block}}@media (min-width:769px) and (max-width:1023px){.banner-image.TABLET{display:block}}@media (min-width:1024px){.banner-image.DESKTOP{display:block}}