.sidebar-wrapper[data-v-28768f5c]{height:800vh!important;background-color:rgba(14,183,176,.1);box-shadow:0 8px 48px rgba(0,0,0,.05)}.bg-active[data-v-28768f5c]{background-color:#0eb7b0;color:#fff!important}.scrollable-sidebar[data-v-28768f5c]{overflow-y:hidden;height:70vh}.scrollable-sidebar[data-v-28768f5c]:hover{overflow-y:scroll}.loading[data-v-ed1bc846]{height:100vh!important;position:absolute!important;bottom:0;overscroll-behavior:contain!important;z-index:1000;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.sk-chase[data-v-ed1bc846]{position:relative}.wrap-loading[data-v-ed1bc846]{z-index:10000!important}.layout-wrapper[data-v-593a9bcc]{width:100%;height:100vh;margin:0;padding:0;font-family:Poppins,sans-serif;overflow:hidden}.full-width[data-v-593a9bcc]{width:100%}@font-face{font-family:Poppins;src:local("Poppins"),url(/fonts/Poppins-Regular.e3fe7ebf.ttf) format("truetype")}.my-input.v-input .v-input__slot{border-radius:10px;height:48px}.my-text-area.v-input .v-input__slot{border-radius:10px}.rounded-hippo{border-radius:10px!important}.font-700-18{font-weight:700;font-size:18px}.font-700-16{font-weight:700;font-size:16px}.font-600-16{font-weight:600;font-size:16px}.font-600-14{font-weight:600;font-size:14px}.font-600-12{font-weight:600;font-size:12px}.font-500-16{font-weight:500;font-size:16px}.font-500-14{font-weight:500;font-size:14px}.font-500-12{font-weight:500;font-size:12px}.font-400-18{font-weight:400;font-size:18px}.font-400-14{font-weight:400;font-size:14px}.font-400-12{font-weight:400;font-size:12px}.font-400-10{font-weight:400;font-size:10px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--lightestgrey)}::-webkit-scrollbar-thumb{background:#b1b1b1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#949494}.full-height[data-v-23948b36]{min-height:100vh}.text-heading-1[data-v-23948b36]{font-family:Poppins;font-style:"normal";font-weight:700;font-size:35px;line-height:auto;color:#0eb7b0}.text-heading-2[data-v-23948b36]{font-weight:400;font-size:22px}.text-heading-2[data-v-23948b36],.text-title[data-v-23948b36]{font-family:Poppins;font-style:"normal";line-height:auto;color:#000}.text-title[data-v-23948b36]{font-weight:600;font-size:20px}.text-title-green[data-v-23948b36]{font-family:Poppins;font-style:"normal";font-weight:600;font-size:20px;line-height:auto;color:#0eb7b0}.text-medium-grey[data-v-23948b36]{font-family:Poppins;font-style:"normal";font-weight:400;font-size:12px;line-height:auto;color:#737373}.text-small[data-v-23948b36]{color:#0eb7b0;cursor:pointer}.text-small-grey[data-v-23948b36],.text-small[data-v-23948b36]{font-family:Poppins;font-style:"normal";font-weight:400;font-size:9px;line-height:auto}.text-small-grey[data-v-23948b36]{color:#b6b6b6}.text-title-form[data-v-23948b36]{font-family:Poppins;font-style:"normal";font-weight:400;font-size:14px;line-height:auto;color:#000}.upload-btn[data-v-23948b36]{font-family:Poppins;font-style:"normal";font-weight:400;font-size:11px;border:2px solid #c9c9c9;height:42px;cursor:pointer}.upload-btn[data-v-23948b36]:hover{border:2px solid #0eb7b0}.photo-profile-box[data-v-62d796da]{width:41px;height:41px;border-radius:100%;background-color:#737373}.text-title-grey[data-v-62d796da]{font-family:Poppins;font-style:"normal";font-weight:700;font-size:20px;line-height:auto;color:#737373}.text-paragraph-18-grey[data-v-62d796da]{font-size:18px}.text-paragraph-14-grey[data-v-62d796da],.text-paragraph-18-grey[data-v-62d796da]{font-family:Poppins;font-style:"normal";font-weight:400;line-height:auto;color:#737373}.text-paragraph-14-grey[data-v-62d796da]{font-size:14px}.text-paragraph-12-grey[data-v-62d796da]{font-family:Poppins;font-style:"normal";font-weight:300;font-size:12px;line-height:auto;color:#737373}.foto-container{width:100%;height:214px;background-color:#f8f4f4}.profile-image{background-color:#f8f4f4}.image-siswa,.profile-image{width:113px;height:113px;border-radius:20px}.image-siswa{-o-object-fit:cover;object-fit:cover}.regular{border-left:15px solid #eb4335!important}.extraTime{border-left:15px solid #feb068!important}.ekstraKulikuler{border-left:15px solid #89c8fc!important}.ekstraSkill{border-left:15px solid #a6f986!important}.event{border-left:15px solid #bababa!important}.font-body[data-v-247aff4c]{font-size:20px;color:#000}.data-container{padding-top:20px;padding-left:36px;padding-right:36px;padding-bottom:120px;overflow-y:scroll;height:100vh}.photo-box{border:1px solid #000}.photo-box,.uploaded-photo{display:flex;justify-content:center;width:162px;height:172px}.uploaded-photo{-o-object-fit:cover;object-fit:cover}.data-container{margin:20px 0;overflow:auto}