header{height:70px;position:-webkit-sticky;position:sticky;top:0;inset-inline:0;z-index:9999}.nav,header{background-color:var(--color-background-primary)}.nav{box-shadow:0 0 5px rgba(0,0,0,.2)}.nav__contents ul li a,.nav__contents ul li p{cursor:pointer;color:var(--color-black);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);transition:all .3s ease}.nav__contents ul li a:hover,.nav__contents ul li p:hover{color:var(--color-primary)}.nav__contents ul li p:after{content:"";background:url(/assets/down-arrow.svg) no-repeat 50%;background-size:contain;height:20px;width:20px;position:absolute;right:0;top:calc(.5rem + 5px);transition:all .3s ease}.nav__button{font-size:15px;line-height:1.2;display:flex;align-items:center;justify-content:center;text-align:center;padding-inline:var(--pm-100);transition:all .3s ease;box-shadow:0 10px 25px rgba(10,10,51,.1);border-radius:var(--radius-max);font-weight:var(--font-weight-medium)}.nav__signup-button{background-color:var(--color-white)!important;color:var(--color-black)!important}.nav__login-button{color:var(--color-white)!important;background-color:var(--color-black)!important}.nav__icon-with-logo-container{display:flex;align-items:center;justify-content:center;gap:10px}@media only screen and (max-width:1047px){.nav__container{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:999;height:70px;padding-inline:1.5rem}.mob-nav__icon{display:block}.nav__contents{transition:all .3s ease;background-color:var(--color-background-primary);height:calc(100vh - 70px);max-width:100vw;padding-block:2rem;padding-inline:1rem;display:flex;flex-direction:column;gap:2rem;justify-content:flex-start;overflow:auto;padding-bottom:250px}.nav__contents.hide{position:absolute;left:-100%;right:100%;top:100%;display:none}.nav__contents.show{position:absolute;left:0;right:0;top:100%;display:flex}.nav__contents ul li p{position:relative}.nav__contents ul li a,.nav__contents ul li p{display:block;padding-block:1rem}.nav__contents ul li p.show-content:after{transform:rotate(180deg)}.nav__contents ul li ul{position:absolute;left:-100%;opacity:0;transition:all .3s ease;background-color:var(--color-background-primary);margin-left:1rem}.nav__contents ul li p.show-content~ul{position:relative;left:0;opacity:1}.nav__buttons{display:flex;flex-direction:column;gap:10px}.nav__button{width:100%}}@media only screen and (min-width:1048px){.nav__container{align-items:center;position:relative;z-index:999;height:70px;padding-inline:1.5rem}.nav__container,.nav__contents{display:flex;justify-content:space-between}.nav__contents{flex:1 1;gap:35px;margin-left:35px}.nav__contents>ul{flex:1 1;display:flex;justify-content:space-evenly;align-items:center}.nav__contents ul li{position:relative}.nav__contents a,.nav__contents p,.nav__contents>ul>li{display:inline-flex;align-items:center}.nav__contents a,.nav__contents p{height:100%;width:max-content;padding-block:.75rem}.nav__contents ul li p:after{position:relative;inset:unset}.nav__contents ul li:hover p:after{transform:rotate(180deg)}.nav__contents ul li ul{display:none;opacity:0}.nav__contents ul li:hover ul{display:block;animation:revealMenu .5s ease forwards;opacity:1;position:absolute;top:100%;min-width:200px;background-color:var(--color-background-primary);border-radius:var(--radius-min);box-shadow:0 0 10px #00000025;padding-inline:2rem;padding-block:1rem;z-index:1000}.nav__buttons{display:flex;gap:10px}.nav__button{width:-moz-fit-content;width:fit-content;height:40px}.mob-nav__icon{display:none}}@keyframes revealMenu{0%{opacity:0}1%{opacity:0}to{opacity:1}}