:root{--primary:#e79f33;--primary-variant:#e27043;--secondary:#263571;--background:#121212;--surface:#121212;--error:#cf6679;--warning:#f39c12;--on-background:#fff;--on-background-grey:#e9e9e9;--on-surface:#fff;--form:#d9d9d9;--link:#3b53b6;--date:grey}*{box-sizing:border-box;margin:0;padding:0}body{-ms-overflow-style:none;background-color:#ededed;font-family:Poppins,sans-serif;scrollbar-width:none}body::-webkit-scrollbar{display:none}main{margin-bottom:50px;padding:0 10px;top:80px;width:100%}a:active,a:link,a:visited{color:#000;text-decoration:none}.post-title:hover{color:#e27043;color:var(--primary-variant)}.input-container{margin:0 auto 10px;max-width:1200px}.argument-input{background-color:var(--on-background);border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.24);margin-top:10px;padding:20px}.profile-item__image img{border-radius:50%;width:48px}.form-add__argument{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.post{border:none}.post,.post-input__body{background-color:var(--form);font-family:poppins,sans-serif;font-size:medium;padding:15px 20px}.post-input__body{border:none;border-radius:10px;height:400px}.form-category{display:flex;padding:10px 0}.form-category p{font-weight:bolder}.category-list{background-color:rgba(255,201,130,.24);border:2px solid var(--primary-variant);border-radius:10px;color:var(--primary-variant);font-family:poppins,sans-serif;font-size:medium;margin-left:20px;padding:0 20px}.category-list option{background-color:#f0f8ff;font-size:medium}.post__char-limit{font-size:small;margin-bottom:3px;text-align:right}.post-input__source,.post-input__title{background-color:var(--form);border:none;border-radius:10px;font-family:poppins,sans-serif;font-size:medium;padding:15px 20px;width:100%}.source-desc{font-size:x-small;font-style:italic;margin-top:3px}.post-checkbox{display:grid;grid-template-columns:2fr 50fr;margin-top:10px}.checkbox{color-scheme:var(--primary-variant);margin:10px}.check-label__post{font-size:x-small;font-style:italic;padding:0}.post-button{float:right;margin-top:20px}.submit-button{background-color:var(--primary-variant);cursor:pointer}.submit-button,.submit-button__false{border:none;border-radius:10px;color:var(--on-background);font-family:poppins,sans-serif;font-size:medium;margin-left:10px;padding:8px 45px}.submit-button__false{background-color:var(--form);cursor:no-drop}.cancel-button{border:none;border-radius:10px;color:var(--primary-variant);font-weight:bolder;margin-right:10px;padding:10px 20px;text-decoration:none}.add-button{align-items:center;background-color:var(--primary-variant);border-radius:10px;color:var(--on-surface);cursor:pointer;display:flex;font-size:large;height:60px;justify-content:space-between;margin:20px auto 0;padding:20px;width:100%}.post-input__instansi{width:100%}.detail-container{margin:0 auto;max-width:1200px}.argument-detail{grid-gap:20px;background-color:var(--on-background);border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.24);display:grid;gap:20px;grid-template-columns:1fr;margin:10px 0;padding:20px 0}.detail-main{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;margin-bottom:10px;padding:0 20px}.detail-title{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.detail-date{color:var(--date)}.detail-kategori__instansi{word-wrap:break-word;align-items:center;display:flex;overflow:hidden;text-overflow:ellipsis}.detail-kategori{background-color:rgba(255,201,130,.24);border:2px solid var(--primary-variant);border-radius:10px;color:var(--primary-variant);font-size:medium;padding:0 20px}.detail-instansi{background-color:rgba(71,144,255,.24);border:2px solid var(--secondary);border-radius:10px;color:var(--secondary);font-size:medium;margin-left:10px;padding:0 20px;white-space:nowrap}.detail-argument,.detail-instansi{overflow:hidden;text-overflow:ellipsis}.detail-argument{word-wrap:break-word;margin:20px 0}.detail-sumber a{color:var(--link);text-decoration:none}.detail-sumber a:hover{text-decoration:underline}.form-add__comment{grid-gap:5px;border:1px solid var(--form);display:grid;gap:5px;grid-template-columns:1fr;margin:0 30px;padding:10px}.comment-input__body{height:150px}.comment-input__body,.comment-input__source{background-color:var(--form);border:none;border-radius:10px;font-family:poppins,sans-serif;font-size:medium;padding:10px 20px}.comment-input__source{width:100%}.comment-button{background-color:var(--primary-variant);border:none;border-radius:10px;color:var(--on-background);cursor:pointer;float:right;font-family:poppins,sans-serif;font-size:medium;margin-left:10px;padding:8px 45px}.comment-item{border-top:1px solid var(--form);padding:20px 30px}.comment-name{padding:5px 0}.comment-name i{color:var(--date)}.comment-body{word-wrap:break-word;overflow:hidden;padding:5px 0;text-overflow:ellipsis}.comment-source{padding:5px 0}.comment-source a{color:var(--link);text-decoration:none}.comment-source a:hover{text-decoration:underline}.loader{-webkit-animation:load4 1.3s linear infinite;animation:load4 1.3s linear infinite;border-radius:50%;color:#000;font-size:7px;height:1em;margin:45px auto;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);transform:translateZ(0);width:1em}@-webkit-keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}@keyframes load4{0%,to{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}.post{background-color:#fff;border:1px;border-radius:10px;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);margin:10px auto;padding:20px;transition:box-shadow .3s;width:100%}.post:hover{box-shadow:0 3px 8px rgba(0,0,0,.24)}.post-avatar{height:50px;width:50px}.post-avatar,.post-avatar img{background-color:#828282;border-radius:50%;text-align:center}.post-avatar img{height:45px;width:45px}.post-item{text-decoration:none;width:100%}.post p{margin-top:10px}.limit-char{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box}.limit-char,.post h2{word-wrap:break-word;overflow:hidden}.post h2{text-decoration:none}.tanggal{color:#828282}.wrapper{display:flex;width:100%}.navbar{background-color:#fff;height:65px;padding:0 10px;position:-webkit-sticky;position:sticky;top:0}.bottom-nav,.navbar{align-items:center;display:flex;justify-content:space-between}.bottom-nav{background-color:var(--on-background);bottom:0;height:50px;overflow:hidden;padding:0 20px;position:fixed;width:100%}.logo-navbar{max-height:38px}.sidebar{border-radius:10px;display:none;height:70vh;margin:20px;position:-webkit-sticky;position:sticky;top:84px;width:25%}.sidebar-item{background-color:#fff;border-radius:20px;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);margin-bottom:20px;padding:25px;width:100%}.sidebar-menu{align-items:center;display:flex;margin-bottom:10px}.sidebar p{font-size:20px;margin-left:10px}.reaction-bar{border-color:var(--date);display:flex;margin:10px 0;padding:10px 0}.reaction-bar__vote{align-items:center;color:var(--date);display:flex;font-style:italic;margin:0 10px}.reaction-bar__vote p{font-size:small;margin:auto 5px}.reaction-bar__comments{align-items:center;color:var(--date);display:flex;font-style:italic;margin-left:auto}.reaction-bar__comments p{font-size:small;margin:auto 5px}.button-logout{align-items:center;background-color:var(--on-background);border:none;cursor:pointer;display:flex}.search-bar{display:flex;justify-content:center;margin:0 auto;width:50vw}.search-bar input{background-color:var(--on-background-grey);border:1px solid var(--on-background-grey);border-radius:10px;color:var(--date);font-family:poppins,sans-serif;font-size:14px;margin:20px 5px;padding:10px;width:100%}.search-bar input::-webkit-input-placeholder{color:var(--date)}.search-bar input::placeholder{color:var(--date)}.search-button{background-color:var(--primary-variant);border:none;border-radius:10px;color:var(--on-background);cursor:pointer;font-family:poppins,sans-serif;font-size:14px;margin:20px 5px;padding:11px 18px}.search-filter{background-color:#fff;border:1px;border-radius:10px;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15);padding:20px;text-align:center}.form-check-label{margin-left:8px}.form-check-input{background-color:var(--primary-variant)}.search-filter__container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:20px 0}.name{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news{max-height:75vh;overflow:scroll;overflow-x:hidden}.news::-webkit-scrollbar{width:10px}.news-date{color:#9b9b9b}.news-item p{font-size:16px;padding:5px 0}.login-register{display:flex;height:100vh}.forus-logo{margin:0 auto;padding-bottom:80px;width:150px}.form-login h1{font-size:32px;position:relative;text-align:center;top:80px}.form-login{background-color:#fff;padding-top:120px;width:100%}.form-login,.form-login form{display:flex;flex-direction:column}.form-login form{margin:0 auto}.background-login-register{background-color:var(--on-background);display:flex;display:none;width:50%}.background-login-register img{align-items:center;margin-top:15vh;width:100%}.background-login-register h2{color:var(--primary-variant);text-align:center}.form-login input{border:1px solid var(--primary-variant);border-radius:10px;font-size:15px;margin-bottom:10px;outline-color:var(--primary-variant);padding:10px;width:350px}.form-login h2{margin-bottom:20px}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{box-shadow:inset 0 0 0 30px #fff!important}.form-login .checkmark{height:15px;margin:0 5px;width:15px}.button-submit{background-color:var(--primary-variant);border-color:var(--primary-variant);border-radius:10px;color:var(--on-background);font-size:16px;margin:10px 0;padding:10px;width:350px}@media (min-width:600px){.bottom-nav{padding:0 200px}}@media (min-width:900px){.form-login{width:50%}.background-login-register,.sidebar{display:block}.bottom-nav{display:none}main{margin:0;padding:0;width:50%}.detail-container,.input-container{padding:10px 0}nav{padding:0 25px}}
/*# sourceMappingURL=main.971dff81.css.map*/