.nav .add-arrow:after{transition:all .3s ease-in-out}.nav .add-arrow:after{content:"";position:absolute;width:8px;height:8px;border-top:2px solid black;border-right:2px solid black;transform:rotate(135deg);top:16px;right:-13px}.nav.scrolled .add-arrow:after{border-top:2px solid black;border-right:2px solid black}.nav .add-arrow:hover:after{content:"";position:absolute;width:8px;height:8px;border-top:2px solid black;border-right:2px solid black;transform:rotate(-45deg);top:20px;right:-13px}.nav.scrolled .add-arrow:hover:after{border-top:2px solid black;border-right:2px solid black}.nav .m-menu-arrow:after{transition:all .3s ease-in-out}.nav .m-menu-arrow:after{content:"";position:absolute;width:1rem;height:1rem;border-top:.25rem solid rgba(0,0,0,.8);border-right:.25rem solid rgba(0,0,0,.8);transform:rotate(135deg);top:1rem;right:0}.nav .m-menu-arrow.closed:after{content:"";position:absolute;width:1rem;height:1rem;border-top:.25rem solid rgba(0,0,0,.8);border-right:.25rem solid rgba(0,0,0,.8);transform:rotate(-45deg) translateY(.5rem);right:0}.nav .m-menu-arrow-menu{transition:all .3s ease-in-out;display:block;opacity:1;max-height:100%;overflow:hidden}.nav .m-menu-arrow.closed+.m-menu-arrow-menu{opacity:0;pointer-events:none;max-height:0}.nav,.nav .logo{color:#000}.nav button.menu-list{color:#0b0b0d}.nav .desktop-menu>ul>li>div:hover{color:#35f}.nav.scrolled .logo,.nav.scrolled button.menu-list{color:#0b0b0d}.nav.scrolled .desktop-menu>ul>li>div:hover{color:#35f}.agreement{cursor:pointer}.nav,.nav .logo{color:#fff}.nav .logo .scrolled-img{display:none}.nav .logo .init-img,.nav .menu-open .scrolled-img{display:block}.nav .menu-open .init-img{display:none}.nav button.menu-list{color:#fff}.nav .mobile-menu{color:#33334f}.nav .desktop-menu>ul>li>a:hover{color:#35f}.nav.scrolled{color:#0b0b0d;background:#ffffffe6;-webkit-backdrop-filter:blur(75px);backdrop-filter:blur(75px)}.nav.scrolled .logo{color:#0b0b0d}.nav.scrolled .logo .scrolled-img{display:block}.nav.scrolled .logo .init-img{display:none}.nav.scrolled button.menu-list{color:#0b0b0d}.nav.scrolled .desktop-menu>ul>li>a:hover{color:#35f}.nav .add-arrow:after{border-top:2px solid white;border-right:2px solid white}.nav .add-arrow:hover:after{border-top:2px solid white;border-right:2px solid white}