#portrait-lock{z-index:50;color:#fff;text-align:center;-webkit-user-select:none;user-select:none;touch-action:none;opacity:0;visibility:hidden;background:#1d2126;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;transition:opacity .25s ease-out,visibility 0s linear .25s;display:flex;position:fixed;inset:0}#portrait-lock.is-up{opacity:1;visibility:visible;transition:opacity .25s ease-out}.portrait-lock__icon{width:clamp(96px,34vmin,170px);height:auto;overflow:visible}.portrait-lock__text{color:#a6a7aa;max-width:24em;margin:0;font-size:15px}.portrait-lock__phone{transform-box:view-box;transform-origin:70px 70px;animation:4s cubic-bezier(.4,0,.2,1) infinite portrait-lock-turn}.portrait-lock__arrow{animation:4s ease-in-out infinite portrait-lock-arrow}.portrait-lock__ball{fill:#2ee887;animation:4s linear infinite portrait-lock-drop}.portrait-lock__slot{fill:#2ee887;opacity:0;animation:4s ease-out infinite portrait-lock-slot}@keyframes portrait-lock-turn{0%,18%{opacity:1;transform:rotate(-90deg)}40%,86%{opacity:1;transform:rotate(0)}94%{opacity:0;transform:rotate(0)}95%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:rotate(-90deg)}}@keyframes portrait-lock-arrow{0%,8%{opacity:0}16%,34%{opacity:1}44%,to{opacity:0}}@keyframes portrait-lock-drop{0%,42%{opacity:0;transform:translate(70px,33px)}44%{opacity:1;animation-timing-function:ease-in;transform:translate(70px,33px)}50%{animation-timing-function:ease-out;transform:translate(70px,41px)}53%{animation-timing-function:ease-in;transform:translate(75px,44px)}57%{animation-timing-function:ease-out;transform:translate(77px,53px)}60%{animation-timing-function:ease-in;transform:translate(72.5px,55px)}64%{animation-timing-function:ease-out;transform:translate(70px,65px)}67%{animation-timing-function:ease-in;transform:translate(65px,66.5px)}73%,86%{opacity:1;transform:translate(65.5px,88px)}94%,to{opacity:0;transform:translate(65.5px,88px)}}@keyframes portrait-lock-slot{0%,72%{opacity:0}74%{opacity:.45}86%{opacity:.2}94%,to{opacity:0}}@media (prefers-reduced-motion:reduce){#portrait-lock{transition:none!important}.portrait-lock__phone,.portrait-lock__arrow,.portrait-lock__ball,.portrait-lock__slot{animation:none!important}.portrait-lock__ball{transform:translate(65.5px,88px)}}#fatal-error{z-index:20;color:#fff;text-align:center;background:#1d2126;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:fixed;inset:0}.fatal-error__title{margin:0;font-size:18px;font-weight:700}.fatal-error__detail{color:#a6a7aa;margin:0;font-size:14px}
