.page-takeover{z-index:1000;padding:max(1.5rem, env(safe-area-inset-top)) 1rem max(1.5rem, env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-backdrop-filter:blur(6px);background:#f4f8fcdb;flex-direction:column;justify-content:safe center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.page-takeover{background-color:#f4f8fcf0}}main#main>.page-takeover-space{min-height:100svh}.page-takeover:focus{outline:none}.page-takeover>.brl{width:min(40rem,100%);min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:1.5rem 1rem;overflow:visible}dialog:has(>.page-takeover){box-shadow:none;background:0 0;border-color:#0000}dialog:has(>.page-takeover)>:not(.page-takeover){visibility:hidden}dialog:has(>.page-takeover)::backdrop{-webkit-backdrop-filter:none;background:0 0}
.brl{border:1px solid var(--border);text-align:center;background:#fff;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;min-height:28rem;padding:2.5rem 1rem 3rem;display:flex;overflow:hidden}.brl-art{aspect-ratio:1;width:min(15rem,68vw);position:relative}.brl-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.brl-logo{width:52%;height:auto;position:absolute;top:50%;left:50%;translate:-50% -50%}.brl-shadow{opacity:.55;background:#bcdcf7;border-radius:50%;width:32%;height:5%;position:absolute;top:70%;left:50%;translate:-50%}.brl-title{color:var(--foreground);text-wrap:balance;margin-top:1.25rem;font-size:1.45rem;font-weight:700}.brl-sub{color:var(--muted);text-wrap:balance;margin-top:.3rem;font-size:1rem}.brl-dots{gap:.6rem;margin-top:1.1rem;display:flex}.brl-dots span{opacity:.45;background:#bcdcf7;border-radius:999px;width:.7rem;height:.7rem;animation:1.4s ease-in-out infinite brl-dot}.brl-dots span:first-child{background:#f04438}.brl-dots span:nth-child(2){animation-delay:.2s}.brl-dots span:nth-child(3){animation-delay:.4s}.brl-slow{color:var(--muted);flex-direction:column;align-items:center;gap:.75rem;margin-top:1.5rem;font-size:.95rem;display:flex}.page-takeover :is(.brl-title,.brl-sub,.brl-slow>p){text-shadow:0 0 6px #fff,0 0 14px #fff}.page-takeover.brl-leaving{animation:.18s ease-in both brl-fade-out}.brl-turn,.brl-orbit{transform-box:view-box;transform-origin:50%}.brl-turn{animation:14s linear infinite brl-spin}.brl-orbit{animation:3.2s linear infinite brl-spin}.brl-logo{animation:3.2s ease-in-out infinite brl-float}.brl-shadow{animation:3.2s ease-in-out infinite brl-shadow}@keyframes brl-spin{to{transform:rotate(360deg)}}@keyframes brl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes brl-shadow{0%,to{opacity:.55;transform:scaleX(1)}50%{opacity:.3;transform:scaleX(.82)}}@keyframes brl-dot{0%,to{opacity:.45;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}@keyframes brl-fade-out{0%{opacity:1}to{opacity:0}}@media (max-width:40rem){.brl{min-height:24rem;padding-block:2rem 2.5rem}.brl-art{width:min(12.5rem,64vw)}.brl-title{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){.brl-turn,.brl-orbit,.brl-logo,.brl-shadow,.brl-dots span,.page-takeover.brl-leaving{animation:none!important}.brl-dots span:first-child{opacity:1}}
