.gate{--gate-ease:cubic-bezier(.16, 1, .3, 1);z-index:108;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff6e6;animation:gate-up .4s var(--gate-ease) both;background:#140c1a80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gate-in{text-align:center;max-width:420px;animation:gate-in .5s .1s var(--gate-ease) both;justify-items:center;gap:12px;display:grid}.gate-buddy{pointer-events:auto;margin:-34px 0 -8px}.gate h2{letter-spacing:var(--ls-display);font-size:clamp(30px,4vw,44px);line-height:1}.gate p{color:#fff6e6cc;font-size:16px;line-height:1.5}.gate-go{width:min(320px,100%);height:var(--ctl-h-xl);border-radius:var(--ctl-r-xl);background:var(--jelly-go-bg);color:#fff6e6;font-family:var(--f-display);font-size:var(--ctl-fs-xl);box-shadow:var(--wb-go-shadow);border:0;margin-top:8px;font-weight:800;transition:background .15s,transform .12s}.gate-go:hover{background:var(--jelly-go-bg-hover)}.gate-go:active{transform:var(--wb-go-sink);box-shadow:var(--wb-go-shadow-press)}.gate-alt{font-size:14px!important}.gate .gate-price{color:#fff6e6;font-variant-numeric:tabular-nums;margin-top:-4px;font-size:15px;font-weight:700}.gate-alt button{color:#fff6e6;text-decoration:underline;-webkit-text-decoration-color:var(--tangerine);text-decoration-color:var(--tangerine);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration-thickness:2px}.gate-x{top:max(16px, env(safe-area-inset-top,0px));color:#fff6e6;background:#fff6e624;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:transform .2s,background .2s;display:grid;position:absolute;right:16px}.gate-x:hover{background:#fff6e63d;transform:rotate(90deg)}.gate-x svg{width:16px;height:16px}@keyframes gate-up{0%{transform:translateY(100%)}}@keyframes gate-in{0%{opacity:0;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){.gate,.gate-in{animation:none!important}}.gate-alt span{margin-right:4px}
