@charset "UTF-8";@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}:root{--primary: #2d2670;--secondary: #624bff;--white: #fff;--black: #000;--gray-100: #f1f5f9;--gray-200: #cbd5e1;--gray-300: #919eab;--gray-400: #475569;--gray-500: #212b36;--gray-600: #141a21;--gray-700: #161c24;--px-8: .5vw;--px-12: .75vw;--px-16: 1vw;--px-24: 1.5vw;--px-32: 2vw;--px-40: 2.5vw;--px-48: 3vw;--px-56: 3.5vw;--px-64: 4vw;--px-128: 8vw;--px-192: 12vw;--px-256: 16vw;--px-320: 20vw;--spx-8: 1vh;--spx-12: 1.5vh;--spx-16: 2vh;--spx-24: 3vh;--spx-32: 4vh;--spx-40: 5vh;--spx-48: 6vh;--spx-56: 7vh;--spx-64: 8vh;--spx-128: 16vh;--spx-192: 24vh;--spx-256: 32vh;--spx-320: 40vh;--fs-0: clamp(8px, .67vw, 1.25rem);--fs-1: clamp(12px, .88vw, 1.75rem);--fs-2: clamp(14px, 1.025vw, 2rem);--fs-3: clamp(16px, 1.17vw, 2.25rem);--fs-4: clamp(18px, 1.32vw, 2.5rem);--fs-5: clamp(20px, 1.47vw, 3rem);--fs-6: clamp(24px, 1.76vw, 3.5rem);--fs-7: clamp(28px, 2.05vw, 4rem);--fs-8: clamp(32px, 2.34vw, 5rem);--fs-9: clamp(40px, 2.93vw, 6rem);--fs-10: clamp(48px, 3.52vw, 7rem);--fs-11: clamp(56px, 4.1vw, 8rem);--fs-12: clamp(64px, 4.69vw, 9rem);--btn-danger: #dc3545;--btn-warning: #f59e0b;--btn-info: #0dcaf0;--btn-save: #28a745;--btn-neutral: #868e96}.confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-overlay .confirm-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--px-24);background:var(--white);padding:var(--px-24);border-radius:var(--px-8);max-width:var(--px-320);box-shadow:0 2px 1px var(--gray-100);text-align:center;font-size:var(--fs-2)}:is(.confirm-overlay .confirm-box) .logo{width:100%;display:flex;justify-content:center;font-size:var(--px-128)}:is(.confirm-overlay .confirm-box) .logo.success{color:var(--btn-save)}:is(.confirm-overlay .confirm-box) .logo.failed{color:var(--btn-danger)}:is(.confirm-overlay .confirm-box) .confirm-buttons{display:flex;justify-content:center;gap:var(--px-32)}:is(:is(.confirm-overlay .confirm-box) .confirm-buttons) button{padding:var(--px-8) var(--px-16);cursor:pointer;border:none;border-radius:4px;color:var(--white);transition:.2s ease;font-size:var(--fs-2)}:is(:is(.confirm-overlay .confirm-box) .confirm-buttons) button.danger{background-color:var(--btn-danger)}:is(:is(.confirm-overlay .confirm-box) .confirm-buttons) button.save{background-color:var(--btn-info)}:is(:is(.confirm-overlay .confirm-box) .confirm-buttons) button:hover{background-color:var(--gray-200)}:is(.confirm-overlay .confirm-box) .loading{aspect-ratio:1/1;width:var(--px-64);height:var(--px-64);border:5px solid var(--gray-100);border-top:5px solid var(--secondary);border-radius:50%;animation:spin 1s linear infinite;margin:auto}@media screen and (max-width: 1365px){.confirm-overlay .confirm-box{max-width:var(--spx-192);padding:var(--spx-24);gap:var(--spx-12)}:is(.confirm-overlay .confirm-box) .logo{font-size:var(--spx-64)}:is(.confirm-overlay .confirm-box) .confirm-buttons button{padding:var(--spx-8) var(--spx-16)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.not-found{display:flex;width:100%;height:-moz-fit-content;height:fit-content;padding:var(--px-32);border-radius:.5rem;background-color:var(--gray-200);color:var(--btn-danger);box-shadow:1px 1px 2px var(--gray-700);justify-content:center}.not-found h1{font-size:var(--fs-4)}.not-found p{font-size:var(--fs-3)}html,body{width:100%;height:100%}*,*:before,*:after{box-sizing:border-box}*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box;outline:none;border:none;text-decoration:none;scroll-behavior:smooth}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}#root{width:100%;height:-moz-max-content;height:max-content}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(/assets/ajax-loader-BcnMEykj.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(data:application/vnd.ms-fontobject;base64,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);src:url(data:application/vnd.ms-fontobject;base64,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) format("embedded-opentype"),url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"),url(data:font/ttf;base64,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) format("truetype"),url(/assets/slick-BlzDm7g2.svg#slick) format("svg")}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;transform:translateY(-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}aside .logo,nav,nav .left-section-container,nav .left-section,nav .right-section,nav .right-section .profile-text,main,footer{display:flex;justify-content:center;align-items:center}.right-content{max-width:100%;flex:1;background:linear-gradient(to bottom,var(--primary) 18vw,transparent 0%)}#root{display:flex}*{-webkit-user-select:none;-moz-user-select:none;user-select:none}aside{background-color:var(--gray-600);width:18vw;height:100vh;padding:var(--px-16) var(--px-32);display:flex;flex-direction:column;align-items:center;gap:var(--px-24);position:sticky;top:0}aside .logo{width:-moz-fit-content;width:fit-content}aside .logo img{width:100%}aside .menu-container{width:100%;display:flex;flex-direction:column;gap:var(--px-16)}aside .menu-container .title{display:flex;align-items:center;gap:var(--px-8);color:var(--white)}aside .menu-container .title h1{font-weight:400;font-size:var(--fs-2)}aside .menu-container .title .icon-style{width:var(--fs-2);height:var(--fs-2)}aside .menu-container .menu{width:-moz-fit-content;width:fit-content;display:flex;padding-left:var(--px-48);font-weight:400;font-size:var(--fs-1)}aside .menu-container .menu ul{display:flex;flex-direction:column;gap:var(--px-8)}aside .menu-container .menu ul li{cursor:pointer;color:var(--gray-300)}aside .menu-container .menu ul li a{color:var(--gray-300);white-space:nowrap}nav{width:100%;height:var(--px-64);padding:var(--px-8) var(--px-16);background-color:var(--white);justify-content:space-between;position:sticky;top:0;z-index:999;transition:.3s ease-in-out}.sticky-shadow{box-shadow:0 2px 8px #0000001a}nav .left-section-container{height:100%;gap:var(--px-16)}nav .left-section-container button{aspect-ratio:1/1;height:100%;width:auto;display:flex;justify-content:center;align-items:center;font-size:var(--fs-8);color:var(--primary);background-color:var(--white);border-radius:8px;transition:.3s ease}nav .left-section-container button:hover{background-color:var(--gray-200);cursor:pointer}nav .left-section{width:-moz-fit-content;width:fit-content;height:100%;gap:var(--px-16);padding:0 var(--px-8);border-radius:var(--px-8);border:2px solid var(--primary)}nav .left-section .icon-style{width:var(--px-32);height:var(--px-32);color:var(--primary)}nav .right-section{width:-moz-fit-content;width:fit-content;height:100%;gap:var(--px-16);padding:0 var(--px-8) 0 var(--px-8);position:relative;cursor:pointer}nav .right-section .dropdown-menu{position:absolute;top:100%;right:var(--px-32);background-color:var(--gray-600);box-shadow:0 1px 1px var(--gray-100);border-radius:var(--px-8);z-index:99}nav .right-section .dropdown-menu .dropdown-item{padding:10px;display:block;border:none;background:none;width:100%;text-align:left;cursor:pointer;color:var(--gray-100);white-space:nowrap}nav .right-section .profile-text{color:var(--gray-500);flex-direction:column;align-items:flex-end}nav .right-section .profile-text h1{font-size:var(--fs-3);font-weight:500;line-height:1.25}nav .right-section .profile-text h2{font-size:var(--fs-1);font-weight:600;line-height:1.25}nav .right-section .profile-image{aspect-ratio:1/1;width:var(--px-48);border-radius:100px;overflow:hidden}footer{width:100%;padding:var(--fs-0);background-color:var(--primary)}footer h1{color:var(--white);font-size:var(--fs-1);font-weight:500}@media screen and (max-width: 1365px){aside,nav,.right-content{display:none}.mobile{width:100%;height:100%}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.member-data,.member-data>.content,.member-data>.content .card .header .icon,.table-container,.table-container .footer,.table-container table .kolom-3,.table-container table .kolom-4,.staff-online,.staff-online .left-content .footer .online-indikator,.staff-online .right-content tbody .kolom-1,main{display:flex;justify-content:center;align-items:center}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.member-data{width:100%;flex-direction:column;gap:var(--px-48)}.member-data>.header{width:100%;display:flex;justify-content:space-between;color:var(--white)}:is(.member-data>.header) h1{font-size:var(--fs-6);font-weight:600}:is(.member-data>.header) a{padding:var(--px-12) var(--px-16);border-radius:8px;background-color:var(--white);color:var(--secondary);font-size:var(--fs-2);font-weight:500;transition:.3s ease-in-out}:is(.member-data>.header) a:hover{transform:scale(1.05)}.member-data>.content{width:100%;justify-content:space-between}:is(.member-data>.content) .card{width:17vw;height:-moz-fit-content;height:fit-content;padding:var(--px-16);border-radius:var(--px-8);background-color:var(--white);box-shadow:0 2px 2px var(--gray-200)}:is(:is(.member-data>.content) .card) .header{display:flex;align-items:flex-start;justify-content:space-between}:is(:is(:is(.member-data>.content) .card) .header) h1{font-size:var(--fs-3);font-weight:500;color:var(--gray-500);line-height:1}:is(:is(:is(.member-data>.content) .card) .header) .icon{aspect-ratio:1/1;width:var(--fs-6);height:var(--fs-6);border-radius:4px}:is(:is(:is(.member-data>.content) .card) .header) .icon-style{width:var(--fs-3);height:var(--fs-3);color:var(--white)}:is(:is(.member-data>.content) .card) .main{width:100%}:is(:is(.member-data>.content) .card) .main h1{font-weight:600;font-size:var(--fs-10);color:var(--gray-600);-webkit-user-select:text;-moz-user-select:text;user-select:text}:is(:is(.member-data>.content) .card) .footer h1{font-weight:600;font-size:var(--fs-2);color:var(--gray-400)}.member-data .content .card .footer h1 span{color:var(--gray-300);font-weight:400;font-size:var(--fs-1)}.member-data .content .card .header .users{background-color:var(--btn-save)}.member-data .content .card .header .tasks{background-color:var(--btn-info)}.member-data .content .card .header .briefcase{background-color:var(--secondary)}.table-container{width:100%;height:-moz-fit-content;height:fit-content;flex-direction:column;align-items:flex-start;color:var(--gray-500);box-shadow:1px 1px 1px var(--gray-200);border-radius:8px}.table-container .header,.table-container .footer{width:100%;height:var(--px-48)}.table-container .header h1{font-size:var(--fs-4);font-weight:500;color:var(--gray-500)}.table-container table{table-layout:fixed;width:100%;border-collapse:collapse;border:none}:is(.table-container table) *{-webkit-user-select:text;-moz-user-select:text;user-select:text}:is(.table-container table) thead{background-color:var(--gray-100)}:is(.table-container table) tr{animation:slideDownFade .3s ease forwards}:is(.table-container table) th{font-size:var(--fs-1)}:is(.table-container table) h1{font-size:var(--fs-1);font-weight:400;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.table-container table) th{height:var(--px-48)}:is(.table-container table) td{height:var(--px-64)}:is(.table-container table) th,:is(.table-container table) td{font-weight:500;padding:0 var(--px-16)}:is(.table-container table) th:nth-child(1),:is(.table-container table) td:nth-child(1){width:40%;text-align:start}:is(.table-container table) th:nth-child(2),:is(.table-container table) td:nth-child(2),:is(.table-container table) th:nth-child(3),:is(.table-container table) td:nth-child(3){width:17.5%;text-align:center;align-items:center}:is(.table-container table) th:nth-child(4),:is(.table-container table) td:nth-child(4){width:25%}:is(.table-container table) .kolom-1{max-width:100%;display:flex;align-items:center;gap:var(--px-8)}:is(.table-container table) .kolom-1 img{width:var(--px-48)}:is(.table-container table) .kolom-3 .rate,:is(.table-container table) .kolom-4 .button{width:-moz-min-content;width:min-content;font-size:var(--fs-0);padding:.25vw var(--px-16)}:is(.table-container table) .kolom-3 .rate{border-radius:2px}:is(.table-container table) .kolom-4{gap:var(--px-8)}:is(.table-container table) .kolom-4 .button{color:var(--gray-100);border-radius:16px}.table-container .rate-low,.table-container .btn-member{background-color:var(--btn-save)}.table-container .rate-medium{background-color:var(--btn-warning)}.table-container .rate-high{background-color:var(--btn-danger)}.table-container .btn-edit{background-color:var(--btn-info)}.table-container .btn-view,.table-container .rate-isexist{background-color:var(--btn-neutral)}.table-container .footer{border-top:1px solid var(--gray-100);font-size:var(--fs-2);color:var(--secondary);cursor:pointer}.staff-online{width:100%;gap:var(--px-32);align-items:start}.staff-online .left-content{width:40%;border-radius:var(--px-12);box-shadow:1px 1px 1px var(--gray-200)}:is(.staff-online .left-content) .online-list{width:100%;min-height:15vw;max-height:15vw;overflow:auto;padding:var(--px-16) var(--px-40)}:is(.staff-online .left-content) .online-list .user-online{width:100%;padding:var(--px-12) 0;display:flex;justify-content:start;align-items:center;gap:var(--px-16);border-bottom:1px solid var(--gray-200)}:is(.staff-online .left-content) .online-list .user-online .position{flex:1;text-align:center}:is(.staff-online .left-content) .footer{width:100%;display:flex;justify-content:space-around;padding:var(--px-48) var(--px-64) var(--px-24) var(--px-64)}:is(:is(.staff-online .left-content) .footer) .online-indikator{flex-direction:column}:is(:is(.staff-online .left-content) .footer) .online-indikator img{aspect-ratio:1/1;width:var(--px-32)}:is(:is(.staff-online .left-content) .footer) .online-indikator h1{font-size:var(--fs-6);font-weight:600;line-height:2}:is(:is(.staff-online .left-content) .footer) .online-indikator h2{font-size:var(--fs-1);font-weight:400;color:var(--gray-400)}.staff-online .left-content .header,.staff-online .right-content .header{width:100%;padding:var(--px-8) var(--px-16);background-color:#fff;border-bottom:1px solid var(--gray-100)}.staff-online .left-content .header h1,.staff-online .right-content .header h1{font-size:var(--fs-3);font-weight:500;color:var(--gray-500)}.staff-online .left-content .online-list .user-online .photo,.staff-online .right-content tbody .kolom-1 .photo{aspect-ratio:1/1;min-width:var(--px-48);max-width:var(--px-48);border-radius:100px;overflow:hidden}.staff-online .left-content .online-list .user-online .name h1,.staff-online .left-content .online-list .user-online .position h1,.staff-online .right-content .user-online .name h1{font-size:var(--fs-0);font-weight:400;color:var(--gray-600)}.staff-online .left-content .online-list .user-online .name h2,.staff-online .right-content .user-online .name h2{font-size:var(--fs-0);font-weight:400;color:var(--gray-300)}.staff-online .right-content{flex:1;border-radius:var(--px-12);box-shadow:1px 1px 1px var(--gray-200);overflow:hidden}:is(.staff-online .right-content) *{background-color:#fff}:is(.staff-online .right-content) table{table-layout:fixed;width:100%;border-collapse:collapse;border:none}:is(.staff-online .right-content) thead{height:var(--px-40);font-size:var(--fs-1)}:is(.staff-online .right-content) thead th{font-weight:400;background-color:var(--gray-200)}:is(.staff-online .right-content) thead th:nth-child(1){width:40%;padding-left:var(--px-16);text-align:start}:is(.staff-online .right-content) table td:nth-child(1){min-width:40%}:is(.staff-online .right-content) thead th:nth-child(2),:is(.staff-online .right-content) table td:nth-child(2){width:35%;text-align:center}:is(.staff-online .right-content) thead th:nth-child(3),:is(.staff-online .right-content) table td:nth-child(3){width:25%;text-align:center}:is(.staff-online .right-content) tbody .user-online{padding:var(--px-12) 0;height:var(--px-64)}:is(.staff-online .right-content) tbody .user-online h1{font-size:var(--fs-0);font-weight:500;color:var(--gray-400)}:is(.staff-online .right-content) tbody .kolom-1{gap:var(--px-16)}@media screen and (min-width: 1279px){.mobile{display:none}main{width:100%;height:-moz-fit-content;height:fit-content;flex-direction:column;gap:var(--px-64);padding:var(--px-32) var(--px-56)}}main .header{width:100%;display:flex;justify-content:start;color:var(--white);padding:var(--px-8) 0}:is(main .header) h1{font-size:var(--fs-7);font-weight:600}main .navigation{width:100%;display:flex;justify-content:space-between;padding:var(--px-16) 0;border-bottom:1px solid var(--gray-100)}:is(main .navigation) .button{display:flex;justify-content:space-between;gap:var(--px-8)}:is(:is(main .navigation) .button) .btn{height:-moz-fit-content;height:fit-content;padding:var(--px-8) var(--px-24);font-size:var(--fs-1);font-weight:600;border-radius:32px;color:var(--white);cursor:pointer;transition:.3s ease}:is(:is(main .navigation) .button) .btn:nth-child(1):hover,:is(:is(main .navigation) .button) .btn:nth-child(2):hover,:is(:is(main .navigation) .button) .btn:nth-child(3):hover{background-color:var(--gray-200)}:is(main .navigation) .button .btn:nth-child(1){background-color:var(--btn-save)}:is(main .navigation) .button .btn:nth-child(2){background-color:var(--btn-info)}:is(main .navigation) .button .btn:nth-child(3){background-color:var(--btn-danger)}:is(main .navigation) .button .btn.button-back{white-space:nowrap;background-color:var(--gray-500)}:is(main .navigation) .button .btn.button-save{white-space:nowrap;background-color:var(--btn-save)}:is(main .navigation) .button .btn.disable{background-color:var(--gray-200)}:is(main .navigation) .search{width:25%;height:var(--px-40);display:flex;justify-content:end;align-items:center}:is(:is(main .navigation) .search) input{border-radius:var(--px-8);width:100%;height:100%;padding:var(--px-8) var(--px-16);font-size:var(--fs-1)}:is(:is(main .navigation) .search) select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:var(--px-8);width:100%;height:100%;padding:var(--px-8) var(--px-16);font-size:var(--fs-1);text-align:center}:is(main .navigation) .count{width:30%;height:var(--px-40);display:flex;justify-content:end;align-items:center;gap:var(--px-8)}:is(:is(main .navigation) .count) label{font-size:var(--fs-4);color:var(--gray-100)}:is(:is(main .navigation) .count) input{border-radius:var(--px-8);width:15%;height:100%;padding:var(--px-8) 0;font-size:var(--fs-3);text-align:center}:is(:is(main .navigation) .count) button{width:15%;padding:var(--px-8) 0;border-radius:var(--px-8);font-size:var(--fs-2);cursor:pointer;background-color:var(--btn-info);color:var(--gray-100);font-weight:600}:is(:is(main .navigation) .count) button:hover{background-color:var(--gray-200)}:is(:is(main .navigation) .count) input[type=number]::-webkit-outer-spin-button,:is(:is(main .navigation) .count) input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}main .pagination{width:100%;height:var(--px-64);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}:is(main .pagination) .left-section{display:flex;gap:var(--px-16)}:is(:is(main .pagination) .left-section) button{font-size:var(--fs-2);padding:var(--px-8) var(--px-40);border-radius:8px;background-color:var(--gray-100);box-shadow:1px 1px 1px var(--gray-200);cursor:pointer;transition:.3s ease-in-out}:is(main .pagination) .middle-section{display:flex;gap:var(--px-8);align-items:center;color:var(--gray-500)}:is(:is(main .pagination) .middle-section) h1{font-size:var(--fs-3);font-weight:500}:is(:is(main .pagination) .middle-section) .icon-style{width:var(--px-24);height:var(--px-24);transition:.3s ease-in-out;cursor:pointer}:is(:is(main .pagination) .middle-section) .icon-style:hover{transform:scale(1.25)}:is(main .pagination) .right-section{display:flex;gap:.2vw}:is(:is(main .pagination) .right-section) button{aspect-ratio:1/1;width:var(--px-40);font-size:var(--fs-2);padding:var(--px-8);border-radius:4px;background-color:var(--gray-100);box-shadow:1px 1px 1px var(--gray-200);cursor:pointer;transition:.3s ease-in-out}:is(:is(main .pagination) .right-section) button.active{background-color:var(--primary);color:var(--white)}:is(main .pagination) .left-section button:hover,:is(main .pagination) .right-section button:hover{background-color:var(--gray-200)}main.divisions,main.members,main.staffs,main.news,main.galleries,main.registrants,main.shortlinks{gap:0;width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}main.members .content{flex:1;width:100%;max-width:73.5vw;min-height:33vw;overflow:auto}:is(main.members .content) table{width:100vw;table-layout:fixed;text-align:center;border-collapse:collapse}:is(:is(main.members .content) table) *{-webkit-user-select:text;-moz-user-select:text;user-select:text}:is(:is(main.members .content) table) tbody tr{height:var(--px-40)}:is(:is(main.members .content) table) tbody:not(.edit) tr:not(:first-child):hover{background-color:var(--gray-100)}:is(:is(main.members .content) table) th{height:3.25vw;padding:var(--px-8);font-size:var(--fs-2);font-weight:500;color:var(--white)}:is(:is(main.members .content) table) td{font-size:var(--fs-1);border-bottom:1px solid var(--secondary);color:var(--gray-500);overflow:hidden}:is(:is(:is(main.members .content) table) td) img{width:var(--px-24)}:is(:is(:is(main.members .content) table) td) h1{font-size:var(--fs-1);font-weight:500}:is(:is(main.members .content) table) .kolom-1{display:flex;gap:var(--px-8)}:is(:is(main.members .content) table) .kolom-4{width:100%;display:flex;align-items:center;justify-content:center}:is(:is(main.members .content) table) th:nth-child(1),:is(:is(main.members .content) table) td:nth-child(1){width:25%}:is(:is(main.members .content) table) th:nth-child(2),:is(:is(main.members .content) table) td:nth-child(2){width:10%}:is(:is(main.members .content) table) th:nth-child(3),:is(:is(main.members .content) table) td:nth-child(3){width:12%}:is(:is(main.members .content) table) th:nth-child(4),:is(:is(main.members .content) table) td:nth-child(4){width:15%}:is(:is(main.members .content) table) th:nth-child(5),:is(:is(main.members .content) table) td:nth-child(5){width:8%}:is(:is(main.members .content) table) th:nth-child(6),:is(:is(main.members .content) table) td:nth-child(6){width:20%}:is(:is(main.members .content) table) th:nth-child(7),:is(:is(main.members .content) table) td:nth-child(7){width:10%}:is(:is(:is(main.members .content) table) tr.add,:is(:is(main.members .content) table) tr.edit) td{height:var(--px-56)}:is(:is(:is(:is(main.members .content) table) tr.add,:is(:is(main.members .content) table) tr.edit) td) input[type=text],:is(:is(:is(:is(main.members .content) table) tr.add,:is(:is(main.members .content) table) tr.edit) td) input[type=email]{padding:.2vw var(--px-8);background-color:var(--gray-100);border:1px solid var(--secondary);border-radius:4px;box-sizing:border-box}:is(:is(:is(:is(main.members .content) table) tr.add,:is(:is(main.members .content) table) tr.edit) td) select{width:-moz-fit-content;width:fit-content;height:var(--px-32);font-size:var(--fs-1);background-color:var(--gray-100);border:1px solid var(--secondary);cursor:pointer}:is(:is(:is(main.members .content) table) tr.add,:is(:is(main.members .content) table) tr.edit) td:nth-child(1) input[type=text],:is(:is(:is(main.members .content) table) tr.add,:is(:is(main.members .content) table) tr.edit) td:nth-child(2) input[type=text],:is(:is(:is(main.members .content) table) tr.add,:is(:is(main.members .content) table) tr.edit) td:nth-child(3) input[type=text],:is(:is(:is(main.members .content) table) tr.add,:is(:is(main.members .content) table) tr.edit) td:nth-child(6) input[type=email]{font-size:var(--fs-0);width:90%;height:var(--px-32);font-size:var(--fs-1)}:is(:is(:is(main.members .content) table) tr.add,:is(:is(main.members .content) table) tr.edit) td:nth-child(1) input[type=text]{display:flex}:is(:is(:is(main.members .content) table) tr.add,:is(:is(main.members .content) table) tr.edit) td:nth-child(7) input[type=text]{width:99%;height:var(--px-32);font-size:var(--fs-1)}:is(:is(main.registrants .navigation) .button) button.btn-open{background-color:var(--btn-info)}:is(:is(main.registrants .navigation) .button) button.btn-close{background-color:var(--btn-danger)}:is(main.registrants .navigation) .clock-with-date{display:flex;gap:var(--px-8);align-items:center;font-size:var(--fs-3);font-weight:500;font-family:monospace;color:var(--gray-100);text-wrap:nowrap}main.registrants .name-space{display:flex;justify-content:center;align-items:center;height:var(--px-56);font-size:var(--fs-4);font-weight:500;color:var(--gray-100)}main.registrants .content{width:100%;min-height:30vw;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--px-32);padding:var(--px-24) 0}:is(main.registrants .content) h1{font-size:var(--fs-7);font-weight:700;color:var(--gray-700)}:is(main.registrants .content) .card{min-width:30%;max-width:30%;box-sizing:border-box;box-shadow:1px 1px 4px var(--gray-200);border-radius:var(--px-16);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden}:is(:is(main.registrants .content) .card) .header,:is(:is(main.registrants .content) .card) .profile,:is(:is(main.registrants .content) .card) .contact,:is(:is(main.registrants .content) .card) .project,:is(:is(main.registrants .content) .card) .footer,:is(:is(main.registrants .content) .card) .footer .reject,:is(:is(main.registrants .content) .card) .footer .accept{display:flex;justify-content:center;align-items:center;flex-shrink:0}:is(:is(main.registrants .content) .card) .header{width:100%;background-color:var(--gray-400);padding:var(--px-12);font-size:var(--fs-4);font-weight:500;gap:var(--px-12)}:is(:is(:is(main.registrants .content) .card) .header) img{width:10%;height:10%;border-radius:100px}:is(:is(main.registrants .content) .card) .profile{width:96%;flex-direction:column;align-items:flex-start;padding:var(--px-8) var(--px-8);color:var(--gray-700);line-height:1.2;border-bottom:1px solid var(--gray-200);gap:var(--px-8)}:is(:is(:is(main.registrants .content) .card) .profile) h1{font-size:var(--fs-3);font-weight:500}:is(:is(:is(main.registrants .content) .card) .profile) h2{font-size:var(--fs-1);font-weight:600}:is(:is(main.registrants .content) .card) .contact{width:96%;flex-direction:column;align-items:flex-start;padding:var(--px-8);border-bottom:1px solid var(--gray-200)}:is(:is(:is(main.registrants .content) .card) .contact) h1{justify-content:flex-start;font-size:var(--fs-1);color:var(--gray-500);font-weight:500}:is(:is(:is(:is(main.registrants .content) .card) .contact) h1) span{color:var(--gray-700);font-weight:700}:is(:is(main.registrants .content) .card) .project{width:96%;flex-direction:column;align-items:flex-start;padding:var(--px-8);padding-bottom:var(--px-16);border-bottom:1px solid var(--gray-200)}:is(:is(:is(main.registrants .content) .card) .project) h1{font-size:var(--fs-1);color:var(--gray-700);font-weight:700}:is(:is(:is(main.registrants .content) .card) .project) h2{padding-left:var(--px-8);font-size:var(--fs-1);padding:.2vw var(--px-12);color:var(--gray-400);font-weight:var(--600)}:is(:is(:is(main.registrants .content) .card) .project) .project-container{display:flex;gap:var(--px-8)}:is(:is(:is(:is(main.registrants .content) .card) .project) .project-container) a{font-size:var(--fs-1);padding:.2vw var(--px-12);background-color:var(--primary);color:var(--white);border-radius:4px;cursor:pointer}:is(:is(main.registrants .content) .card) .footer{width:100%;padding:var(--px-8);padding-top:var(--px-16);gap:var(--px-8)}:is(:is(:is(main.registrants .content) .card) .footer) button{border-radius:var(--px-8);transition:.3s linear}:is(:is(:is(main.registrants .content) .card) .footer) .reject{aspect-ratio:1/1;width:auto;height:var(--px-32);cursor:pointer;font-weight:900;color:var(--gray-100);background-color:var(--btn-danger)}:is(:is(:is(main.registrants .content) .card) .footer) .reject:hover{transform:scale(1.1);background-color:var(--white);color:var(--btn-danger);box-shadow:1px 1px 2px var(--btn-danger)}:is(:is(:is(main.registrants .content) .card) .footer) .accept{flex:1;height:var(--px-32);cursor:pointer;font-size:var(--fs-2);font-weight:700;gap:var(--px-8);background-color:var(--btn-save);color:var(--white)}:is(:is(:is(main.registrants .content) .card) .footer) .accept:hover{background-color:var(--gray-200);color:var(--gray-500)}main.staffs .content{width:73.5vw;min-height:33vw;overflow:auto}:is(main.staffs .content) table{width:150vw;table-layout:fixed;text-align:center;border-collapse:collapse}:is(:is(main.staffs .content) table) *{-webkit-user-select:text;-moz-user-select:text;user-select:text}:is(:is(main.staffs .content) table) tbody tr{height:var(--px-40)}:is(:is(main.staffs .content) table) tbody:not(.edit) tr:not(:first-child):hover{background-color:var(--gray-100)}:is(:is(main.staffs .content) table) th{height:3.25vw;padding:var(--px-8);font-size:var(--fs-2);font-weight:500;color:var(--white);width:13%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(:is(main.staffs .content) table) td{font-size:var(--fs-1);border-bottom:1px solid var(--secondary);color:var(--gray-500);width:13%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:is(:is(:is(main.staffs .content) table) td) h1{font-size:var(--fs-1)}:is(:is(main.staffs .content) table) .kolom-1{display:flex;gap:var(--px-8)}:is(:is(:is(main.staffs .content) table) .kolom-1) h1{font-weight:500}:is(:is(main.staffs .content) table) th:nth-child(1),:is(:is(main.staffs .content) table) td:nth-child(1){width:24%}:is(:is(main.staffs .content) table) td:nth-child(1){text-align:start}:is(:is(main.staffs .content) table) th:nth-child(2),:is(:is(main.staffs .content) table) td:nth-child(2){width:6%}:is(:is(main.staffs .content) table) th:nth-child(3),:is(:is(main.staffs .content) table) td:nth-child(3){width:18%;text-align:center}:is(:is(main.staffs .content) table) td:nth-child(4),:is(:is(main.staffs .content) table) td:nth-child(5),:is(:is(main.staffs .content) table) td:nth-child(6),:is(:is(main.staffs .content) table) td:nth-child(7){font-size:var(--fs-0);padding:0 .2vw}:is(:is(:is(main.staffs .content) table) tr.add,:is(:is(main.staffs .content) table) tr.edit) td{height:var(--px-56)}:is(:is(:is(:is(main.staffs .content) table) tr.add,:is(:is(main.staffs .content) table) tr.edit) td) input[type=text],:is(:is(:is(:is(main.staffs .content) table) tr.add,:is(:is(main.staffs .content) table) tr.edit) td) input[type=password]{background-color:var(--gray-100);border:1px solid var(--secondary);border-radius:4px;box-sizing:border-box}:is(:is(:is(main.staffs .content) table) tr.add,:is(:is(main.staffs .content) table) tr.edit) td:nth-child(1) input[type=text],:is(:is(:is(main.staffs .content) table) tr.add,:is(:is(main.staffs .content) table) tr.edit) td:nth-child(2) input[type=password],:is(:is(:is(main.staffs .content) table) tr.add,:is(:is(main.staffs .content) table) tr.edit) td:nth-child(5) input[type=text],:is(:is(:is(main.staffs .content) table) tr.add,:is(:is(main.staffs .content) table) tr.edit) td:nth-child(6) input[type=text],:is(:is(:is(main.staffs .content) table) tr.add,:is(:is(main.staffs .content) table) tr.edit) td:nth-child(7) input[type=text]{font-size:var(--fs-0);width:90%;height:var(--px-32);font-size:var(--fs-1);padding:.2vw var(--px-8)}:is(:is(:is(main.staffs .content) table) tr.add,:is(:is(main.staffs .content) table) tr.edit) td:nth-child(1) input[type=text]{display:flex}:is(:is(:is(main.staffs .content) table) tr.add,:is(:is(main.staffs .content) table) tr.edit) td:nth-child(7) input[type=text]{width:99%;height:var(--px-32);font-size:var(--fs-1)}:is(:is(:is(main.staffs .content) table) tr.add,:is(:is(main.staffs .content) table) tr.edit) td:nth-child(2) select,:is(:is(:is(main.staffs .content) table) tr.add,:is(:is(main.staffs .content) table) tr.edit) td:nth-child(3) select{width:95%;height:var(--px-32);font-size:var(--fs-1);background-color:var(--gray-100);border:1px solid var(--secondary);border-radius:4px;cursor:pointer}:is(:is(:is(:is(main.staffs .content) table) tr.add,:is(:is(main.staffs .content) table) tr.edit) td:nth-child(4)) .file-upload{display:inline-block;padding:var(--px-8) var(--px-16);font-size:var(--fs-0);font-weight:500;color:var(--white);background-color:var(--secondary);border-radius:6px;cursor:pointer;transition:background-color .2s ease}:is(:is(:is(:is(main.staffs .content) table) tr.add,:is(:is(main.staffs .content) table) tr.edit) td:nth-child(4)) .file-upload:hover{background-color:var(--primary)}:is(:is(:is(:is(main.staffs .content) table) tr.add,:is(:is(main.staffs .content) table) tr.edit) td:nth-child(4)) .file-upload input[type=file]{display:none}:is(:is(:is(:is(main.staffs .content) table) tr.add,:is(:is(main.staffs .content) table) tr.edit) td:nth-child(4)) .file-upload.has-file{background-color:var(--gray-200);color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main.staffs .name-space{display:flex;justify-content:center;align-items:center;height:var(--px-56);font-size:var(--fs-4);font-weight:500;color:var(--gray-100)}main.staffs .content-add{width:100%;min-height:25vw;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:var(--px-16) 0;gap:var(--px-16)}:is(main.staffs .content-add) .card,:is(main.staffs .content-add) .card .image,:is(main.staffs .content-add) .card .image .input-image,:is(main.staffs .content-add) .card .profile,:is(main.staffs .content-add) .card .support,:is(main.staffs .content-add) .card .support .left-section,:is(main.staffs .content-add) .card .support .right-section,:is(main.staffs .content-add) .card .button-submit{display:flex;justify-content:center;align-items:center}:is(main.staffs .content-add) .card{width:45%;flex-direction:column;background:linear-gradient(to bottom,var(--primary) 25%,transparent 0%);padding:var(--px-32) var(--px-8) var(--px-8) var(--px-8);border-radius:var(--px-16);box-shadow:1px 1px 4px var(--gray-200);gap:var(--px-12)}:is(:is(main.staffs .content-add) .card) form{width:100%;height:-moz-fit-content;height:fit-content}:is(:is(main.staffs .content-add) .card) .image{width:100%}:is(:is(:is(main.staffs .content-add) .card) .image) .input-image{aspect-ratio:1/1;max-width:50%;flex-direction:column-reverse;gap:var(--px-8);flex:1;background-color:var(--secondary);border-radius:4px;color:var(--white);font-size:var(--fs-2);font-weight:600;cursor:pointer;transition:.3s ease}:is(:is(:is(:is(main.staffs .content-add) .card) .image) .input-image) .icon-style{width:var(--px-48);height:var(--px-48)}:is(:is(:is(:is(main.staffs .content-add) .card) .image) .input-image) input[type=file]{display:none}:is(:is(:is(main.staffs .content-add) .card) .image) .input-image:hover{opacity:.9}:is(:is(main.staffs .content-add) .card) .profile{width:100%;flex-direction:column;gap:var(--px-8);padding:var(--px-16) 0;border-bottom:1px solid var(--gray-400)}:is(:is(:is(main.staffs .content-add) .card) .profile) select,:is(:is(:is(main.staffs .content-add) .card) .profile) input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:var(--px-8);text-align:center;font-size:var(--fs-1);border:1px solid var(--primary);border-radius:var(--px-8);color:var(--gray-500);background-color:var(--gray-100)}:is(:is(:is(main.staffs .content-add) .card) .profile) select option{font-size:var(--fs-1)}:is(:is(:is(main.staffs .content-add) .card) .profile) input{text-align:left}:is(:is(main.staffs .content-add) .card) .support{width:100%;padding:var(--px-16) 0;gap:var(--px-8);border-bottom:1px solid var(--gray-400)}:is(:is(:is(main.staffs .content-add) .card) .support) .left-section,:is(:is(:is(main.staffs .content-add) .card) .support) .right-section{width:100%;flex-direction:column;gap:var(--px-8)}:is(:is(:is(main.staffs .content-add) .card) .support) input{width:100%;padding:var(--px-8);border:1px solid var(--primary);border-radius:var(--px-8);font-size:var(--fs-1);background-color:var(--gray-100)}:is(:is(main.staffs .content-add) .card) .button-submit{width:100%;padding-top:var(--px-16)}:is(:is(:is(main.staffs .content-add) .card) .button-submit) button{font-size:var(--fs-2);font-weight:500;color:var(--gray-100);width:100%;padding:var(--px-8);border-radius:var(--px-8);cursor:pointer;background-color:var(--btn-save);transition:.3s ease}:is(:is(:is(main.staffs .content-add) .card) .button-submit) button:hover{background-color:var(--gray-100);color:var(--btn-save)}main.profile-user{width:auto;display:flex;flex-direction:column;align-items:center;margin:var(--px-64);padding:var(--px-32);border-radius:var(--px-16);background-color:var(--gray-100);box-shadow:1px 1px 2px var(--gray-500)}main.profile-user .general{width:100%;display:flex;align-items:center;gap:var(--px-12);padding-bottom:var(--px-32);border-bottom:2px solid var(--gray-500)}:is(main.profile-user .general) img{aspect-ratio:1/1;width:var(--px-128);border-radius:100px;border:1px solid var(--primary);position:relative}:is(main.profile-user .general) label{display:none;position:absolute}:is(main.profile-user .general) label input{display:none}:is(main.profile-user .general) img:hover+label,:is(main.profile-user .general) label:hover{aspect-ratio:1/1;display:block;width:100%;border-radius:5rem;background:#0009;cursor:pointer;font-size:var(--fs-5);font-weight:600;color:var(--gray-100);display:flex;justify-content:center;align-items:center;flex-direction:column;width:var(--px-128)}:is(:is(main.profile-user .general) img:hover+label,:is(main.profile-user .general) label:hover) h1{font-size:var(--fs-1);font-weight:500}:is(main.profile-user .general) .profile{width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:var(--px-8)}:is(:is(main.profile-user .general) .profile) h1{font-size:var(--fs-8);color:var(--gray-600);font-weight:600}:is(:is(:is(main.profile-user .general) .profile) h1) .btn{margin-left:var(--px-16);font-size:var(--fs-0);height:100%;background-color:var(--btn-info);border-radius:4px;padding:var(--px-8) var(--px-16);color:var(--gray-100);transition:.3s ease}:is(:is(:is(main.profile-user .general) .profile) h1) .btn:hover{transform:scale(1.05);cursor:pointer}:is(:is(main.profile-user .general) .profile) h2{font-size:var(--fs-5);color:var(--gray-500);font-weight:700}main.profile-user .specific{width:100%;display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--px-64);border-bottom:2px solid var(--gray-600)}:is(main.profile-user .specific) .left-section,:is(main.profile-user .specific) .right-section{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--px-32)}:is(:is(main.profile-user .specific) .left-section,:is(main.profile-user .specific) .right-section) .box{width:100%;font-size:var(--fs-1)}:is(:is(:is(main.profile-user .specific) .left-section,:is(main.profile-user .specific) .right-section) .box) h1{font-weight:600}:is(:is(:is(main.profile-user .specific) .left-section,:is(main.profile-user .specific) .right-section) .box) h2{color:var(--gray-500);font-weight:500}main.profile-user .update{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:var(--px-32);padding-bottom:var(--px-64);border-bottom:2px solid var(--gray-600)}:is(main.profile-user .update) input{width:32%;height:var(--px-48);border-radius:var(--px-8);padding:var(--px-8) var(--px-16);font-size:var(--fs-2);font-weight:500;border:1px solid var(--gray-400)}:is(main.profile-user .update) button{height:var(--px-48);border-radius:var(--px-8);padding:var(--px-8) var(--px-16);font-size:var(--fs-2);font-weight:500;background-color:var(--btn-danger);color:var(--gray-100);transition:.3s ease;cursor:pointer}:is(main.profile-user .update) button:hover{background-color:var(--btn-save);transform:scale(1.1)}:is(main.profile-user .update) h1{font-size:var(--fs-1);font-weight:500;text-align:left;flex:1}:is(main.profile-user .update) h1.error{color:var(--btn-danger)}:is(main.profile-user .update) h1.success{color:var(--btn-save)}main.profile-user .alert{max-width:100%;width:-moz-fit-content;width:fit-content;text-align:center;height:-moz-fit-content;height:fit-content}main.profile-user .alert.success{font-size:var(--fs-2);color:var(--btn-save)}main.profile-user .alert.error{font-size:var(--fs-1);color:var(--btn-danger)}main.divisions .content{width:73.5vw;min-height:33vw;overflow:auto}:is(main.divisions .content) table{width:100%;table-layout:fixed;text-align:center;border-collapse:collapse}:is(:is(main.divisions .content) table) *{-webkit-user-select:text;-moz-user-select:text;user-select:text}:is(:is(main.divisions .content) table) tbody tr{height:var(--px-40)}:is(:is(main.divisions .content) table) tbody:not(.edit) tr:not(:first-child):hover{background-color:var(--gray-100)}:is(:is(main.divisions .content) table) th{height:3.25vw;padding:var(--px-8);font-size:var(--fs-2);font-weight:500;color:var(--white)}:is(:is(main.divisions .content) table) td{font-size:var(--fs-1);border-bottom:1px solid var(--secondary);color:var(--gray-500);overflow:hidden}:is(:is(:is(main.divisions .content) table) td) input[type=text]{padding:0 var(--px-8);background-color:var(--gray-100);border:1px solid var(--secondary);border-radius:4px;box-sizing:border-box}:is(:is(:is(main.divisions .content) table) td) h1{font-size:var(--fs-1)}:is(:is(:is(main.divisions .content) table) td) .kolom-1{display:flex;gap:var(--px-8)}:is(:is(:is(main.divisions .content) table) td) .kolom-1 h1{font-weight:500}:is(:is(:is(main.divisions .content) table) td) .kolom-5{width:100%;display:flex;justify-content:center;gap:var(--px-16)}:is(:is(:is(main.divisions .content) table) td) .kolom-5 .button{color:var(--white);padding:var(--px-8) var(--px-16);text-align:center;border-radius:100px;font-size:var(--fs-0);font-weight:600;transition:.3s ease-in-out}:is(:is(:is(main.divisions .content) table) td) .kolom-5 .button:hover{transform:scale(1.1)}:is(:is(:is(main.divisions .content) table) td) .kolom-5 .button.view{background-color:var(--btn-neutral)}:is(:is(:is(main.divisions .content) table) td) .kolom-5 .button.member{background-color:var(--btn-save)}:is(:is(main.divisions .content) table) th:nth-child(1),:is(:is(main.divisions .content) table) td:nth-child(1){width:6%;text-align:start}:is(:is(main.divisions .content) table) td:nth-child(1) img{width:var(--px-40)}:is(:is(main.divisions .content) table) th:nth-child(2),:is(:is(main.divisions .content) table) td:nth-child(2){width:21%}:is(:is(main.divisions .content) table) td:nth-child(2){text-align:start}:is(:is(main.divisions .content) table) th:nth-child(3),:is(:is(main.divisions .content) table) td:nth-child(3){width:50%}:is(:is(main.divisions .content) table) td:nth-child(3){text-align:justify}:is(:is(main.divisions .content) table) th:nth-child(4),:is(:is(main.divisions .content) table) td:nth-child(4){width:8%}:is(:is(main.divisions .content) table) th:nth-child(5),:is(:is(main.divisions .content) table) td:nth-child(5){width:15%}:is(:is(main.divisions .content) table) td:nth-child(1),:is(:is(main.divisions .content) table) td:nth-child(2),:is(:is(main.divisions .content) table) td:nth-child(3),:is(:is(main.divisions .content) table) td:nth-child(4),:is(:is(main.divisions .content) table) td:nth-child(5){font-size:var(--fs-1);padding:var(--px-8) 0}:is(:is(:is(main.divisions .content) table) tr.add,:is(:is(main.divisions .content) table) tr.edit) td{height:var(--px-56)}:is(:is(:is(:is(main.divisions .content) table) tr.add,:is(:is(main.divisions .content) table) tr.edit) td:nth-child(1)) .file-upload{aspect-ratio:1/1;display:inline-block;padding:var(--px-8) 0;text-align:center;width:var(--px-48);height:var(--px-48);font-size:var(--fs-0);font-weight:500;color:var(--white);background-color:var(--secondary);border-radius:6px;cursor:pointer;transition:background-color .2s ease}:is(:is(:is(:is(main.divisions .content) table) tr.add,:is(:is(main.divisions .content) table) tr.edit) td:nth-child(1)) .file-upload:hover{background-color:var(--gray-200);color:var(--gray-500)}:is(:is(:is(:is(main.divisions .content) table) tr.add,:is(:is(main.divisions .content) table) tr.edit) td:nth-child(1)) .file-upload input[type=file]{display:none}:is(:is(:is(:is(main.divisions .content) table) tr.add,:is(:is(main.divisions .content) table) tr.edit) td:nth-child(1)) .file-upload.has-file{background-color:var(--btn-save)}:is(:is(:is(:is(:is(main.divisions .content) table) tr.add,:is(:is(main.divisions .content) table) tr.edit) td:nth-child(1)) .file-upload.has-file) .icon-style{width:95%;height:95%;color:var(--white)}:is(:is(:is(main.divisions .content) table) tr.add,:is(:is(main.divisions .content) table) tr.edit) td:nth-child(2) input[type=text],:is(:is(:is(main.divisions .content) table) tr.add,:is(:is(main.divisions .content) table) tr.edit) td:nth-child(3) input[type=text]{font-size:var(--fs-0);width:90%;height:var(--px-32);font-size:var(--fs-1)}:is(:is(:is(main.divisions .content) table) tr.add,:is(:is(main.divisions .content) table) tr.edit) td:nth-child(3) input[type=text]{width:100%}main.shortlinks .content{width:73.5vw;min-height:33vw;overflow:auto}:is(main.shortlinks .content) table{width:100%;table-layout:fixed;text-align:center;border-collapse:collapse}:is(:is(main.shortlinks .content) table) *{-webkit-user-select:text;-moz-user-select:text;user-select:text}:is(:is(main.shortlinks .content) table) tbody tr{height:var(--px-40)}:is(:is(main.shortlinks .content) table) tbody:not(.edit) tr:not(:first-child):hover{background-color:var(--gray-100)}:is(:is(main.shortlinks .content) table) th{height:3.25vw;padding:var(--px-8);font-size:var(--fs-2);font-weight:500;color:var(--white)}:is(:is(main.shortlinks .content) table) td{font-size:var(--fs-1);border-bottom:1px solid var(--secondary);color:var(--gray-500);overflow:hidden}:is(:is(:is(main.shortlinks .content) table) td) input[type=text]{padding:0 var(--px-8);background-color:var(--gray-100);border:1px solid var(--secondary);border-radius:4px;box-sizing:border-box}:is(:is(:is(main.shortlinks .content) table) td) h1{font-size:var(--fs-1)}:is(:is(:is(main.shortlinks .content) table) td) .kolom-1{display:flex;gap:var(--px-8)}:is(:is(:is(main.shortlinks .content) table) td) .kolom-1 h1{font-weight:500}:is(:is(:is(main.shortlinks .content) table) td) .kolom-5{width:100%;display:flex;justify-content:center;gap:var(--px-16)}:is(:is(:is(main.shortlinks .content) table) td) .kolom-5 .button{color:var(--white);padding:var(--px-8) var(--px-16);text-align:center;border-radius:100px;font-size:var(--fs-0);font-weight:600;transition:.3s ease-in-out}:is(:is(:is(main.shortlinks .content) table) td) .kolom-5 .button:hover{transform:scale(1.1)}:is(:is(:is(main.shortlinks .content) table) td) .kolom-5 .button.view{background-color:var(--btn-info)}:is(:is(:is(main.shortlinks .content) table) td) .kolom-5 .button.member{background-color:var(--btn-danger);cursor:pointer}:is(:is(main.shortlinks .content) table) th:nth-child(1),:is(:is(main.shortlinks .content) table) td:nth-child(1){width:6%;text-align:start}:is(:is(main.shortlinks .content) table) td:nth-child(1) img{width:var(--px-40)}:is(:is(main.shortlinks .content) table) th:nth-child(2),:is(:is(main.shortlinks .content) table) td:nth-child(2){width:34%}:is(:is(main.shortlinks .content) table) td:nth-child(2){text-align:start}:is(:is(main.shortlinks .content) table) th:nth-child(3),:is(:is(main.shortlinks .content) table) td:nth-child(3){width:40%}:is(:is(main.shortlinks .content) table) td:nth-child(3){text-align:justify}:is(:is(main.shortlinks .content) table) th:nth-child(4),:is(:is(main.shortlinks .content) table) td:nth-child(4){width:20%}:is(:is(main.shortlinks .content) table) td:nth-child(1),:is(:is(main.shortlinks .content) table) td:nth-child(2),:is(:is(main.shortlinks .content) table) td:nth-child(3),:is(:is(main.shortlinks .content) table) td:nth-child(4){font-size:var(--fs-1);padding:var(--px-8) 0;padding-right:var(--px-12)}:is(:is(:is(main.shortlinks .content) table) tr.add,:is(:is(main.shortlinks .content) table) tr.edit) td{height:var(--px-56)}:is(:is(:is(main.shortlinks .content) table) tr.add,:is(:is(main.shortlinks .content) table) tr.edit) td:nth-child(1) input[type=text],:is(:is(:is(main.shortlinks .content) table) tr.add,:is(:is(main.shortlinks .content) table) tr.edit) td:nth-child(2) input[type=text],:is(:is(:is(main.shortlinks .content) table) tr.add,:is(:is(main.shortlinks .content) table) tr.edit) td:nth-child(3) input[type=text]{font-size:var(--fs-0);width:100%;height:var(--px-32);font-size:var(--fs-1)}:is(:is(:is(main.shortlinks .content) table) tr.add,:is(:is(main.shortlinks .content) table) tr.edit) td:nth-child(3) input[type=text]{width:100%}main.news .name-space,main.news .content-add-edit,main.news .content-add-edit .form-container,main.news .content-add-edit .middle-section,main.news .content-add-edit .middle-section .left-section .input-image,main.news .content-add-edit .middle-section .left-section,main.news .content-add-edit .middle-section .right-section,main.news .content-add-edit .bottom-section{display:flex;justify-content:center;align-items:center}main.news .content{width:73.5vw;min-height:30vw;overflow:auto}:is(main.news .content) table{width:100%;table-layout:fixed;text-align:center;border-collapse:collapse;overflow:hidden}:is(:is(main.news .content) table) *{-webkit-user-select:text;-moz-user-select:text;user-select:text}:is(:is(main.news .content) table) tbody tr{height:var(--px-40)}:is(:is(main.news .content) table) tbody tr:hover{background-color:var(--gray-100)}:is(:is(main.news .content) table) th{height:3.35vw;padding:var(--px-8);font-size:var(--fs-2);font-weight:500;color:var(--white)}:is(:is(main.news .content) table) td{font-size:var(--fs-1);border-bottom:1px solid var(--secondary);color:var(--gray-500);overflow:hidden}:is(:is(:is(main.news .content) table) td) h1{font-size:var(--fs-1)}:is(:is(:is(main.news .content) table) td) .kolom-1{display:flex;gap:var(--px-8)}:is(:is(:is(:is(main.news .content) table) td) .kolom-1) h1{font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:is(:is(:is(main.news .content) table) td) .kolom-6{width:100%;display:flex;justify-content:center;gap:var(--px-16)}:is(:is(:is(:is(main.news .content) table) td) .kolom-6) .btn{height:-moz-fit-content;height:fit-content;padding:0 var(--px-16);font-size:var(--fs-1);line-height:2;font-weight:600;border-radius:32px;color:var(--white);cursor:pointer;transition:.3s ease}:is(:is(:is(:is(main.news .content) table) td) .kolom-6) .btn:hover{opacity:.8;transform:scale(1.1)}:is(:is(:is(:is(main.news .content) table) td) .kolom-6) .btn:nth-child(1){background-color:var(--btn-neutral)}:is(:is(:is(:is(main.news .content) table) td) .kolom-6) .btn:nth-child(2){background-color:var(--btn-info)}:is(:is(main.news .content) table) th:nth-child(1),:is(:is(main.news .content) table) td:nth-child(1){width:41%;text-align:start}:is(:is(main.news .content) table) th:nth-child(2),:is(:is(main.news .content) table) td:nth-child(2),:is(:is(main.news .content) table) th:nth-child(3),:is(:is(main.news .content) table) td:nth-child(3),:is(:is(main.news .content) table) th:nth-child(4),:is(:is(main.news .content) table) td:nth-child(4){width:12%}:is(:is(main.news .content) table) th:nth-child(5),:is(:is(main.news .content) table) td:nth-child(5){width:8%}:is(:is(main.news .content) table) th:nth-child(6),:is(:is(main.news .content) table) td:nth-child(6){width:15%}:is(:is(main.news .content) table) td:nth-child(1),:is(:is(main.news .content) table) td:nth-child(2),:is(:is(main.news .content) table) td:nth-child(3),:is(:is(main.news .content) table) td:nth-child(4),:is(:is(main.news .content) table) td:nth-child(5){padding:var(--px-8) var(--px-8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(:is(main.news .content) table) td:nth-child(2),:is(:is(main.news .content) table) td:nth-child(3),:is(:is(main.news .content) table) td:nth-child(4){font-size:var(--fs-0)}main.news .name-space{height:var(--px-56);font-size:var(--fs-4);font-weight:500;color:var(--gray-100)}main.news .content-add-edit{width:100%}:is(main.news .content-add-edit) .form-container{width:64vw;height:-moz-fit-content;height:fit-content;flex-direction:column;gap:var(--px-16);box-shadow:1px 1px 3px var(--primary);background-color:var(--gray-100);border-radius:12px;padding:var(--px-16) var(--px-12);margin:var(--px-16) 0}:is(main.news .content-add-edit) .top-section{width:100%;border:1px solid var(--primary);border-radius:5px;padding:var(--px-8) var(--px-16);background-color:var(--white)}:is(:is(main.news .content-add-edit) .top-section) input{width:100%;font-size:var(--fs-2);background-color:transparent}:is(main.news .content-add-edit) .middle-section{width:100%;height:100%;gap:var(--px-16)}:is(:is(main.news .content-add-edit) .middle-section) .left-section{width:35.5%;height:100%;flex-direction:column;gap:var(--px-8);overflow:hidden}:is(:is(:is(main.news .content-add-edit) .middle-section) .left-section) img{width:100%;height:100%;max-height:var(--px-192);-o-object-fit:cover;object-fit:cover;display:block}:is(:is(:is(main.news .content-add-edit) .middle-section) .left-section) .input-image{aspect-ratio:16/9;width:100%;flex-direction:column-reverse;gap:var(--px-8);flex:1;background-color:var(--secondary);border-radius:4px;color:var(--white);font-size:var(--fs-2);font-weight:600;cursor:pointer;transition:.3s ease}:is(:is(:is(main.news .content-add-edit) .middle-section) .left-section) .input-image:hover{opacity:.9}:is(:is(:is(main.news .content-add-edit) .middle-section) .left-section) .input-image.has-image{background-color:transparent}:is(:is(:is(main.news .content-add-edit) .middle-section) .left-section) .input-image .icon-style{width:var(--px-48);height:var(--px-48)}:is(:is(:is(main.news .content-add-edit) .middle-section) .left-section) input[type=file]{display:none}:is(:is(main.news .content-add-edit) .middle-section) .right-section{width:64.5%;flex-direction:column;gap:var(--px-8)}:is(:is(:is(main.news .content-add-edit) .middle-section) .right-section) textarea{width:100%;height:var(--px-128);font-size:var(--fs-1);background-color:var(--white);border:1px solid var(--primary);border-radius:4px;padding:var(--px-8) var(--px-16);overflow:auto;resize:none;line-height:1.2;text-align:justify}:is(main.news .content-add-edit) .bottom-section{width:100%}:is(:is(main.news .content-add-edit) .bottom-section) button{width:100%;padding:var(--px-8);border-radius:4px;background-color:var(--btn-save);border:1px solid var(--gray-100);cursor:pointer;color:var(--white);font-size:var(--fs-3);font-weight:600;transition:.3s linear}:is(:is(main.news .content-add-edit) .bottom-section) button:hover{background-color:var(--primary);box-shadow:1px 1px 2px var(--gray-200)}main.galleries .name-space,main.galleries .content-add,main.galleries .content-add .form-container,main.galleries .content-add .top-section,main.galleries .content-add .top-section .left-section .input-image,main.galleries .content-add .top-section .left-section,main.galleries .content-add .top-section .right-section,main.galleries .content-add .bottom-section{display:flex;justify-content:center;align-items:center}main.galleries .content{min-height:30vw;padding:var(--px-32);display:flex;flex-direction:row;justify-content:center;overflow:auto}:is(main.galleries .content) .gallery-grid{width:100%;-moz-column-count:3;column-count:3;-moz-column-gap:var(--px-24);column-gap:var(--px-24)}:is(:is(main.galleries .content) .gallery-grid) .gallery-item{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:var(--px-24);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;position:relative}:is(:is(:is(main.galleries .content) .gallery-grid) .gallery-item) input{width:var(--px-16);height:var(--px-16);position:absolute;top:var(--px-8);left:var(--px-8);cursor:pointer;z-index:100}:is(:is(:is(main.galleries .content) .gallery-grid) .gallery-item) img{width:100%;height:-moz-fit-content;height:fit-content;display:block;-o-object-fit:cover;object-fit:cover;cursor:pointer;transition:.3s linear}:is(:is(:is(main.galleries .content) .gallery-grid) .gallery-item) img:hover{transform:scale(1.15)}:is(main.galleries .content) .modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:999}:is(:is(main.galleries .content) .modal-overlay) .modal-content{position:relative;background-color:var(--gray-100);padding:var(--px-8);border-radius:8px;max-width:90%;max-height:90%;overflow:auto;box-shadow:0 4px 12px var(--gray-200)}:is(:is(:is(main.galleries .content) .modal-overlay) .modal-content) .modal-image{max-width:100%;max-height:80vh}:is(:is(:is(main.galleries .content) .modal-overlay) .modal-content) .close-button{position:absolute;top:var(--px-8);right:var(--px-16);background:transparent;border:none;font-size:var(--fs-7);cursor:pointer;color:var(--gray-300)}:is(:is(:is(main.galleries .content) .modal-overlay) .modal-content) .close-button:hover{color:var(--gray-700)}main.galleries .name-space{height:var(--px-56);font-size:var(--fs-4);font-weight:500;color:var(--gray-100)}main.galleries .content-add{width:100%;min-height:36vw;align-items:flex-start}:is(main.galleries .content-add) .form-container{width:64vw;height:-moz-fit-content;height:fit-content;flex-direction:column;gap:var(--px-16);box-shadow:1px 1px 3px var(--primary);background-color:var(--gray-100);border-radius:12px;padding:var(--px-16) var(--px-12);margin:var(--px-16) 0}:is(main.galleries .content-add) .top-section{width:100%;height:100%;gap:var(--px-8);align-items:start}:is(:is(main.galleries .content-add) .top-section) .left-section{width:28%;height:100%;flex-direction:column;gap:var(--px-8);overflow:hidden}:is(:is(:is(main.galleries .content-add) .top-section) .left-section) img{width:100%;height:100%;max-height:var(--px-192);-o-object-fit:cover;object-fit:cover;display:block}:is(:is(:is(main.galleries .content-add) .top-section) .left-section) .input-image{aspect-ratio:16/9;width:100%;flex-direction:column-reverse;gap:var(--px-8);flex:1;background-color:var(--secondary);border-radius:4px;color:var(--white);font-size:var(--fs-2);font-weight:600;cursor:pointer;transition:.3s ease}:is(:is(:is(:is(main.galleries .content-add) .top-section) .left-section) .input-image) img{width:100%;max-height:100%;-o-object-position:top;object-position:top;-o-object-fit:cover;object-fit:cover;background-color:var(--gray-100)}:is(:is(:is(:is(main.galleries .content-add) .top-section) .left-section) .input-image) .icon-style{width:var(--px-48);height:var(--px-48)}:is(:is(:is(:is(main.galleries .content-add) .top-section) .left-section) .input-image) input[type=file]{display:none}:is(:is(:is(main.galleries .content-add) .top-section) .left-section) .input-image:hover{opacity:.9}:is(:is(main.galleries .content-add) .top-section) .right-section{width:72%;flex-direction:column;gap:var(--px-8)}:is(:is(:is(main.galleries .content-add) .top-section) .right-section) input{width:100%;border:1px solid var(--primary);border-radius:5px;padding:var(--px-8) var(--px-16);background-color:var(--white);color:var(--gray-500);font-size:var(--fs-3)}:is(:is(:is(main.galleries .content-add) .top-section) .right-section) .category{width:100%;flex:1;display:flex;justify-content:flex-start;gap:var(--px-8)}:is(:is(:is(:is(main.galleries .content-add) .top-section) .right-section) .category) button{padding:var(--px-8) var(--px-16);box-shadow:1px 1px 4px var(--gray-200);cursor:pointer;border-radius:4px;font-size:var(--fs-3);font-weight:500;color:var(--primary);transition:.3s linear}:is(:is(:is(:is(main.galleries .content-add) .top-section) .right-section) .category) button:hover{background-color:var(--primary);color:var(--white)}:is(main.galleries .content-add) .bottom-section{width:100%}:is(:is(main.galleries .content-add) .bottom-section) button{width:100%;padding:var(--px-8);border-radius:4px;background-color:var(--btn-save);border:1px solid var(--gray-100);cursor:pointer;color:var(--white);font-size:var(--fs-3);font-weight:600;transition:.3s linear}:is(:is(main.galleries .content-add) .bottom-section) button:hover{background-color:var(--primary);box-shadow:1px 1px 2px var(--gray-200)}main.login,main.register{width:100%;height:100vh;padding:0;position:relative;overflow:hidden}main.login form,main.register form{width:100%;display:flex;justify-content:center;align-items:center}main.login .background,main.register .background{width:100%;height:100vh;position:absolute;top:0;left:0;z-index:-1}main.login .background:after,main.register .background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#18181866;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}main.login .background img,main.register .background img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:blur(1px)}main.login .login-container,main.login .login-container .header-section,main.login .login-container .input-section,main.login .login-container .submit-section,main.login .login-container .submit-section button,main.register .register-container,main.register .register-container .header-section,main.register .register-container .input-section,main.register .register-container .submit-section,main.register .register-container .submit-section button{display:flex;justify-content:center;align-items:center;flex-direction:column}main.login .login-container,main.register .register-container{max-width:30%;min-width:280px;width:30%;height:auto;gap:var(--px-16);padding:var(--px-32) var(--px-16);border:1px solid var(--primary);border-radius:var(--px-16);background-color:var(--gray-100);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}main.login .login-container .header-section,main.register .register-container .header-section{width:50%;display:flex;font-size:var(--fs-6);font-weight:700;color:var(--gray-600);padding:var(--px-8);border-bottom:2px solid var(--primary)}main.login .login-container .input-section,main.register .register-container .input-section{width:100%;gap:var(--px-32);margin-top:var(--px-32)}main.login .login-container .input-section .input,main.register .register-container .input-section .input{width:100%;height:var(--px-40);overflow:hidden;display:flex;justify-content:flex-start;align-items:center;padding-left:var(--px-16);gap:var(--px-8);font-size:var(--fs-2);font-weight:400;background-color:var(--gray-100);border-bottom:2px solid var(--primary);border-radius:var(--px-8);position:relative}main.login .login-container .input-section .input input,main.register .register-container .input-section .input input{width:100%;height:100%;background-color:transparent}.input .icon{font-size:var(--fs-3)}main.login .login-container .submit-section,main.register .register-container .submit-section{width:100%;padding:var(--px-16) 0}main.login .login-container .submit-section button,main.register .register-container .submit-section button{width:100%;height:var(--px-48);background-color:var(--gray-600);color:var(--gray-100);border-radius:var(--px-16);flex-direction:row;gap:var(--px-8);font-size:var(--fs-3);font-weight:500;transition:.3s linear}main.login .login-container .submit-section button:hover,main.register .register-container .submit-section button:hover{cursor:pointer;background-color:var(--primary)}main.register .register-container .input-section .profile,main.register .register-container .input-section .contact{display:flex;flex-direction:column;gap:var(--px-16);width:95%}main.register .register-container .input-section .division,main.register .register-container .input-section .project{width:95%;border:2px solid var(--primary);border-radius:var(--px-8);overflow:hidden;font-size:var(--fs-2);background-color:var(--primary);color:var(--gray-100)}main.register .register-container .input-section .division select{background-color:var(--primary);color:var(--gray-100);transition:.3s ease;width:100%;height:var(--px-40);text-align:center}main.register .register-container .input-section .division select:hover{cursor:pointer;background-color:var(--gray-100);color:var(--gray-600)}main.register .register-container .input-section .project{background-color:var(--gray-100);height:var(--px-64)}main.register .register-container .input-section .project textarea{width:100%;height:100%;resize:none;font-size:var(--fs-1);padding:0 var(--px-8)}main.login .btn-back,main.register .btn-back{position:fixed;left:0;top:0;height:100%;display:flex;align-items:center}:is(main.login .btn-back,main.register .btn-back) .btn{height:-moz-fit-content;height:fit-content;background-color:var(--primary);color:var(--gray-100);font-size:var(--fs-1);padding:var(--spx-24);padding-left:var(--spx-12);border-top-right-radius:10rem;border-bottom-right-radius:10rem;transition:.3s ease-in-out}:is(main.login .btn-back,main.register .btn-back) .btn:hover{transform:scale(1.1);cursor:pointer}@media screen and (max-width: 1365px){main.login{display:none}main.register{height:100svh}main.register .register-container{max-width:480px;min-width:280px;width:90%;height:-moz-fit-content;height:fit-content;gap:var(--spx-16);padding:var(--px-32) var(--spx-16);border-radius:var(--spx-16)}main.register .register-container .header-section{width:50%;font-size:1.2rem;padding:var(--spx-8)}main.register .register-container .input-section{gap:var(--spx-32);margin-top:var(--spx-32)}main.register .register-container .input-section .input{height:var(--spx-40);padding-left:var(--spx-16);gap:var(--spx-8);font-size:1rem;border-radius:var(--spx-8)}.input .icon{font-size:1rem}main.register .register-container .submit-section{padding:var(--spx-16) 0}main.register .register-container .submit-section button{height:var(--spx-48);border-radius:var(--spx-16);gap:var(--spx-8);font-size:1.2rem}main.register .register-container .input-section .contact{gap:var(--spx-16)}main.register .register-container .input-section .project{border-radius:var(--spx-8);font-size:.8rem}main.register .register-container .input-section .division select{height:var(--spx-40)}main.register .register-container .input-section .project{height:var(--spx-64)}main.register .register-container .input-section .project textarea{font-size:.8rem;padding:0 var(--spx-8)}}@media screen and (max-width: 1365px) and (orientation: landscape){main.register .register-container .header-section{font-size:1.5rem}main.register .register-container .input-section .input{font-size:.7rem}.input .icon{font-size:.7rem}main.register .register-container .submit-section button{font-size:.8rem}main.register .register-container .input-section .project{font-size:.7rem}main.register .register-container .input-section .project textarea{font-size:.5rem}}.public-layout{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.public-layout,.public-layout nav,.public-layout nav .nav-list,.public-layout nav .button{display:flex;justify-content:center;align-items:center}.public-layout nav{width:100%;height:-moz-fit-content;height:fit-content;padding:var(--px-32) var(--px-32);overflow:hidden;position:fixed;justify-content:space-between;top:0;background-color:transparent;z-index:1000}.public-layout nav .logo{aspect-ratio:2/1;width:7%}.public-layout nav .logo img{width:100%;filter:brightness(10%) invert(1)}.public-layout nav .nav-list{height:-moz-fit-content;height:fit-content}.public-layout nav .nav-list a{color:var(--gray-100);font-size:var(--fs-2);font-weight:400;padding:var(--px-8) var(--px-24);border-radius:2rem;border:1px solid transparent;transition:.3s ease}:is(.public-layout nav .nav-list a) .icon{display:none}.public-layout nav .nav-list a:hover{background:#ffffff80}.public-layout nav .button{min-width:7%}:is(.public-layout nav .button) button{display:none}.public-layout nav .button .btn{background-color:var(--primary);padding:var(--px-8) var(--px-24);color:var(--gray-100);font-size:var(--fs-2);border-radius:.5rem;transition:.3s ease;white-space:nowrap}.public-layout nav .button .btn:hover{background-color:var(--secondary)}.public-layout nav.scrolled{top:var(--px-24);width:80%;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--px-8) var(--px-32);border-radius:5rem;box-shadow:1px 1px 2px var(--gray-200)}.public-layout nav.scrolled a{color:var(--gray-500);font-weight:600}.public-layout nav.scrolled img{filter:grayscale(0) brightness(100%)}.public-layout nav.scrolled .nav-list a:hover{border:1px solid var(--primary)}.public-layout nav.div .logo img{width:100%;filter:grayscale(0%) brightness(100%)}.public-layout nav.div a{color:var(--gray-500)}.public-layout nav.div a:hover{border:1px solid var(--primary)}.public-layout footer{width:100%;height:-moz-fit-content;height:fit-content;background-color:var(--primary);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--px-12)}:is(.public-layout footer) .header{width:-moz-fit-content;width:fit-content;padding:var(--px-8) var(--px-12);border-bottom:1px solid var(--gray-200)}:is(.public-layout footer) .header h1{font-size:var(--fs-2)}:is(.public-layout footer) .content{display:flex;gap:var(--px-16)}:is(:is(.public-layout footer) .content) .icon-style{width:var(--px-64);height:var(--px-64);color:var(--gray-100)}:is(.public-layout footer) .footer{width:100%;border-top:1px solid var(--gray-100);text-align:center;padding:var(--px-8) 0 0 0}:is(.public-layout footer) .footer h1{font-size:var(--fs-1);font-weight:500}@media screen and (max-width: 1365px){.public-layout,.public-layout nav,.public-layout nav .nav-list,.public-layout nav .button{display:flex;justify-content:center;align-items:center}.public-layout{overflow-x:hidden}.public-layout nav{padding:var(--spx-8) var(--spx-32);justify-content:space-between;top:0;overflow:visible}.public-layout nav .logo{aspect-ratio:3/1;width:var(--px-320)}.public-layout nav .logo img{width:100%}.public-layout nav .button{width:15%;display:flex;justify-content:flex-end}.public-layout nav .button button{display:block;aspect-ratio:1/1;color:var(--gray-100);background-color:transparent;cursor:pointer;font-size:var(--fs-5);width:auto;height:75%}:is(.public-layout nav .button button) .hamburger-menu{width:100%;height:100%}.public-layout nav.scrolled{top:var(--spx-16);width:90%;padding:var(--spx-8) var(--spx-12);border-radius:var(--spx-8)}.public-layout nav.scrolled img{filter:grayscale(0) brightness(100%)}.public-layout nav.scrolled .button button{color:var(--primary)}.public-layout nav.div .logo img{filter:grayscale(0%) brightness(10%)}.public-layout nav.div .button button{color:var(--primary)}.public-layout nav .nav-list{left:0;top:var(--spx-12);height:-moz-fit-content;height:fit-content;position:absolute;flex-direction:column;background-color:var(--white);border-radius:var(--spx-16);width:45%;gap:var(--spx-8);padding:var(--spx-24);transition:.3s ease}.public-layout nav .nav-list a{width:100%;text-align:left;color:var(--gray-700);border-radius:var(--spx-8);transition:.3s ease}:is(.public-layout nav .nav-list a) .icon{display:inline}.public-layout nav.scrolled .nav-list{box-shadow:1px 1px 1px var(--gray-500);left:50%;top:var(--px-256);transform:translate(-50%);width:100%}.public-layout nav .nav-list a:hover{color:var(--primary);border:1px solid var(--primary)}.public-layout nav.scrolled .nav-list a{font-weight:400}.public-layout nav .button a{display:none}.public-layout nav .nav-list.close{opacity:0;height:0;width:0;z-index:-100;left:-50%}.public-layout footer{gap:var(--spx-12);text-align:center}:is(.public-layout footer) .header{width:100%;padding:var(--spx-8) var(--spx-12)}:is(.public-layout footer) .header h1{font-size:var(--fs-1)}:is(.public-layout footer) .content{gap:var(--spx-16)}:is(.public-layout footer) .footer{padding:var(--spx-8) 0 0 0}.skeleton-style{width:var(--spx-192);height:var(--spx-64)}}@media screen and (max-width: 1365px) and (orientation: landscape){.public-layout nav .logo{width:15%}.public-layout nav.scrolled .nav-list{top:calc(var(--spx-128) + var(--spx-24));display:flex;flex-wrap:wrap;flex-direction:unset}.public-layout nav .nav-list a{flex:1;min-width:40%;text-align:left}}.public-layout .btn{display:flex;align-items:center;gap:var(--px-12)}.public-layout .not-container{display:flex;width:100%;height:-moz-fit-content;height:fit-content;padding:var(--px-32);border-radius:.5rem;background-color:var(--gray-200);color:var(--btn-danger);box-shadow:1px 1px 2px var(--gray-700);justify-content:center}:is(.public-layout .not-container) h1{font-size:var(--fs-4)}:is(.public-layout .not-container) p{font-size:var(--fs-3)}.public-layout .btn-back{position:fixed;left:0;top:40%;height:100%}:is(.public-layout .btn-back) .btn{background-color:var(--primary);color:var(--gray-100);font-size:var(--fs-1);padding:var(--spx-24);padding-left:var(--spx-12);border-top-right-radius:10rem;border-bottom-right-radius:10rem;transition:.3s ease-in-out}:is(.public-layout .btn-back) .btn:hover{transform:scale(1.1);cursor:pointer}:is(.public-layout .home-page) .hero-section{position:relative;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;text-align:center;padding:0 var(--px-16);color:var(--gray-100);gap:var(--px-40)}:is(:is(.public-layout .home-page) .hero-section) .hero-background img{position:absolute;top:0;left:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;z-index:-1;filter:brightness(.3)}:is(:is(.public-layout .home-page) .hero-section) .hero-content{z-index:1;max-width:800px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--px-16);padding-bottom:var(--px-32);border-bottom:2px solid var(--gray-200)}:is(:is(.public-layout .home-page) .hero-section) .hero-content h2{font-size:var(--fs-5);font-weight:400}:is(:is(.public-layout .home-page) .hero-section) .hero-content h1{font-size:var(--fs-10);font-weight:700;line-height:1.3}:is(:is(.public-layout .home-page) .hero-section) .btn{background-color:var(--primary);color:var(--gray-100);padding:var(--px-12) var(--px-24);border-radius:8px;text-decoration:none;font-weight:600;font-size:var(--fs-3);transition:.3s ease}:is(:is(.public-layout .home-page) .hero-section) .btn:hover{transform:scale(1.1)}:is(.public-layout .home-page) .about-section{display:flex;padding:var(--px-128) var(--px-128);gap:var(--px-64)}:is(:is(.public-layout .home-page) .about-section) .about-logo,:is(:is(.public-layout .home-page) .about-section) .about-text{display:flex;flex-direction:column;justify-content:center;align-items:center}:is(:is(.public-layout .home-page) .about-section) .about-logo{aspect-ratio:1/1;width:30%;box-shadow:4px 4px 32px var(--gray-200);overflow:hidden;border-radius:1rem;padding:var(--px-32)}:is(:is(.public-layout .home-page) .about-section) .about-logo img{width:100%}:is(:is(.public-layout .home-page) .about-section) .about-text{width:70%;height:auto;justify-content:flex-start;gap:var(--px-32)}:is(:is(.public-layout .home-page) .about-section) .about-text h1{color:var(--gray-600);font-size:var(--fs-8);font-weight:700}:is(:is(.public-layout .home-page) .about-section) .about-text h2{color:var(--gray-600);font-weight:500;font-size:var(--fs-6);text-align:justify}:is(.public-layout .home-page) .division-section{width:100%;padding:var(--px-128);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--px-64);background-color:var(--gray-100)}:is(:is(.public-layout .home-page) .division-section) .division-header,:is(:is(.public-layout .home-page) .division-section) .division-content,:is(:is(.public-layout .home-page) .division-section) .division-content .card,:is(:is(.public-layout .home-page) .division-section) .division-button{display:flex;justify-content:center;align-items:center}:is(:is(.public-layout .home-page) .division-section) .division-header{flex-direction:column}:is(:is(.public-layout .home-page) .division-section) .division-header h1{font-size:var(--fs-9);font-weight:700;color:var(--gray-600)}:is(:is(.public-layout .home-page) .division-section) .division-header h2{font-size:var(--fs-9);font-weight:400;color:var(--gray-600)}:is(:is(.public-layout .home-page) .division-section) .division-content{gap:var(--px-32);padding:var(--px-8) 0}:is(:is(:is(.public-layout .home-page) .division-section) .division-content) .card{min-width:200px;max-width:var(--px-320);width:var(--px-320);min-height:320px;height:calc(var(--px-320) + var(--px-128));justify-content:flex-start;flex-direction:column;box-shadow:2px 2px 8px var(--gray-300);border-radius:var(--px-24);padding:var(--px-16) var(--px-32);gap:var(--px-8);transition:.2s linear;border-top:var(--px-8) solid var(--gray-600);overflow:hidden;background-color:var(--white)}:is(:is(:is(:is(.public-layout .home-page) .division-section) .division-content) .card) img{aspect-ratio:1/1;width:50%}:is(:is(:is(:is(.public-layout .home-page) .division-section) .division-content) .card) h1{width:100%;font-size:var(--fs-3);font-weight:600;color:var(--gray-600);text-align:center}:is(:is(:is(:is(.public-layout .home-page) .division-section) .division-content) .card) h2{width:100%;font-size:var(--fs-1);font-weight:400;text-align:justify;color:var(--gray-400);line-height:2;overflow:hidden;text-overflow:ellipsis}:is(:is(:is(.public-layout .home-page) .division-section) .division-content) .card:hover{transform:scale(1.05)}:is(:is(.public-layout .home-page) .division-section) .division-button{width:100%;height:-moz-fit-content;height:fit-content}:is(:is(:is(.public-layout .home-page) .division-section) .division-button) .btn{background-color:var(--primary);padding:var(--px-16) var(--px-64);color:var(--gray-100);font-size:var(--fs-3);font-weight:600;border-radius:.75rem;transition:.3s ease}:is(:is(:is(.public-layout .home-page) .division-section) .division-button) .btn:hover{transform:scale(1.1)}:is(.public-layout .home-page) .history-section{display:flex;padding:var(--px-128);gap:var(--px-32)}:is(:is(.public-layout .home-page) .history-section) .history-left,:is(:is(.public-layout .home-page) .history-section) .history-right{display:flex;justify-content:center;align-items:center}:is(:is(.public-layout .home-page) .history-section) .history-left{flex-direction:column;align-items:flex-start;gap:var(--px-8);width:55%}:is(:is(:is(.public-layout .home-page) .history-section) .history-left) h1{font-size:var(--fs-5);font-weight:600;color:var(--gray-600)}:is(:is(:is(.public-layout .home-page) .history-section) .history-left) p{font-size:var(--fs-2);font-weight:400;color:var(--gray-400);line-height:1.8;text-align:justify}:is(:is(.public-layout .home-page) .history-section) .history-right{width:45%;overflow:hidden;gap:var(--px-32)}:is(:is(:is(.public-layout .home-page) .history-section) .history-right) img{width:100%}:is(.public-layout .home-page) .news-section{width:100%;height:-moz-fit-content;height:fit-content;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:var(--px-128);gap:var(--px-32);background-color:var(--gray-100)}:is(:is(.public-layout .home-page) .news-section) .news-header{width:100%;text-align:center}:is(:is(.public-layout .home-page) .news-section) .news-header h1{font-size:var(--fs-8);font-weight:600;color:var(--gray-600)}:is(:is(.public-layout .home-page) .news-section) .news-card-container{width:100%;display:flex;justify-content:center;gap:var(--px-32)}:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card{width:100%;max-width:calc(var(--px-320) + var(--px-128));min-height:350px;box-shadow:1px 1px 2px var(--primary);background-color:var(--white);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;gap:var(--px-16);padding-bottom:var(--px-40);transition:.3s linear}:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .image{width:100%}:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .image img{width:100%;height:var(--px-256);-o-object-fit:cover;object-fit:cover;border-radius:.5rem}:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card)>h1{font-size:var(--fs-3);font-weight:600;padding-left:var(--px-24);color:var(--gray-500)}:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .title{width:100%;padding:0 var(--px-24);padding-bottom:var(--px-32)}:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .title h1{font-size:var(--fs-5);font-weight:600;color:var(--gray-600)}:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .footer{width:100%;display:flex;flex-direction:column;padding-left:var(--px-24);gap:var(--px-16)}:is(:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .footer) h1{font-size:var(--fs-1);font-weight:500;color:var(--gray-400)}:is(:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .footer) a{width:-moz-fit-content;width:fit-content;color:var(--primary);transition:.3s ease;font-size:var(--fs-3);font-weight:600}:is(:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .footer) a:hover{cursor:pointer;color:var(--secondary)}:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card:hover{transform:scale(1.05)}:is(:is(.public-layout .home-page) .news-section) .news-button{width:100%;height:-moz-fit-content;height:fit-content;display:flex;justify-content:center;align-items:center;margin-top:var(--px-32)}:is(:is(:is(.public-layout .home-page) .news-section) .news-button) .btn{background-color:var(--primary);padding:var(--px-16) var(--px-64);color:var(--gray-100);font-size:var(--fs-3);font-weight:600;border-radius:.75rem;transition:.3s ease}:is(:is(:is(.public-layout .home-page) .news-section) .news-button) .btn:hover{transform:scale(1.1)}:is(.public-layout .home-page) .register-section{width:100%;min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--gray-700);color:var(--gray-100);gap:var(--px-32);padding:var(--px-128)}:is(:is(.public-layout .home-page) .register-section) h1{text-align:center;font-size:var(--fs-8);font-weight:600}:is(:is(.public-layout .home-page) .register-section) h2{width:60%;text-align:center;font-size:var(--fs-4);font-weight:400;line-height:1.8}:is(:is(.public-layout .home-page) .register-section) .btn{background-color:var(--gray-100);color:var(--primary);padding:var(--px-16) var(--px-64);font-size:var(--fs-6);font-weight:600;border-radius:4rem}.public-layout .divisions-public{width:100%;min-height:75vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(var(--primary),var(--secondary));padding:var(--px-128);gap:var(--px-32)}:is(.public-layout .divisions-public) .header{width:100%;text-align:center;color:var(--gray-100)}:is(:is(.public-layout .divisions-public) .header) h1{font-size:var(--fs-10);font-weight:800}:is(:is(.public-layout .divisions-public) .header) h2{font-size:var(--fs-6);font-weight:500}:is(.public-layout .divisions-public) .content{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--px-32)}:is(:is(.public-layout .divisions-public) .content) .card{display:flex;align-items:center;min-width:200px;max-width:calc(var(--px-320) - var(--px-24));width:var(--px-320);min-height:320px;height:calc(var(--px-320) + var(--px-128));justify-content:flex-start;flex-direction:column;box-shadow:2px 2px 8px var(--gray-300);border-radius:var(--px-24);padding:var(--px-16) var(--px-32);gap:var(--px-8);transition:.2s linear;border-top:var(--px-8) solid var(--gray-600);overflow:hidden;background-color:var(--white);cursor:pointer;position:relative}:is(:is(:is(.public-layout .divisions-public) .content) .card) img{aspect-ratio:1/1;width:50%}:is(:is(:is(.public-layout .divisions-public) .content) .card) h1{width:100%;font-size:var(--fs-3);font-weight:600;color:var(--gray-600);text-align:center}:is(:is(:is(.public-layout .divisions-public) .content) .card) h2{width:100%;font-size:var(--fs-1);font-weight:400;text-align:justify;color:var(--gray-400);line-height:2;overflow:hidden;text-overflow:ellipsis}:is(:is(:is(.public-layout .divisions-public) .content) .card) .card-hover{position:absolute;aspect-ratio:1/1;border-radius:14rem;top:50%;transform:translateY(-50%);width:50%;height:1%;display:flex;justify-content:center;align-items:center;opacity:0;transition:.4s ease-out;z-index:100}:is(:is(:is(:is(.public-layout .divisions-public) .content) .card) .card-hover) h1{color:var(--white);font-size:var(--fs-3);font-weight:600}:is(:is(.public-layout .divisions-public) .content) .card:hover{transform:scale(1.05)}:is(:is(.public-layout .divisions-public) .content) .card:hover .card-hover{opacity:1;height:auto;background-color:#121212e6}.public-layout .staffs-public{width:100%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}:is(.public-layout .staffs-public)>.header{width:100%;padding:var(--px-128);background-color:var(--primary);color:var(--gray-100)}:is(:is(.public-layout .staffs-public)>.header) h1{font-size:var(--fs-10);font-weight:700}:is(:is(.public-layout .staffs-public)>.header) h2{font-size:var(--fs-3);font-weight:500}:is(.public-layout .staffs-public) .content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}:is(:is(.public-layout .staffs-public) .content) .group{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--px-32);padding-bottom:var(--px-32)}:is(:is(:is(.public-layout .staffs-public) .content) .group) .header{background:linear-gradient(to right bottom,var(--primary),var(--secondary));width:100%;padding:var(--px-32)}:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .header) h1{font-size:var(--fs-8);text-align:center;color:var(--gray-100);line-height:2;border-bottom:var(--px-16) solid var(--gray-100)}:is(:is(:is(.public-layout .staffs-public) .content) .group) .row{width:100%;display:flex;justify-content:center;align-items:center;padding:0 var(--px-128);gap:var(--px-32)}:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .row) .card{min-width:180px;width:100%;max-width:var(--px-256);display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--primary);color:var(--gray-100)}:is(:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .row) .card) .position{padding:var(--px-8);display:flex;justify-content:center;align-items:center}:is(:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .row) .card) .position h1{font-size:var(--fs-3);font-weight:500;text-align:center}:is(:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .row) .card) .photo{aspect-ratio:3/4;min-height:320px;height:var(--px-320);width:100%}:is(:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .row) .card) .photo img{height:100%;-o-object-fit:cover;object-fit:cover}:is(:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .row) .card) .profile{text-align:center;padding:var(--px-8)}:is(:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .row) .card) .profile h1{font-size:var(--fs-2);font-weight:600}:is(:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .row) .card) .profile h2{font-size:var(--fs-1);font-weight:400}:is(:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .row) .card) .social{width:100%;display:flex;justify-content:space-around;align-items:center;background-color:var(--gray-100);padding:var(--px-16);border-bottom:1px solid var(--gray-700);border-left:1px solid var(--gray-700);border-right:1px solid var(--gray-700)}:is(:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .row) .card) .social a{color:var(--gray-700);transition:.5s ease;cursor:pointer}:is(:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .row) .card) .social a .icon{width:var(--fs-7);height:var(--fs-7)}:is(:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .row) .card) .social a:hover{color:var(--secondary);transform:scale(1.1)}:is(:is(:is(.public-layout .staffs-public) .content) .group) .row.anggota{flex-wrap:wrap}.public-layout .galleries-public{width:100%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}:is(.public-layout .galleries-public)>.header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--px-128);background-color:var(--primary);color:var(--gray-100)}:is(:is(.public-layout .galleries-public)>.header) .text{width:-moz-fit-content;width:fit-content}:is(:is(:is(.public-layout .galleries-public)>.header) .text) h1{font-size:var(--fs-10);font-weight:700}:is(:is(:is(.public-layout .galleries-public)>.header) .text) h2{font-size:var(--fs-3);font-weight:500}:is(:is(.public-layout .galleries-public)>.header) .search{width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--px-8)}:is(:is(:is(.public-layout .galleries-public)>.header) .search) input[type=search]{background-color:var(--gray-100);font-size:var(--fs-3);padding:var(--px-8) var(--px-12);border-radius:.5rem;color:var(--gray-500)}:is(:is(:is(.public-layout .galleries-public)>.header) .search) .category-container{display:flex;gap:var(--px-8)}:is(:is(:is(:is(.public-layout .galleries-public)>.header) .search) .category-container) button{font-size:var(--fs-0);font-weight:500;padding:var(--px-8) var(--px-24);border-radius:4px;box-shadow:1px 1px 2px var(--gray-600);transition:.3s ease;color:var(--gray-700)}:is(:is(:is(:is(.public-layout .galleries-public)>.header) .search) .category-container) button:hover{cursor:pointer;background-color:var(--secondary);color:var(--gray-100);transform:scale(1.02)}:is(.public-layout .galleries-public) .content{min-height:50vw;padding:var(--px-32) var(--px-128);display:flex;flex-direction:row;justify-content:center;overflow:auto}:is(:is(.public-layout .galleries-public) .content) .gallery-grid{width:100%;-moz-column-count:3;column-count:3;-moz-column-gap:var(--px-24);column-gap:var(--px-24)}:is(:is(:is(.public-layout .galleries-public) .content) .gallery-grid) .gallery-item{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:var(--px-24);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;position:relative}:is(:is(:is(.public-layout .galleries-public) .content) .gallery-grid) .gallery-item img{width:100%;height:-moz-fit-content;height:fit-content;display:block;-o-object-fit:cover;object-fit:cover;cursor:pointer;transition:.3s linear}:is(:is(:is(.public-layout .galleries-public) .content) .gallery-grid) .gallery-item img:hover{transform:scale(1.15)}:is(:is(.public-layout .galleries-public) .content) .modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9991}:is(:is(:is(.public-layout .galleries-public) .content) .modal-overlay) .modal-content{position:relative;background-color:var(--gray-100);padding:var(--px-8);border-radius:8px;max-width:90%;max-height:90%;overflow:auto;box-shadow:0 4px 12px var(--gray-200)}:is(:is(:is(:is(.public-layout .galleries-public) .content) .modal-overlay) .modal-content) .modal-image{max-width:100%;max-height:80vh}:is(:is(:is(:is(.public-layout .galleries-public) .content) .modal-overlay) .modal-content) .close-button{position:absolute;top:var(--px-8);right:var(--px-16);background:transparent;border:none;font-size:var(--fs-7);cursor:pointer;color:var(--gray-300)}:is(:is(:is(:is(.public-layout .galleries-public) .content) .modal-overlay) .modal-content) .close-button:hover{color:var(--gray-700)}.public-layout .news-public *{-webkit-user-select:text;-moz-user-select:text;user-select:text}.public-layout .news-public{width:100%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}:is(.public-layout .news-public)>.header{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--px-192) var(--px-128);color:var(--gray-100)}:is(:is(.public-layout .news-public)>.header) .background img{position:absolute;top:0;left:0;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;z-index:-1;filter:brightness(.3)}:is(:is(.public-layout .news-public)>.header) .text{width:-moz-fit-content;width:fit-content;max-width:40%;border-bottom:2px solid var(--gray-100)}:is(:is(:is(.public-layout .news-public)>.header) .text) h1{font-size:var(--fs-8);font-weight:700}:is(:is(.public-layout .news-public)>.header) .search{width:30%;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--px-8)}:is(:is(:is(.public-layout .news-public)>.header) .search) input[type=search]{background-color:var(--gray-100);font-size:var(--fs-2);padding:var(--px-8) var(--px-12);border-radius:.5rem;color:var(--gray-500)}:is(.public-layout .news-public) .content{width:100%;min-height:40vw;display:flex;justify-content:center;align-items:flex-start;padding:var(--px-128) var(--px-64);gap:var(--px-32);background:linear-gradient(to top right,var(--primary),var(--secondary));border-bottom:var(--px-8) solid var(--gray-100);border-top:var(--px-8) solid var(--gray-100)}:is(:is(.public-layout .news-public) .content) .left-content{width:65%;display:flex;flex-direction:column;gap:var(--px-24)}:is(:is(:is(.public-layout .news-public) .content) .left-content) .card *{-webkit-user-select:text;-moz-user-select:text;user-select:text}:is(:is(:is(.public-layout .news-public) .content) .left-content) .card{width:100%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;background-color:var(--gray-100);box-shadow:2px 1px 16px var(--gray-600);gap:var(--px-16);border-radius:var(--px-8);overflow:hidden}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .image{aspect-ratio:16/9;width:100%;overflow:hidden}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .image img{width:100%;height:auto;transition:.3s ease}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .image img:hover{transform:scale(1.03)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .title{padding-left:var(--px-16)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .title h1{font-size:var(--fs-8);font-weight:700;color:var(--gray-500)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .time{width:-moz-fit-content;width:fit-content;padding-left:var(--px-24)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .time h1{border-bottom:1px solid var(--gray-400);font-size:var(--fs-3);font-weight:700;color:var(--gray-400)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .summary{width:100%;padding:0 var(--px-16);overflow:hidden;color:var(--gray-400)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .summary p{max-height:var(--px-128);font-size:var(--fs-3);font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:2.25}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .button{display:flex;padding:var(--px-32) var(--px-32)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .button .btn{font-size:var(--fs-3);font-weight:500;padding:var(--px-8) var(--px-24);background-color:var(--primary);border-radius:4px;color:var(--gray-100);transition:.3s ease}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .button .btn:hover{background-color:var(--secondary);transform:scale(1.02)}:is(:is(.public-layout .news-public) .content) .right-content-news{width:30%;background-color:var(--gray-100);padding:var(--px-16);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-shadow:2px 2px 16px var(--gray-600);gap:var(--px-24);border-radius:var(--px-8);overflow:hidden}:is(:is(:is(.public-layout .news-public) .content) .right-content-news) .header-content{width:100%;text-align:center;border-bottom:2px solid var(--primary)}:is(:is(:is(.public-layout .news-public) .content) .right-content-news) .header-content h1{font-size:var(--fs-4);color:var(--gray-500);font-weight:600}:is(:is(:is(.public-layout .news-public) .content) .right-content-news) .card{width:100%;display:flex;justify-content:center;align-items:flex-start;gap:var(--px-12);transition:.3s linear;border-radius:var(--px-8);overflow:hidden}:is(:is(:is(:is(.public-layout .news-public) .content) .right-content-news) .card) .image{min-width:30%;width:30%;height:auto;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}:is(:is(:is(:is(.public-layout .news-public) .content) .right-content-news) .card) .image img{height:100%;width:100%}:is(:is(:is(:is(.public-layout .news-public) .content) .right-content-news) .card) .title h1{font-size:var(--fs-2);font-weight:600;color:var(--gray-500)}:is(:is(:is(.public-layout .news-public) .content) .right-content-news) .card:hover{transform:scale(1.02);cursor:pointer;box-shadow:1px 1px 2px var(--gray-500)}:is(.public-layout .news-public)>.header.detail{padding:var(--px-192) var(--px-32);justify-content:center;text-align:center}:is(:is(.public-layout .news-public)>.header.detail) .text{max-width:70%}:is(.public-layout .news-public) .header.detail h1{max-width:100%;font-size:var(--fs-9);font-weight:600;color:var(--white)}:is(.public-layout .news-public) .header.detail span{font-weight:800;color:var(--gray-100)}:is(.public-layout .news-public) .news-detail{background-color:var(--gray-100);width:100%;padding:var(--px-64);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--px-32)}:is(:is(.public-layout .news-public) .news-detail) .time{width:100%;text-align:left}:is(:is(:is(.public-layout .news-public) .news-detail) .time) h1{font-size:var(--fs-3);font-weight:500;color:var(--gray-400)}:is(:is(.public-layout .news-public) .news-detail) .image{width:75%;height:auto;overflow:hidden;aspect-ratio:16/9}:is(:is(:is(.public-layout .news-public) .news-detail) .image) img{width:100%}:is(:is(.public-layout .news-public) .news-detail) .paragraph{font-size:var(--fs-3);font-weight:400;color:var(--gray-500);text-align:justify}.public-layout .division-public{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:var(--px-128);background-color:var(--gray-100);gap:var(--px-64)}:is(.public-layout .division-public) .name *,:is(.public-layout .division-public) .description *,:is(.public-layout .division-public) .members *{-webkit-user-select:text;-moz-user-select:text;user-select:text}:is(.public-layout .division-public) .name{aspect-ratio:3/1;height:auto;min-width:400px;width:30%;border:2px solid var(--gray-600);box-shadow:2px 2px 4px var(--primary);border-radius:1rem;overflow:hidden;background-color:var(--white);padding:var(--px-12);display:flex;justify-content:space-around;align-items:center;position:relative;transition:.3s ease}:is(:is(.public-layout .division-public) .name) h1{font-size:var(--fs-7);font-weight:700;color:var(--gray-500)}:is(:is(.public-layout .division-public) .name) img{aspect-ratio:1/1;width:auto;height:90%}:is(:is(.public-layout .division-public) .name) .back{aspect-ratio:1/1;height:1%;width:1%;padding:var(--px-8);border-radius:4rem;position:absolute;display:flex;justify-content:center;align-items:center;opacity:0;transition:.3s ease;overflow:hidden}:is(:is(.public-layout .division-public) .name) .back h1{color:var(--gray-100);font-weight:500;font-size:var(--fs-3);text-wrap:nowrap}:is(.public-layout .division-public) .name:hover{transform:scale(1.05);transform:rotate(3deg);cursor:pointer}:is(.public-layout .division-public) .name:hover .back{height:100%;width:auto;opacity:1;height:auto;background-color:#121212e6;z-index:999}:is(.public-layout .division-public) .description{width:50%;margin-right:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--px-8)}:is(:is(.public-layout .division-public) .description) h1{font-size:var(--fs-8);font-weight:700;color:var(--gray-600)}:is(:is(.public-layout .division-public) .description) .box{width:100%;text-align:justify;font-size:var(--fs-4);padding:var(--px-8) 0;border-bottom:1px solid var(--gray-700)}:is(.public-layout .division-public) .members{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}:is(:is(.public-layout .division-public) .members) .nav{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gray-600);padding:var(--px-12) 0}:is(:is(:is(.public-layout .division-public) .members) .nav) h1{width:20%;font-size:var(--fs-6);font-weight:700;white-space:nowrap;color:var(--gray-700)}:is(:is(:is(.public-layout .division-public) .members) .nav) input[type=search]{width:25%;font-size:var(--fs-2);font-weight:400;color:var(--gray-600);padding:var(--px-8);border-radius:8px;background-color:var(--white)}:is(:is(.public-layout .division-public) .members) table{width:100%;border-collapse:collapse;border-bottom:1px solid var(--gray-600)}:is(:is(:is(.public-layout .division-public) .members) table) thead tr th:nth-child(1),:is(:is(:is(.public-layout .division-public) .members) table) tbody tr td:nth-child(1){width:45%}:is(:is(:is(.public-layout .division-public) .members) table) thead tr th:nth-child(1){text-align:left;padding-left:var(--px-16)}:is(:is(:is(.public-layout .division-public) .members) table) thead tr th:nth-child(2),:is(:is(:is(.public-layout .division-public) .members) table) tbody tr td:nth-child(2),:is(:is(:is(.public-layout .division-public) .members) table) thead tr th:nth-child(4),:is(:is(:is(.public-layout .division-public) .members) table) tbody tr td:nth-child(4){width:10%}:is(:is(:is(.public-layout .division-public) .members) table) thead tr th:nth-child(3),:is(:is(:is(.public-layout .division-public) .members) table) tbody tr td:nth-child(3){width:35%;text-align:center}:is(:is(:is(.public-layout .division-public) .members) table) tr th{border-bottom:1px solid var(--gray-500)}:is(:is(:is(.public-layout .division-public) .members) table) tr td,:is(:is(:is(.public-layout .division-public) .members) table) tr th{padding:var(--px-8) 0}:is(:is(:is(.public-layout .division-public) .members) table) tbody tr:hover{background-color:var(--gray-200)}:is(:is(:is(.public-layout .division-public) .members) table) tr th{font-size:var(--fs-3);font-weight:700;color:var(--gray-500)}:is(:is(:is(.public-layout .division-public) .members) table) tr td{font-size:var(--fs-2);font-weight:500;color:var(--gray-500)}.not-found{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background-color:var(--gray-100)}.not-found .container{max-width:80%;padding:var(--px-128);box-shadow:1px 2px 3px var(--gray-700);background-color:var(--white);border-radius:1rem;border-top:.5rem solid var(--primary);text-align:center}:is(.not-found .container) h1{font-size:var(--fs-7);color:var(--gray-700);font-weight:700;line-height:1.2}:is(.not-found .container) p{font-size:var(--fs-2);margin:var(--spx-12) 0 var(--spx-32) 0;font-weight:500;color:var(--gray-500)}:is(.not-found .container) button{margin-top:var(--px-12);background-color:var(--btn-info);padding:var(--spx-16) var(--spx-40);cursor:pointer;border-radius:4px;color:var(--gray-100);font-size:var(--fs-5);transition:.3s linear}:is(.not-found .container) button:hover{transform:scale(1.1)}@media screen and (max-width: 1280px){:is(.public-layout .home-page) .hero-section{height:100svh;padding:0 var(--spx-16);color:var(--gray-100);gap:var(--spx-40)}:is(:is(.public-layout .home-page) .hero-section) .hero-content{z-index:1;max-width:90%;gap:var(--spx-16);padding-bottom:var(--spx-32)}:is(:is(.public-layout .home-page) .hero-section) .hero-content h1{width:70%;font-size:var(--fs-5)}:is(:is(.public-layout .home-page) .hero-section) .btn{padding:var(--spx-12) var(--spx-24);font-size:var(--fs-5)}:is(.public-layout .home-page) .about-section{width:100%;justify-content:flex-start;align-items:center;flex-direction:column;padding:var(--spx-64) var(--spx-16);gap:var(--spx-32)}:is(:is(.public-layout .home-page) .about-section) .about-text{width:100%}:is(:is(.public-layout .home-page) .about-section) .about-text h1{text-align:center;font-size:var(--fs-3)}:is(:is(.public-layout .home-page) .about-section) .about-text h2{width:100%;font-size:var(--fs-2)}:is(.public-layout .home-page) .division-section{width:100%;padding:var(--spx-64) var(--spx-16);gap:var(--spx-32)}:is(:is(.public-layout .home-page) .division-section) .division-header{text-align:center}:is(:is(.public-layout .home-page) .division-section) .division-header h1{font-size:var(--fs-7)}:is(:is(.public-layout .home-page) .division-section) .division-header h2{font-size:var(--fs-5)}:is(:is(.public-layout .home-page) .division-section) .division-content{gap:var(--spx-16);padding:var(--spx-8) 0;flex-wrap:wrap}:is(:is(:is(.public-layout .home-page) .division-section) .division-content) .card{aspect-ratio:16/9;min-width:140px;max-width:240px;height:auto;width:var(--px-320);min-height:200px;max-height:300px;padding:var(--spx-8) var(--spx-16);border-radius:var(--spx-12);gap:var(--spx-8);transition:.2s linear;border-top:var(--spx-8) solid var(--gray-600);overflow:hidden}:is(:is(:is(:is(.public-layout .home-page) .division-section) .division-content) .card) h1{font-size:var(--fs-2)}:is(:is(:is(:is(.public-layout .home-page) .division-section) .division-content) .card) h2{font-size:var(--fs-0)}:is(:is(:is(.public-layout .home-page) .division-section) .division-content) .card:hover{transform:scale(1.05)}:is(:is(:is(.public-layout .home-page) .division-section) .division-button) .btn{padding:var(--spx-8) var(--spx-32);font-size:var(--fs-2)}:is(:is(:is(.public-layout .home-page) .division-section) .division-button) .btn:hover{transform:scale(1.1)}:is(.public-layout .home-page) .history-section{width:100%;flex-direction:column-reverse;align-items:center;padding:var(--spx-64) var(--spx-16);gap:var(--spx-32)}:is(:is(.public-layout .home-page) .history-section) .history-left,:is(:is(.public-layout .home-page) .history-section) .history-right{display:flex;justify-content:center;align-items:center}:is(:is(.public-layout .home-page) .history-section) .history-left{width:100%;flex-direction:column;align-items:center;gap:var(--spx-8)}:is(:is(:is(.public-layout .home-page) .history-section) .history-left) h1{width:100%;text-align:center}:is(:is(:is(.public-layout .home-page) .history-section) .history-left) p{width:90%;font-size:var(--fs-1)}:is(:is(.public-layout .home-page) .history-section) .history-right{width:55%;overflow:hidden;gap:var(--px-32)}:is(:is(:is(.public-layout .home-page) .history-section) .history-right) img{width:45%}:is(.public-layout .home-page) .news-section{width:100%;padding:var(--spx-64) var(--spx-16);gap:var(--spx-32)}:is(:is(.public-layout .home-page) .news-section) .news-header h1{font-size:var(--fs-7)}:is(:is(.public-layout .home-page) .news-section) .news-card-container{flex-wrap:wrap;justify-content:center;gap:var(--spx-16)}:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card{flex:1;min-width:120px;max-width:200px;min-height:200px;max-height:240px;gap:var(--spx-8);padding-bottom:var(--spx-24);position:relative}:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .image img{aspect-ratio:2/1;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:.5rem}:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card)>h1{font-size:var(--fs-1)}:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .title{padding-bottom:var(--spx-8)}:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .title h1{font-size:var(--fs-0)}:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .footer{padding-left:var(--px-24);gap:var(--spx-16)}:is(:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .footer) h1{font-size:var(--fs-1);font-weight:500;color:var(--gray-400)}:is(:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .footer) a{position:absolute;opacity:0;top:0;left:0;width:100%;height:100%}:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card:hover{transform:scale(1.05)}:is(:is(.public-layout .home-page) .news-section) .news-button{margin-top:var(--spx-16)}:is(:is(:is(.public-layout .home-page) .news-section) .news-button) .btn{padding:var(--spx-8) var(--spx-32);font-size:var(--fs-2)}:is(.public-layout .home-page) .register-section{width:100%;min-height:20svh;gap:var(--spx-32);padding:var(--spx-64) var(--spx-8)}:is(:is(.public-layout .home-page) .register-section) h1{font-size:var(--fs-5)}:is(:is(.public-layout .home-page) .register-section) h2{width:100%;font-size:var(--fs-2)}:is(:is(.public-layout .home-page) .register-section) .btn{padding:var(--spx-8) var(--spx-24);font-size:var(--fs-1)}.public-layout .divisions-public{min-height:75svh;padding:var(--spx-64) var(--spx-16);gap:var(--spx-32)}:is(.public-layout .divisions-public) .header{margin-top:var(--spx-16)}:is(:is(.public-layout .divisions-public) .header) h1{font-size:var(--fs-7)}:is(:is(.public-layout .divisions-public) .header) h2{font-size:var(--fs-5)}:is(.public-layout .divisions-public) .content{flex-wrap:wrap;gap:var(--spx-16)}:is(:is(.public-layout .divisions-public) .content) .card{flex:1;display:flex;align-items:center;min-width:140px;max-width:240px;min-height:200px;max-height:240px;border-radius:var(--spx-12);justify-content:flex-start;flex-direction:column;padding:var(--spx-8) var(--spx-16);gap:var(--spx-8);transition:.2s linear;border-top:var(--spx-8) solid var(--gray-600)}:is(:is(:is(.public-layout .divisions-public) .content) .card) img{width:45%}:is(:is(:is(.public-layout .divisions-public) .content) .card) h1{font-size:var(--fs-1)}:is(:is(:is(.public-layout .divisions-public) .content) .card) h2{font-size:var(--fs-0)}:is(:is(:is(.public-layout .divisions-public) .content) .card) .card-hover{padding:var(--spx-12);width:-moz-fit-content;width:fit-content}.public-layout .staffs-public{min-height:90svh}:is(.public-layout .staffs-public)>.header{padding:var(--spx-64) var(--spx-8);text-align:center}:is(:is(.public-layout .staffs-public)>.header) h1{margin-top:var(--spx-8);font-size:var(--fs-7)}:is(:is(.public-layout .staffs-public)>.header) h2{font-size:var(--fs-3)}:is(:is(.public-layout .staffs-public) .content) .group{gap:var(--spx-32);padding-bottom:var(--spx-32)}:is(:is(:is(.public-layout .staffs-public) .content) .group) .header{padding:var(--spx-32)}:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .header) h1{font-size:var(--fs-7);line-height:1.5;font-weight:600;border-bottom:var(--spx-8) solid var(--gray-100)}:is(:is(:is(.public-layout .staffs-public) .content) .group) .row{padding:0 var(--spx-64) var(--spx-8);gap:var(--spx-32);flex-wrap:wrap}:is(:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .row) .card) .position{padding:var(--spx-8)}:is(:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .row) .card) .position h1{font-size:var(--fs-2)}:is(:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .row) .card) .photo{aspect-ratio:3/4;min-height:-moz-fit-content;min-height:fit-content;height:var(--px-320);width:100%}:is(:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .row) .card) .profile{text-align:center;padding:var(--spx-8)}:is(:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .row) .card) .profile h1{font-size:var(--fs-1)}:is(:is(:is(:is(:is(.public-layout .staffs-public) .content) .group) .row) .card) .social{padding:var(--spx-8)}:is(:is(:is(.public-layout .staffs-public) .content) .group) .row.anggota{flex-wrap:wrap}.public-layout .galleries-public{min-height:90svh}:is(.public-layout .galleries-public)>.header{display:flex;justify-content:space-between;align-items:center;flex-direction:column;width:100%;gap:var(--spx-12);text-align:center;padding:calc(var(--spx-64) + var(--spx-16)) var(--spx-8)}:is(:is(:is(.public-layout .galleries-public)>.header) .text) h1{font-size:var(--fs-5);white-space:nowrap}:is(:is(:is(.public-layout .galleries-public)>.header) .text) h2{font-size:var(--fs-2)}:is(:is(.public-layout .galleries-public)>.header) .search{width:60%}:is(:is(:is(.public-layout .galleries-public)>.header) .search) input[type=search]{font-size:var(--fs-1);padding:var(--spx-8) var(--spx-12)}:is(:is(:is(.public-layout .galleries-public)>.header) .search) .category-container{display:none}:is(.public-layout .galleries-public) .content{flex:1;padding:var(--px-32) var(--px-128);display:flex;flex-direction:row;justify-content:center;overflow:auto}:is(:is(.public-layout .galleries-public) .content) .gallery-grid{width:100%;-moz-column-count:3;column-count:3;-moz-column-gap:var(--px-24);column-gap:var(--px-24)}:is(:is(:is(.public-layout .galleries-public) .content) .gallery-grid) .gallery-item{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:var(--px-24);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;position:relative}:is(:is(:is(.public-layout .galleries-public) .content) .gallery-grid) .gallery-item img{width:100%;height:-moz-fit-content;height:fit-content;display:block;-o-object-fit:cover;object-fit:cover;cursor:pointer;transition:.3s linear}:is(:is(:is(.public-layout .galleries-public) .content) .gallery-grid) .gallery-item img:hover{transform:scale(1.15)}:is(:is(.public-layout .galleries-public) .content) .modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9991}:is(:is(:is(.public-layout .galleries-public) .content) .modal-overlay) .modal-content{position:relative;background-color:var(--gray-100);padding:var(--px-8);border-radius:8px;max-width:90%;max-height:90%;overflow:auto;box-shadow:0 4px 12px var(--gray-200)}:is(:is(:is(:is(.public-layout .galleries-public) .content) .modal-overlay) .modal-content) .modal-image{max-width:100%;max-height:80vh}:is(:is(:is(:is(.public-layout .galleries-public) .content) .modal-overlay) .modal-content) .close-button{position:absolute;top:var(--px-8);right:var(--px-16);background:transparent;border:none;font-size:var(--fs-7);cursor:pointer;color:var(--gray-300)}:is(:is(:is(:is(.public-layout .galleries-public) .content) .modal-overlay) .modal-content) .close-button:hover{color:var(--gray-700)}.public-layout .news-public *{-webkit-user-select:text;-moz-user-select:text;user-select:text}.public-layout .news-public{min-height:90svh}:is(.public-layout .news-public)>.header{padding:calc(var(--spx-64) + var(--spx-16)) var(--spx-8);flex-direction:column;text-align:center;gap:var(--spx-12)}:is(:is(.public-layout .news-public)>.header) .text h1{font-size:var(--fs-5);font-weight:700}:is(:is(.public-layout .news-public)>.header) .search{width:60%}:is(:is(:is(.public-layout .news-public)>.header) .search) input[type=search]{font-size:var(--fs-1);padding:var(--spx-8) var(--spx-12)}:is(:is(:is(.public-layout .news-public)>.header) .search) .category-container{display:none}:is(.public-layout .news-public) .content{padding:var(--spx-64) var(--spx-8);gap:var(--spx-12);flex-direction:column}:is(:is(.public-layout .news-public) .content) .left-content{width:100%;gap:var(--spx-16)}:is(:is(:is(.public-layout .news-public) .content) .left-content) .card{gap:var(--spx-16)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .title{padding-left:var(--spx-16)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .title h1{font-size:var(--fs-5)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .time{padding-left:var(--spx-24)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .time h1{font-size:var(--fs-0);font-weight:500}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .summary{padding:0 var(--spx-16)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .summary p{max-height:var(--spx-128);font-size:var(--fs-1)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .button{display:flex;padding:var(--spx-32) var(--spx-32)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .button .btn{font-size:var(--fs-3);padding:var(--spx-8) var(--spx-24)}:is(:is(.public-layout .news-public) .content) .right-content-news{width:100%;padding:var(--spx-16);gap:var(--spx-12)}:is(:is(:is(.public-layout .news-public) .content) .right-content-news) .header-content{width:100%;text-align:center;border-bottom:2px solid var(--primary)}:is(:is(:is(.public-layout .news-public) .content) .right-content-news) .header-content h1{font-size:var(--fs-4);color:var(--gray-500);font-weight:600}:is(:is(:is(.public-layout .news-public) .content) .right-content-news) .card{justify-content:flex-start}:is(:is(:is(:is(.public-layout .news-public) .content) .right-content-news) .card) .image{min-width:20%;width:20%}:is(:is(:is(:is(.public-layout .news-public) .content) .right-content-news) .card) .title h1{font-size:var(--fs-3)}:is(.public-layout .news-public)>.header.detail{padding:calc(var(--spx-64) + var(--spx-16)) var(--spx-8)}:is(:is(.public-layout .news-public)>.header.detail) .text{max-width:90%}:is(.public-layout .news-public) .header.detail h1{font-size:var(--fs-4);font-weight:500}:is(.public-layout .news-public) .news-detail{width:100%;padding:var(--spx-16);gap:var(--spx-32)}:is(:is(.public-layout .news-public) .news-detail) .time h1{font-size:var(--fs-2)}.public-layout .division-public{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:calc(var(--spx-64) + var(--spx-16)) var(--spx-8);gap:var(--spx-48)}:is(.public-layout .division-public) .name *,:is(.public-layout .division-public) .description *,:is(.public-layout .division-public) .members *{-webkit-user-select:text;-moz-user-select:text;user-select:text}:is(.public-layout .division-public) .name{aspect-ratio:3/1;height:auto;min-width:240px;width:70%;padding:var(--spx-12)}:is(:is(.public-layout .division-public) .name) h1{font-size:var(--fs-5)}:is(:is(.public-layout .division-public) .name) .back{padding:var(--spx-8)}:is(:is(.public-layout .division-public) .name) .back h1{font-size:var(--fs-1)}:is(.public-layout .division-public) .description{width:100%;gap:var(--spx-8)}:is(:is(.public-layout .division-public) .description) h1{font-size:var(--fs-5)}:is(:is(.public-layout .division-public) .description) .box{font-size:var(--fs-3);padding:var(--spx-8)}:is(:is(.public-layout .division-public) .members) .nav{flex-direction:column;padding:var(--spx-12) 0;gap:var(--spx-12)}:is(:is(:is(.public-layout .division-public) .members) .nav) h1{width:-moz-fit-content;width:fit-content;font-size:var(--fs-5)}:is(:is(:is(.public-layout .division-public) .members) .nav) input[type=search]{width:50%;font-size:var(--fs-2);padding:var(--spx-8)}:is(:is(.public-layout .division-public) .members) table{width:100%;border-collapse:collapse;border-bottom:1px solid var(--gray-600)}:is(:is(:is(.public-layout .division-public) .members) table) thead tr th:nth-child(1),:is(:is(:is(.public-layout .division-public) .members) table) tbody tr td:nth-child(1){width:45%}:is(:is(:is(.public-layout .division-public) .members) table) thead tr th:nth-child(1){text-align:left;padding-left:var(--spx-16)}:is(:is(:is(.public-layout .division-public) .members) table) thead tr th:nth-child(2),:is(:is(:is(.public-layout .division-public) .members) table) tbody tr td:nth-child(2),:is(:is(:is(.public-layout .division-public) .members) table) thead tr th:nth-child(4),:is(:is(:is(.public-layout .division-public) .members) table) tbody tr td:nth-child(4){width:10%}:is(:is(:is(.public-layout .division-public) .members) table) thead tr th:nth-child(3),:is(:is(:is(.public-layout .division-public) .members) table) tbody tr td:nth-child(3){width:35%;text-align:center}:is(:is(:is(.public-layout .division-public) .members) table) tr th{border-bottom:1px solid var(--gray-500)}:is(:is(:is(.public-layout .division-public) .members) table) tr td,:is(:is(:is(.public-layout .division-public) .members) table) tr th{padding:var(--px-8) 0}:is(:is(:is(.public-layout .division-public) .members) table) tbody tr:hover{background-color:var(--gray-200)}:is(:is(:is(.public-layout .division-public) .members) table) tr th{font-size:var(--fs-1)}:is(:is(:is(.public-layout .division-public) .members) table) tr td{font-size:var(--fs-0)}.not-found{height:100svh}.not-found .container{padding:var(--spx-64) var(--spx-32);font-size:var(--fs-2)}}@media screen and (max-width: 1280px) and (orientation: landscape){:is(.public-layout .home-page) .hero-section{height:100svh;padding:0 var(--spx-16);color:var(--gray-100);gap:var(--spx-40)}:is(:is(.public-layout .home-page) .hero-section) .hero-content{z-index:1;max-width:90%;gap:var(--spx-16);padding-bottom:var(--spx-32)}:is(:is(.public-layout .home-page) .hero-section) .hero-content h1{width:70%;font-size:var(--fs-5)}:is(:is(.public-layout .home-page) .hero-section) .btn{padding:var(--spx-12) var(--spx-24);font-size:var(--fs-3)}:is(.public-layout .home-page) .about-section{width:100%;justify-content:flex-start;align-items:center;flex-direction:column;padding:var(--px-64) var(--px-16);gap:var(--px-32)}:is(:is(.public-layout .home-page) .about-section) .about-text{width:100%}:is(:is(.public-layout .home-page) .about-section) .about-text h1{text-align:center;font-size:var(--fs-3)}:is(:is(.public-layout .home-page) .about-section) .about-text h2{width:100%;font-size:var(--fs-2)}:is(.public-layout .home-page) .division-section{width:100%;padding:var(--spx-64) var(--spx-16);gap:var(--spx-32)}:is(:is(.public-layout .home-page) .division-section) .division-header{text-align:center}:is(:is(.public-layout .home-page) .division-section) .division-header h1{font-size:var(--fs-7)}:is(:is(.public-layout .home-page) .division-section) .division-header h2{font-size:var(--fs-5)}:is(:is(.public-layout .home-page) .division-section) .division-content{gap:var(--spx-16);padding:var(--spx-8) 0;flex-wrap:wrap}:is(:is(:is(.public-layout .home-page) .division-section) .division-content) .card{aspect-ratio:16/9;min-width:140px;max-width:240px;height:auto;width:var(--px-320);min-height:200px;max-height:300px;padding:var(--spx-8) var(--spx-16);gap:var(--spx-8);transition:.2s linear;border-top:var(--spx-8) solid var(--gray-600);overflow:hidden}:is(:is(:is(:is(.public-layout .home-page) .division-section) .division-content) .card) h1{font-size:var(--fs-2)}:is(:is(:is(:is(.public-layout .home-page) .division-section) .division-content) .card) h2{font-size:var(--fs-0)}:is(:is(:is(.public-layout .home-page) .division-section) .division-content) .card:hover{transform:scale(1.05)}:is(:is(:is(.public-layout .home-page) .division-section) .division-button) .btn{padding:var(--spx-16) var(--spx-64);font-size:var(--fs-4)}:is(:is(:is(.public-layout .home-page) .division-section) .division-button) .btn:hover{transform:scale(1.1)}:is(.public-layout .home-page) .history-section{width:100%;flex-direction:column-reverse;align-items:center;padding:var(--spx-64) var(--spx-16);gap:var(--spx-32)}:is(:is(.public-layout .home-page) .history-section) .history-left,:is(:is(.public-layout .home-page) .history-section) .history-right{display:flex;justify-content:center;align-items:center}:is(:is(.public-layout .home-page) .history-section) .history-left{width:100%;flex-direction:column;align-items:center;gap:var(--spx-8)}:is(:is(:is(.public-layout .home-page) .history-section) .history-left) h1{width:100%;text-align:center}:is(:is(:is(.public-layout .home-page) .history-section) .history-left) p{width:90%;font-size:var(--fs-1)}:is(:is(.public-layout .home-page) .history-section) .history-right{width:55%;overflow:hidden;gap:var(--px-32)}:is(:is(:is(.public-layout .home-page) .history-section) .history-right) img{width:45%}:is(.public-layout .home-page) .news-section{width:100%;padding:var(--spx-64) var(--spx-16);gap:var(--spx-32)}:is(:is(.public-layout .home-page) .news-section) .news-header h1{font-size:var(--fs-7)}:is(:is(.public-layout .home-page) .news-section) .news-card-container{flex-wrap:wrap;justify-content:center;gap:var(--spx-16)}:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card{flex:1;min-width:120px;max-width:200px;min-height:200px;max-height:240px;gap:var(--spx-8);padding-bottom:var(--spx-24);position:relative}:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .image img{aspect-ratio:2/1;width:100%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:.5rem}:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card)>h1{font-size:var(--fs-1)}:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .title{padding-bottom:var(--spx-8)}:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .title h1{font-size:var(--fs-1)}:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .footer{padding-left:var(--px-24);gap:var(--spx-16)}:is(:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .footer) h1{font-size:var(--fs-1);font-weight:500;color:var(--gray-400)}:is(:is(:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card) .footer) a{position:absolute;opacity:0;top:0;left:0;width:100%;height:100%}:is(:is(:is(.public-layout .home-page) .news-section) .news-card-container) .news-card:hover{transform:scale(1.05)}:is(:is(.public-layout .home-page) .news-section) .news-button{margin-top:var(--spx-16)}:is(:is(:is(.public-layout .home-page) .news-section) .news-button) .btn{padding:var(--spx-16) var(--spx-64);font-size:var(--fs-4)}:is(.public-layout .home-page) .register-section{width:100%;min-height:20svh;gap:var(--px-48);padding:var(--spx-64) var(--spx-8)}:is(:is(.public-layout .home-page) .register-section) h1{font-size:var(--fs-5)}:is(:is(.public-layout .home-page) .register-section) h2{width:100%;font-size:var(--fs-2)}:is(:is(.public-layout .home-page) .register-section) .btn{padding:var(--spx-16) var(--spx-64)}.public-layout .divisions-public{padding:var(--px-192) var(--px-16)}:is(.public-layout .staffs-public)>.header{padding:var(--px-192) var(--px-16) var(--px-128)}.public-layout .galleries-public{min-height:90svh}:is(.public-layout .galleries-public)>.header{padding:var(--px-192) var(--px-16) var(--px-128);flex-direction:column;gap:var(--spx-32);text-align:center}:is(:is(.public-layout .galleries-public)>.header) .search input[type=search]{padding:var(--px-16) var(--px-24)}.public-layout .news-public *{-webkit-user-select:text;-moz-user-select:text;user-select:text}.public-layout .news-public{min-height:90svh}:is(.public-layout .news-public)>.header{padding:var(--px-192) var(--px-16) var(--px-128);flex-direction:column;gap:var(--spx-32)}:is(:is(.public-layout .news-public)>.header) .search input[type=search]{padding:var(--px-16) var(--px-24)}:is(.public-layout .news-public) .content{width:100%;flex-direction:row;gap:var(--spx-32)}:is(:is(.public-layout .news-public) .content) .left-content{width:65%;display:flex;flex-direction:column;gap:var(--spx-24)}:is(:is(:is(.public-layout .news-public) .content) .left-content) .card{width:100%;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;gap:var(--spx-16)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .title{padding-left:var(--spx-16)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .title h1{font-size:var(--fs-3)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .time{padding-left:var(--spx-24)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .time h1{font-size:var(--fs-1);font-weight:600}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .summary{padding:0 var(--spx-16)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .summary p{max-height:var(--spx-192);font-size:var(--fs-1)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .button{padding:var(--spx-32) var(--spx-32)}:is(:is(:is(:is(.public-layout .news-public) .content) .left-content) .card) .button .btn{font-size:var(--fs-2);padding:var(--spx-8) var(--spx-24)}:is(:is(.public-layout .news-public) .content) .right-content-news{width:30%;padding:var(--spx-16);justify-content:center;align-items:flex-start;gap:var(--spx-24)}:is(:is(:is(.public-layout .news-public) .content) .right-content-news) .header-content h1{font-size:var(--fs-3)}:is(:is(:is(.public-layout .news-public) .content) .right-content-news) .card{justify-content:flex-start;align-items:flex-start;gap:var(--spx-12)}:is(:is(:is(:is(.public-layout .news-public) .content) .right-content-news) .card) .image{min-width:25%;width:25%}:is(:is(:is(:is(.public-layout .news-public) .content) .right-content-news) .card) .title h1{font-size:var(--fs-0);font-weight:500}:is(.public-layout .news-public)>.header.detail{padding:var(--px-192) var(--px-16) var(--px-128)}:is(.public-layout .news-public) .header.detail .text h1{font-size:var(--fs-5)}:is(.public-layout .news-public) .news-detail{width:100%;padding:var(--spx-16);gap:var(--spx-32)}:is(:is(.public-layout .news-public) .news-detail) .time h1{font-size:var(--fs-2)}.public-layout .division-public{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:var(--px-192) var(--px-16);gap:var(--spx-48)}:is(.public-layout .division-public) .name *,:is(.public-layout .division-public) .description *,:is(.public-layout .division-public) .members *{-webkit-user-select:text;-moz-user-select:text;user-select:text}:is(.public-layout .division-public) .name{aspect-ratio:3/1;height:auto;min-width:240px;width:45%;padding:var(--spx-12)}:is(:is(.public-layout .division-public) .name) h1{font-size:var(--fs-5)}:is(:is(.public-layout .division-public) .name) .back{padding:var(--spx-8)}:is(:is(.public-layout .division-public) .name) .back h1{font-size:var(--fs-1)}:is(.public-layout .division-public) .description{width:100%;gap:var(--spx-8)}:is(:is(.public-layout .division-public) .description) h1{font-size:var(--fs-5)}:is(:is(.public-layout .division-public) .description) .box{font-size:var(--fs-3);padding:var(--spx-8)}:is(:is(.public-layout .division-public) .members) .nav{flex-direction:column;padding:var(--spx-12) 0;gap:var(--spx-12)}:is(:is(:is(.public-layout .division-public) .members) .nav) h1{width:-moz-fit-content;width:fit-content;font-size:var(--fs-5)}:is(:is(:is(.public-layout .division-public) .members) .nav) input[type=search]{width:50%;font-size:var(--fs-2);padding:var(--spx-8)}:is(:is(.public-layout .division-public) .members) table{width:100%;border-collapse:collapse;border-bottom:1px solid var(--gray-600)}:is(:is(:is(.public-layout .division-public) .members) table) thead tr th:nth-child(1),:is(:is(:is(.public-layout .division-public) .members) table) tbody tr td:nth-child(1){width:45%}:is(:is(:is(.public-layout .division-public) .members) table) thead tr th:nth-child(1){text-align:left;padding-left:var(--spx-16)}:is(:is(:is(.public-layout .division-public) .members) table) thead tr th:nth-child(2),:is(:is(:is(.public-layout .division-public) .members) table) tbody tr td:nth-child(2),:is(:is(:is(.public-layout .division-public) .members) table) thead tr th:nth-child(4),:is(:is(:is(.public-layout .division-public) .members) table) tbody tr td:nth-child(4){width:10%}:is(:is(:is(.public-layout .division-public) .members) table) thead tr th:nth-child(3),:is(:is(:is(.public-layout .division-public) .members) table) tbody tr td:nth-child(3){width:35%;text-align:center}:is(:is(:is(.public-layout .division-public) .members) table) tr th{border-bottom:1px solid var(--gray-500)}:is(:is(:is(.public-layout .division-public) .members) table) tr td,:is(:is(:is(.public-layout .division-public) .members) table) tr th{padding:var(--px-8) 0}:is(:is(:is(.public-layout .division-public) .members) table) tbody tr:hover{background-color:var(--gray-200)}:is(:is(:is(.public-layout .division-public) .members) table) tr th{font-size:var(--fs-1)}:is(:is(:is(.public-layout .division-public) .members) table) tr td{font-size:var(--fs-1)}}