@import"https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{font-family:Onest,sans-serif;font-size:16px;padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}:root{--ff: "Albert Sans", sans-serif;--h1: bold 40px var(--ff);--h2: bold 30px var(--ff);--h3: bold 26px var(--ff);--h4: 26px var(--ff);--h5: bold 24px var(--ff);--h5-normal: 24px var(--ff);--h6: bold 20px var(--ff);--h6-normal: 20px var(--ff);--p: 16px var(--ff);--subtext: 14px var(--ff);--colorprimary:#000;--colorsecondary:#fff;--coloraccent:#e8eaed;--coloraccent2:#767676;--coloraccent3:#d5d5d5;--coloraccent4:rgb(43, 45, 66);--coloraccent5:#0000000d;--greendark:#358600;--green:#58cc02;--greenmild:#C6D880;--greenpowder:#E6EFC2;--greensoft:#DFF0D8;--orange: orange;--yellowdark:#ff6d00;--yellow:#ffc800;--yellowmild:#ffeb7b;--yellowpowder:#f8fec7;--reddark:#d50000;--red:#d12f19;--redmild:#ff9a9d;--redpowder:#fbe0e6;--bluedark:#0056b3;--blue:#2962ff;--cyan:#24E0FF;--bluemild:#92BDDA;--bluepowder:#eaf2f5;--blueslate:rgb(203 213 225);--shadow: 0 0 10px rgba(0,0,0,.5);--border: 1px solid var(--coloraccent3);--gap: 12px;--gap-rem: 1rem;--vertical-spacing: 20px 0;--vertical-spacing-rem: 2rem 0}h1{font:var(--h1)}h2{font:var(--h2)}h3{font:var(--h3)}h4{font:var(--h4)}h5{font:var(--h5)}h6{font:var(--h6)}p{font:var(--p)}.subtext{font:var(--subtext)}.container{width:100%;height:100%;margin:0 auto;padding:0 var(--gap)}.wrapper{border-radius:5px;background:var(--colorsecondary);box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.shadow{box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.constrict{width:100%;margin:0 auto}.frame{padding:10px;border:var(--border);margin-top:-1px;align-items:flex-start;border-radius:5px}.scrollable{overflow:auto}.overflow-hidden{overflow:hidden}.cursor-pointer,.sortable{cursor:pointer}.teks-negatif{color:var(--red)}.teks-positif{color:var(--greendark)}.teks-netral{color:var(--blue)}.teks-putih{color:#fff}.bg-white{background:#fff}.bg-cyan{background:var(--cyan)}.bg-bluepowder{background:var(--bluepowder)}.bg-blueslate{background:var(--blueslate)}.bg-redpowder{background:var(--redpowder)}.bg-green,.badge{background:var(--green)}.bg-greensoft{background:var(--greensoft)}.bg-greenpowder{background:var(--greenpowder)}.bg-orange,.tombol-orange{background:var(--orange)}.bg-yellow,.tombol-yellow{background:var(--yellow)}.bg-yellowpowder{background:var(--yellowpowder)}.bg-yellowdark,.tombol-yellowdark{background:var(--yellowdark)}.bg-greendark,.tombol-positif{background:var(--greendark)}.bg-blue,.tombol-netral{background:var(--blue)}.bg-red,.tombol-negatif,.badge .danger{background:var(--red)}.reminder{padding:10px;color:var(--colorsecondary);fill:var(--colorsecondary)}.reminder .reminder-icon{margin-right:8px}.reminder.mild,.reminder.mid,.reminder.warn,.reminder.must{border-left-style:solid;padding-left:8px;border-left-width:4px}.reminder.mild{color:green;fill:green;border-left-color:green}.reminder.mild button{color:var(--greendark);fill:var(--greendark)}.reminder.mid{color:var(--bluedark);fill:var(--bluedark);border-left-color:var(--blue)}.reminder.mid button{color:var(--bluedark);fill:var(--bluedark)}.reminder.warn{color:var(--yellowdark);fill:var(--yellowdark);border-left-color:var(--yellowdark)}.reminder.warn button{color:var(--yellowdark);fill:var(--yellowdark)}.reminder.must{color:var(--reddark);fill:var(--reddark);border-left-color:red}.reminder.must button{color:var(--reddark);fill:var(--reddark)}.alert{width:auto;position:fixed;opacity:0;left:50%;top:2rem;transform:translate(-50%);z-index:99}.alert button{margin-left:10px;color:var(--colorsecondary);fill:var(--colorsecondary)}.alert button:hover{color:var(--coloraccent2);fill:var(--coloraccent2)}.badge{display:inline-block;padding:5px 12px;color:#fff;font-size:14px;border-radius:4px}.badge.round{border-radius:20px;padding:5px 10px}.tombol,.tombol-besar,.tombol-mini,.reminder{border-radius:4.5px}.tombol,.tombol-besar,.tombol-mini,.tombol-none{display:flex;justify-content:center;cursor:pointer;-webkit-text-decoration:0;text-decoration:0;align-items:center;margin:0 2px}.tombol{padding:5px}.tombol-besar{justify-self:center;padding:10px 20px}.tombol-mini{padding:1px 6px}.tombol:hover,.tombol-besar:hover,.tombol-mini:hover{background:#fff}.tombol-none{border:none}.tombol-none,.tombol-blank{color:var(--colorprimary);fill:var(--colorprimary);background:none}.tombol-none:hover,.tombol-blank:hover{fill:var(--coloraccent2);color:var(--coloraccent2)}.tombol-none:active,.tombol-blank:active{fill:var(--coloraccent3);color:var(--coloraccent3)}.tombol:active,.tombol-mini:active,.tombol-besar:active{background:var(--coloraccent3)}.tombol-netral,.tombol-negatif,.tombol-positif{border:none;color:var(--colorsecondary);fill:var(--colorsecondary)}.tombol-netral:hover{background:var(--bluepowder);box-shadow:inset 0 0 0 1px var(--bluemild);color:var(--bluedark);fill:var(--bluedark)}.tombol-netral:active{box-shadow:2px 2px 5px var(--blue)}.tombol-negatif:hover{background:var(--redpowder);box-shadow:inset 0 0 0 1px var(--redmild);color:var(--reddark);fill:var(--reddark)}.tombol-negatif:active{box-shadow:2px 2px 5px var(--red)}.tombol-positif:hover{background:var(--greenpowder);box-shadow:inset 0 0 0 1px var(--greenmild);color:var(--greendark);fill:var(--greendark)}.tombol-positif:active{box-shadow:2px 2px 5px var(--green)}.tombol-yellowdark:hover{background:var(--yellowpowder);box-shadow:inset 0 0 0 1px var(--orange);color:var(--yellowdark);fill:var(--yellowdark)}.tombol-yellowdark:active{box-shadow:2px 2px 5px var(--yellowdark)}.pagination{display:flex;align-items:center;gap:5px}.pagination .page-link{width:25px;height:25px;text-decoration:none;border-radius:5px;cursor:pointer}.pagination .num-link{border:1px solid var(--blue);color:var(--blue)}.pagination .num-link.current{height:32px}.pagination .num-link:hover,.pagination .current{background:var(--blue);color:var(--colorsecondary);fill:var(--colorsecondary);font-weight:700}.pagination .num-link:active{box-shadow:2px 2px 5px var(--blue)}.pagination .disabled{border:1px solid var(--coloraccent2);color:var(--coloraccent2);fill:var(--coloraccent2)}.disabled,.tombol:disabled,.tombol-besar:disabled,.tombol-mini:disabled,.tombol-positif:disabled:hover,.tombol-positif:disabled:active,.tombol-netral:disabled:hover,.tombol-netral:disabled:active,.tombol-negatif:disabled:hover,.tombol-negatif:disabled:active,.tombol-blank:disabled:hover,.tombol-blank:disabled:active{background:var(--coloraccent);box-shadow:none;color:var(--colorsecondary);fill:var(--colorsecondary);cursor:not-allowed}table{width:100%;border-collapse:collapse}th,td{vertical-align:middle;text-align:left;padding:8px 0 8px 10px}table.alternate *{font-size:14px}table.alternate ol,table.alternate ul{margin-inline-start:0;padding-inline-start:20px}table.alternate thead,table.alternate tfoot{position:sticky;top:0}table.alternate th,table.alternate td{padding-left:0}table.alternate th,table.alternate th *,table.alternate td,table.alternate td *{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}table.alternate tr th{background:var(--blueslate);padding:10px}table.alternate tr:nth-child(odd){background:var(--coloraccent5)}table.alternate tr:hover{background:var(--coloraccent3)}table.alternate td{padding:13px 10px}table.alternate .tombol-none:hover{fill:var(--coloraccent2)}table.detail tr{border-top:var(--border);border-bottom:var(--border)}table.detail th,table.detail th *,table.detail td,table.detail td *{overflow:visible;white-space:normal}table.detail tr:nth-child(odd){background:var(--bluepowder)}table.detail tr:hover{background:var(--coloraccent3)}table.fixed{table-layout:fixed}.checkmenu{display:flex;width:100%;padding:10px;border:var(--border)}.checkmenu>*{width:100%;padding-left:10px}.checkmenu>input{width:20px;height:20px}.inputbox input,.inputbox select,.inputbox textarea{border:var(--border)}.preview{width:100%;height:auto}.preview img{width:100px;height:auto;cursor:pointer;border:1px solid #ddd;padding:5px}.preview .pdf{width:100px;height:auto;cursor:pointer;padding:5px}.overlay{display:none;position:fixed;width:100vw;height:100vh;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:100}.modal{justify-content:center;align-items:center}.modal.open{display:flex}.modal.close{display:none}.modal-content{position:relative;top:0;left:0;right:0;bottom:0;text-align:center;max-width:95vw;max-height:95vh}.modal-content .modal-body{max-height:85vh}.modal-content .content{max-height:100%}.modal-content .modal-body,.modal-content .content{height:100%;width:100%;-o-object-fit:contain;object-fit:contain}.modal-button{position:fixed;fill:var(--colorsecondary);color:var(--colorsecondary);top:15px;right:15px;cursor:pointer;background:none;border:none;font-size:20px}.modal-button svg{height:2.5rem;width:2.5rem}.gallery-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-height:500px}.gallery-item{aspect-ratio:4 / 3;overflow:hidden;border-radius:8px}.gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.05)}.lightbox-content{width:100%;max-width:100%;max-height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.lightbox-img{max-width:100%;max-height:85vh;-o-object-fit:contain;object-fit:contain;display:block;margin:0 auto;box-shadow:0 0 10px #0003;border-radius:4px;transition:transform .3s ease-in-out}.lightbox-prev,.lightbox-next{position:fixed;top:50%;background-color:#00000080;color:#fff;border:none;padding:.5rem .75rem;cursor:pointer;font-size:2rem;border-radius:4px;z-index:10;transition:background-color .2s ease}.lightbox-prev:hover,.lightbox-next:hover{background-color:#000c}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.dropdown .dropdown-list{white-space:nowrap}.dropdown .dropdown-menu{color:var(--colorprimary);fill:var(--colorprimary);text-decoration:none;padding:10px;display:flex}.dropdown .dropdown-menu:hover{background:var(--coloraccent3);transition:.2s ease-in}.tooltip .tooltiptext{max-width:300px;visibility:hidden;position:fixed;z-index:10;text-align:center;font-size:14px;border-radius:6px;padding:6px 12px;background-color:#555;color:var(--colorsecondary);opacity:0;transition:opacity .3s ease-in-out}.tooltip .tooltiptext:after{content:"";position:absolute;border-width:5px;border-style:solid}.tooltip[tooltip=top] .tooltiptext:after{top:100%;left:50%;margin-left:-5px;border-color:#555 transparent transparent transparent}.tooltip[tooltip=bottom] .tooltiptext:after{bottom:100%;left:50%;margin-left:-5px;border-color:transparent transparent #555 transparent}.tooltip[tooltip=left] .tooltiptext:after{left:100%;top:50%;margin-top:-5px;border-color:transparent transparent transparent #555}.tooltip[tooltip=right] .tooltiptext:after{right:100%;top:50%;margin-top:-5px;border-color:transparent #555 transparent transparent}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.gap{gap:var(--gap)}.gap-rem{gap:var(--gap-rem)}.content-padding{padding:var(--gap)}.content-padding-rem{padding:var(--gap-rem)}.content-padding-vertical{padding:var(--vertical-spacing)}.content-padding-vertical-rem{padding:var(--vertical-spacing-rem)}.content-padding-vertical-narrow{padding:var(--gap) 0}.content-padding-top{padding-top:var(--gap)}.content-padding-bottom{padding-bottom:var(--gap)}.content-padding-bottom-rem{padding-bottom:var(--gap-rem)}.content-padding-left{padding-left:var(--gap)}.content-padding-right{padding-right:var(--gap)}.content-padding-side{padding-left:var(--gap);padding-right:var(--gap)}.content-padding-side-rem{padding-left:var(--gap-rem);padding-right:var(--gap-rem)}.padding-0{padding:0}.padding-10{padding:10px}.padding-left-10{padding-left:10px}.padding-right-10{padding-right:10px}.padding-side-10{padding-left:10px;padding-right:10px}.padding-bottom-10{padding-bottom:10px}.margin-unset{margin:unset}.margin-vertical{margin:var(--vertical-spacing)}.margin-vertical-narrow{margin:var(--gap) 0}.margin-0{margin:0}.margin-bottom-auto{margin-bottom:auto}.margin-top-auto{margin-top:auto}.margin-right-auto{margin-right:auto}.margin-left-auto{margin-left:auto}.content-margin{margin:var(--gap)}.content-margin-top{margin-top:var(--gap)}.content-margin-bottom{margin-bottom:var(--gap)}.content-margin-bottom-10{margin-bottom:10px}.content-margin-left{margin-left:var(--gap)}.content-margin-right{margin-right:var(--gap)}.content-margin-side{margin-left:var(--gap);margin-right:var(--gap)}.content-margin-side-rem{margin-left:var(--gap-rem);margin-right:var(--gap-rem)}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex;flex-wrap:wrap}.flex-col{flex-direction:column;flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-1-half{flex:1 50%}.flex-2{flex:2}.flex-3{flex:3}.flex-4{flex:4}.flex-center{align-items:center;justify-content:center;justify-items:center}.justify-start{justify-content:start}.justify-flex-start{justify-content:flex-start}.justify-flex-end{justify-content:flex-end}.justify-end{justify-content:end}.justify-center{justify-content:center;justify-items:center}.justify-items-center{justify-items:center}.justify-content-center{justify-content:center}.justify-self-center{justify-self:center}.justify-between{justify-content:space-between}.justify-self-between{justify-self:space-between}.justify-around{justify-content:space-around}.justify-right{justify-content:right}.justify-left{justify-content:left}.align-items-start{align-items:start}.align-items-center{align-items:center}.align-self-center{align-self:center}.align-self-baseline{align-self:end}.text-align-center{text-align:center}.text-align-start{text-align:start}.text-align-left{text-align:left}.text-align-right{text-align:right}.pre-wrap{white-space:pre-wrap}.pre-line{white-space:pre-line}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.height-100{height:100%}.top-0{top:0}.bottom-0{bottom:0}.right-0{right:0}.left-0{left:0}.unset{margin:unset!important;padding:unset!important;list-style:unset!important}hr.content-line{width:80px;height:1px;background:#15683e;margin:25px 0;border:0}hr.content-divider{width:100%}hr.content-divider-partial{width:35%}hr.content-divider,hr.content-divider-partial{background:#bde0cf;height:1px;margin:1.5rem 0;position:relative;padding:0;border:0;border-top:1px solid rgba(0,0,0,.1);box-sizing:content-box;overflow:visible}hr.content-divider:before,hr.content-divider-partial:before{content:" ";display:block;background:#15683e;position:absolute;top:-1px;width:80px;height:1px}ol{display:block;list-style-type:decimal;margin-block-end:1em;padding-inline-start:40px;unicode-bidi:isolate}.justify-list,:where(main ol,main ul){margin-inline-start:0;padding-inline-start:20px}.searchbar{display:flex;position:relative;fill:var(--coloraccent2);color:var(--coloraccent2)}.searchbar .search-item{position:absolute;right:5px;top:5px}.form-item{font:inherit;padding:3px 5px;width:100%;border:1px solid var(--coloraccent2);border-radius:4.5px}.form-item.search{width:250px}.form-item:focus{border:1px solid var(--blue);outline:none;box-shadow:2px 2px 3px #0000001a inset,0 0}input[type=file].form-item{padding:unset}.home-layout{display:flex;flex-direction:column;font-family:var(--ff);min-height:100dvh;background:var(--greensoft)}.home-header{position:sticky;top:0;z-index:100;width:100%;padding:1rem 0px;background:var(--green);color:var(--colorsecondary)}.home-header a{text-decoration:none;font:inherit;color:var(--colorsecondary)}.home-navbar a{padding:8px 25px;font-weight:600}.home-navbar a:hover,.home-navbar a.current{color:var(--green);background:var(--colorsecondary);border-radius:30px}.home-navbar .toggle{fill:var(--coloraccent);color:var(--coloraccent)}.home-navbar .toggle:hover{background:unset;fill:var(--colorsecondary);color:var(--colorsecondary)}.home-navbar-mobile{position:fixed;left:0;right:0;z-index:2;transition:max-height .2s ease-in-out;background:#0d4521e3;overflow:hidden}.home-navbar-mobile li{list-style:none}.home-navbar-mobile li:hover{font:650 var(--p);border-radius:30px}.home-navbar-mobile li:hover a{color:var(--green);border-radius:30px}.home-navbar-mobile a{width:100%;color:var(--colorsecondary);text-decoration:none;transition:.2s ease-in-out}.home-navbar-mobile a.current{color:var(--green);border-radius:30px;background:var(--colorsecondary)}.home-navbar-mobile li:hover a,.home-navbar-mobile a.current{padding-left:3rem}.home-navbar-mobile.close{max-height:0}.home-navbar-mobile.open{max-height:100vh}.home-footer{margin-top:50px}.home-footer .footer-head{padding-bottom:10px}.home-footer .footer-body{padding:12px 0}.home-footer table{border-spacing:10px}.home-footer img{height:25px;width:auto;vertical-align:middle}.home-section{position:relative;padding:12px 0;margin-top:10px;background-color:var(--colorsecondary);box-shadow:var(--shadow)}.section-kid-big{flex:1;display:flex;flex-direction:column;padding:var(--gap) 10px 0px}.section-kid-small{width:33.3333333%;display:flex;overflow:hidden;padding:var(--gap) 0}.section-title .section-title__pre{font:var(--h5)}.section-title .section-title__pre:after{content:"";width:120px;height:1px;display:inline-block;background:#1acc8d;margin:4px 10px}.section-title .section-title__main{font:var(--h3)}.section-title .section-title__post{font:var(--h4)}.scroll-down-container{display:flex;justify-content:center;text-decoration:none}.scroll-down{stroke:#333;stroke-width:2;fill:none}.scroll-arrow{opacity:0;animation:arrowBounce 2s infinite}.arrow1{animation-delay:0s}.arrow2{animation-delay:.5s}@keyframes arrowBounce{0%{opacity:0;transform:translateY(-5px)}50%{opacity:1;transform:translateY(5px)}to{opacity:0;transform:translateY(10px)}}#section-struktur{background:var(--bluemild)}#section-struktur .struktur-title{background-position:center;background-repeat:no-repeat;padding:4rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}#section-struktur .org-member{border-radius:50%}#section-struktur .org-profile{max-width:150px;max-height:200px}#section-hero{height:60vh;background-size:cover;background-repeat:no-repeat;background-position:center;color:var(--colorsecondary)}#section-hero .beranda-main{max-width:65vw}#section-hero img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-mask-image:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);mask-image:linear-gradient(to right,#fff0,#fff,#fff)}#section-hero .hero-title{position:relative;z-index:1}#section-hero .hero-overlay{position:absolute;width:100%;height:100%;left:0;top:0}#section-hero .hero-button{display:flex;-webkit-text-decoration:0;text-decoration:0;align-items:center;border-radius:30px;box-shadow:var(--shadow);padding:10px 15px;background:var(--green);fill:var(--colorsecondary);color:var(--colorsecondary)}#section-hero .hero-button span{margin-right:10px}#section-hero .hero-button:hover{cursor:pointer;background:var(--colorsecondary);color:var(--green);fill:var(--green)}#section-hero .hero-button:active{box-shadow:2px 2px 5px var(--green)}#section-prosedur>div,#section-informasi>div,#section-gallery>div{margin-bottom:50px}#section-prosedur img,#section-informasi img{align-self:start;width:100%}#section-prosedur li,#section-prosedur p,#section-informasi li,#section-informasi p{line-height:28px;font-weight:500}#section-prosedur .info-section,#section-informasi .info-section{width:100%}#section-prosedur .info-part,#section-informasi .info-part{display:flex}#section-prosedur .info-part ol,#section-prosedur .info-part ul,#section-prosedur .info-part p,#section-informasi .info-part ol,#section-informasi .info-part ul,#section-informasi .info-part p{display:block;margin-block-end:1em;unicode-bidi:isolate}#section-prosedur .info-part ol,#section-informasi .info-part ol{padding-inline-start:60px}#section-prosedur .info-part ul,#section-informasi .info-part ul{list-style-type:none}#section-prosedur .info-part ul,#section-prosedur .info-part p,#section-informasi .info-part ul,#section-informasi .info-part p{padding-inline-start:40px}#section-login{background-color:var(--colorsecondary);margin:auto;max-width:25rem;border-radius:10px}#section-daftar table{width:100%}.app-layout{display:flex;height:100vh;background:var(--coloraccent)}.app-header{position:sticky;top:0;z-index:10;box-shadow:0 .15rem 1.75rem #3a3b4526}.app-topbar{height:3rem}.app-topbar .app-topbar__item{transition:.2s ease-in-out;cursor:pointer}.app-topbar .app-topbar__item:hover{padding:0 2rem}.app-navbar{width:15rem;display:flex;flex-direction:column;background:linear-gradient(to right,#4e73df,#224abe);color:var(--colorsecondary);fill:var(--colorsecondary);transition:all .5s}.app-navbar li{list-style:none}.app-navbar li:hover{background:#0003}.app-navbar a,.app-navbar button{border-radius:inherit;text-decoration:none;color:var(--colorsecondary);display:flex;width:100%;cursor:pointer;transition:.2s ease-in-out}.app-navbar a:hover,.app-navbar button:hover{font:bold var(--p);padding-left:2rem}.app-navbar a.current,.app-navbar button.current{padding-left:2rem;font:650 var(--p)}.app-navbar .arrow{transition:transform .15s}.app-navbar button.active .arrow{transform:rotate(90deg)}.app-navbar .submenu{transition:transform .15s}.app-navbar .submenu-content{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.app-navbar .submenu-content.open{max-height:100vh}.app-navbar .submenu-content.close{max-height:0}.app-navbar .submenu-content a{padding:10px;border-radius:inherit;color:#000;fill:#000}.app-navbar .conform{background:0;border:0}.app-navbar.open{width:15rem}.app-navbar.close{width:0}.app-navbar.close footer{display:none}.app-navbar-mobile{width:100vw;height:100%;background:linear-gradient(to right,#4e73df,#224abe);color:var(--colorsecondary);fill:var(--colorsecondary);z-index:2;transition:width .2s ease-in-out}.app-navbar-mobile li{list-style:none}.app-navbar-mobile li:hover{background:#0003}.app-navbar-mobile a,.app-navbar-mobile button{width:100%;color:var(--colorsecondary);fill:var(--colorsecondary);display:flex;text-decoration:none;cursor:pointer;transition:.2s ease-in-out}.app-navbar-mobile .conform{background:0;border:0}.app-navbar-mobile a:hover,.app-navbar-mobile button:hover,.app-navbar-mobile a.current,.app-navbar-mobile button.current{padding-left:2rem;font:650 var(--p)}.app-navbar-mobile .arrow{transition:transform .15s}.app-navbar-mobile button.active .arrow{transform:rotate(90deg)}.app-navbar-mobile .submenu{transition:transform .15s}.app-navbar-mobile .submenu-content{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}.app-navbar-mobile .submenu-content.open{max-height:100vh}.app-navbar-mobile .submenu-content.close{max-height:0}.app-navbar-mobile .submenu-content a{padding:10px;border-radius:inherit;color:#000;fill:#000}.app-navbar-mobile.close{width:0}.app-navbar-mobile.open{width:14rem}.app-content-area{flex:1}.app-content-area header{background:var(--colorsecondary)}.app-content-area main{flex:1;width:100%;position:relative;display:flex;flex-direction:column}.app-content{display:flex;flex-direction:column;padding:2rem 1.5rem}.content-title{display:flex;align-items:center;border-top-right-radius:inherit;border-top-left-radius:inherit}.sublink{text-decoration:none;color:inherit;fill:inherit}.biodata{border-top-left-radius:0}.biodata table *{font:var(--subtext)}.biodata th,.biodata td{padding:8px 0}.tab-head{padding:5px 14px;color:var(--coloraccent2);background:var(--blueslate);border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer}.tab-head.active,.tab-head.active:hover{color:var(--coloraccent);background:var(--blue)}.tab-head:hover{color:var(--bluedark);fill:var(--bluedark)}.tab-panel{display:none}.tab-panel.show{display:block}.biodata-brief{width:250px;padding:10px}.border-left-groove{border-left:groove}.list-stepper{--greenlight: #00d563;--greeneon: #008f4c}.list-stepper a{text-decoration:none;color:inherit;border-radius:4.5px;box-shadow:2px 2px 5px var(--coloraccent2);border:var(--border)}.list-stepper a:hover{background:var(--coloraccent3)}.list-stepper a:active{box-shadow:2px 2px 5px var(--coloraccent2) inset}.list-stepper li{display:flex;flex:1;flex-direction:column;text-align:center}.list-stepper li:before{display:block;content:"";--size: 20px;width:var(--size);height:var(--size);position:relative;background:#fff;border:1px solid #000;border-radius:50%;margin:0 auto 10px}.list-stepper li.active:before{background:var(--blue);border-color:var(--bluedark);box-shadow:var(--bluedark) 0 -1px 7px 1px,inset #006 0 -1px 9px,var(--blue) 0 2px 14px}.list-procedure ol{counter-reset:step;list-style:none;margin:0;padding:0;position:relative}.list-procedure li{justify-items:center;position:relative;padding-left:3rem;margin-bottom:2.5rem}.list-procedure li:before{border-radius:50%;counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:2rem;height:2rem;line-height:2rem;text-align:center;font-weight:700;background:var(--bluepowder);color:#fff;color:var(--blue);border:3px solid currentColor;z-index:1}.list-procedure li:after{content:"";position:absolute;left:1rem;top:2rem;width:.2rem;height:150%;background-color:#ccc;z-index:0}.list-procedure li:last-child:after{display:none}.admin-welcome{height:65%}.admin-summary{display:flex}.beranda-item{flex:1;color:#fff}.ppdb-buat-dokumen,.pengumuman-riwayat,.ppdb-list-table{flex:1;display:flex;flex-direction:column}.ppdb-list-table col:first-child{width:30px}.ppdb-list-table col:nth-child(2){width:170px}.ppdb-list-table col:nth-child(3){width:130px}.ppdb-list-table col:nth-child(4){width:210px}.ppdb-list-table col:nth-child(5){width:150px}.ppdb-list-table col:last-child{width:150px}.ppdb-list-table td:nth-child(5){text-overflow:clip}.pengumuman-riwayat col:first-child{width:30px}.pengumuman-riwayat col:nth-child(2){width:200px}.pengumuman-riwayat col:nth-child(3){width:350px}.pengumuman-riwayat col:nth-child(4){width:200px}.pengumuman-riwayat col:last-child{width:100px}.ppdb-list-table th:first-child,.ppdb-list-table td:first-child,.pengumuman-riwayat th:first-child,.pengumuman-riwayat td:first-child{text-align:center;text-overflow:clip}.ppdb-list-table th:first-child input,.ppdb-list-table td:first-child input,.pengumuman-riwayat th:first-child input,.pengumuman-riwayat td:first-child input{width:16px;height:16px}.ppdb-list-table th:last-child,.ppdb-list-table td:last-child,.pengumuman-riwayat th:last-child,.pengumuman-riwayat td:last-child{text-align:center}.ppdb-list-table td:last-child,.ppdb-list-table td:last-child *,.pengumuman-riwayat td:last-child,.pengumuman-riwayat td:last-child *{overflow:visible}.whatsapp{position:fixed;bottom:10px;right:50px}@media (min-width: 598px){.struktur-title{background-size:contain}.container{max-width:540px}#appNavMobile,.app-header__title-2{display:none}}@media (min-width: 768px){.container{max-width:720px}.constrict{max-width:680px}#section-hero{height:70vh}.app-navbar-mobile,.sublink .mobi,.app-topbar .mobi{display:none}}@media (max-width: 767px){.flex-1{flex:auto}.flex-1-half{flex:100%}#section-hero .beranda-main .header_main{font:var(--h2)}#section-hero .beranda-main .header_sub{font:var(--h5-normal)}.admin-welcome,.sublink .norm,.app-topbar .norm{display:none}.admin-summary,.ppdb-buat,.stepper,.info-part{flex-direction:column}}@media (min-width: 992px){.container{max-width:80vw}.home-navbar .toggle,.home-navbar-mobile{display:none}}@media (max-width: 991px){.org-card{width:100%}.app-layout footer,.home-navbar .navbar,.section-kid-small,.arrow{display:none}.home-footer *{flex-direction:column}.app-navbar.open{width:8rem}.app-navbar .sidebar-top{width:100%;display:inline}.app-navbar .submenu-content span{font:var(--subtext)}.app-navbar .submenu-content span:hover{font:650 var(--subtext)}.app-navbar a,.app-navbar button{font:var(--subtext);flex-direction:column;align-items:center;padding:var(--vertical-spacing)}.app-navbar a svg,.app-navbar button svg{width:26px;height:26px}.app-navbar a span,.app-navbar button span{flex-direction:column;font:var(--subtext);padding:unset}.app-navbar a:hover *,.app-navbar a.current *,.app-navbar button:hover *,.app-navbar button.current *,.app-navbar .submenu a:hover,.app-navbar .submenu a.current{font:650 var(--subtext)}.app-navbar a:hover,.app-navbar a.current,.app-navbar button:hover,.app-navbar button.current{padding:var(--vertical-spacing)}.app-navbar .submenu a{align-items:normal;padding:10px}}@media (max-width: 597px){.struktur-title{background-size:cover}#section-hero .beranda-main .header_main{font:var(--h3)}#section-hero .beranda-main .header_sub{font:var(--p)}.hero-button{flex-direction:column}.arrow{display:block}.app-navbar.open{width:0}.app-header__title-1,.app-topbar .sidebar-top{display:none}}@media screen and (min-width: 1058px){.ppdb-buat{flex-wrap:nowrap}}@media (min-width: 1200px){h1{font:bold 50px var(--ff)}}#section-daftar td,#admin-ppdb-entry td,#pendaftar-biodata td,#pendaftar-formulir td{vertical-align:top}