.onb-shell[data-v-7c22bf31]{background-color:var(--c-bg);background-image:var(--grad-streaks-light);flex-direction:column;min-height:100dvh;display:flex}.onb-shell__top[data-v-7c22bf31]{isolation:isolate;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:calc(var(--sp-3) + env(safe-area-inset-top,0px)) var(--gutter) var(--sp-3);background:var(--grad-brand);color:#fff;display:flex;position:relative;overflow:hidden}.onb-shell__streaks[data-v-7c22bf31]{z-index:-1;background:var(--grad-streaks);position:absolute;inset:0}.onb-shell__brand[data-v-7c22bf31]{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.onb-shell__back[data-v-7c22bf31]{width:44px;height:44px;margin-left:calc(-1 * var(--sp-2));color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:26px;display:inline-flex}.onb-shell__back[data-v-7c22bf31]:active{background:#fff3}.onb-shell__user[data-v-7c22bf31]{align-items:center;gap:var(--sp-3);min-width:0;display:flex}.onb-shell__login[data-v-7c22bf31]{font-size:var(--fs-sm);color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.onb-shell__logout[data-v-7c22bf31]{align-items:center;gap:var(--sp-2);min-height:44px;padding:0 var(--sp-4);border-radius:var(--r-pill);color:#fff;font-weight:var(--fw-semibold);font-size:var(--fs-sm);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff59;display:inline-flex}.onb-shell__logout[data-v-7c22bf31]:hover{background:#ffffff38}.onb-shell__main[data-v-7c22bf31]{width:100%;padding:var(--sp-6) var(--gutter) var(--sp-8);flex:1}.onb-shell__foot[data-v-7c22bf31]{padding:var(--sp-4) var(--gutter);text-align:center;font-size:var(--fs-xs);color:var(--c-text-soft)}@media (width<=479px){.onb-shell__login[data-v-7c22bf31]{display:none}.onb-shell__logout[data-v-7c22bf31]{justify-content:center;width:44px;padding:0;font-size:20px}.onb-shell__logout span[data-v-7c22bf31]{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}