.sandbox-hero-nav{--sandbox-nav-fill: rgb(16 14 24 / 24%);--sandbox-nav-blur: var(--imagera-frost-blur, blur(12px) saturate(180%));--sandbox-nav-fade: linear-gradient( to bottom, #000 0, #000 calc(100% - 5px) , rgb(0 0 0 / 50%) calc(100% - 2px) , transparent 100% )}.sandbox-hero-nav .app-nav-chrome{--app-nav-fill: var(--sandbox-nav-fill);--app-nav-blur: var(--sandbox-nav-blur)}.sandbox-hero-nav .app-nav-chrome:before{height:calc(var(--app-navbar-height, 40px) + 4px);mask-image:var(--sandbox-nav-fade);-webkit-mask-image:var(--sandbox-nav-fade)}.sandbox-hero-nav .app-navbar{--app-navbar-field: rgba(0, 0, 0, .16);--app-navbar-ink: #fff;--app-navbar-ink3: #fff;--app-navbar-ink-faint: #fff}.sandbox-hero-nav .app-navbar,.sandbox-hero-nav [data-mobile-topbar]{text-shadow:0 1px 3px rgba(0,0,0,.45)}.sandbox-hero-nav [data-brand-wordmark],.sandbox-hero-nav [data-brand-wordmark]>span,.sandbox-hero-nav .app-navbar__wordmark,.sandbox-hero-nav .app-navbar__wordmark span,.sandbox-hero-nav .app-navbar__cta,.sandbox-hero-nav .app-navbar__face{text-shadow:none}.sandbox-hero-nav .app-navbar__cta,.sandbox-hero-nav [data-mobile-topbar] a[data-keep-dark]{background-image:linear-gradient(180deg,#ffffff38,#fff0 58%),linear-gradient(100deg,#7c3aed,#9333ea 18%,#c026d3 40%,#ec4899 60%,#f97316 82%,#7c3aed);text-shadow:0 1px 3px rgba(0,0,0,.4)}.sandbox-hero-nav .app-navbar__cta,.sandbox-hero-nav [data-mobile-topbar] a[data-keep-dark]{background-size:100% 100%,100% 100%}.sandbox-hero-nav [data-brand-wordmark]>span{color:#fff!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}.sandbox-hero-nav [data-brand-wordmark]>span:first-child{background-image:linear-gradient(90deg,#c084fc,#f472b6,#fb923c)!important}.sandbox-hero-nav [data-brand-wordmark]>span:last-child{background-image:linear-gradient(90deg,#fb923c,#facc15)!important}.sandbox-hero-nav [data-mobile-topbar]{position:relative;color:#fff;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0;box-shadow:none}.sandbox-hero-nav [data-mobile-topbar]:before{content:"";position:absolute;inset:0 0 -4px;pointer-events:none;background:var(--sandbox-nav-fill);backdrop-filter:var(--sandbox-nav-blur);-webkit-backdrop-filter:var(--sandbox-nav-blur);mask-image:var(--sandbox-nav-fade);-webkit-mask-image:var(--sandbox-nav-fade)}.sandbox-hero-nav [data-mobile-topbar]>div{position:relative;z-index:1}.sandbox-hero-nav [data-mobile-topbar] :is(button,button svg,[data-mobile-back]){color:#fff!important}
