.casting-layout[data-v-8e6d061b]{--casting-header-height:72px;--color-focus:#fff;color:#fff;background:var(--color-brand);flex-direction:column;min-height:100dvh;display:flex;position:relative}.casting-layout[data-v-8e6d061b] .app-header{--app-header-background:var(--color-brand);z-index:50;color:#fff;border:0;min-height:0;position:fixed;inset:0 0 auto}.casting-layout[data-v-8e6d061b] .app-header__inner{width:100%;max-width:none;min-height:var(--casting-header-height);padding:calc(16px + env(safe-area-inset-top)) 16px 16px}.casting-layout[data-v-8e6d061b] .app-header__brand{align-self:flex-start;gap:8px}.casting-layout__close[data-v-8e6d061b]{width:40px;height:40px;color:inherit;border-radius:50%;justify-content:center;align-items:center;transition:background-color .18s;display:flex}.casting-layout__close[data-v-8e6d061b] .base-icon{width:24px;height:24px}.casting-layout__close[data-v-8e6d061b]:hover{background:#fff3}.casting-layout__close[data-v-8e6d061b]:focus-visible{outline-offset:3px;outline:3px solid #fff}.casting-layout__main[data-v-8e6d061b]{min-height:100dvh;padding-top:calc(var(--casting-header-height) + env(safe-area-inset-top));flex-direction:column;flex:1;display:flex;position:relative}@media (width>=1024px){.casting-layout[data-v-8e6d061b]{--casting-header-height:88px}.casting-layout[data-v-8e6d061b] .app-header__inner{padding:calc(24px + env(safe-area-inset-top)) 64px 24px}}