.screen{--screen-grid-width:min(100%, var(--hdrm-container-max-width));--screen-span-width:min(calc(( var(--screen-grid-width) - 2 * var(--hdrm-grid-margin) - (var(--hdrm-grid-columns) - 1) * var(--hdrm-grid-gap) ) * var(--hdrm-grid-content-span) / var(--hdrm-grid-columns) + (var(--hdrm-grid-content-span) - 1) * var(--hdrm-grid-gap) + 2 * var(--hdrm-grid-margin)), calc(var(--hdrm-content-max-width) + 2 * var(--hdrm-grid-margin)));flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.screen__corner{background:var(--hdrm-gradient-app-corner);pointer-events:none;width:7.5rem;height:7.5625rem;display:block;position:absolute}.screen__corner--top-left{clip-path:polygon(0 0,100% 0,0 100%);top:0;left:0;transform:translate(-35%,-35%)}.screen__corner--bottom-right{clip-path:polygon(100% 0,100% 100%,0 100%);bottom:0;right:0;transform:translate(35%,35%)}.screen__content{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;position:relative;overflow-y:auto}.screen__column{box-sizing:border-box;width:var(--screen-span-width);padding:calc(env(safe-area-inset-top) + var(--hdrm-space-6)) var(--hdrm-grid-margin) calc(env(safe-area-inset-bottom) + var(--hdrm-space-6));margin:0 auto}.screen__column--bottom-nav{padding-bottom:calc(env(safe-area-inset-bottom) + var(--hdrm-bottom-nav-height))}.screen__footer{box-sizing:border-box;width:var(--screen-span-width);padding:var(--hdrm-space-4) var(--hdrm-grid-margin) calc(env(safe-area-inset-bottom) + var(--hdrm-space-4));flex:none;margin:0 auto;position:relative}.screen__footer--bottom-nav{padding-bottom:calc(env(safe-area-inset-bottom) + var(--hdrm-bottom-nav-height))}h1[tabindex="-1"]:focus-visible,h2[tabindex="-1"]:focus-visible{outline:var(--hdrm-focus-ring-width) solid var(--hdrm-color-focus);outline-offset:var(--hdrm-focus-ring-offset);box-shadow:0 0 0 var(--hdrm-focus-ring-offset) var(--hdrm-color-focus-inner)}h1[tabindex="-1"]:focus:not(:focus-visible),h2[tabindex="-1"]:focus:not(:focus-visible){outline:none}