:root{--red: #f63107;--red-light: #fef0f0;--light: #fafafa;--light-bg: #f5f7fa;--grey-lighter: #ebeef5;--grey-light: #dcdfe6;--grey: #c0c4cc;--grey-dark: #999;--dark: #606266;--shadaw: 0 2px 12px 0 rgb(0 0 0 / 10%);--radius: .25rem;--success: #67c23a;--success-border: #e1f3d8;--success-bg: #f0f9eb;--warning: #e6a23c;--warning-border: #faecd8;--warning-bg: #fdf6ec;--error: #f56c6c;--error-border: #fbc4c4;--error-bg: #fbe7e7}@font-face{font-family:Inter;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/assets/Inter-roman.var-17fe38ab.woff2?v=3.19) format("woff2")}@font-face{font-family:Inter;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/assets/Inter-italic.var-d1401419.woff2?v=3.19) format("woff2")}.center-form{max-width:30rem;margin:2rem auto}.center-form img{display:block;margin:2rem auto;width:8rem}.center-form h2{text-align:center;font-weight:500;margin-bottom:2rem}.center-form label{margin-top:1rem;display:block}.center-form input{width:100%;margin-bottom:1rem}.center-form button{float:right}label{line-height:2.5rem;color:var(--dark);font-size:.9rem;margin-right:1rem}label.required:before{content:"*";color:var(--red);margin-right:.3rem}input,textarea{border:1px solid var(--grey-light);border-radius:var(--radius);line-height:2.5rem;padding:0 .75rem;transition:border .3s;font-size:.9rem;color:var(--dark)}textarea{padding:.75rem;margin-bottom:1rem;line-height:1.4}input:focus,input:active,textarea:focus,textarea:active{border-color:var(--red);outline:none}input::placeholder{color:var(--grey-light)}input[type=search]{margin:1rem 0;line-height:1.5rem;padding-left:1.75rem;background:url(/assets/search-4a30d812.svg) no-repeat center left .5rem;background-size:.8rem;font-size:.8rem;width:25rem;max-width:100%}input::placeholder{color:var(--grey);opacity:1}input[disabled]{background-color:#eee}#upload{display:none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.button{display:inline-block;border:none;background:var(--red);border-radius:var(--radius);line-height:2.5rem;font-size:.9rem;padding:0 1rem;color:#fff;white-space:nowrap;cursor:pointer;vertical-align:text-bottom}a.button{text-decoration:none}.button.outline{color:var(--dark);background:white;border:1px solid var(--grey-dark)}.button.light{color:var(--dark);background:white}.button.right{float:right}.button:hover{opacity:.8}.button.icon{position:relative;line-height:1.5rem;height:1.5rem;width:3rem;border-radius:.75rem}.button.icon img{position:absolute;width:.75rem;height:.75rem;top:50%;left:50%;transform:translate(-50%,-50%)}.button.icon.large{height:2rem}.button.icon.large img{width:1rem;height:1rem}.button+.button{margin-left:.75rem}.button.inverted{padding:0;color:var(--red);background:none}.select{position:relative;display:inline-block;width:10rem}.select.wide{width:20rem}.select button{width:100%;background:white;border:1px solid white;height:2rem;line-height:1rem;text-align:left;color:var(--dark);border:1px solid var(--grey-light);cursor:pointer;border-radius:var(--radius);outline:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:2rem}.select button:after,button.expand:after{content:" ";position:absolute;right:.7rem;top:.7rem;display:block;width:.7rem;height:.7rem;border-bottom:1px solid var(--grey-dark);border-right:1px solid var(--grey-dark);transform:translate(-50%,-25%) rotate(45deg);transition:transform .2s}.select button:hover,.select button.open{border:1px solid var(--red)}.select button.open:after{transform:translate(-50%,25%) rotate(-135deg)}.select ul{padding:0;margin:0;position:absolute;display:block;top:2.5rem;background:white;width:100%;border:0 solid var(--light);box-shadow:var(--shadaw);border-radius:var(--radius);max-height:0;overflow-x:hidden;overflow-y:auto;z-index:10}.select ul.show{padding:.5rem 0;border-width:1px;max-height:20rem}.select ul li{padding:0 1rem;line-height:2rem;font-size:.9rem;cursor:pointer}.select ul li:hover{background-color:var(--light)}.select ul li.selected{background-color:var(--light);color:var(--red);font-weight:600}html,body{height:100%}#root{height:100%;display:flex;flex-direction:column}#root .content{flex:1}header{background-color:var(--red);display:flex;height:4rem;justify-content:space-between}header h1{display:block;width:10rem;background:url(/assets/krill_logo_white-05224433.svg) no-repeat}header h1 span{display:none}header menu{display:flex;padding:0 1rem}header menu>button{border:none;background:none;margin-left:1rem;width:2rem;height:2rem;cursor:pointer}header menu>button img{width:1rem;height:1rem}header menu>button:hover img{opacity:.8}.content{padding:2rem}footer{background-color:var(--light);color:var(--grey-dark);height:2.5rem;line-height:1.5rem;font-size:.8rem;padding:.5rem 1rem;display:flex;justify-content:space-between}footer a{font-weight:600;text-decoration:none;color:var(--grey-dark)}.user-attribute{text-transform:capitalize}.content.route-login{position:relative;overflow:hidden}.content.route-login:before{content:" ";position:absolute;left:0;bottom:0;width:550px;height:260px;background:url(/assets/route-left-c88b44cb.svg) no-repeat top left -30px;z-index:-1}.content.route-login:after{content:" ";position:absolute;right:0;top:0;width:360px;height:100%;background:url(/assets/route-right-17b0c46a.svg) no-repeat top -30px left;z-index:-1}.login{position:relative;width:35rem;max-width:100%;margin:4rem auto;padding:3rem;display:flex;justify-content:center;background:white}.login>*{margin:0 .5rem}.login.vertical-form{flex-direction:column;padding:2rem}.login.vertical-form label,.login.vertical-form input{display:block;width:100%}.login.vertical-form>div+div{margin-top:1rem}.login.vertical-form .button{display:block;margin:1rem auto}html{box-sizing:border-box;font-size:16px;font-family:Inter,sans-serif}body{font-size:16px}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}h2{font-weight:300}input,button,select{font-family:Inter,sans-serif}a{color:var(--red);font-weight:300}.roa-table{width:100%;color:var(--dark);border-collapse:collapse;font-size:.8rem}.roa-table tr td,.roa-table tr th{border-bottom:1px solid var(--grey-lighter);padding:.5rem}.roa-table>thead>tr>th{cursor:pointer}table .asc,table .desc{display:inline-block;width:0;height:0;margin-left:.5rem;margin-bottom:2px}table .asc{border-bottom:5px solid var(--red);border-left:5px solid transparent;border-right:5px solid transparent}table .desc{border-top:5px solid var(--red);border-left:5px solid transparent;border-right:5px solid transparent}.roa-table>tbody>tr>td:first-child{position:relative;width:4rem}.roa-table tr td.actions{text-align:right}.roa-table tr.announcements td{background:var(--light-bg)}.roa-table tr th{font-weight:600;text-align:left;color:var(--grey-dark)}.roa-table .expand{position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%);width:2rem;height:2rem;border:none;cursor:pointer;background:none}.roa-table .expand:after{transform:translate(-50%,-25%) rotate(-45deg)}.roa-table .expand.open:after{transform:translate(-50%,-25%) rotate(45deg)}.roa-table .state{display:inline-block;padding:.25rem .5rem;border:1px solid var(--grey-dark);color:var(--grey-dark);border-radius:var(--radius);background:white}.roa-table .state.roa_seen{color:var(--success);border-color:var(--success-border)}.roa-table .state.roa_disallowing,.roa-table .state.roa_unseen{color:var(--warning);border-color:var(--warning-border)}.roa-table .state.announcement_invalid_length,.roa-table .state.announcement_invalid_asn{color:var(--error);border-color:var(--error-border)}.roa-table .row{background:white}.roa-table .row>div{padding:1.5rem;flex:1}.roa-table .row h3{font-size:.8rem;font-weight:600;margin-bottom:1rem}.roa-table .row table{width:100%;border-collapse:collapse}.roa-table .row table tr td{background:white}.roa-table input[type=checkbox]{border:1px solid var(--grey-dark);box-shadow:none;border-radius:2px;cursor:pointer;padding:.5rem;width:auto}.roa-table .add,.roa-table .remove{display:inline-block;border:1px solid;border-radius:.1rem;padding:.1rem .5rem}.roa-table .add img,.roa-table .remove img{width:.8rem;height:.8rem}.roa-table .add{background-color:#f0f9eb;border-color:#e1f3d8}.roa-table .remove{background-color:#fef0f0;border-color:#fde2e2}.notification{background:white;padding:1.5rem 3.5rem;background-repeat:no-repeat;background-position:center left 1rem;background-size:1.5rem;border-radius:var(--radius);display:flex;align-items:center}.notification.popup{position:fixed;z-index:1000;top:1rem;right:1rem;max-width:30rem;min-width:20rem;box-shadow:0 .5rem 1rem #0006}.notification.error{background-image:url(/assets/error-fd1fc7e1.svg);background-color:snow;color:#600}.notification.success{background-image:url(/assets/check-3e734f78.svg);background-color:#fafffa;color:#060}.notification .close{position:absolute;background:none;border:none;top:.5rem;right:1rem;font-size:1.5rem;opacity:.4;cursor:pointer}.info-table{background:var(--light-bg);color:var(--dark);font-size:.9rem;line-height:1.4;padding:1rem;margin-bottom:1rem}.info-table table{width:100%;background-color:#fff;margin-bottom:1rem}.info-table h4{font-size:1rem;color:#000;font-size:1.2rem;margin-bottom:.75rem}.info-table th,.info-table td{padding:1rem}.info-table th{text-align:left;width:10rem;font-weight:600}.info-table .failure,.info-table .success{display:block;padding-left:2rem;margin-top:.5rem;background:no-repeat top left;background-size:1.2rem;min-height:2rem}.info-table .failure{background-image:url(/assets/error-fd1fc7e1.svg)}.info-table .success{background-image:url(/assets/check-3e734f78.svg)}.ca-details{margin-left:3rem;min-width:20rem;align-self:flex-start;padding:2rem 2rem 4rem}.ca-details table{width:100%;color:var(--dark);border-collapse:collapse;font-size:.8rem;line-height:2;text-align:left}.ca-details table th{font-weight:600;vertical-align:top}.ca-details table th,.ca-details table td{padding:.5rem 1rem .5rem 0;border-bottom:1px solid var(--grey-lighter)}.roa-actions{display:flex;margin-top:1rem;justify-content:space-between}.pop{position:relative}.pop>div{padding:0 1rem;text-align:left;max-height:0;position:absolute;display:block;top:2.5rem;right:-2.5rem;background:white;width:12rem;border:0 solid var(--light);box-shadow:var(--shadaw);border-radius:var(--radius);transition:all .3s;overflow:hidden;z-index:10}.pop:hover>div{padding:1rem;max-height:20rem}.pop>div h5{font-weight:600;font-size:1rem;margin-bottom:1rem}.pop>div table{width:100%;border:none;border-collapse:collapse}.pop>div th,.pop>div td{padding:0 0 .5rem}.loader{position:absolute;background:var(--red);top:0;left:0;right:0;width:100%;height:.5rem;overflow:hidden}@keyframes loading{0%{left:-10%;right:100%}to{right:-10%;left:100%}}.loader:after{content:" ";display:block;position:absolute;top:0;left:0;width:10%;height:.5rem;background:var(--red-light);animation:loading 2s infinite ease-in-out}.loader span{display:none}.pagination{display:flex;margin-top:1rem;justify-content:flex-end}.pagination>div{display:flex}.pagination select{border:1px solid var(--grey-light);color:var(--dark);padding:0 .5rem;background:white;border-radius:var(--radius);cursor:pointer;width:8rem}.pagination button{position:relative;margin-left:.5rem;border:none;color:var(--dark);background:var(--light-bg);font-weight:600;width:2rem;height:2rem;line-height:2rem;text-align:center;cursor:pointer}.pagination button:disabled{cursor:default;color:var(--grey)}.pagination button.number.current{opacity:1;color:#fff;background:var(--red)}.pagination .arrow:after{content:" ";position:absolute;left:55%;top:50%;display:block;width:.5rem;height:.5rem;border-bottom:2px solid var(--grey-dark);border-right:2px solid var(--grey-dark);transform:translate(-50%,-50%) rotate(135deg);transition:transform .2s}.pagination .number:hover:not(:disabled){color:var(--red)}.pagination .arrow:hover:not(:disabled):after{border-color:var(--red)}.pagination .arrow span{display:none}.pagination .arrow.next:after{left:45%;transform:translate(-50%,-50%) rotate(-45deg)}.tabs{border-bottom:2px solid var(--grey-light);display:flex;margin-bottom:1rem}.tabs li a{padding:1rem;display:inline-block;background:transparent;border:none;font-size:.8rem;font-family:Inter,sans-serif;cursor:pointer;color:#000;text-decoration:none}.tabs li a.active{color:var(--red);margin-bottom:-2px;border-bottom:2px solid var(--red)}.tabs li a:hover{color:var(--red)}.card{border:1px solid var(--grey-lighter);box-shadow:var(--shadaw);border-radius:var(--radius)}.message{width:35rem;border-radius:var(--radius);display:block;margin:4rem auto -2rem;padding:1rem}.message.error{background:var(--red-light);color:var(--red)}.space-between{display:flex;justify-content:space-between}.border-bottom{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--grey-lighter)}.badge{display:inline-block;padding:0 .25rem;border:1px solid var(--grey-dark);color:var(--grey-dark);border-radius:var(--radius);margin-left:.5rem}.badge.success{color:var(--success);border-color:var(--success-border);background:var(--success-bg)}.badge.warning{color:var(--warning);border-color:var(--warning-border);background:var(--warning-bg)}.muted{padding:.5rem;display:block;color:var(--grey-dark);text-align:center}.row{display:flex}@media (max-width: 992px){.row{flex-direction:column}}.flex-1{flex:1}.modal{position:fixed;z-index:100;top:0;left:0;right:0;bottom:0;background-color:#00000080;color:var(--dark);display:flex;align-items:center;justify-content:center}.modal>div{min-width:40rem;min-height:10rem;width:auto;height:auto;max-width:100%;max-height:100%;background:white;border-radius:var(--radius);box-shadow:var(--shadaw);padding:1.5rem;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}.modal h3{font-weight:300;font-size:1.5rem;margin-bottom:1.5rem;color:#000}.modal p{flex:1}.modal .actions{margin-top:3rem;text-align:right}.modal label,.modal input,.modal textarea{display:block;width:100%}.modal textarea{width:40rem;max-height:100%;height:10rem;font-family:monospace;line-height:1.4}.modal label{margin-top:1rem}.modal table{margin-top:1rem;width:50rem;max-width:100%}.testbed{max-width:70rem;margin:2rem auto}.testbed img.hero{display:block;margin:3rem auto;width:8rem}.testbed form,.testbed .testbed-result{border:2px solid var(--grey-light);border-top:0;padding:1rem 2rem 2rem;background-color:#fdfdfd}.testbed .testbed-result pre{border:1px solid var(--grey-light);border-radius:var(--radius);font-size:.9rem;white-space:pre-wrap;background:white;padding:1rem}.testbed form a{margin-left:.5rem}.testbed form:after{content:"";clear:both;display:table}.testbed ul{margin-bottom:0}.testbed h2{font-weight:500;text-align:center;margin-bottom:2rem}.testbed h3{font-weight:500;margin-bottom:1rem}.testbed p{margin-bottom:1rem}.testbed label{margin-top:1rem;display:block}.testbed input,.testbed textarea{width:100%}.testbed textarea{height:10rem}.testbed button[type=submit]{margin-top:2rem;float:right}.testbed .actions{text-align:right}
