*{font-family:'Public Sans',sans-serif}html{--antd-wave-shadow-color:#006937!important}body{background-color:#f9fafc}.flower-bg-circular::before{content:'';position:fixed;bottom:0;right:0;left:0;background-image:url('https://konten.usu.ac.id/storage/satker/0/statis/preview/flower-bg-circular.svg');background-size:contain;width:100%;background-color:#f9fafc;height:30%;z-index:0}a{color:var(--antd-wave-shadow-color)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar,.no-scrollbar::-webkit-scrollbar-thumb,.no-scrollbar::-webkit-scrollbar-track{width:0;height:0;display:none}.thin-scrollbar::-webkit-scrollbar,.thin-x-scrollbar::-webkit-scrollbar{transition:all .3s ease}.thin-scrollbar::-webkit-scrollbar-track,.thin-x-scrollbar::-webkit-scrollbar-track{border-radius:10px;background-color:#f5f5f5;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);margin:8px 0}.thin-scrollbar::-webkit-scrollbar-thumb,.thin-x-scrollbar::-webkit-scrollbar-thumb{border-radius:10px;background-color:#12b76a;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.thin-scrollbar::-webkit-scrollbar{max-width:3px;max-height:3px}.thin-x-scrollbar::-webkit-scrollbar{max-height:3px}.text-limit-1{display:-webkit-box;overflow:hidden;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical}.sidebar{width:100%;display:flex;background-color:#f9fafc}.sidebar-nav{overflow:hidden;position:fixed;display:flex;align-items:center;flex-direction:column;gap:16px;height:100vh;padding:16px 12px;border-right:1px solid #dce2e7;transition:width .3s}.sidebar-nav{width:73px}.sidebar-nav.show{width:246px}.sidebar-logo{cursor:pointer;display:flex;width:100%;height:32px;padding:6px;justify-content:space-between;align-items:center;border-radius:6px;border:1px solid #dce2e7;background:linear-gradient(270deg,#fff 66.38%,#ffc600 77.14%,#b8be14 80.16%,#2ea23b 84.7%,#038a47 88.91%,#0b6839 94.45%,#0b6839 100%)}.sidebar-logo__image{width:32px}.sidebar-logo__name{background:linear-gradient(270deg,#43ad35 0,#038a47 25%,#0b6839 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:14px;font-weight:600;line-height:normal;margin:0;letter-spacing:0}.sidebar-nav:not(.show) .sidebar-logo .sidebar-logo__name{position:absolute;visibility:hidden;background:linear-gradient(270deg,#fff 0,#ffc600 32%,#b8be14 41%,#2ea23b 54.5%,#038a47 67%,#0b6839 83.5%,#0b6839 100%)}.sidebar-nav:not(.show) .sidebar-logo{background:linear-gradient(270deg,#fff 0,#ffc600 32%,#b8be14 41%,#2ea23b 54.5%,#038a47 67%,#0b6839 83.5%,#0b6839 100%)}.sidebar-user{width:100%;cursor:pointer;padding-bottom:8px}.sidebar-user__container{align-items:center;gap:8px;display:flex;flex-shrink:0;padding:5px;min-width:44px;height:44px;border:1px solid #dce2e7;border-radius:8px;background-color:#fff}.sidebar-user__avatar{width:36px;height:36px;object-fit:cover;aspect-ratio:1/1;border-radius:100%}.sidebar-user__info{display:flex;flex:1 1 100%;flex-direction:column}.sidebar-user__info-name,.sidebar-user__info-rank{margin-bottom:0}.sidebar-user__info-name{color:#1e1e1e;font-size:14.22px;font-weight:400;line-height:21.3px}.sidebar-user__info-rank{color:#8292a1;font-size:11px;font-weight:300;line-height:14.7px;text-transform:capitalize}.sidebar-user__icon{width:16px;height:16px}.sidebar-user__dropdown{top:-54px;left:0;padding:0;position:absolute}.sidebar-user__dropdown-menu{display:flex;flex-direction:column;gap:8px;min-width:222px;max-width:222px;padding:5px 12px 0 12px}.sidebar-tabs{display:flex;padding:4px;align-items:center;border-radius:8px;background-color:#f9fafc}.sidebar-tabs__btn{flex:1 1 100%;cursor:pointer;padding:2px 4px;color:#1e1e1e;font-size:14.22px;font-weight:400;line-height:21.3px;transition:all .3s ease;border-color:transparent;background-color:#f9fafc}.sidebar-tabs__btn.active{border-radius:6px;background-color:#fff}.sidebar-tabs__wrapper{display:flex;flex-direction:column;padding:4px 0}.sidebar-tabs__wrapper-items{display:flex;flex-direction:column;overflow-y:auto;max-height:256px}.sidebar-tabs__wrapper-item{cursor:pointer;padding:5px 12px;border:none;background:0 0;color:#131313;font-size:14.22px;font-weight:400;line-height:21.3px;text-align:left}.sidebar-tabs__wrapper-item:hover{background-color:#f9fafc}.sidebar-tabs__wrapper-item.active{background-color:#f3ffe6}.sidebar-tabs__profile{padding:8px 12px 2px 12px;margin-top:4px;border-top:1px solid #dce2e7}.sidebar-tabs-profile__item{color:#131313;font-size:14.22px;font-weight:400;line-height:21.3px}.sidebar-menu{width:100%;display:flex;align-items:center;flex-direction:column;overflow-y:auto}.sidebar-menu__item{display:flex;align-items:center;gap:8px;padding:14px;border-radius:8px;transition:width .3s,height .3s}.sidebar-menu__item-text{flex:1 1 100%;color:#131313;font-size:14px;font-weight:400;line-height:20px}.sidebar-nav .sidebar-menu__item{width:100%;height:44px}.sidebar-nav.show .sidebar-menu__item{width:100%;height:44px}.sidebar-menu__item:hover{background-color:#ecf7ea}.sidebar-menu__item.active{border:1px solid #64be55;border-radius:8px;background-color:#fff}.sidebar-menu__item.active .sidebar-menu__item-icon svg,.sidebar-menu__item.active .sidebar-menu__item-text{fill:#002C17;color:#002c17}.sidebar-sub-menu{width:100%}.sidebar-sub-menu.current-active{border:1px solid #64be55;border-radius:8px;background-color:#fff}.sidebar-sub-menu__button{cursor:pointer;border:none;outline:0;display:flex;align-items:center;gap:8px;width:100%;padding:14px;border-radius:8px;transition:width .3s,height .3s;background-color:transparent}.sidebar-sub-menu__button-text{display:flex;flex:1 1 100%;color:#131313;font-size:14px;font-weight:400;line-height:20px}.sidebar-nav .sidebar-sub-menu__button{width:44px;height:44px}.sidebar-nav.show .sidebar-sub-menu__button{width:100%;height:44px}.sidebar-sub-menu__items{padding:0 8px;overflow:hidden;max-height:0;transition:all .3s ease-out}.sidebar-sub-menu__items.active{padding:0 8px 8px 8px;max-height:500px;transition:all .3s ease-in}.sidebar-sub-menu__item{width:100%;display:flex;align-items:center;gap:8px;height:38px;padding:8px 8px 8px 32px;border-radius:8px;color:#131313;font-size:14px;font-weight:400;line-height:20px;white-space:nowrap;transition:colors .1s ease}.sidebar-sub-menu__item:hover{background-color:#ecf7ea;color:#131313}.sidebar-sub-menu__item.active{background-color:#c3e6bd;color:#002c17}.sidebar-nav~.sidebar-ctn{margin-left:73px}.sidebar-nav.show~.sidebar-ctn{margin-left:246px}.sidebar-ctn{position:relative;overflow:auto;display:flex;flex-direction:column;gap:16px;width:100%;padding:16px 16px 16px 12px;transition:all .3s}.sidebar-ctn__header{display:flex;align-items:center;justify-content:space-around;width:100%;gap:8px}.sidebar-ctn__header .brand-image{width:auto;height:28px}.sidebar-ctn__btn{display:flex;align-items:center;width:30px!important;height:30px!important;padding:4px;cursor:pointer;border:1px solid #dce2e7;border-radius:4px;background-color:#fff}.ant-breadcrumb{flex:1 1 100%}.sidebar-ctn__breadcrumb{display:block}.sidebar-ctn__breadcrumb-separator{color:#8fa0b1!important;margin:0 8px;display:inline}.sidebar-ctn__breadcrumb a{color:inherit!important}.sidebar-nav:not(.show) .sidebar-user .sidebar-user__icon,.sidebar-nav:not(.show) .sidebar-user .sidebar-user__info{position:absolute;visibility:hidden}.sidebar-ctn__btn,.sidebar-menu__item-icon,.sidebar-sub-menu__button-icon{width:20px;height:20px}.sidebar-sub-menu__button .pra{transition:all .3s ease}.sidebar-sub-menu__button.active .pra{transform:rotate(-180deg)}.sidebar-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;display:none}.sidebar-backdrop[x-show]{display:block}@media screen and (max-width:928px){.sidebar-nav.mobile-overlay{position:fixed;top:0;left:0;z-index:1000;background-color:#f9fafc;box-shadow:2px 0 8px rgba(0,0,0,.15);transform:translateX(-100%);transition:transform .3s ease-in-out;height:100vh;overflow-y:auto}.sidebar-nav.mobile-overlay.show{transform:translateX(0)}.sidebar-nav.mobile-overlay~.sidebar-ctn{margin-left:0}.sidebar-nav.mobile-overlay.show~.sidebar-ctn{margin-left:0}}@media screen and (max-width:928px){.sidebar-nav.mobile-overlay{width:246px!important}.sidebar-nav.mobile-overlay:not(.show){width:246px!important}.sidebar-ctn{margin-left:0!important;padding:16px 12px}.sidebar-ctn__btn{padding:8px;border-radius:6px;background-color:#f0f2f5;transition:background-color .2s ease}.sidebar-ctn__btn:hover{background-color:#e6e8eb}}@media screen and (max-width:928px){.sidebar-nav:not(.show):not(.mobile-overlay){transform:translateX(-100%)}}.sidebar-mobile-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 0;gap:8px;border-bottom:1px solid #dce2e7}.sidebar-logo-mobile{display:flex;align-items:center;gap:8px;text-decoration:none;flex:1;border-radius:6px;border:1px solid #dce2e7;background:linear-gradient(270deg,#fff 72%,#ffc600 87%,#b8be14 89%,#2ea23b 91%,#038a47 93%,#0b6839 96%,#0b6839 100%);padding:8px}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #dce2e7;border-radius:6px;background-color:#fff;cursor:pointer;transition:all .2s ease;color:#666}.sidebar-close-btn:hover{background-color:#f5f5f5;border-color:#bbb;color:#333}@media screen and (max-width:928px){.sidebar-ctn__btn{display:flex!important;align-items:center;justify-content:center;background-color:#fff;border:1px solid #dce2e7;box-shadow:0 1px 3px rgba(0,0,0,.1)}}body.sidebar-mobile-open{overflow:hidden;position:fixed;width:100%}
.ant-input-affix-wrapper{border-radius:4px}.ant-input-affix-wrapper .ant-input-prefix{margin-right:8px}.ant-input-affix-wrapper .ant-input,.ant-input-affix-wrapper .ant-input::placeholder{font-size:14.22px;font-weight:400;line-height:21.3px}.ant-input-affix-wrapper .ant-input{color:#131313}.ant-input-affix-wrapper .ant-input::placeholder{color:#8fa0b1}.ant-picker-range .ant-picker-input::placeholder{color:#8fa0b1}.ant-picker-range{border-radius:4px}.ant-btn{border:1px solid #cbd3db;border-radius:2px;color:#4f5861}.ant-btn:focus,.ant-btn:hover{color:var(--antd-wave-shadow-color)!important;border-color:var(--antd-wave-shadow-color)!important}.ant-input:focus,.ant-input:hover{border-color:var(--antd-wave-shadow-color)!important}.ant-input:focus{box-shadow:0 0 0 2px rgba(0,105,55,.2)}.ant-tabs-ink-bar{background:#006937}.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:var(--antd-wave-shadow-color)!important}.ant-picker-focused{border-color:var(--antd-wave-shadow-color)!important;box-shadow:0 0 0 2px rgba(0,105,55,.2)}.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus{border-color:var(--antd-wave-shadow-color)!important;box-shadow:0 0 0 2px rgba(0,105,55,.2)}.ant-picker-focused,.ant-picker:hover{border-color:var(--antd-wave-shadow-color)!important}.ant-picker-range .ant-picker-active-bar{background:var(--antd-wave-shadow-color)!important}.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:var(--antd-wave-shadow-color)!important;box-shadow:0 0 0 2px rgba(0,105,55,.2)}.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:var(--antd-wave-shadow-color)!important}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--antd-wave-shadow-color)!important;text-shadow:0 0 0 var(--antd-wave-shadow-color)!important}.ant-tabs-tab:hover{color:var(--antd-wave-shadow-color)!important}
.not-found{border-radius:8px;position:relative;overflow:hidden;min-height:80vh;background:var(--color-white-2);display:flex;align-items:center}.not-found::after{content:'';position:absolute;background-image:url(https://konten.usu.ac.id/storage/satker/44/primary/404/Layer_1.png);right:0;bottom:0;background-position:0 0;width:115vh;height:50vh;opacity:.6;z-index:2}.not-found__container{width:100%!important;height:100%;background:var(--color-white-2)!important;display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:10vh;position:block}.not-found__container span{z-index:10}.not-found__container span:first-child{color:var(--color-lime,#43ad35);font-size:40px;font-style:normal;font-weight:400;line-height:normal}.not-found__container span:nth-child(2){color:var(--color-primary);font-size:64px;font-style:normal;font-weight:800;line-height:normal}.not-found__container span:nth-child(3){color:var(--color-black);font-size:16px;font-style:normal;font-weight:400;line-height:25.6px}.not-found__container a{color:var(--color-primary);font-family:'Public Sans';font-size:16px;font-style:normal;font-weight:400;line-height:25.6px;text-decoration-line:underline}@media screen and (max-width:1024px){.not-found{min-height:600px}}@media screen and (max-width:768px){.not-found{min-height:400px}.not-found::after{width:400px;height:200px;opacity:.4;z-index:2;background-size:contain;background-repeat:no-repeat}.not-found__container span:first-child{font-size:20px}.not-found__container span:nth-child(2){font-size:32px}.not-found__container span:nth-child(3){font-size:14px;line-height:25.6px}}
.bannerPri{padding:100px 14%;background-size:50%;background-position:center;background-repeat:no-repeat;position:relative}.bannerPri-lg{padding:160px 14%;background-size:cover}.bannerPri-xl{padding:190px 14%;background-size:container;background-position:right}.bannerPri::after{content:'';position:absolute;top:0;bottom:0;right:0;left:0;background:linear-gradient(-270deg,#0b6839 15.94%,#038a47 34.45%,#39a935 50.77%,rgba(161,197,23,0) 72.6%);z-index:1}.bannerPri__title{position:relative;z-index:2;color:var(--color-white);font-weight:700;margin-bottom:0;width:50%}.bannerPri__subtitle{position:relative;z-index:2;color:var(--color-green-yellow);font-weight:700;margin-bottom:0}@media screen and (max-width:1600px){.bannerPri{padding:100px 8%}.bannerPri-lg{padding:120px 8%}.bannerPri-xl{padding:140px 8%}}@media screen and (max-width:1200px){.bannerPri{padding:100px 4%}.bannerPri-lg{padding:120px 4%}.bannerPri-xl{padding:140px 4%}.bannerPri__title{font-size:2rem;line-height:2.5rem}}@media screen and (max-width:992px){.bannerPri-xl{background-size:contain}.bannerPri-xl .bannerPri__title{width:60%}.bannerPri-xl::after{background:linear-gradient(-270deg,#0b6839 10.94%,#038a47 24.45%,#39a935 40.77%,rgba(161,197,23,0)82.6%)}}@media screen and (max-width:768px){.bannerPri{padding:72px 4%}.bannerPri-lg{padding:90px 4%}.bannerPri-xl{padding:120px 4%}.bannerPri__title{font-size:1.75rem;line-height:2.25rem}.bannerPri__subtitle{font-weight:500;font-size:1rem;line-height:1.5rem}}@media screen and (max-width:460px){.bannerPri{padding:60px 4%}.bannerPri-lg{padding:60px 4%}.bannerPri-xl{padding:60px 4%}.bannerPri__title{font-size:1.25rem;line-height:1.75rem}.bannerPri__subtitle{font-weight:400;font-size:.875rem;line-height:1.25rem;max-width:240px}}
.bannerSec{padding:72px 14%;background-size:50%;background-position:top right;background-repeat:no-repeat;position:relative}.bannerSec-lg{padding:160px 14%;background-size:auto 140%}.bannerSec-xl{padding:190px 14%;background-size:auto 140%}.bannerSec::after{content:'';position:absolute;top:0;bottom:0;right:0;left:0;background:linear-gradient(-270deg,#0b6839 15.94%,#038a47 34.45%,#39a935 50.77%,rgba(161,197,23,0) 72.6%);z-index:1}.bannerSec__title{position:relative;z-index:2;color:var(--color-white);font-weight:700;margin-bottom:0;width:50%;font-size:48px;line-height:56.4px}.bannerSec__subtitle{position:relative;z-index:2;color:var(--color-dark-yellow);font-weight:700;margin-bottom:0;font-size:20px;line-height:23.5px}@media screen and (max-width:1600px){.bannerSec{padding:72px 8%}.bannerSec-lg{padding:120px 8%}.bannerSec-xl{padding:140px 8%}}@media screen and (max-width:1200px){.bannerSec{padding:48px 4%}.bannerSec-lg{padding:120px 4%}.bannerSec-xl{padding:140px 4%}.bannerSec__title{font-size:48px;line-height:56.4px}}@media screen and (max-width:992px){.bannerSec-xl{background-size:140%}.bannerSec-xl .bannerSec__title{width:60%}.bannerSec-xl::after{background:linear-gradient(-270deg,#0b6839 15.94%,#038a47 34.45%,#39a935 60.77%,rgba(161,197,23,0)82.6%)}}@media screen and (max-width:768px){.bannerSec{padding:36px 4%}.bannerSec-lg{padding:90px 4%}.bannerSec-xl{padding:120px 4%}.bannerSec__title{font-size:24px;line-height:28.2px}.bannerSec__subtitle{font-weight:500;font-size:14px;line-height:16.45px}}@media screen and (max-width:460px){.bannerSec{padding:24px 4%}.bannerSec-lg{padding:60px 4%}.bannerSec-xl{padding:60px 4%}.bannerSec__title{font-size:1.25rem;line-height:1.75rem}.bannerSec__subtitle{font-weight:400;font-size:.875rem;line-height:1.25rem;max-width:240px}}
.crumb{padding:8px 14%;background-color:var(--color-white)}.crumb__items{display:flex;align-items:center;gap:8px}.crumb__item-home{font-size:16px;font-weight:500;line-height:22px;text-decoration:none;color:var(--color-primary)}.crumb__item-home:hover{color:var(--color-primary)}.crumb__item{font-size:12px;font-weight:500;line-height:18px;text-decoration:none;color:var(--color-primary)}.crumb__item:last-child{overflow:hidden;display:-moz-box;display:-webkit-box;line-clamp:1;-moz-box-orient:vertical;-webkit-box-orient:vertical;-webkit-line-clamp:1}.crumb__item:hover{text-decoration:underline;text-decoration-color:var(--color-primary);color:var(--color-primary)}.crumb__item-icon{margin-top:1px;font-size:10px;font-weight:500;line-height:16px;color:var(--color-primary)}@media screen and (max-width:1600px){.crumb{padding:8px 8%}}@media screen and (max-width:1280px){.crumb{padding:8px 4%}}@media screen and (max-width:460px){.crumb{padding:4px 4%}.crumb__item-home{font-size:14px;line-height:20px}.crumb__item{font-size:10px;line-height:16px}.crumb__item-icon{font-size:8px;line-height:14px}}
.usu-container{padding:0 16px}.main-container{padding:32px 16px}.double-container{padding:0}.double-container__wrapper{padding:0 16px}@media screen and (min-width:480px){.usu-container{padding:0 32px}.main-container{padding:32px 32px}.double-container{padding:0}.double-container__wrapper{padding:0 32px}}@media screen and (min-width:1280px){.usu-container{padding:0 64px}.main-container{padding:60px 64px}.double-container{padding:0}.double-container__wrapper{padding:0 64px}}@media screen and (min-width:1600px){.usu-container{padding:0 14%}.main-container{padding:72px 14%}.double-container{padding:0 10%}.double-container__wrapper{padding:0 5%}}.side-container{padding:0 16px}.hero-container{position:relative}.main-layout{max-width:1342px;width:initial}@media screen and (min-width:480px){.side-container{padding:0 32px}}@media screen and (min-width:1280px){.side-container{padding:0 64px}}@media screen and (min-width:1600px){.side-container{padding:0 14%}}
.hero-container .usu-breadcrumb{position:relative;z-index:3}.usu-breadcrumb{padding:8px 0}.usu-breadcrumb-primary .usu-breadcrumb__icon,.usu-breadcrumb-primary .usu-breadcrumb__item:not(:last-child):hover .usu-breadcrumb__icon,.usu-breadcrumb-primary .usu-breadcrumb__item:not(:last-child):hover .usu-breadcrumb__text,.usu-breadcrumb-primary .usu-breadcrumb__text{color:var(--color-primary)}.usu-breadcrumb-secondary .usu-breadcrumb__icon,.usu-breadcrumb-secondary .usu-breadcrumb__item:not(:last-child):hover .usu-breadcrumb__icon,.usu-breadcrumb-secondary .usu-breadcrumb__item:not(:last-child):hover .usu-breadcrumb__text,.usu-breadcrumb-secondary .usu-breadcrumb__text{color:var(--color-secondary)}.usu-breadcrumb-dark .usu-breadcrumb__icon,.usu-breadcrumb-dark .usu-breadcrumb__item:not(:last-child):hover .usu-breadcrumb__icon,.usu-breadcrumb-dark .usu-breadcrumb__item:not(:last-child):hover .usu-breadcrumb__text,.usu-breadcrumb-dark .usu-breadcrumb__text{color:var(--color-black-3)}.usu-breadcrumb-light .usu-breadcrumb__icon,.usu-breadcrumb-light .usu-breadcrumb__item:not(:last-child):hover .usu-breadcrumb__icon,.usu-breadcrumb-light .usu-breadcrumb__item:not(:last-child):hover .usu-breadcrumb__text,.usu-breadcrumb-light .usu-breadcrumb__text{color:var(--color-white)}.usu-breadcrumb__container{display:flex;align-items:center;gap:4px;list-style:none}.usu-breadcrumb__item{display:flex;align-items:center;gap:4px}.usu-breadcrumb__icon{font-size:18px}.usu-breadcrumb__text{text-transform:capitalize;font-size:12px;font-weight:500;line-height:18px}.usu-breadcrumb__item:not(:last-child):hover .usu-breadcrumb__text{text-decoration:underline}@media screen and (min-width:768px){.usu-breadcrumb__icon{font-size:20px}.usu-breadcrumb__text,.usu-breadcrumb__text-limit{font-size:14px;line-height:20px}}@media screen and (min-width:480px){.usu-breadcrumb{padding:16px 0}}@media screen and (min-width:1280px){.usu-breadcrumb{padding:16px 0}}@media screen and (min-width:1600px){.usu-breadcrumb{padding:16px 0}}
.floating-nav{display:none}.floating-nav-menus{padding:8px 16px;border-radius:10px;background:var(--color-black-2);display:flex;gap:48px;position:fixed;bottom:32px;left:50%;transform:translateX(-50%);z-index:10}.floating-nav__menu{padding:6px;width:32px;height:32px;display:block;border-radius:8px;cursor:pointer}.floating-nav__menu-home{background-color:var(--color-primary)}.floating-nav-sidebar__wrapper{width:100%;height:100%;position:fixed;right:0;top:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;transition:all .3s ease}.floating-nav-sidebar{position:fixed;right:-500px;top:0;bottom:0;height:100%;width:380px;z-index:20;padding-top:66px;transition:all .3s ease;display:flex;flex-direction:column}.active .floating-nav-sidebar{right:0}.floating-nav-sidebar__search{display:flex;gap:16px;padding:16px 32px;position:relative;background-color:var(--color-primary)}.floating-nav-sidebar__search-icon{width:32px;height:32px;display:flex;align-items:center;cursor:pointer}.floating-nav-sidebar__search-icon .material-icons-outlined{font-size:1.75rem;color:var(--color-white-2)}.floating-nav-sidebar__search-input{flex:1}.floating-nav-sidebar__search-input .img-container{position:absolute;top:0;left:0;margin:16px 32px;padding:8px 16px}.floating-nav-sidebar__search-input .img-container img{filter:brightness(0);width:15px;height:15px}.floating-nav-sidebar__search-input input{border-radius:8px;background-color:var(--color-white);height:100%;width:100%;text-align:right;padding:8px 16px;font-size:.675rem;line-height:1rem}.floating-nav-sidebar-pris{list-style-type:none;padding-left:0!important;margin-bottom:0!important}.floating-nav-sidebar__pri-link{text-decoration:none}.floating-nav-sidebar__pri{padding:0 32px;background-color:var(--color-primary-2);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.floating-nav-sidebar__pri:last-child{padding-bottom:16px}.floating-nav-sidebar__pri .material-icons-outlined{font-size:.875rem;color:var(--color-white);padding:16px 0}.floating-nav-sidebar__pri-children{max-height:0;overflow:hidden;transition:all .3s ease;width:100%;display:flex;flex-direction:column}.floating-nav-sidebar__pri-children a{padding:8px 0;font-size:.75rem;line-height:.75rem;color:var(--color-white);width:fit-content}.floating-nav-sidebar__pri-children a::after{border-bottom:2px solid var(--color-white)}.floating-nav-sidebar__pri:hover .floating-nav-sidebar__pri-children{max-height:1200px}.floating-nav-sidebar__pri-link{font-size:.875rem;line-height:.875rem;font-weight:700;color:var(--color-white);text-transform:uppercase;padding:16px 0;width:85%}.floating-nav-sidebar-secs{overflow-y:auto;flex:1;background-color:var(--color-white)}.floating-nav-sidebar__sec{background-color:var(--color-white)}.floating-nav-sidebar__sec span:first-child{font-size:.75rem;line-height:.75rem;font-weight:700;color:var(--color-black);text-transform:uppercase;padding:16px 0}.floating-nav-sidebar__sec .material-icons-outlined{font-size:.75rem;color:var(--color-black);padding:16px 0}.floating-nav-sidebar__footer{padding:16px 32px;background-color:var(--color-black)}.floating-nav-sidebar__footer{display:flex;align-items:center;justify-content:space-between}.floating-nav-sidebar__footer-langs{position:relative;list-style-type:none}.floating-nav-sidebar__footer__lang{padding:4px 8px}.floating-nav-sidebar__footer__lang:nth-child(2){position:absolute;top:-32px;left:0;border-radius:8px;background-color:var(--color-primary);visibility:hidden;opacity:0;transition:all .3s ease}.floating-nav-sidebar__footer__lang:hover,.floating-nav-sidebar__footer__lang:hover+.floating-nav-sidebar__footer__lang{visibility:visible;opacity:1}.floating-nav-sidebar__footer__lang-logo{width:16px;height:14px}.floating-nav-sidebar__footer__lang-container{display:flex;gap:4px;align-items:center}.floating-nav-sidebar__footer__lang-text{font-size:.675rem;line-height:1rem;color:var(--color-white)}.floating-nav-sidebar__footer__lang-container .material-icons-outlined{font-size:.75rem;color:var(--color-white)}@media screen and (max-width:1100px){.floating-nav{display:block}.floating-nav .active{z-index:10;background-color:rgba(0,0,0,.4);backdrop-filter:blur(5px)}}@media screen and (max-width:460px){.floating-nav-sidebar{width:100%;padding-top:64px}}
.footerN-main{display:grid;grid-template-columns:40% auto;background:linear-gradient(to right,var(--color-black-3) 0,var(--color-black-3) 42%,var(--color-black-2) 42%,var(--color-black-2) 100%)}.footerN-main__left{padding:32px 32px 16px 0!important;list-style-type:none}.footerN-main__left-title{display:flex;gap:16px;align-items:center;margin-bottom:32px}.footerN-main__left-title .img-container{width:72px;height:72px}.footerN-main__left-title-name h4{margin-bottom:0}.footerN-main__left-title-name h4:first-child{margin-bottom:4px;max-width:220px;line-height:18px}.footerN-main__left-address{margin-bottom:8px}.footerN-main__left-contact{margin-bottom:4px}.footerN-main__left-contact a{display:flex;align-items:center;gap:8px;transition:all .3s ease;color:var(--color-white)}.footerN-main__left-contact a:hover{color:var(--color-white-4)}.footerN-main__left-contact a .material-icons-outlined{font-size:.875rem}.footerN-main__right{padding:32px 0 16px 32px}.footerN-main__right-logos{display:flex;justify-content:flex-end;gap:32px;margin-bottom:32px}.footerN-main__right-logos-mobile{display:none}.footerN-main__right__logo{height:32px}.footerN-main__right-links{list-style-type:none;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;row-gap:8px;justify-content:flex-end;margin-top:16px}.footerN-main__right__link{white-space:nowrap;text-align:right}.footerN-main__right__link a:hover{text-decoration:underline}.footerN-sec{background-color:var(--color-black);display:grid;grid-template-columns:2fr 5fr 2fr;gap:64px;padding-top:32px;padding-bottom:32px}.footerN-sec__right-socs{display:flex;align-items:center;gap:16px;justify-content:flex-end;margin-bottom:16px}.footerN-sec-right__soc{width:32px;height:32px}@media screen and (max-width:992px){.footerN-main__right-links{grid-template-columns:repeat(2,1fr);gap:8px}}@media screen and (max-width:768px){.footerN-main{grid-template-columns:1fr;background:linear-gradient(to bottom,var(--color-black-3) 0,var(--color-black-3) 30%,var(--color-black-2) 30%,var(--color-black-2) 50%,var(--color-black-3) 50%,var(--color-black-3) 75%,var(--color-black-2) 75%,var(--color-black-2) 100%)}.footerN-sec__center:empty,.footerN-sec__left:empty,.footerN-sec__right:empty{display:none}.footerN-sec__center{display:flex;justify-content:center}.footerN-sec{display:flex;flex-direction:column;gap:16px}.footerN-main__left-title{margin-bottom:40px;justify-content:center}.footerN-main__right-logos-mobile{display:flex;margin-bottom:0;padding:16px 0;justify-content:center;flex-wrap:wrap}.footerN-main__right-logos:not(.footerN-main__right-logos-mobile){display:none}.footerN-main__left-address{margin-top:32px}.footerN-main__left-contact:last-child{margin-bottom:16px}}@media screen and (max-width:634px){.footerN-main{grid-template-columns:1fr;background:linear-gradient(to bottom,var(--color-black-3) 0,var(--color-black-3) 26%,var(--color-black-2) 26%,var(--color-black-2) 54%,var(--color-black-3) 54%,var(--color-black-3) 75%,var(--color-black-2) 75%,var(--color-black-2) 100%)}}@media screen and (max-width:460px){.footerN-main__right__logo{height:24px}}
.main-modal{background-color:#3a4348b3;display:none;position:fixed;z-index:20;left:0;top:0;width:100%;height:100%;overflow:auto;align-items:center;justify-content:center}.main-modal-content{background-color:var(--color-white);border-radius:8px;overflow:hidden;width:800px;padding:16px;display:flex;flex-direction:column;gap:16px}.main-modal__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.main-modal__header h2{margin-bottom:0}.main-modal__header button{background-color:rgb(57 169 53 / .3);border-radius:6px;padding:8px}.main-modal__header button .material-icons-outlined{display:block;font-size:.875rem;line-height:.875rem}.main-modal__body img{max-height:520px;width:100%;object-fit:contain}.main-modal__footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.main-modal__footer-extras{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;row-gap:.5rem}.main-modal__footer-btn{padding:8px}.main-modal__footer-btn .material-icons-outlined{font-size:1.25rem;line-height:1.25rem;font-weight:700;color:var(--color-black)}@media screen and (max-width:1200px){.main-modal-content{width:640px}}@media screen and (max-width:992px){.main-modal-content{width:520px}}@media screen and (max-width:768px){.main-modal-content{width:460px}}@media screen and (max-width:460px){.main-modal-content{width:95%}.main-modal__footer{flex-direction:column}}
.navbarN-prodi{position:fixed;z-index:20;width:100%;display:flex;flex-direction:column}.navbarN-prodi-unscrolled:hover .navbarN-prodi-second{background-color:var(--color-primary)}.navbarN-prodi-unscrolled:hover .navbarN-prodi-primary{background-color:var(--color-white)}.navbarN-prodi-unscrolled .navbarN-prodi-primary,.navbarN-prodi-unscrolled .navbarN-prodi-second{background-color:transparent}.navbarN-prodi-unscrolled .navbarN-prodi-primary__link-href .navbarN-prodi-primary-utils-slot{color:var(--color-primary-2)}.navbarN-prodi-unscrolled .navbarN-prodi-primary__link-href .navbarN-prodi-primary-utils-slot,.navbarN-prodi-unscrolled .navbarN-prodi-second__link{color:var(--color-black)}.navbarN-prodi-unscrolled:hover .navbarN-prodi-primary__link-href .navbarN-prodi-primary-utils-slot{color:var(--color-primary)}.navbarN-prodi-unscrolled:hover .navbarN-prodi-second__link{color:var(--color-white)}.navbarN-prodi-pt{padding-top:120px;width:100%}.navbarN-prodi-second{background-color:var(--color-primary);display:flex;justify-content:flex-end;align-items:center;gap:12px;overflow:hidden;transition:all .3s ease;animation:fadeOutOnScroll linear forwards;animation-timeline:scroll(root);animation-range:0px 100px}.navbarN-prodi-second-links{display:flex;align-items:center;list-style-type:none;overflow-x:auto;white-space:nowrap;width:fit-content;overflow-x:auto;margin-bottom:0}.navbarN-prodi-second-links li{display:inherit}.navbarN-prodi-second__link{text-decoration:none;color:var(--color-white);font-size:.675rem;line-height:1rem;padding:14px;border-bottom:2px solid transparent}.navbarN-prodi-second__link:hover{color:var(--color-white);background-color:var(--color-primary-2);border-bottom:2px solid var(--color-white)}.navbarN-prodi-second-utils{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-left:8px;border-left:1px solid var(--color-white-5)}.navbarN-prodi-second__util{padding:0 8px;position:relative}.navbarN-prodi-second__util-langs{list-style-type:none;margin-bottom:0}.navbarN-prodi-second__util__lang{padding:4px 8px;border:10px;background-color:var(--color-primary);border-radius:10px;z-index:20}.navbarN-prodi-second__util__lang-container{display:flex;gap:4px;justify-content:center;align-items:center}.navbarN-prodi-second__util__lang-text{color:var(--color-white);font-family:public-sans,sans-serif;font-weight:500;font-size:.75rem;line-height:1rem;text-transform:uppercase}.navbarN-prodi-second__util__lang-logo{width:16px;height:14.149px;border-radius:40%;overflow:hidden}.navbarN-prodi-second__util-search{display:flex;justify-content:center;align-items:center;cursor:pointer}.navbarN-prodi-second__util-search img{width:16px;height:16px}.navbarN-prodi-second__util__lang .material-icons-outlined{color:var(--color-white);font-size:.6rem}.navbarN-prodi-second__util__lang:nth-child(2){position:absolute;top:32px;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;transition:all .3s ease}.navbarN-prodi-second__util__lang:hover,.navbarN-prodi-second__util__lang:hover+.navbarN-prodi-second__util__lang{opacity:1;visibility:visible}.navbarN-prodi-primary{background-color:var(--color-white);display:flex;justify-content:space-between;align-items:center;position:relative;transition:all .3s ease}.navbarN-prodi-primary-brand{background-color:transparent;display:flex;align-items:center;column-gap:8px;padding:8px 0;text-decoration:none;flex-wrap:wrap;max-width:300px;z-index:10;position:relative}.navbarN-prodi-primary-brand__image{width:48px;height:48px;transition:none;display:flex;align-items:center}.navbarN-prodi-primary-brand__image.img-container img{width:auto;height:100%;object-fit:contain}.navbarN-prodi-primary-brand__text{max-width:230px;font-size:1rem;line-height:1.25rem;font-weight:800;color:var(--color-black);overflow:hidden}.navbarN-prodi-primary-brand__text-shortname{display:none}.navbarN-prodi-primary-brand__text-hover{max-width:150px;font-size:1rem;line-height:1.25rem;font-weight:800;color:var(--color-black);opacity:0;height:0;overflow:hidden;transition:opacity .3s ease;text-align:center}.navbarN-prodi-primary-links{display:flex;justify-content:flex-end;align-items:center;margin-bottom:0}.navbarN-prodi-primary-links li{list-style-type:none;display:inherit}.navbarN-prodi-primary__link{position:relative}.navbarN-prodi-primary__link:hover{background-color:var(--color-white)}.navbarN-prodi-primary__link-children:hover,.navbarN-prodi-primary__link:hover .navbarN-prodi-primary__link-children{max-height:1600px;opacity:1;border-bottom:4px solid var(--color-secondary)}.navbarN-prodi-primary__link:hover .navbarN-prodi-primary__link-href{border-bottom:4px solid var(--color-secondary)}.navbarN-prodi-primary__link-href{text-decoration:none;font-size:.75rem;line-height:1rem;color:var(--color-primary);padding:28px 16px;font-weight:700;border-bottom:4px solid transparent;z-index:3;transition:all .3s ease}.navbarN-prodi-primary__link-children{position:absolute;top:76px;left:0;z-index:2;border-bottom:4px solid transparent;background-color:var(--color-white);transition:all .3s ease;max-height:0;overflow-y:hidden;opacity:0}.navbarN-prodi-primary__link__child{width:240px;transition:all .3s ease}.navbarN-prodi-primary__link__child a{display:flex;width:100%;padding:8px 12px;font-size:.75rem;line-height:1rem;font-weight:600;text-decoration:none;color:#000}.navbarN-prodi-primary__link__child:hover{background-color:var(--color-white-2)}.navbarN-prodi-primary__wrapper{display:none;align-items:center;gap:16px}.navbarN-prodi-primary-ttu{display:none;height:60px;padding:8px 0}.navbarN-prodi-primary-dies{display:none;height:60px;padding:8px 0}.page-scroller{position:fixed;bottom:0;right:14%;padding:32px 32px 16px 32px;background:linear-gradient(0deg,rgba(254,197,46,.7) 50.02%,rgba(254,197,46,0) 99.99%);z-index:30;cursor:pointer}.page-scroller img{width:32px;height:16px}.navbarN-prodi-primary-brand:nth-of-type(2) .navbarN-prodi-primary-brand__image>img{content:url("https://konten.usu.ac.id/storage/satker/0/icons/dies73_LogoWarna.webp")}.show-on-scroll{opacity:0;transform:translateY(10px);visibility:hidden;transition:none;animation:fadeInOnScroll linear forwards;animation-timeline:scroll(root);animation-range:0px 100px}@keyframes fadeInOnScroll{to{opacity:1;transform:translateY(0);visibility:visible}}@keyframes fadeOutOnScroll{to{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin:0;visibility:hidden}}#navbarLangSwitcher.is-in-second svg{fill:var(--color-white)}#navbarLangSwitcher.is-in-second .navbarN-prodi-second__util__lang-text{color:var(--color-white);font-weight:500}#navbarLangSwitcher.is-in-primary svg{fill:#006633}#navbarLangSwitcher.is-in-primary .navbarN-prodi-second__util__lang-text{color:var(--color-primary);font-weight:700}@media screen and (max-width:1600px){.page-scroller{right:8%}}@media screen and (max-width:1320px){.page-scroller{right:4%}.navbarN-prodi-primary__link-href{padding:18px 12px}.navbarN-prodi-primary-brand__image{height:42px;max-width:unset;max-height:unset}.navbarN-prodi-second__link{padding:8px}.navbarN-prodi-second-utils{gap:0}.navbarN-prodi-primary-brand__text{max-width:240px}.navbarN-prodi-primary-brand{max-width:300px}.navbarN-prodi-pt{padding-top:90px}}@media screen and (max-width:1100px){.navbarN-prodi-primary__wrapper{display:flex}.navbarN-prodi-unscrolled .navbarN-prodi-primary{background-color:var(--color-white)}.navbarN-prodi-primary{padding-top:6px;padding-bottom:6px;border-bottom:6px solid var(--color-primary)}.navbarN-prodi-second{display:none}.navbarN-prodi-primary-links{display:none}.navbarN-prodi-primary-ttu{display:block}.navbarN-prodi-primary-dies{display:block}.navbarN-prodi-primary-ttu.img-container img{width:auto;object-fit:contain}.navbarN-prodi-primary-dies.img-container img{width:auto;object-fit:contain}.navbarN-prodi-pt{padding-top:64px}}@media screen and (max-width:768px){.navbarN-prodi-primary-brand__text-shortname{display:block}.navbarN-prodi-primary-brand__text-name{display:none}.navbarN-prodi-primary-brand{max-width:180px}.navbarN-prodi-primary-brand:nth-of-type(2) .navbarN-prodi-primary-brand__image>img{content:url("https://konten.usu.ac.id/storage/satker/0/icons/dies73_LogoWarna_Vertikal.webp")}}@media screen and (max-width:460px){.navbarN-prodi-primary-ttu{height:40px}}
.navbarN{position:fixed;z-index:20;width:100%;display:flex;flex-direction:column}.navbarN-unscrolled:hover .navbarN-second{background-color:var(--color-primary)}.navbarN-unscrolled:hover .navbarN-primary{background-color:var(--color-white)}.navbarN-unscrolled .navbarN-primary,.navbarN-unscrolled .navbarN-second{background-color:transparent}.navbarN-unscrolled .navbarN-primary__link-href .navbarN-primary-utils-slot{color:var(--color-primary-2)}.navbarN-unscrolled .navbarN-primary__link-href .navbarN-primary-utils-slot,.navbarN-unscrolled .navbarN-second__link{color:var(--color-black)}.navbarN-unscrolled:hover .navbarN-primary__link-href .navbarN-primary-utils-slot{color:var(--color-primary)}.navbarN-unscrolled:hover .navbarN-second__link{color:var(--color-white)}.navbarN-pt{padding-top:120px;width:100%}.navbarN-second{background-color:var(--color-primary);display:flex;justify-content:flex-end;align-items:center;gap:12px;overflow:hidden;transition:all .3s ease;animation:fadeOutOnScroll linear forwards;animation-timeline:scroll(root);animation-range:0px 100px}.navbarN-second-links{display:flex;align-items:center;list-style-type:none;overflow-x:auto;white-space:nowrap;width:fit-content;overflow-x:auto;margin-bottom:0}.navbarN-second-links li{display:inherit}.navbarN-second__link{text-decoration:none;color:var(--color-white);font-size:.675rem;line-height:1rem;padding:14px;border-bottom:2px solid transparent}.navbarN-second__link:hover{color:var(--color-white);background-color:var(--color-primary-2);border-bottom:2px solid var(--color-white)}.navbarN-second-utils{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-left:8px;border-left:1px solid var(--color-white-5)}.navbarN-second__util{padding:0 8px;position:relative}.navbarN-second__util-langs{list-style-type:none;margin-bottom:0}.navbarN-second__util__lang{padding:4px 8px;border:10px;background-color:var(--color-primary);border-radius:10px;z-index:20}.navbarN-second__util__lang-container{display:flex;gap:4px;justify-content:center;align-items:center}.navbarN-second__util__lang-text{color:var(--color-white);font-family:public-sans,sans-serif;font-weight:500;font-size:.75rem;line-height:1rem;text-transform:uppercase}.navbarN-second__util__lang-logo{width:16px;height:14.149px;border-radius:40%;overflow:hidden}.navbarN-second__util-search{display:flex;justify-content:center;align-items:center;cursor:pointer}.navbarN-second__util-search img{width:16px;height:16px}.navbarN-second__util__lang .material-icons-outlined{color:var(--color-white);font-size:.6rem}.navbarN-second__util__lang:nth-child(2){position:absolute;top:32px;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;transition:all .3s ease}.navbarN-second__util__lang:hover,.navbarN-second__util__lang:hover+.navbarN-second__util__lang{opacity:1;visibility:visible}.navbarN-primary{background-color:var(--color-white);display:flex;justify-content:space-between;align-items:center;position:relative;transition:all .3s ease}.navbarN-primary-brand{background-color:transparent;display:flex;align-items:center;column-gap:8px;padding:8px 0;text-decoration:none;flex-wrap:wrap;max-width:300px;z-index:10;position:relative}.navbarN-primary-brand__image{width:48px;height:48px;transition:none;display:flex;align-items:center}.navbarN-primary-brand__image.img-container img{width:auto;height:100%;object-fit:contain}.navbarN-primary-brand__text{max-width:230px;font-size:1rem;line-height:1.25rem;font-weight:800;color:var(--color-black);overflow:hidden}.navbarN-primary-brand__text-shortname{display:none}.navbarN-primary-brand__text-hover{max-width:150px;font-size:1rem;line-height:1.25rem;font-weight:800;color:var(--color-black);opacity:0;height:0;overflow:hidden;transition:opacity .3s ease;text-align:center}.navbarN-primary-links{display:flex;justify-content:flex-end;align-items:center;margin-bottom:0}.navbarN-primary-links li{list-style-type:none;display:inherit}.navbarN-primary__link{position:relative}.navbarN-primary__link:hover{background-color:var(--color-white)}.navbarN-primary__link-children:hover,.navbarN-primary__link:hover .navbarN-primary__link-children{max-height:1600px;opacity:1;border-bottom:4px solid var(--color-secondary)}.navbarN-primary__link:hover .navbarN-primary__link-href{border-bottom:4px solid var(--color-secondary)}.navbarN-primary__link-href{text-decoration:none;font-size:.75rem;line-height:1rem;color:var(--color-primary);padding:28px 16px;font-weight:700;border-bottom:4px solid transparent;z-index:3;transition:all .3s ease}.navbarN-primary__link-children{position:absolute;top:76px;left:0;z-index:2;border-bottom:4px solid transparent;background-color:var(--color-white);transition:all .3s ease;max-height:0;overflow-y:hidden;opacity:0}.navbarN-primary__link__child{width:240px;transition:all .3s ease}.navbarN-primary__link__child a{display:flex;width:100%;padding:8px 12px;font-size:.75rem;line-height:1rem;font-weight:600;text-decoration:none;color:#000}.navbarN-primary__link__child:hover{background-color:var(--color-white-2)}.navbarN-primary__wrapper{display:none;align-items:center;gap:16px}.navbarN-primary-ttu{display:none;height:60px;padding:8px 0}.navbarN-primary-dies{display:none;height:60px;padding:8px 0}.page-scroller{position:fixed;bottom:0;right:14%;padding:32px 32px 16px 32px;background:linear-gradient(0deg,rgba(254,197,46,.7) 50.02%,rgba(254,197,46,0) 99.99%);z-index:30;cursor:pointer}.page-scroller img{width:32px;height:16px}.navbarN-primary-brand:nth-of-type(2) .navbarN-primary-brand__image>img{content:url("https://konten.usu.ac.id/storage/satker/0/icons/dies73_LogoWarna.webp")}.show-on-scroll{opacity:0;transform:translateY(10px);visibility:hidden;transition:none;animation:fadeInOnScroll linear forwards;animation-timeline:scroll(root);animation-range:0px 100px}@keyframes fadeInOnScroll{to{opacity:1;transform:translateY(0);visibility:visible}}@keyframes fadeOutOnScroll{to{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin:0;visibility:hidden}}#navbarLangSwitcher.is-in-second svg{fill:var(--color-white)}#navbarLangSwitcher.is-in-second .navbarN-second__util__lang-text{color:var(--color-white);font-weight:500}#navbarLangSwitcher.is-in-primary svg{fill:#006633}#navbarLangSwitcher.is-in-primary .navbarN-second__util__lang-text{color:var(--color-primary);font-weight:700}@media screen and (max-width:1600px){.page-scroller{right:8%}}@media screen and (max-width:1320px){.page-scroller{right:4%}.navbarN-primary__link-href{padding:18px 12px}.navbarN-primary-brand__image{height:42px;max-width:unset;max-height:unset}.navbarN-second__link{padding:8px}.navbarN-second-utils{gap:0}.navbarN-primary-brand__text{max-width:240px}.navbarN-primary-brand{max-width:300px}.navbarN-pt{padding-top:90px}}@media screen and (max-width:1100px){.navbarN-primary__wrapper{display:flex}.navbarN-unscrolled .navbarN-primary{background-color:var(--color-white)}.navbarN-primary{padding-top:6px;padding-bottom:6px;border-bottom:6px solid var(--color-primary)}.navbarN-second{display:none}.navbarN-primary-links{display:none}.navbarN-primary-ttu{display:block}.navbarN-primary-dies{display:block}.navbarN-primary-ttu.img-container img{width:auto;object-fit:contain}.navbarN-primary-dies.img-container img{width:auto;object-fit:contain}.navbarN-pt{padding-top:64px}}@media screen and (max-width:768px){.navbarN-primary-brand__text-shortname{display:block}.navbarN-primary-brand__text-name{display:none}.navbarN-primary-brand{max-width:180px}.navbarN-primary-brand:nth-of-type(2) .navbarN-primary-brand__image>img{content:url("https://konten.usu.ac.id/storage/satker/0/icons/dies73_LogoWarna_Vertikal.webp")}}@media screen and (max-width:460px){.navbarN-primary-ttu{height:40px}}
.fsk-nav{position:relative}.fsk-topnav{display:-webkit-box;gap:16px;overflow-x:auto;position:sticky;top:0;z-index:2;background-color:var(--color-white-2);z-index:5}.fsk-topnav__item{padding:12px 24px;border-radius:32px;font-size:.875rem;line-height:1.25rem;font-weight:700;color:var(--color-white-5);margin:16px 0}.fsk-topnav .active{background:rgba(11,104,57,.15);color:var(--color-primary)}.fsk-sideNav{position:sticky;top:180px;height:fit-content}.fsk-sideNav__item{cursor:pointer;margin-bottom:4px}.fsk-sideNav__item .title-fill__icon,.fsk-sideNav__item .title-fill__text{transition:all .3s ease}.fsk-sideNav .inactive .title-fill__icon{opacity:0;transition:all 0 ease}.fsk-sideNav .inactive .title-fill__text{background-color:transparent;transition:all 0 ease;color:var(--color-black)}.fsk-sideNav .inactive:hover .title-fill__icon{opacity:1}.fsk-sideNav .inactive:hover .title-fill__text{background-color:var(--color-primary);color:var(--color-white)}.fsk-pdd-content__wrapper{overflow:hidden}@media screen and (max-width:1200px){.fsk-topnav{top:90px}}@media screen and (max-width:992px){.fsk-topnav{top:72px}.fsk-topnav__item{padding:14px 21px;font-size:.75rem;line-height:1rem}.fsk-pdd-nav__wrapper{grid-template-columns:1fr;gap:48px}.fsk-sideNav{display:-webkit-box;gap:8px;overflow:auto;position:relative;top:0}.fsk-sideNav .title-fill__icon{display:none}.fsk-sideNav .title-fill__text{border-radius:8px}}
.static-slider-container{position:relative}.static-slider-btns{position:absolute;bottom:0;right:0}.static-slider__btn{padding:4px 6px;transition:all .3s ease}.static-slider__btn span{font-size:1rem}