@import "https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,300;8..144,500&display=swap";:root{--red:#ea5353;--cyan:#45d3d3;--orange:#fcaf4a;--blue:#549ef2;--veryDarkBlue:#4c4e61;--grayishBlue:#a3a5ae;--veryLightGray:#fafafa;--grayText:#6a6c71;--weight1:300;--weight2:500}body{font-family:Roboto Flex,sans-serif;font-size:1.125rem;font-weight:var(--weight1);color:var(--grayText);background-color:var(--veryLightGray);margin:.5em}main{grid-template-columns:1fr;gap:.5em;max-width:64em;margin:.5em auto;display:grid}div,h2{text-overflow:ellipsis;overflow:hidden}h2{white-space:nowrap}button,input,select,option{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;border-radius:.3em;margin:.3em 0;transition-duration:.5s;transition-timing-function:ease-out}input{border:1px solid var(--grayishBlue);outline:0;padding:.4em}input:focus{border-color:var(--grayishBlue);box-shadow:0 1px 1px var(--veryLightGray) inset, 0 0 10px var(--grayishBlue)}input.input-red:focus{border-color:var(--red);box-shadow:0 1px 1px var(--veryLightGray) inset, 0 0 10px var(--red)}input.input-orange:focus{border-color:var(--orange);box-shadow:0 1px 1px var(--veryLightGray) inset, 0 0 10px var(--orange)}button{color:#fff;cursor:pointer;background-color:var(--veryDarkBlue);border:1px solid var(--veryDarkBlue);padding:.4em 1em;display:inline-block}button.btn-red:enabled{background-color:var(--red);border:1px solid var(--red)}button.btn-blue:enabled{background-color:var(--blue);border:1px solid var(--blue)}button.btn-cyan:enabled{background-color:var(--cyan);border:1px solid var(--cyan)}button.btn-orange:enabled{background-color:var(--orange);border:1px solid var(--orange)}button.btn-red:hover:enabled,button.btn-red:active:enabled{color:var(--red)}button.btn-blue:hover:enabled,button.btn-blue:active:enabled{color:var(--blue)}button.btn-cyan:hover:enabled,button.btn-cyan:active:enabled{color:var(--cyan)}button.btn-orange:hover:enabled,button.btn-orange:active:enabled{color:var(--orange)}button:disabled,input:disabled{color:var(--grayText);border:1px solid var(--grayishBlue);cursor:not-allowed}button:disabled{background-color:var(--grayishBlue)}button:hover:enabled,button:active:enabled{background-color:initial;color:var(--veryDarkBlue)}select{margin:0 .5em;padding:.1em .2em}select:focus-visible{outline:0 auto}section{background-color:var(--veryLightGray);box-shadow:0 .5em 1.5em -.5em var(--grayishBlue);border-top:3px solid;border-radius:.5em;padding:2em;transition-duration:.25s;transition-timing-function:ease-out;overflow:hidden}section:hover{box-shadow:0 .5em 2em -.1em var(--grayishBlue)}section.top-cyan{border-top-color:var(--cyan)}section.top-red{border-top-color:var(--red)}section.top-blue{border-top-color:var(--blue)}section.top-orange{border-top-color:var(--orange)}img.right{float:right}img.zoom{transition-duration:.25s;transition-timing-function:ease-out}img.zoom:hover{transform:scale(1.2)}ul{list-style-type:square}h2{color:var(--veryDarkBlue);font-weight:var(--weight2);margin-top:0}a{color:inherit;text-decoration:none}footer{text-align:center;margin-top:2rem;padding:1rem}footer img{width:64px;margin:0 1rem}#modal-mask{background-color:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}#modal-dialog{width:85%;height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width>=50em){#modal-dialog{width:min(34rem,75%);height:auto;top:10%;transform:translate(-50%)}}#modal-close{float:right;text-align:center;cursor:pointer;background-color:#d3d3d3;border-radius:.25rem;width:1.5rem;line-height:1.5rem}#modal-close:hover{background-color:#a9a9a9}:root{--orange:#f2bc0f;--blue:#00adfe;--green:#4bc190;--red:#f85565;--gray:#a7aece}body{font-size:1em}main{grid-template-areas:"status""subscription""history""request""error";max-width:66em}#status{grid-area:status}#subscription{grid-area:subscription}#history{grid-area:history}#request{grid-area:request}#error{grid-area:error}table{border-spacing:1.1em .5em;border-top:1px solid var(--green);border-bottom:1px solid var(--green);width:100%;margin-bottom:1.5em;font-size:.875em}th{text-align:left;font-weight:var(--weight2)}th.priority2,td.priority2,th.priority3,td.priority3{display:none}@media (width>=44em){body{font-size:1.125rem}main{grid-template-columns:1fr 1fr;grid-template-areas:"status subscription""history history""request request""error error";gap:1em;margin-top:2em}table{font-size:1rem}th.priority2,td.priority2{display:table-cell}}@media (width>=70em){th.priority3,td.priority3{display:table-cell}}img.right{width:4em;margin-top:-1.5em}.top-green{border-top-color:var(--green)}.top-gray{border-top-color:var(--gray)}.start{margin-top:1em}.center{text-align:center}