.gate-root{z-index:10;cursor:default;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.gate-door{cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:3.25rem;padding:.75rem 3rem;font-size:.75rem;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.gate-door:focus-visible{box-shadow:0 0 0 1px var(--cream-1);outline:none}@media (max-width:640px){.gate-door{min-height:3rem;padding:.7rem 2.25rem}}.gate-sound .corner-ticks{color:var(--cream-1)}.gate-sound{width:32px;height:32px;color:var(--cream-2);cursor:pointer;transition:color .14s var(--ease-carve);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;bottom:24px;right:24px}.gate-sound:hover,.gate-sound:focus-visible{color:var(--cream-1)}.gate-sound:focus-visible .corner-ticks{opacity:1}.gate-root[data-phase=opening] .gate-door{animation:gate-dissolve-up .32s var(--ease-veil) .8s both;pointer-events:none}.gate-root[data-phase=opening] .corner-ticks{opacity:0}@keyframes gate-dissolve-up{0%{opacity:1;filter:blur();translate:0}to{opacity:0;filter:blur(5px);translate:0 -14px}}@media (prefers-reduced-motion:reduce){.gate-root[data-phase=opening] .gate-door{animation:.2s linear both gate-fade-out}}@keyframes gate-fade-out{0%{opacity:1}to{opacity:0}}