button{width:100%}input,button{font-size:1rem}header,main{padding:12px}header>section,main>section{width:100%;margin:0 auto}header>section{max-width:980px}main>section{max-width:480px}header span{opacity:.5}button{border:none;cursor:pointer;background-color:#fff;color:#000;border:2px solid #000000;padding:8px}button.primary{background-color:#000;color:#fff}.note{color:var(--overlay);font-size:.75rem;padding:12px}.or-container{position:relative;text-align:center;margin:12px 0;display:flex;align-items:center;justify-content:center}.or-container:before{content:"";position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);background-color:var(--overlay);height:1px;z-index:-1}.or{background-color:var(--background);padding:0 4px;font-size:.75rem;color:var(--overlay);line-height:1}.connectivity-test-result{display:flex;flex-direction:column;padding:12px 0}.connectivity-test-result .status{font-size:.75rem;display:flex;align-items:center;gap:4px}.connectivity-test-result .status .dots{transform:translateY(.5px)}.connectivity-test-result span.dimmed{color:var(--overlay)}.connectivity-test-result span.error{color:#a00}.dots{--transform-amount: 10%;font-size:150%;transform:translateY(-25%);--transform-amount: 4px;display:inline-flex;gap:4px}.dots>span{display:inline-block;animation-iteration-count:infinite;animation-duration:1s;animation-timing-function:linear;color:gray;width:4px;height:4px;border-radius:1.5rem;background-color:#000}.dots[data-islarge]{gap:14px}.dots[data-islarge]>span{width:16px;height:16px}.dots .one{animation-name:dot_one}.dots .two{animation-name:dot_two}.dots .three{animation-name:dot_three}@keyframes dot_one{20%{opacity:.1}40%{opacity:.5}}@keyframes dot_two{40%{opacity:.1}60%{opacity:.5}}@keyframes dot_three{60%{opacity:.1}80%{opacity:.5}}.ping-result-red{color:#a00}.ping-result-yellow{color:#e6e02e}.ping-result-green{color:#24d211}.data-center-selector-item{padding:12px;cursor:pointer;border:1px solid var(--overlay);display:flex;flex-direction:column;gap:4px}.is-selected{border-color:var(--text);outline:2px solid var(--text)}.data-center-id{font-weight:500}.data-center-location{color:var(--overlay);font-size:.75rem}.data-center-selector{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}:root,*,*:before,*:after{box-sizing:border-box;padding:0;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;--overlay: rgba(0, 0, 0, .5);--text: #000;--background: #fff;-webkit-user-select:none;user-select:none}