.nav{padding:16px 60px}.nav-link-ul+.nav-link-ul{margin-left:3rem}.nav-link .menu-drop-content-li{position:relative}.nav-link .menu-drop-content-li+.menu-drop-content-li::before{display:block;position:absolute;content:'';background-color:#EFEFEF;width:1px;height:calc(100% - 36px);left:0;bottom:0}.nav-link .nav-link-li{position:relative}.nav-link .nav-link-li::after{opacity:0;content:'';position:absolute;bottom:-0.875rem;left:12px;right:12px;height:2px;transition:.5s ease;background-color:#35DDE8}.nav-link .nav-link-li.nav-active::after{opacity:1}.nav-link .nav-link-li.nav-active-hover::after{opacity:1;z-index:1}.nav .github-icon-white{-webkit-filter:invert(100%);filter:invert(100%);display:block}.nav .github-icon-blue{display:none}.nav .nav-sticky-logo{display:none}@media only screen and (max-width: 750px) and (orientation: portrait){.nav{padding:4vw 5.3333vw}.nav .nav-m-logo{display:block}.nav .nav-sticky-m-logo{display:none}}.nav.nav-sticky{background:#ffffff;color:#303030}.nav.nav-sticky .nav-logo{display:none}.nav.nav-sticky .nav-sticky-logo{display:block}.nav.nav-sticky .github-icon-white{display:none}.nav.nav-sticky .github-icon-blue{display:block}.nav.nav-sticky .hover\:bg-white-10:hover{background:rgba(0,0,0,0.1);color:#000 !important}@media only screen and (max-width: 750px) and (orientation: portrait){.nav.nav-sticky .menu-line-box span{background-color:#000000}.nav.nav-sticky .nav-m-logo{display:none}.nav.nav-sticky .nav-sticky-m-logo{display:block}}.nav .menu-line-box{width:18px;height:18px}.nav .menu-line-box span{display:block;height:2px;background-color:#ffffff}.nav .menu-line-box span:first-child{margin-top:2px}.nav .menu-line-box span:last-child{margin-bottom:2px}.nav .menu-line-box.open span:first-child{animation:line-top 0.3s ease-in-out forwards}.nav .menu-line-box.open span:last-child{animation:line-bottom 0.3s ease-in-out forwards}.nav .menu-line-box.close span:first-child{animation:line-top-reverse 0.3s ease-in-out forwards}.nav .menu-line-box.close span:last-child{animation:line-bottom-reverse 0.3s ease-in-out forwards}.hover\:bg-black:hover{background:#1C1F29 !important}.header-menu{height:calc(100% - 60px);overflow:auto;color:#ffffff}.header-menu .header-submenu-item a{position:relative;padding:0 5.3333vw;position:relative;font-size:3.4667vw;line-height:16vw;display:flex}.header-menu .header-submenu-item a:hover{background:#131313}.header-menu .header-submenu-item a:hover::after,.header-menu .header-submenu-item a:hover::before{position:absolute;content:'';background:#131313;top:0;bottom:0;width:30vw}.header-menu .header-submenu-item a:hover::after{right:-30vw}.header-menu .header-submenu-item a:hover::before{left:-30vw}.header-menu .header-submenu-item::after{content:'';position:absolute;background:#FFFFFF;opacity:0.1;height:1px;left:5.3333vw;right:5.3333vw;bottom:0}.header-menu .header-submenu-item.menu-tag{color:rgba(255,255,255,0.5);line-height:12.2667vw}.header-menu .header-submenu-item.menu-tag::after{display:none}.header-menu .header-submenu-title{position:relative;padding:0 5.3333vw;background:#282B38;font-size:3.4667vw;line-height:16vw}.header-menu .header-submenu-title::before{content:'';position:absolute;top:50%;right:5.3333vw;width:3.2vw;height:3.2vw;transform:translateY(-50%);background:url("../img/icon-arrow.png") center no-repeat;background-size:100%;transition:transform 0.3s ease}.header-menu .header-submenu-title::after{content:'';position:absolute;background:#FFFFFF;opacity:0.1;height:1px;left:5.3333vw;right:5.3333vw;bottom:0}.header-menu .header-submenu-title.active::before{transform:translateY(-50%) rotate(-180deg)}.header-menu .header-submenu-title.no-arrow::before{display:none}.header-menu .header-submenu-title a{display:block}.header-menu .header-submenu-box{background:#1C1F29}.header-menu .header-submenu-box .header-submenu-title{background:#1C1F29}.header-menu .header-submenu .child-menu{padding:0 4vw;color:rgba(255,255,255,0.7)}@media only screen and (min-width: 750px){.en-logo .md\:h-8{height:auto;width:10.875rem}}@keyframes line-top{0%{transform:translate3d(0, 0, 0) rotate(0)}50%{transform:translate3d(0, 6px, 0) rotate(0)}100%{transform:translate3d(0, 6px, 0) rotate(135deg)}}@keyframes line-top-reverse{0%{transform:translate3d(0, 6px, 0) rotate(135deg)}50%{transform:translate3d(0, 6px, 0) rotate(0)}100%{transform:translate3d(0, 0, 0) rotate(0)}}@keyframes line-bottom{0%{transform:translate3d(0, 0, 0) rotate(0)}50%{transform:translate3d(0, -6px, 0) rotate(0)}100%{transform:translate3d(0, -6px, 0) rotate(45deg)}}@keyframes line-bottom-reverse{0%{transform:translate3d(0, -6px, 0) rotate(45deg)}50%{transform:translate3d(0, -6px, 0) rotate(0)}100%{transform:translate3d(0, 0, 0) rotate(0)}}
