.banner-carousel{width:min(var(--banner-desktop-width,300px), calc(100vw - 2 * var(--banner-margin,16px)));border-radius:var(--banner-border-radius,12px);max-width:100%;box-shadow:var(--banner-shadow,none);opacity:var(--banner-opacity,1);background:#0f172a0f;position:relative;overflow:hidden}@media (max-width:1024px){.banner-carousel{width:min(var(--banner-tablet-width,220px), calc(100vw - 2 * var(--banner-margin,16px)))}}@media (max-width:640px){.banner-carousel{width:min(var(--banner-mobile-width,140px), calc(100vw - 2 * var(--banner-margin,16px)))}}.banner-carousel-keep-ratio .banner-carousel-viewport{aspect-ratio:4}.banner-carousel-viewport{outline:none;width:100%;height:100%;min-height:40px;position:relative}.banner-carousel-slide{transition:opacity .4s,transform .4s;display:block;position:absolute;inset:0}.banner-carousel-transition-fade .banner-carousel-slide{transform:none!important}.banner-carousel-image,.banner-carousel-image-placeholder{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.banner-carousel-image-placeholder{background:repeating-linear-gradient(45deg,#94a3b82e 0 10px,#94a3b814 10px 20px)}.banner-carousel-arrow{z-index:3;color:#fff;cursor:pointer;background:#0f172a8c;border:0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.banner-carousel-arrow:hover{background:#0f172acc}.banner-carousel-arrow-prev{left:4px}.banner-carousel-arrow-next{right:4px}.banner-carousel-indicators{z-index:3;justify-content:center;gap:4px;display:flex;position:absolute;bottom:6px;left:0;right:0}.banner-carousel-indicator{cursor:pointer;background:#ffffff8c;border:0;border-radius:50%;width:6px;height:6px;padding:0}.banner-carousel-indicator.active{background:#fff}.banner-carousel-selected{outline-offset:2px;outline:2px solid #ff9c00}.banner-carousel-test-link{z-index:4;color:#fff;cursor:pointer;background:#000000a6;border:0;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;bottom:6px;right:6px}@media (prefers-reduced-motion:reduce){.banner-carousel-slide{transition:none!important}}.public-portal-banners .banner-carousel{z-index:5;position:fixed}.public-portal-banners .banner-carousel-top-left{top:calc(var(--banner-margin,16px) + env(safe-area-inset-top,0px));left:calc(var(--banner-margin,16px) + env(safe-area-inset-left,0px))}.public-portal-banners .banner-carousel-top-right{top:calc(var(--banner-margin,16px) + env(safe-area-inset-top,0px));right:calc(var(--banner-margin,16px) + env(safe-area-inset-right,0px))}.public-portal-banners .banner-carousel-bottom-left{bottom:calc(var(--banner-margin,16px) + env(safe-area-inset-bottom,0px));left:calc(var(--banner-margin,16px) + env(safe-area-inset-left,0px))}.public-portal-banners .banner-carousel-bottom-right{bottom:calc(var(--banner-margin,16px) + env(safe-area-inset-bottom,0px));right:calc(var(--banner-margin,16px) + env(safe-area-inset-right,0px))}.public-portal-banners-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;padding:4px 0;display:flex}.banner-preview-slot{position:relative}