.menu__bar{position:fixed;bottom:0;width:100dvw;height:60px;padding:12px 16px 10px;background-color:#ffeba1;z-index:1000}.menu__bar__button{background-color:#fff;height:100%;width:100%;color:#000;border:none;border-radius:6px;font-weight:500;font-size:1.1rem;letter-spacing:1px;cursor:pointer;font-family:var(--font-kiwi-maru-gothic),sans-serif}.menu__content{position:fixed;height:calc(100dvh - 60px);width:100%;bottom:60px;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s ease;place-content:center;padding:40px;overflow:hidden}.menu__content--open{display:block;opacity:1;pointer-events:all}.menu__content__title{color:#000;font-size:1.6rem;font-weight:500;padding:20px;text-align:center;margin-bottom:30px}.menu__content nav{max-width:100%;width:540px;margin:0 auto;background-color:#fefefe;border:5px solid #ffeba1;padding:30px;border-radius:20px}.menu__content nav ul{list-style:none;width:-moz-fit-content;width:fit-content;margin:0 auto}.menu__content nav ul li{margin-bottom:20px}.menu__content nav ul li a{display:block;font-size:1.2rem;font-weight:500}.menu__decoration{position:fixed;top:0;left:0;height:calc(100dvh - 60px);width:100%;pointer-events:none;z-index:900;background-color:hsla(0,0%,100%,0);transition:background-color .2s ease}.menu__decoration__wave--top{top:-3px;transform:translateY(-100%)}.menu__decoration__wave--bottom,.menu__decoration__wave--top{display:block;position:absolute;left:-3px;width:var(--wave-width);object-fit:contain;transition:transform .2s ease}.menu__decoration__wave--bottom{bottom:-3px;transform:translateY(200%)}.menu__decoration--open{background-color:hsla(0,0%,100%,.9019607843)}.menu__decoration--open .menu__decoration__wave--bottom,.menu__decoration--open .menu__decoration__wave--top{transform:translateY(0)}