@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}a:active,a:visited,a:hover,a{text-decoration:none;color:inherit;border:inherit}ul,li{text-decoration:none;list-style-type:none;color:inherit}img{height:100%}button{background-color:inherit;cursor:pointer;border:none}i{font-style:normal}:root{--background: #FBFDFF;--header: #003365;--buttons: #002447;--buttons-light: #0063C4;--blue-saturate: #8496A8;--gray: #607285;--dark: #1D2329;--border-gray: #E2E2E2;--tonic: #ff7e00;--warning: #ffc400;--critical: #e82222;--buttons-radius: 4px}body{display:flex;flex-direction:column;width:100%;min-height:100vh;background-color:var(--background);font-family:Nunito,sans-serif}body #app{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh}body #app .modal{display:flex;position:fixed;justify-content:center;align-items:center;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99;animation:fadeIn .3s both}body #app .modal .modal-confirmation-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 64px;border-radius:4px;row-gap:32px;background-color:#fff;animation:slideFromTop .5s both}body #app .modal .response{display:flex;column-gap:16px;width:auto}body #app .modal .response a{padding:8px 16px;color:#fff;border-radius:4px}body #app .modal .response a.primary{background-color:var(--buttons-light);cursor:pointer}body #app .modal .response a.danger{background-color:var(--critical)}body #app .modal[aria-hidden=true]{animation-name:fadeOut}body #app .modal[aria-hidden=true] .modal-confirmation-wrapper{animation-name:slideToBottom}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideFromTop{0%{transform:translateY(-50px)}to{transform:translateY(0)}}@keyframes slideToBottom{0%{transform:translateY(0)}to{transform:translateY(50px)}}body #app .notifications-wrapper{position:absolute;display:flex;padding:0 16px;bottom:32px;right:32px;border-radius:4px;align-items:center;height:64px;column-gap:16px;z-index:99;animation:reveal .75s ease both}body #app .notifications-wrapper.success{background-color:#6eb300;color:#f5ffe5}body #app .notifications-wrapper.success button.js-close-popup figure{fill:#f5ffe680}body #app .notifications-wrapper.success button.js-close-popup:hover figure{fill:#f5ffe5}body #app .notifications-wrapper.errors{background-color:#b30000;color:#ffe5e5}body #app .notifications-wrapper.errors button.js-close-popup figure{fill:#ffe6e680}body #app .notifications-wrapper.errors button.js-close-popup:hover figure{fill:#ffe5e5}body #app .notifications-wrapper button.js-close-popup{display:flex;justify-content:center;align-items:center;width:16px;height:16px}body #app .notifications-wrapper button.js-close-popup figure{display:flex;width:80%;height:80%;pointer-events:none}@keyframes reveal{0%{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translateY(0)}}body #app header{display:flex;background-color:var(--header);width:100%;height:254px;box-shadow:inset 2px 2px 7px #00000029;z-index:50;justify-content:center}body #app header nav{display:flex;column-gap:16px;width:60%;height:127px;align-items:center;justify-content:space-between}body #app header nav ul{display:flex;column-gap:16px;width:auto;align-items:center}body #app header nav ul li{display:flex}body #app header nav ul li a{border-radius:var(--buttons-radius);padding:12px 18px;background-color:transparent;transition:background-color .25s ease;color:#fff;-webkit-user-select:none;user-select:none}body #app header nav ul li a.active{background-color:var(--buttons);pointer-events:none;cursor:default}body #app header nav ul li a:hover{transition:background-color .25s ease;background-color:var(--buttons)}body #app header nav ul li a:last-child{margin-right:0}body #app header nav .avatar{display:flex;width:48px;height:48px;overflow:hidden}body #app header nav .avatar a.profile-link{display:flex;width:100%;height:100%}body #app header nav .avatar a.profile-link img.profile-picture{display:flex;width:100%;height:100%;aspect-ratio:1/1;border-radius:9999px;border:solid 3px white}body #app section.content{display:flex;flex-direction:column;width:60%;margin-top:-127px;min-height:calc(100vh - 254px);border-radius:var(--buttons-radius);filter:drop-shadow(0 1px 7px rgba(0,0,0,.16));z-index:51;background-color:#fff;overflow:hidden}body #app section.content.tubes .content-head{display:flex;height:127px;justify-content:space-between;align-items:center;padding:0 32px}body #app section.content.tubes .content-head h2{display:flex;width:auto;font-family:Nunito,sans-serif;color:var(--buttons);-webkit-user-select:none;user-select:none}body #app section.content.tubes .content-head .control{display:flex;width:auto;column-gap:8px;height:32px;border-radius:var(--buttons-radius);background-color:var(--background)}body #app section.content.tubes .content-head .control .search-bar{display:flex;overflow:hidden}body #app section.content.tubes .content-head .control .search-bar .search-icon{display:flex;height:100%;justify-content:center;align-items:center;width:32px;border-top-left-radius:var(--buttons-radius);border-bottom-left-radius:var(--buttons-radius)}body #app section.content.tubes .content-head .control .search-bar .search-icon figure{display:flex;width:16px;height:16px;aspect-ratio:1/1;fill:var(--blue-saturate)}body #app section.content.tubes .content-head .control .search-bar input{display:flex;width:200px;height:100%;border:none;font-family:Nunito,sans-serif;font-weight:600;font-size:14px;text-transform:uppercase;color:var(--header);outline:none;background-color:var(--background)}body #app section.content.tubes .content-head .control .search-bar input::placeholder{font-family:Nunito,sans-serif;font-size:14px;color:var(--blue-saturate)}body #app section.content.tubes .content-head .control a.btn-create-tube{display:flex;padding:8px 12px;column-gap:8px;align-items:center;border-radius:var(--buttons-radius);background-color:var(--header);transition:background-color .25s ease;-webkit-user-select:none;user-select:none}body #app section.content.tubes .content-head .control a.btn-create-tube:hover{background-color:var(--tonic);transition:background-color .25s ease}body #app section.content.tubes .content-head .control a.btn-create-tube figure{display:flex;width:16px;height:16px;fill:var(--background)}body #app section.content.tubes .content-head .control a.btn-create-tube span{display:flex;font-size:13px;font-weight:700;text-transform:uppercase;color:var(--background)}body #app section.content.tubes .table{display:flex;flex-direction:column;width:100%}body #app section.content.tubes .table .head-table{position:relative;display:flex;height:32px;padding:0 32px;background-color:var(--background)}body #app section.content.tubes .table .head-table .btn-regroup{display:flex;align-items:center;column-gap:16px}body #app section.content.tubes .table .head-table .btn-regroup button{position:relative;display:flex;font-family:Nunito,sans-serif;font-weight:500;font-size:12px;padding:2px 8px;border-radius:9999px;-webkit-user-select:none;user-select:none;color:var(--blue-saturate);transition:background-color .25s ease,color .25s ease}body #app section.content.tubes .table .head-table .btn-regroup button:hover{background-color:var(--tonic);color:var(--background);transition:background-color .25s ease,color .25s ease}body #app section.content.tubes .table .head-table .btn-regroup button.active{color:var(--background);background-color:var(--header);cursor:default;pointer-events:none}body #app section.content.tubes .table table.body-table{display:flex;flex-direction:column;width:100%;border-collapse:collapse}body #app section.content.tubes .table table.body-table tr{display:flex;width:100%;padding:0 32px;-webkit-user-select:none;user-select:none}body #app section.content.tubes .table table.body-table tr.title{background-color:var(--header);color:var(--background);align-items:center;font-size:10px;height:32px;text-transform:uppercase;-webkit-user-select:none;user-select:none}body #app section.content.tubes .table table.body-table tr.line{height:40px;align-items:center}body #app section.content.tubes .table table.body-table tr.line:nth-child(odd){background-color:var(--background)}body #app section.content.tubes .table table.body-table tr td{display:flex;justify-content:space-between;width:100%}body #app section.content.tubes .table table.body-table tr td.reference a{transition:color .25s ease}body #app section.content.tubes .table table.body-table tr td.reference a:hover{color:var(--tonic);transition:color .25s ease}body #app section.content.tubes .table table.body-table tr td.number.warning{color:var(--warning)}body #app section.content.tubes .table table.body-table tr td.number.critical{color:var(--critical)}body #app section.content.tubes .table table.body-table tr td.action{width:512px;justify-content:space-around}body #app section.content.tubes .table table.body-table tr td.action a{display:flex;width:32px;aspect-ratio:1/1;justify-content:center;align-items:center;cursor:pointer}body #app section.content.tubes .table table.body-table tr td.action a.lock{pointer-events:none;cursor:default}body #app section.content.tubes .table table.body-table tr td.action a.lock figure{fill:var(--gray)}body #app section.content.tubes .table table.body-table tr td.action a:hover figure{fill:var(--tonic);transition:fill .25s ease}body #app section.content.tubes .table table.body-table tr td.action a figure{display:flex;width:16px;fill:var(--header);transition:fill .25s ease;pointer-events:none}body #app section.content.tubes .table .paginator{display:flex;width:100%;justify-content:center}body #app section.content.tubes .table .paginator nav.pagination{display:flex;margin-top:auto;column-gap:16px}body #app section.content.tubes .table .paginator nav.pagination a{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:4px;background-color:var(--buttons);transition:background-color .25s ease;cursor:pointer}body #app section.content.tubes .table .paginator nav.pagination a:hover{background-color:var(--tonic);transition:background-color .25s ease}body #app section.content.tubes .table .paginator nav.pagination a figure{display:flex;width:75%;height:75%;fill:var(--background)}body #app section.content.tubes.show{display:flex;flex-direction:column;padding:0 32px}body #app section.content.tubes.show .show-head{display:flex;justify-content:space-between;height:127px;align-items:center;-webkit-user-select:none;user-select:none}body #app section.content.tubes.show .show-head .tube-title{position:relative;flex-direction:column}body #app section.content.tubes.show .show-head .tube-title h3.title{text-transform:uppercase;font-family:Nunito,sans-serif;font-size:12px;color:var(--blue-saturate)}body #app section.content.tubes.show .show-head .tube-title p.reference{font-size:24px;font-family:Nunito,sans-serif}body #app section.content.tubes.show .show-head .tube-data{display:flex;column-gap:32px}body #app section.content.tubes.show .show-head .tube-data ul{display:flex;flex-direction:column;align-content:space-between;row-gap:8px}body #app section.content.tubes.show .show-head .tube-data ul li{display:flex;font-size:10px;font-weight:700}body #app section.content.tubes.show .show-head .tube-data ul li i{font-style:normal}body #app section.content.tubes.show .show-head .tube-data ul li i.critical{color:var(--critical)}body #app section.content.tubes.show .show-head .tube-data ul li i.warning{color:var(--warning)}body #app section.content.tubes.show .show-head .tube-data ul li span{color:var(--blue-saturate);text-transform:uppercase}body #app section.content.tubes.show .tube-informations{display:flex}body #app section.content.tubes.show .tube-informations .element{margin:8px auto 0}body #app section.content.tubes.show .tube-informations .element h4.title{text-transform:uppercase;font-size:12px;color:var(--gray)}body #app section.content.tubes.show .tube-informations .element p.value{margin-top:8px;font-size:16px;font-family:Inter Medium,sans-serif}body #app section.content.tubes.show .tube-informations .element p.value.good{color:green}body #app section.content.tubes.show .tube-informations .element p.value.warning{color:orange}body #app section.content.tubes.show .tube-informations .element p.value.critical{color:red}body #app section.content.tubes.show .tube-informations .element:first-child{margin-left:0}body #app section.content.tubes.show .tube-informations .element:last-child{margin-right:0}body #app section.content.tubes.show .tube-datasheet{display:flex;margin-top:32px;min-height:75vh;border-radius:4px;overflow:hidden;filter:drop-shadow(0 1px 7px rgba(0,0,0,.16))}body #app section.content.tubes.show .tube-datasheet iframe{width:100%;border:none}body #app section.content.tubes.show .tube-control{display:flex;column-gap:8px;justify-content:right}body #app section.content.tubes.show .tube-control .btn{display:flex;justify-content:center;align-items:center;padding:0 32px;height:40px;border-radius:4px;color:#fff;background-color:var(--buttons-light);transition:background-color .15s ease;cursor:pointer}body #app section.content.tubes.show .tube-control .btn figure{pointer-events:none}body #app section.content.tubes.show .tube-control .btn.disabled{background-color:#818181!important;pointer-events:none;color:#cdcdcd}body #app section.content.tubes.show .tube-control .btn.disabled figure{fill:#cdcdcd!important}body #app section.content.tubes.show .tube-control .btn:hover{transition:background-color .15s ease;background-color:var(--header)}body #app section.content.tubes.show .tube-control .btn.danger{background-color:#bf332f}body #app section.content.tubes.show .tube-control .btn.danger:hover{background-color:#af0808}body #app section.content.tubes.show .tube-control .btn.delete{transition:background-color .15s ease;width:40px;cursor:pointer;padding:0}body #app section.content.tubes.show .tube-control .btn.delete figure{display:flex;width:40%;height:40%;fill:#fff}body #app section.content.tubes.show .tube-control .btn.delete:hover{transition:background-color .15s ease}body #app section.content.home{justify-content:center;align-items:center;row-gap:32px}body #app section.content.home h1{font-size:40px}body #app section.content.home .patchnote{display:flex;flex-direction:column;row-gap:16px}body #app section.content.home .patchnote ul li{list-style-type:circle;margin-left:16px}body #app section.content.home .patchnote ul li.no-element{font-style:italic;color:gray}body #app section.content.form{justify-content:center;align-items:center;padding:32px 0}body #app section.content.form form{display:flex;flex-direction:column;row-gap:32px;height:auto}body #app section.content.form form .form-group{position:relative;display:flex;flex-direction:column;background-color:var(--header);padding:2px;border-radius:6px}body #app section.content.form form .form-group label.text{position:absolute;transform:translateY(-50%) translate(8px);display:flex;width:100%;z-index:99}body #app section.content.form form .form-group label.text span{display:flex;margin-top:8px 0 0 8px;padding:0 4px;font-size:11px;text-transform:uppercase;font-weight:700;background-color:#fff;-webkit-user-select:none;user-select:none;color:var(--header)}body #app section.content.form form .form-group input[type=text],body #app section.content.form form .form-group input[type=number],body #app section.content.form form .form-group input[type=email],body #app section.content.form form .form-group input[type=password]{display:flex;min-width:256px;height:40px;padding:0 16px;outline:none;border:none;border-radius:var(--buttons-radius);font-family:Nunito,sans-serif;font-weight:400}body #app section.content.form form .form-group input[type=text]::placeholder,body #app section.content.form form .form-group input[type=number]::placeholder,body #app section.content.form form .form-group input[type=email]::placeholder,body #app section.content.form form .form-group input[type=password]::placeholder{color:var(--blue-saturate)}body #app section.content.form form .form-group.file-group{border:none;background-color:transparent;padding:0;align-items:center;border-radius:none}body #app section.content.form form .form-group.file-group label{display:flex;width:64px;height:64px;background-color:var(--background);border-radius:var(--buttons-radius);justify-content:center;align-items:center;cursor:pointer;pointer-events:all}body #app section.content.form form .form-group.file-group label input[type=file]{display:none}body #app section.content.form form .form-group.row{flex-direction:row;background-color:transparent;padding:0;justify-content:center;border-radius:none}body #app section.content.form form .form-group.row button.btn-submit{display:flex;align-items:center;justify-content:center;width:auto;height:40px;font-family:Nunito,sans-serif;font-size:16px;border-radius:var(--buttons-radius);padding:0 16px;font-weight:600;background-color:var(--header);color:var(--background);transition:background-color .25s ease}body #app section.content.form form .form-group.row button.btn-submit:hover{transition:background-color .25s ease;background-color:var(--tonic)}body #app section.content.profile{flex-direction:column;justify-content:center}body #app section.content.profile section.presentation{display:flex;flex-direction:column;align-items:center}body #app section.content.profile section.presentation .circle-picture img{width:256px;border-radius:9999px}body #app section.content.profile section.presentation h1.user-name{font-size:1.6em}body #app section.content.profile .control{display:flex;flex-direction:column;align-items:center;margin-top:1em;row-gap:.5em}body #app section.content.profile .control button{display:flex;align-items:center;justify-content:center;width:100%;max-width:128px;height:40px;font-family:Nunito,sans-serif;font-size:16px;border-radius:var(--buttons-radius);padding:0 16px;font-weight:600;background-color:var(--header);color:var(--background);transition:background-color .25s ease}body #app section.content.profile .control button.disabled{background-color:#d2d5d8!important;pointer-events:none;cursor:default;color:#6d767a}body #app section.content.profile .control button.danger{background-color:var(--critical)}body #app section.content.profile .control button.danger:hover{background-color:#c41c1c}body #app section.content.profile .control button:hover{transition:background-color .25s ease;background-color:var(--tonic)}body #app section.content.admin h1{margin:1.5em 0}body #app section.content.admin .admin-section{display:flex;background-color:red}body #app footer{display:flex;margin-top:auto;justify-content:center;padding:8px 0;font-size:10px;text-transform:uppercase;font-weight:600;color:var(--blue-saturate);-webkit-user-select:none;user-select:none;width:100%}