.top-bar{z-index:9999;justify-content:space-between;align-items:center;width:100vw;padding:1rem 3.5rem;display:flex;position:fixed;top:0;left:0}.top-bar .btn{width:10rem}.top-bar .top-bar-logo{width:5rem}@media (max-width:1000px){.top-bar{padding:.5rem 1.5rem}}
.menu-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:100%;cursor:pointer;z-index:2000;background:#f2ede6bf;border-radius:8rem;width:130px;height:53px;transition:width .5s cubic-bezier(.075,.82,.165,1);position:fixed;top:1rem;right:3.5rem}.menu-copy{color:var(--base-450);z-index:1;transition:left .5s cubic-bezier(.075,.82,.165,1);position:absolute;top:50%;right:24px;transform:translateY(-50%)}.menu-copy p{color:var(--base-500);font-size:.9rem;font-weight:600;line-height:.9}.menu-toggle-icon{background-color:var(--sapphire-medium);z-index:10;border-radius:100%;width:48px;height:48px;transition:all .5s cubic-bezier(.075,.82,.165,1);position:absolute;top:2.5px;left:2.5px;overflow:hidden}.hamburger{justify-content:center;align-items:center;width:30px;height:30px;transition:all 1s cubic-bezier(.075,.82,.165,1);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);background:#fff;width:15px;height:1.5px;transition:all .25s ease-out;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)}@media (max-width:1024px){.menu-toggle{width:104px;height:42px;right:1rem}.menu-toggle-icon{width:38px;height:38px;top:2px;left:2px}.hamburger{width:24px;height:24px}.menu-copy{right:18px}.menu-copy p{font-size:.75rem}}