.tabs,.tabs__home{position:absolute;inset:0}.tabs__layer{z-index:2;background:var(--canvas);animation:.18s cubic-bezier(.2,.7,.2,1) both tab-in;position:absolute;inset:0}.tabs__layer[data-leaving]{z-index:1;pointer-events:none;animation:.12s cubic-bezier(.4,0,1,1) both tab-out}@keyframes tab-in{0%{opacity:0;transform:translate(-16px)}}@keyframes tab-out{to{opacity:0;transform:translate(12px)}}.topbar{z-index:5;height:56px;padding:0 calc(var(--gutter) - 4px);flex:none;justify-content:space-between;align-items:center;display:flex;position:relative}.topbar__group{align-items:center;gap:8px;display:flex}.page-pad{padding:0 var(--gutter)}.page-bottom{height:calc(var(--safe-bottom) + 110px)}.large-title{padding:6px var(--gutter) 14px}.inline-bar{z-index:6;padding-top:var(--safe-top);height:calc(var(--safe-top) + 50px);font-size:var(--t-body);font-weight:var(--w-button);opacity:0;pointer-events:none;transition:opacity .22s var(--ease-out), transform .26s var(--ease-out);border-radius:0;place-items:center;display:grid;position:absolute;top:0;left:0;right:0;transform:translateY(-6px)}.inline-bar[data-show]{opacity:1;transform:none}.inline-bar>span{padding-top:0}