.pt{position:fixed;inset:0;z-index:40;background-color:var(--dark);transform:translateY(100%);visibility:hidden;pointer-events:none;will-change:transform}.pt--down{transform:translateY(-100%)}.pt.is-armed{visibility:visible;pointer-events:auto}.pt.is-on{transform:translateY(0);transition:transform .76s cubic-bezier(.76,0,.24,1)}.pt__frame{position:absolute;inset:0 10px;pointer-events:none;border-left:var(--rule-w) solid var(--line);border-right:var(--rule-w) solid var(--line)}.pt--green{background-color:var(--green)}.pt--green .pt__frame{border-color:#f3f3f34d}.pt--light{background-color:var(--light)}.pt--light .pt__frame{border-color:var(--rule)}@media(prefers-reduced-motion:reduce){.pt.is-on{transition:none}}