#MyStatus{background-color:var(--PureBlack);border-radius:10px;place-content:center;height:100%;padding:15px;display:grid;position:relative}#MyStatus span{background-color:var(--SecondaryDark);border-radius:50rem;place-content:center;width:40px;height:40px;transition:all .2s;display:grid;position:absolute;top:15px;left:15px}#MyStatus span:hover{background-color:var(--White50)}#MyStatus span:focus,#MyStatus span:active{background-color:var(--White25);top:20px}#MyStatus div{text-align:center;border:5px dashed var(--PrimaryColor);border-radius:50rem;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:150px;height:150px;font-size:24px;display:flex}.StatusModal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;width:100%;height:100%;padding:15px;position:absolute;inset:100% 0 0}.StatusModal .Body{width:100%}.StatusModal .Body .Header{background-color:var(--PureBlack);border-radius:10px;justify-content:space-between;width:100%;padding:10px;display:flex}.StatusModal button{color:var(--White);background-color:var(--SecondaryDark);border:none;border-radius:5px;width:40px;height:40px;transition:all .4s;position:relative;top:0}.StatusModal button:hover{background-color:var(--dark);outline:1px solid var(--SecondaryDark)}.StatusModal button:active{background-color:var(--PrimaryColor);color:var(--PureBlack);position:relative;top:2.5px}