html:not(.menu-ready) .menu-toggle{opacity:0;visibility:hidden;pointer-events:none}html.menu-ready .menu-toggle{opacity:1;visibility:visible;pointer-events:auto}.menu-toggle{border:1px solid rgb(var(--base-100-rgb) / .1);background:rgb(var(--base-600-rgb) / .58);-webkit-backdrop-filter:blur(18px)saturate(118%);backdrop-filter:blur(18px)saturate(118%);cursor:pointer;transform-origin:100%;z-index:10002;will-change:transform, opacity;width:130px;height:53px;box-shadow:inset 0 1px 0 rgb(var(--base-600-rgb) / .24), 0 12px 28px rgb(var(--base-100-rgb) / .08);border-radius:8rem;padding:0;transition:width .5s cubic-bezier(.075,.82,.165,1),background .25s,border-color .25s,box-shadow .25s,opacity .25s,visibility .25s;display:block;position:fixed;top:1rem;bottom:auto;left:50%;transform:translate(-50%)}.menu-toggle:hover{background:rgb(var(--base-600-rgb) / .72);border-color:rgb(var(--base-100-rgb) / .12);box-shadow:inset 0 1px 0 rgb(var(--base-600-rgb) / .32), 0 14px 32px rgb(var(--base-100-rgb) / .1)}.menu-copy{z-index:1;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.menu-copy span{color:rgb(var(--base-100-rgb) / .88);letter-spacing:.02em;text-transform:uppercase;font-family:PP Neue Montreal,sans-serif;font-size:.9rem;font-weight:500;line-height:.9;transition:color .25s}.menu-toggle-icon{background:rgb(var(--base-600-rgb) / .86);border:1px solid rgb(var(--base-100-rgb) / .1);z-index:10;width:48px;height:48px;box-shadow:inset 0 1px 0 rgb(var(--base-600-rgb) / .35), 0 6px 14px rgb(var(--base-100-rgb) / .08);border-radius:100%;transition:background .25s,border-color .25s,box-shadow .25s,transform .5s cubic-bezier(.075,.82,.165,1);display:block;position:absolute;top:2.5px;left:2.5px;overflow:hidden}.menu-toggle:hover .menu-toggle-icon{background:rgb(var(--base-600-rgb) / .94);border-color:rgb(var(--base-100-rgb) / .12);box-shadow:inset 0 1px 0 rgb(var(--base-600-rgb) / .42), 0 7px 16px rgb(var(--base-100-rgb) / .1)}.hamburger{justify-content:center;align-items:center;width:30px;height:30px;transition:opacity .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-toggle:hover .hamburger,.menu-toggle.opened .hamburger{opacity:1}.menu-bar{background:var(--base-100);width:15px;height:1.5px;transition:background .25s,transform .25s ease-out;display:block;position:absolute}.menu-bar[data-position=top]{transform:translateY(-3px)}.menu-bar[data-position=bottom]{transform:translateY(3px)}.menu-toggle.opened .menu-bar[data-position=top]{transform:translateY(0)rotate(45deg)scaleX(1.05)}.menu-toggle.opened .menu-bar[data-position=bottom]{transform:translateY(0)rotate(-45deg)scaleX(1.05)}body.menu-open .menu-toggle{background:rgb(var(--base-600-rgb) / .08);border-color:rgb(var(--base-600-rgb) / .16);box-shadow:inset 0 1px 0 rgb(var(--base-600-rgb) / .08), 0 12px 28px #0000002e}body.menu-open .menu-toggle:hover{background:rgb(var(--base-600-rgb) / .11);border-color:rgb(var(--base-600-rgb) / .2);box-shadow:inset 0 1px 0 rgb(var(--base-600-rgb) / .1), 0 14px 32px #0003}body.menu-open .menu-toggle-icon{background:rgb(var(--base-600-rgb) / .94);border-color:rgb(var(--base-600-rgb) / .14);box-shadow:inset 0 1px 0 rgb(var(--base-600-rgb) / .35), 0 6px 16px #00000029}body.menu-open .menu-toggle:hover .menu-toggle-icon{background:rgb(var(--base-600-rgb) / .98);border-color:rgb(var(--base-600-rgb) / .18)}body.menu-open .menu-copy span{color:rgb(var(--base-600-rgb) / .92)}body.menu-open .menu-bar{background:var(--base-100)}