.gate{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.gate-trigger{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;padding:0;display:flex}.gate-slit{background:var(--gold-dim);width:140px;height:1px;margin-top:32px;overflow:hidden}.gate-slit--open{width:280px;height:32px}@media (prefers-reduced-motion:no-preference){.gate-slit{transition:width .3s,height .3s}.gate-slit--open{transition:width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1)}}.gate-input{border:none;border-bottom:1px solid var(--gold-dim);width:100%;height:100%;color:var(--cream);font-family:var(--font-cormorant-garamond), serif;text-align:center;caret-color:var(--gold);opacity:0;background:0 0;outline:none;font-size:.95rem}.gate-slit--open .gate-input{opacity:1}@media (prefers-reduced-motion:no-preference){.gate-input{transition:opacity .2s}.gate-slit--open .gate-input{transition:opacity .2s .22s}}.gate-submit{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gate-closing{opacity:0;transform:scale(1.08)}@media (prefers-reduced-motion:no-preference){.gate-closing{transition:opacity .5s .2s,transform .5s .2s}.gate-shake{animation:.4s shake}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}