.oddit-section-banner{background-color:#fff;width:100%;margin-top:24px;margin-bottom:24px}.oddit-section-banner__wrapper{position:relative;width:100%;height:480px;overflow:hidden}.oddit-section-banner__image-container{position:absolute;top:0;right:0;bottom:0;left:0}.oddit-section-banner__image{width:100%;height:100%;object-fit:cover;display:block}.oddit-section-banner__image--desktop{display:none}.oddit-section-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--banner-overlay-mobile, rgba(0, 0, 0, .2))}.oddit-section-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;gap:16px;z-index:1}.oddit-section-banner__copy{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:min(var(--banner-text-max-width, 340px),100%);text-align:center}.oddit-section-banner__heading{font-family:Jost,sans-serif;font-size:var(--banner-heading-size, 27px);font-weight:400;line-height:1.3;color:var(--banner-text-color, #FFFFFF);text-shadow:var(--banner-text-shadow, none);margin:0;width:100%}.oddit-section-banner__description{font-family:Jost,sans-serif;font-size:var(--banner-desc-size, 14px);font-weight:400;line-height:1.5;color:var(--banner-text-color, #FFFFFF);text-shadow:var(--banner-text-shadow, none);margin:0;width:100%}.oddit-section-banner__cta{font-family:Jost,sans-serif;font-size:11px;font-weight:600;color:var(--banner-text-color, #FFFFFF);text-transform:uppercase;letter-spacing:.55px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;white-space:nowrap;transition:opacity .2s ease}a.oddit-section-banner__cta:hover{opacity:.8}a.oddit-section-banner__cta:focus-visible{outline:2px solid #FFFFFF;outline-offset:4px}@media(min-width:990px){.oddit-section-banner__image--mobile{display:none}.oddit-section-banner__image--desktop{display:block}.oddit-section-banner{margin-top:48px;margin-bottom:48px}.oddit-section-banner__wrapper{height:720px}.oddit-section-banner__overlay{background:var(--banner-overlay-desktop, rgba(0, 0, 0, .1))}.oddit-section-banner__content{padding:48px;gap:24px}.oddit-section-banner__copy{max-width:min(var(--banner-text-max-width, 620px),100%);gap:8px}.oddit-section-banner__heading{font-size:var(--banner-heading-size, 43px)}.oddit-section-banner__description{font-size:var(--banner-desc-size, 18px)}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/oddit-section-banner.css.map */
