/* The Upper Room History, piece 6b-2. Every class starts with .uh so nothing else on the site can collide with it. */
.uh{position:fixed;top:0;left:0;right:0;bottom:0;z-index:23;background:#000;color:var(--tx,#e7e9ea);display:flex;flex-direction:column;overflow:hidden;
  transform:translateX(100%);transition:transform .38s var(--ease,cubic-bezier(.32,.72,0,1));will-change:transform;box-shadow:-10px 0 30px rgba(0,0,0,.55);overscroll-behavior:contain}
.uh.on{transform:none}
.uh-hd{flex:none;position:relative;z-index:2;padding-top:var(--top,env(safe-area-inset-top));background:rgba(0,0,0,.82);
  -webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-bottom:.5px solid color-mix(in srgb,var(--line,#2f3336) 62%,transparent)}
.uh-bar{height:53px;display:grid;grid-template-columns:96px 1fr 96px;align-items:center}
.uh-bar h2{margin:0;text-align:center;font-size:19px;font-weight:800;letter-spacing:-.2px}
.uh-r{display:flex;justify-content:flex-end;padding-right:8px}
.uh-b{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:none;border:0;padding:0;color:inherit;cursor:pointer;transition:background .2s,transform .12s}
.uh-bk{margin-left:8px}
.uh-b:active{background:rgba(231,233,234,.12);transform:scale(.92)}
.uh-b svg{width:22px;height:22px}
.uh-b[hidden]{display:none}
.uh-q{display:none;height:53px;align-items:center;gap:6px;padding:0 12px 0 8px}
.uh.q .uh-q{display:flex}
.uh.q .uh-bar,.uh.q .uh-tabs{display:none}
.uh-qf{flex:1;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:99px;background:#202327;border:1px solid transparent;color:var(--dim,#71767b);transition:border-color .2s,background .2s}
.uh-qf:focus-within{border-color:var(--blue,#1d9bf0);background:#000}
.uh-qf svg{width:18px;height:18px;flex:none}
.uh-qf input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--tx,#e7e9ea);font:inherit;font-size:16px}
.uh-qf input::-webkit-search-cancel-button{-webkit-appearance:none}
.uh-tabs{position:relative;display:flex;height:50px;padding:0 6px}
.uh-t{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;color:var(--dim,#71767b);cursor:pointer;
  transition:flex-grow .34s var(--ease,ease),color .25s}
.uh-t[aria-selected="true"]{flex-grow:2.6;color:var(--tx,#e7e9ea)}
.uh-tc{display:flex;align-items:center;min-width:0;max-width:100%}
.uh-ti{display:grid;place-items:center;flex:none;transition:transform .12s}
.uh-ti svg{width:24px;height:24px}
.uh-t:active .uh-ti{transform:scale(.86)}
.uh-tl{display:grid;grid-template-columns:0fr;min-width:0;transition:grid-template-columns .34s var(--ease,ease)}
.uh-t[aria-selected="true"] .uh-tl{grid-template-columns:1fr}
.uh-tw{display:flex;align-items:center;gap:3px;min-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:opacity .22s}
.uh-t[aria-selected="true"] .uh-tw{opacity:1}
.uh-tw b{margin-left:8px;min-width:0;max-width:9.5em;overflow:hidden;text-overflow:ellipsis;font-size:17px;font-weight:800}
.uh-t.fo .uh-tw b{color:var(--blue,#1d9bf0)}
.uh-cv{display:grid;flex:none;color:var(--dim,#71767b)}
.uh-cv svg{width:16px;height:16px}
.uh-ink{position:absolute;left:0;bottom:-.5px;height:4px;width:0;border-radius:4px;background:var(--tx,#e7e9ea);pointer-events:none}
.uh-ink.an{transition:transform .34s var(--ease,ease),width .34s var(--ease,ease)}
.uh-tabs.nt,.uh-tabs.nt *{transition:none!important}
.uh-body{position:relative;flex:1;min-height:0}
.uh-vp{position:absolute;inset:0;overflow:hidden;touch-action:pan-y}
.uh-tr{display:flex;width:100%;height:100%;will-change:transform}
.uh-tr.an{transition:transform .36s var(--ease,ease)}
.uh-pn{position:relative;flex:0 0 100%;width:100%;height:100%;min-width:0}
.uh-so{position:absolute;inset:0;z-index:1;display:none;background:#000}
.uh.q .uh-so{display:block}
.uh-sc{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.uh-in{max-width:600px;margin:0 auto;min-height:100%;padding-bottom:calc(var(--bot,env(safe-area-inset-bottom)) + 28px)}
@media (min-width:640px){.uh-in{border-left:1px solid var(--line,#2f3336);border-right:1px solid var(--line,#2f3336)}}
.uh-ptr{position:absolute;top:0;left:50%;z-index:2;width:34px;height:34px;margin-top:-34px;border-radius:50%;background:#16181c;box-shadow:0 4px 14px rgba(0,0,0,.5);
  display:grid;place-items:center;color:var(--blue,#1d9bf0);opacity:0;transform:translate(-50%,0);pointer-events:none;transition:opacity .2s}
.uh-ptr svg{width:18px;height:18px}
.uh-ptr.spin{opacity:1!important;animation:uhspin .8s linear infinite}
@keyframes uhspin{from{transform:translate(-50%,50px) rotate(0)}to{transform:translate(-50%,50px) rotate(360deg)}}
.uh-g{margin:0;padding:18px 16px 8px;font-size:20px;font-weight:800;letter-spacing:-.2px}
.uh-v{display:flex;gap:12px;width:100%;padding:8px 16px;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .15s}
.uh-v:active{background:rgba(231,233,234,.05)}
.uh-vt{position:relative;flex:none;width:44%;max-width:210px;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#16181c;border:.5px solid rgba(255,255,255,.08)}
.uh-vt .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(14px) brightness(.55);transform:scale(1.2)}
.uh-vt .fg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.uh-vt .ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--dim,#71767b)}
.uh-vt .ph svg{width:30px;height:30px}
.uh-vt em{position:absolute;left:8px;bottom:13px;padding:1px 6px;border-radius:6px;background:rgba(0,0,0,.72);font-style:normal;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.uh-vb{position:absolute;left:8px;right:8px;bottom:6px;height:3px;border-radius:3px;background:rgba(255,255,255,.3);overflow:hidden}
.uh-vb i{display:block;height:100%;border-radius:3px;background:#fff}
.uh-vx{flex:1;min-width:0;padding-top:2px}
.uh-vx b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:16px;font-weight:700;line-height:1.28}
.uh-vm{display:flex;align-items:center;gap:5px;margin-top:6px;min-width:0;white-space:nowrap;color:var(--dim,#71767b);font-size:14px}
.uh-vm .n{overflow:hidden;text-overflow:ellipsis;font-weight:700}
.uh-va{width:18px;height:18px;flex:none;border-radius:50%;object-fit:cover;background:var(--line,#2f3336)}
.uh-sk{display:flex;gap:12px;padding:14px 16px}
.uh-sk span{flex:1;display:flex;flex-direction:column;gap:9px;padding-top:4px}
.uh-sk i{display:block;border-radius:6px;background:linear-gradient(90deg,#16181c 25%,#25282c 50%,#16181c 75%);background-size:300% 100%;animation:uhsh 1.3s linear infinite}
.uh-sk .a{width:44px;height:44px;flex:none;border-radius:50%}
.uh-sk .l{height:12px;width:90%}.uh-sk .s{width:42%}.uh-sk .m{width:68%}.uh-sk .x{width:30%}
.uh-sk.v .t{width:44%;max-width:210px;aspect-ratio:16/10;flex:none;border-radius:12px}
@keyframes uhsh{from{background-position:100% 0}to{background-position:0 0}}
.uh-spin{width:24px;height:24px;margin:24px auto;border-radius:50%;border:2.5px solid rgba(29,155,240,.25);border-top-color:var(--blue,#1d9bf0);animation:uhrot .8s linear infinite}
@keyframes uhrot{to{transform:rotate(360deg)}}
.uh-empty{padding:56px 36px;text-align:center;color:var(--dim,#71767b);font-size:15px;line-height:1.45}
.uh-empty.sm{padding:32px}
.uh-ei{display:inline-grid;place-items:center;width:64px;height:64px;margin-bottom:14px;border-radius:50%;background:rgba(29,155,240,.1);color:var(--blue,#1d9bf0)}
.uh-ei svg,.uh-ei .i{width:30px;height:30px}
.uh-empty b{display:block;margin-bottom:6px;color:var(--tx,#e7e9ea);font-size:24px;font-weight:800;letter-spacing:-.3px}
.uh-empty p{margin:0 auto;max-width:320px}
.uh-cta,.uh-retry,.uh-more{margin-top:18px;border:0;border-radius:99px;padding:11px 22px;background:var(--tx,#e7e9ea);color:#0f1419;font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.uh-more{display:block;margin:16px auto}
.uh-end{text-align:center;color:#536471;font-size:13px;padding:26px 0}
.uh-out{overflow:hidden;opacity:0;padding-top:0!important;padding-bottom:0!important;transition:height .3s var(--ease,ease),opacity .22s,padding .3s}
.uh-s{padding:2px 0 calc(var(--bot,env(safe-area-inset-bottom)) + 10px)}
.uh-s h3{margin:0;padding:2px 20px 10px;font-size:20px;font-weight:800}
.uh-s>p{margin:0 20px 14px;color:var(--dim,#71767b);font-size:15px;line-height:1.4}
.uh-bl{color:var(--blue,#1d9bf0)}
.uh-fl{max-height:52vh;overflow-y:auto;overscroll-behavior:contain}
.uh-row{display:flex;align-items:center}
.uh-o{flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:11px 20px;background:none;border:0;color:var(--tx,#e7e9ea);font:inherit;text-align:left;cursor:pointer;transition:background .15s}
.uh-o:active{background:rgba(231,233,234,.06)}
.uh-o.busy{opacity:.55}
.uh-fi{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:rgba(231,233,234,.07)}
.uh-fi svg{width:22px;height:22px}
.fo .uh-fi{color:var(--blue,#1d9bf0);background:rgba(29,155,240,.12)}
.uh-fx{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700}
.fo .uh-fx{color:var(--blue,#1d9bf0)}
.uh-fx small{display:block;margin-top:1px;color:var(--dim,#71767b);font-size:13px;font-weight:400}
.uh-fk{width:24px;height:24px;flex:none;border-radius:50%;display:grid;place-items:center;color:transparent;border:2px solid transparent;transition:background .15s,border-color .15s,color .15s}
.uh-fk svg{width:14px;height:14px}
.uh-o[role="checkbox"] .uh-fk{border-color:#536471}
.uh-o.on .uh-fk,.uh-o[aria-checked="true"] .uh-fk{background:var(--blue,#1d9bf0);border-color:var(--blue,#1d9bf0);color:#fff}
.uh-dots{width:40px;height:40px;margin-right:10px;flex:none;border-radius:50%;display:grid;place-items:center;background:none;border:0;color:var(--dim,#71767b);cursor:pointer}
.uh-dots:active{background:rgba(231,233,234,.1)}
.uh-dots svg{width:20px;height:20px}
.uh-new{margin-top:4px;border-top:.5px solid rgba(255,255,255,.08)}
.uh-new .uh-fx{color:var(--blue,#1d9bf0)}
.uh-new .uh-fi{color:var(--blue,#1d9bf0);background:rgba(29,155,240,.12)}
.uh-none{margin:0;padding:6px 20px 12px;color:var(--dim,#71767b)}
.uh-lk{display:flex;align-items:center;gap:8px;margin:8px 20px 0;color:#536471;font-size:13px}
.uh-lk svg{width:14px;height:14px;flex:none}
.uh-mi{display:flex;align-items:center;gap:14px;width:100%;padding:14px 20px;background:none;border:0;color:var(--tx,#e7e9ea);font:inherit;font-size:17px;font-weight:700;text-align:left;cursor:pointer}
.uh-mi svg{width:22px;height:22px;flex:none}
.uh-mi small{display:block;color:var(--dim,#71767b);font-size:13px;font-weight:400}
.uh-mi.bad{color:var(--red,#f4212e)}
.uh-mi:active{background:rgba(231,233,234,.06)}
.uh-nf{padding-left:20px;padding-right:20px}
.uh-nf h3{padding:2px 0 6px}
.uh-nf>p{margin:0 0 14px}
.uh-fld{display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid var(--line,#2f3336);border-radius:12px;background:#16181c;transition:border-color .2s}
.uh-fld:focus-within{border-color:var(--blue,#1d9bf0)}
.uh-fld input{flex:1;min-width:0;padding:14px 0;background:none;border:0;outline:0;color:var(--tx,#e7e9ea);font:inherit;font-size:17px}
.uh-fld em{font-style:normal;color:var(--dim,#71767b);font-size:13px;font-variant-numeric:tabular-nums}
.uh-msg{min-height:18px;margin:8px 2px;color:var(--red,#f4212e);font-size:14px}
.uh-go{width:100%;height:50px;border:0;border-radius:99px;background:var(--tx,#e7e9ea);color:#0f1419;font:inherit;font-size:17px;font-weight:800;cursor:pointer;transition:opacity .2s}
.uh-go:disabled{opacity:.4}
.uh-go.busy{opacity:.6;pointer-events:none}
.uh-dz{display:block;width:calc(100% - 40px);height:50px;margin:4px 20px 0;border-radius:99px;border:1px solid rgba(244,33,46,.5);background:none;color:var(--red,#f4212e);font:inherit;font-size:17px;font-weight:800;cursor:pointer}
.act.save{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
@media (prefers-reduced-motion:reduce){.uh,.uh-tr.an,.uh-ink.an,.uh-t,.uh-tl,.uh-tw{transition:none}.uh-sk i,.uh-spin,.uh-ptr.spin{animation-duration:2.5s}}