.status-body{--status-maintenance:#ff4d5f;--status-maintenance-rgb:255,77,95;min-height:100vh;background:var(--theme-ink);color:#fff}.status-main{position:relative;z-index:1;min-height:calc(100vh - 90px);padding:150px 24px 80px}.status-shell{display:grid;width:min(1180px,100%);margin:auto;gap:32px}.status-history,.status-overall,.status-services{border:1px solid rgba(var(--theme-light-rgb),.28);border-radius:22px;background:linear-gradient(145deg,rgba(var(--theme-deep-rgb),.94),rgba(var(--theme-ink-rgb),.98));box-shadow:inset 0 1px rgba(255,255,255,.05),0 24px 80px rgba(0,0,0,.25);overflow:hidden}.status-overall>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 21px;border-bottom:1px solid rgba(var(--theme-light-rgb),.16);color:var(--theme-light);font-size:10px;font-weight:800;letter-spacing:.25em}.status-overall>header span{display:flex;align-items:center;gap:10px}.status-overall>header span>i{width:8px;height:8px;border-radius:50%;background:#35e4ae;box-shadow:0 0 13px #35e4ae}.status-overall>header small{color:rgba(255,255,255,.34);font-size:9px}.status-overall>header strong{margin-left:5px;color:#fff}.status-overall-content{display:flex;align-items:center;gap:22px;min-height:135px;padding:28px 40px}.status-main-icon{display:grid;flex:0 0 58px;width:58px;height:58px;place-items:center;border:1px solid rgba(53,228,174,.5);border-radius:15px;color:#35e4ae;background:rgba(53,228,174,.08);box-shadow:0 0 35px rgba(53,228,174,.12)}.status-main-icon svg{width:29px;height:29px}.status-overall-content>div{display:grid;gap:7px}.status-history header small,.status-overall-content small{color:rgba(255,255,255,.34);font-size:9px;font-weight:700;letter-spacing:.2em}.status-overall-content h1{margin:0;color:#35e4ae;font:500 clamp(22px,3vw,31px)/1.15 Poppins,sans-serif;letter-spacing:.04em}.status-overall-content p{margin:0;color:rgba(255,255,255,.52);font-size:12px}.status-body.is-maintenance .status-overall{border-color:rgba(var(--status-maintenance-rgb),.58)}.status-body.is-maintenance .status-main-icon,.status-body.is-maintenance .status-overall>header span>i{color:var(--status-maintenance);border-color:rgba(var(--status-maintenance-rgb),.55);background:rgba(var(--status-maintenance-rgb),.12);box-shadow:0 0 35px rgba(var(--status-maintenance-rgb),.2)}.status-body.is-maintenance .status-overall>header span>i{background:var(--status-maintenance);box-shadow:0 0 13px var(--status-maintenance)}.status-body.is-maintenance .status-overall-content h1{color:var(--status-maintenance)}.status-history{padding:28px 30px}.status-history>header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.status-history>header>div:first-child{display:grid;gap:7px}.status-history>header p{margin:0;color:rgba(255,255,255,.53);font-size:12px}.status-history>header>div:last-child{display:grid;grid-template-columns:auto auto;align-items:end;justify-items:end}.status-history>header strong{color:#35e4ae;font:500 31px/1 Poppins,sans-serif}.status-history>header>div:last-child>span{margin:0 0 2px 5px;color:#35e4ae;font-size:12px}.status-history>header>div:last-child>small{grid-column:1/-1;margin-top:7px}.status-bars{display:grid;grid-template-columns:repeat(90,minmax(2px,1fr));gap:3px;height:49px;margin-top:24px}.status-bars i{border-radius:4px;background:#35e4ae;box-shadow:0 0 8px rgba(53,228,174,.12)}.status-bars i.maintenance{background:var(--status-maintenance);box-shadow:0 0 8px rgba(var(--status-maintenance-rgb),.35)}.status-axis{display:flex;justify-content:space-between;margin-top:10px;color:rgba(255,255,255,.28);font-size:8px}.status-history>footer{display:flex;gap:22px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.43);font-size:9px}.status-history>footer span{display:flex;align-items:center;gap:7px}.status-history>footer i{width:9px;height:9px;border-radius:50%}.status-history>footer i.operational{background:#35e4ae;box-shadow:0 0 9px rgba(53,228,174,.45)}.status-history>footer i.maintenance{background:var(--status-maintenance);box-shadow:0 0 9px rgba(var(--status-maintenance-rgb),.5)}.status-services{display:grid}.status-services article{display:flex;align-items:center;gap:14px;padding:18px 21px;border-bottom:1px solid rgba(255,255,255,.07)}.status-services article:last-child{border:0}.status-services article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:var(--theme-pale);background:rgba(var(--theme-primary-rgb),.12)}.status-services svg{width:19px;height:19px}.status-services article>div{display:grid}.status-services strong{font-size:13px}.status-services small{color:rgba(255,255,255,.42);font-size:10px}.status-services em{margin-left:auto;padding:6px 9px;border-radius:999px;font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase}.status-services em.operational{color:#83f2cf;background:rgba(53,228,174,.1)}.status-services em.maintenance{color:#ffdce0;background:rgba(var(--status-maintenance-rgb),.16)}.status-footer{position:relative;z-index:1;display:flex;justify-content:space-between;width:min(1180px,calc(100% - 48px));margin:auto;padding:24px 0 35px;border-top:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.35);font-size:10px}.status-footer a{color:#fff;font-weight:800;letter-spacing:.08em}@media(max-width:700px){.status-main{padding:112px 14px 55px}.status-shell{gap:18px}.status-overall>header{padding:13px 15px;letter-spacing:.15em}.status-overall>header small{display:none}.status-overall-content{align-items:flex-start;min-height:0;padding:24px 19px}.status-main-icon{width:48px;height:48px;flex-basis:48px}.status-overall-content p{font-size:11px}.status-history{padding:22px 16px}.status-history>header strong{font-size:25px}.status-bars{grid-template-columns:repeat(90,minmax(1px,1fr));gap:1px;height:42px}.status-services article{padding:15px}.status-services small{display:none}.status-footer{width:calc(100% - 28px)}}.status-footer{align-items:center;gap:18px}.status-footer nav{display:flex;align-items:center;gap:15px}.status-footer nav a{color:rgba(255,255,255,.52);font-size:9px;letter-spacing:.04em}.status-footer nav a:hover{color:#fff}@media(max-width:700px){.status-footer{flex-wrap:wrap}.status-footer>span{width:100%}}
