.hero-banner{position:relative;overflow:hidden}.hero-banner{background-image:radial-gradient(ellipse at center,#0000 55%,#00000040);background-repeat:no-repeat}.hero-banner__content{position:relative;z-index:2}.hero-banner__content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,#0000,#00000059 40% 60%,#0000)}.hero-banner__heading,.hero-banner__text{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.25)}.hero-banner__heading{position:relative;padding-bottom:2rem}.hero-banner__heading:after{content:"\2022  \2022  \2022";position:absolute;left:50%;bottom:0;transform:translate(-50%);font-size:var(--snooozeco-text-md);letter-spacing:6px;color:#ffffffb3;pointer-events:none}.hero-banner__buttons .button,.hero-banner__buttons .button--primary{position:relative;background-color:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-button-text));border-radius:5px;padding-top:1.75rem;padding-bottom:1.75rem;text-shadow:0 2px 4px rgba(0,0,0,.35)}.hero-banner__buttons .button:before,.hero-banner__buttons .button--primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:rgba(var(--color-button),var(--alpha-button-background));z-index:0}.hero-banner__buttons .button:hover:before,.hero-banner__buttons .button--primary:hover:before{animation:heartbeat-horizontal 2.2s ease-in-out infinite}.hero-banner__buttons .button .button-inner,.hero-banner__buttons .button--primary .button-inner{position:relative;z-index:2}.hero-banner__buttons .button:after,.hero-banner__buttons .button--primary:after{content:none!important;border:none!important;box-shadow:none!important}@media (max-width: 749px){.hero-banner.banner--mobile-full{height:calc(100svh - var(--announcement-bar-height,0px) - var(--header-height,0px))!important;max-height:calc(100svh - var(--announcement-bar-height,0px) - var(--header-height,0px))!important;overflow:hidden;position:relative}}@media (prefers-reduced-motion: no-preference){.hero-banner__content:before{background:linear-gradient(to bottom,#0000,#00000059 40% 60%,#0000)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sco-section-hero-banner.css.map */