h1{font-size:2.5 rem;font-weight:700}h1,h2{color:var(--title-color)}h2{font-size:2rem;font-weight:600;line-height:1.3}p{font-size:1rem;line-height:1.6;color:var(--paragraph-color)}span{font-size:.875rem;color:#666;color:var(--paragraph-color)}.top-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:2% 3% 2% 2%}.top-content h2{justify-content:center;margin-left:14px;font-size:2.2vw}.components-table{display:flex;flex-direction:row;justify-content:center;font-size:1.2vw;color:var(--table-title-color);margin-bottom:1%;padding-bottom:10px;border-bottom:1px solid var(--border-color);width:100%}.container{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:10px;width:94%;padding:15px;margin:auto}.component{width:16.6%;text-align:center}footer{width:100%;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--border-color)}footer span{font-size:1vw;color:var(--paragraph-color-inactive);font-family:Poppins,sans-serif;padding:1%}main{margin-bottom:5%}@media only screen and (max-width:600px){.box-users-data .item.status,.status-component{display:none}.component{width:19%;text-align:center}.item{width:20%!important;font-size:1.3vw!important;padding-left:10px}.inactive-button{font-size:1.4vw!important}.top-content h2{justify-content:center;margin-left:14px;font-size:3.5vw!important;margin-bottom:4%}.components-table{font-size:2vw;gap:8px}.item-table{gap:15px}.modal-content{height:450px!important}.modal p,.modal ul li{font-size:2vw!important}.modal h4{font-size:4vw!important}.close-modal{width:30vw!important;height:4vh!important;font-size:2.5vw!important}.fake-logo{margin:4%}.logo-subtitle{font-size:2vw!important}.logo-title{font-size:3vw!important}footer span{font-size:2vw}footer{margin-top:50%}}.fake-logo{display:flex;flex-direction:column;padding:1%;border-bottom:1.2px solid var(--border-color)}.logo-subtitle,.logo-title{color:var(--logo-color)}.logo-subtitle{margin-top:-2px;font-size:.8vw}.logo-title{font-size:1vw}.box-users-data{padding-bottom:4px;padding-top:4px;border-bottom:1px solid var(--border-color)}.box-users-data,.item-table{display:flex;flex-direction:row;width:100%}.item-table{cursor:pointer}.item{width:16.6%;text-align:center;font-size:1.1vw}.status{border:1px solid var(--active-color);color:var(--active-color);height:2vw;font-weight:600;justify-content:center;display:flex;border-radius:15px}.inactive-text{color:var(--paragraph-color-inactive)}.inactive-status{color:var(--inactive-color);border:1px solid var(--inactive-color);font-weight:600}.inactive-button{background-color:var(--primary-btn-color);width:10vw;height:2.5em;border:none;border-radius:10px;font-size:1vw;margin-left:3%;color:var(--white-paragraph-color);font-weight:600;cursor:pointer}.inactive-button.inactive{background-color:var(--border-color);color:var(--paragraph-color-inactive);cursor:pointer}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(45,45,45,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--background-color);width:60vw;height:550px;display:flex;flex-direction:column;padding-top:5%;padding-left:5%;padding-right:5%;border-radius:10px}.modal h4{font-size:2vw;font-weight:600;color:var(--title-color);text-align:center}.modal p{margin:8px;font-size:1.1vw;line-height:1.6;color:var(--paragraph-color)}.modal strong{font-weight:600;color:var(--table-title-color)}.modal ul{margin-left:50px}.modal ul li{font-size:1.1vw;color:#555}.close-modal{width:20vw;height:30px;border-radius:9px;border:none;color:var(--background-color);background-color:var(--title-color);font-family:Poppins,sans-serif;font-weight:600;cursor:pointer}.modal-btn{display:flex;align-items:center;justify-content:center;margin-top:50px}