.OpenSnowHeroBackground__background{--hero-gradient:linear-gradient(#f6f6f6cc,#f6f6f64d);background-image:var(--hero-gradient),var(--hero-background-image);background-position:50%,50%;background-repeat:no-repeat,repeat-x;background-size:cover,cover}.OpenSnowHeroBackground__blendBottom{position:relative}.OpenSnowHeroBackground__blendBottom:after{background:linear-gradient(to bottom,transparent 20%,var(--os-color-ui-view-background) 100%);content:"";pointer-events:none;z-index:1;height:100%;position:absolute;bottom:0;left:0;right:0}.OpenSnowHeroBackground__blendBottom>*{z-index:2;position:relative}.OpenSnowHeroBackground__fullHeight{min-height:100%}.OpenSnowHeroBackground__solidBackground{background-color:var(--os-color-ui-view-background);background-image:none}.OpenSnowHeroBackground__extendIntoSafeArea{margin-top:calc(var(--app-safe-area-top,0)*-1);min-height:calc(100% + var(--app-safe-area-top,0));padding-top:var(--app-safe-area-top,0)}@media (width<=767px){.OpenSnowHeroBackground__background{background-position:50%,20% 100%}.OpenSnowHeroBackground__fullHeight{background-size:cover,auto calc(100% + 170px)}.OpenSnowHeroBackground__fullHeight.OpenSnowHeroBackground__mobileViewportHeight{min-height:calc(100dvh - var(--app-safe-area-bottom,0px))}}:root[data-theme=dark] .OpenSnowHeroBackground__background{--hero-gradient:linear-gradient(#000000b3,transparent)}