.pl-screen{z-index:60;min-height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:rgb(var(--canvas));flex-direction:column;justify-content:center;align-items:center;gap:20px;animation:.25s ease-out both pl-in;display:flex;position:fixed;inset:0}@keyframes pl-in{0%{opacity:0}to{opacity:1}}.pl-mark{--pl-size:clamp(44px, 8vmin, 64px);width:var(--pl-size);height:var(--pl-size);border-radius:calc(var(--pl-size) * .27);background:#c3ef3a;flex:none;place-items:center;display:grid;position:relative;box-shadow:0 0 0 1px #c3ef3a99,0 10px 30px -10px #c3ef3a8c}.pl-mark:after{content:"";border-radius:inherit;animation:1.4s cubic-bezier(.2,.6,.3,1) infinite pl-ring;position:absolute;inset:0}.pl-mark svg{width:62%;height:62%;overflow:visible}.pl-mark rect{fill:#121405;transform-box:fill-box;transform-origin:50%;animation:1.4s cubic-bezier(.4,0,.2,1) infinite pl-beat}.pl-mark rect:nth-child(2){animation-delay:.12s}.pl-mark rect:nth-child(3){animation-delay:.24s}@keyframes pl-beat{0%,55%,to{transform:scaleY(1)}14%{transform:scaleY(.38)}28%{transform:scaleY(1.14)}40%{transform:scaleY(.92)}}@keyframes pl-ring{0%{box-shadow:0 0 #c3ef3a80}60%,to{box-shadow:0 0 0 calc(var(--pl-size) * .32) #c3ef3a00}}@media (prefers-reduced-motion:reduce){.pl-mark rect,.pl-mark:after,.pl-screen{animation:none}}
