:root{--clr-primary: #0079C2;--clr-primary-hover: #0069d9;--clr-success: #4caf50;--clr-success-dark: #219653;--clr-success-banner-background: #EBF8F5;--clr-fail-banner-background: #EB575714;--clr-fail-light: #b71c1c;--clr-cert-loaded: #00A87B80;--clr-error-bg: #fdeded;--clr-error-text: #5f2205;--clr-warning-bg: #fff8e1;--clr-border: #ccc;--clr-border-dark: #999;--clr-border-deep-dark: #444;--clr-shadow: rgba(36,19,19,.2);--clr-font-gray: #555;--clr-btn-disabled: #C0C0C0;--clr-spinner-border: #f0f0f0;--clr-spinner-color: #2f2f2f;--clr-hover-gray-light: #edfaf0;--clr-expiry: #f59e0b }*{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#e0e0e0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.uploadIcon path{fill:#888!important}.checkboxIcon path{fill:var(--clr-success-dark)!important}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;padding:16px;overflow:auto;z-index:1000}.auth-modal{box-sizing:border-box;width:clamp(360px,90vw,650px);padding:24px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:auto;margin-block:auto}.auth-body{margin-top:1em;flex:1 1 auto;display:flex;padding:2em;border:1px solid rgb(224,224,224);border-radius:10px;flex-direction:column;justify-content:flex-start}.heading{margin-top:0;margin-bottom:0;color:#000;font-weight:600;font-size:20px;line-height:100%;letter-spacing:.15%}.link-button{padding:8px 16px;border-radius:4px;border:1px solid var(--clr-primary);background:#fff;cursor:pointer;color:var(--clr-primary);font-weight:600}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:1em}.actions button{padding:8px 16px;border-radius:4px;border:1px solid var(--clr-primary);background:#fff;cursor:pointer;color:var(--clr-primary);font-size:14px;font-weight:600}.actions button.primary{background:var(--clr-primary);color:#fff;border-color:var(--clr-primary)}.actions button:disabled{opacity:.6;cursor:not-allowed;background-color:var(--clr-btn-disabled);border:none}.actions button.borderless{background:#fff;border-color:var(--clr-primary);border:none}.actions button.borderless:hover{background:var(--clr-hover-gray-light)}.actions-separated{display:flex;justify-content:space-between}.alert{display:flex;align-items:center;gap:8px;margin-top:16px;margin-bottom:16px;padding:12px 16px;background:var(--clr-error-bg);border-radius:4px;color:var(--clr-error-text);font-size:14px;font-weight:600}.alert .icon{font-size:28px;line-height:1;color:orange}.big-spinner{width:96px;height:96px;border-radius:50%;border:8px solid var(--clr-spinner-border);border-top:8px solid var(--clr-border-deep-dark);animation:spin 1s linear infinite}.wait-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 0}.wait-title{text-align:center}p,span{font-size:14px}.auth-wait-wrap{padding-top:3em;flex:1 1 auto;display:flex;align-items:center;justify-content:center}.auth-wait-only{display:flex;flex-direction:column;align-items:center;gap:24px}.auth-text-container{text-align:center;white-space:pre-line;font-size:14px;font-weight:400}.auth-spinner{position:relative;width:44px;height:44px;margin-bottom:10px}.auth-spinner span{--i: 0;--r: 30px;--angle: calc(var(--i) * 30deg - 90deg);position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:var(--clr-spinner-color, #000);opacity:.12;transform:rotate(var(--angle)) translate(var(--r)) scale(.8);transform-origin:center;animation:dot-fade 1.1s linear infinite;animation-delay:calc(var(--i) * .09s);will-change:transform,opacity}.auth-spinner span:nth-child(1){--i: 0}.auth-spinner span:nth-child(2){--i: 1}.auth-spinner span:nth-child(3){--i: 2}.auth-spinner span:nth-child(4){--i: 3}.auth-spinner span:nth-child(5){--i: 4}.auth-spinner span:nth-child(6){--i: 5}.auth-spinner span:nth-child(7){--i: 6}.auth-spinner span:nth-child(8){--i: 7}.auth-spinner span:nth-child(9){--i: 8}.auth-spinner span:nth-child(10){--i: 9}.auth-spinner span:nth-child(11){--i: 10}.auth-spinner span:nth-child(12){--i: 11}@keyframes dot-fade{0%{opacity:1;transform:rotate(var(--angle)) translate(var(--r)) scale(1.5)}40%{opacity:.5;transform:rotate(var(--angle)) translate(var(--r)) scale(1.1)}to{opacity:.12;transform:rotate(var(--angle)) translate(var(--r)) scale(.7)}}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.done-container{color:#000}.banner-success{display:flex;align-items:center;gap:12px;background:var(--clr-success-banner-background);padding:12px 16px;border-radius:4px;margin-bottom:24px}.banner-success-title{color:#000;font-size:14px;font-weight:600}.perms-header{font-weight:400;font-size:14px;color:gray;margin:24px 0 12px}.perm-list{list-style:none;padding:0;margin:0 0 24px}.perm-item{display:grid;grid-template-columns:35% 1fr;align-items:center;margin:12px 0}.perm-name{justify-self:start}.perm-status{display:flex;align-items:center;gap:4px;font-weight:500;justify-self:start}.expiry{font-weight:500}.expiry.expires-soon,.expiry.expires-soon *{color:var(--clr-expiry)}.expiry.expired,.expiry.expired *{color:var(--clr-fail-light)}.expiry a{color:inherit}.expired-note{color:var(--clr-fail-light);font-weight:500}.perm-status.ok{color:var(--clr-success)}.perm-status.fail{color:var(--clr-fail-light)}.note{font-size:14px;margin-bottom:24px}.button-auth-done-detach{padding-left:0!important;padding-right:0!important}.auth-info{list-style:none;margin:0;padding:0}.auth-info li{display:flex;align-items:center;gap:16px;margin:12px 0;font-size:16px}.auth-info li .auth-info-icon{width:20px;height:20px;font-size:20px;flex:0 0 20px;color:var(--clr-font-gray)}.auth-info li .auth-info-label{width:150px;flex:0 0 10px;color:var(--clr-font-gray);margin:0}.auth-info-value{flex:1 1 auto;font-weight:500;font-size:16px}.auth-info-icon{font-size:20px;flex-shrink:0;color:var(--clr-font-gray)}.auth-info-label{min-width:100px;color:var(--clr-font-gray);margin-bottom:0;margin-top:0}.auth-intro-label{min-width:100px;margin-bottom:0}.auth-info-value{font-weight:500;font-size:16px}.auth-info-value strong{font-weight:600}.wait-wrap{padding-top:3em;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:300px}.wait-only{display:flex;flex-direction:column;align-items:center;gap:12px}.wait-top{text-align:center;white-space:pre-line;font-size:14px;font-weight:400}.detach-wait-note{text-align:center;margin-bottom:0;font-size:14px;margin-top:0;max-width:250px}.detach-success-wrapper{display:flex;justify-content:center;align-items:center;min-height:400px;width:100%}.detach-success-container{padding:32px 40px 24px;min-width:400px;max-width:280px;margin:auto;display:flex;flex-direction:column;align-items:center}.detach-done-header{margin-bottom:14px;font-weight:500;font-size:14px;text-align:center}.detach-success-container>div{text-align:center;margin-bottom:0;font-size:14px;margin-top:0}.box{border:2px dashed var(--clr-border);border-radius:4px;margin:8px 0 16px;min-height:clamp(180px,32vw,240px);padding:clamp(1rem,4vw,1.5rem);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color .2s}.box-text{margin:8px 0 0;color:#000;display:flex;flex-direction:column;font-weight:400;font-size:14px}.box-link{border:none;background:none;color:var(--clr-primary);cursor:pointer;font:inherit;padding:0}.box.success{border-color:var(--clr-success);border:.5px solid var(--clr-success)}.progress-small{width:clamp(60px,25vw,100px);height:clamp(60px,25vw,100px);font-weight:500;font-size:20px}.cert-box{display:flex;align-items:center;gap:16px;border:2px solid var(--clr-cert-loaded);border-radius:8px;margin-bottom:24px;padding:20px 16px;min-height:100px;line-height:1.25}.cert-icon-box{flex:0 0 48px;height:48px;display:flex;align-items:center;justify-content:center;border:2px solid var(--clr-cert-loaded);border-radius:6px;background:#9fffca26}.cert-icon{width:24px;height:24px;fill:var(--clr-cert-loaded)}.cert-name{flex:1 1 auto;font-size:14px;overflow:hidden;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.cert-remove{flex:0 0 auto;background:none;border:none;color:#424242;cursor:pointer;padding:4px}.cert-remove:hover{color:#000}.token-step input{width:100%;padding:10px;border:1px solid var(--clr-border);border-radius:4px;font-size:14px;background-color:#fff;color:#000}.token-step input.invalid{border:2px solid var(--clr-fail-light)}.token-step .error-msg{color:var(--clr-fail-light);font-size:.875rem;margin-top:.25rem}.token-label{color:var(--clr-font-gray);margin-left:10px;margin-bottom:5px}.token-safety-info{color:var(--clr-font-gray)}.upload-error-container{display:flex;gap:12px;align-items:center;border-radius:4px;padding:12px 16px;font-weight:600;font-size:14px;margin-bottom:8px;background-color:#eb575714}.upload-error-content{display:flex;align-items:center;gap:10px}#upload-error-message-label{line-height:1.2}.upload-error-icon{display:flex;color:var(--clr-fail-light);flex-shrink:0}.warning-msg{font-weight:400;font-size:14px;margin-bottom:1em;margin-top:0}.error-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000}.error-modal{padding:clamp(1.5rem,4vw,2rem);width:clamp(360px,90vw,600px);max-height:100vh;min-height:500px;box-shadow:0 4px 12px var(--clr-shadow);display:flex;flex-direction:column}.alert-box{display:flex;gap:12px;align-items:flex-start;background:var(--clr-error-bg);border-radius:4px;padding:16px;font-weight:500;margin-bottom:1em}.alert-icon{color:var(--clr-fail-light);flex-shrink:0}.alert-box.warning{background:var(--clr-warning-bg)}.alert-box.warning .alert-icon{color:orange}.auth-choose-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:12px;border-radius:8px;background:#fff}@media (max-width: 720px){.auth-choose-container{grid-template-columns:1fr}}.card{border:1px solid #e6e6e6;background:#fff;border-radius:4px;padding:24px;display:grid;grid-template-rows:56px auto auto 1fr;align-content:start;justify-items:center;cursor:pointer;color:#0f172a;width:100%;-webkit-user-select:none;user-select:none;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,transform .06s ease}.card:hover{border-color:#cbd5e1;box-shadow:0 1px 2px #0000000a}.card:active{transform:translateY(1px)}.card:focus-within{outline:2px solid var(--clr-primary);outline-offset:2px}.card.selected{border-color:var(--clr-primary);background-color:color-mix(in srgb,var(--clr-primary) 8%,white);box-shadow:0 0 0 3px #0a66c226}.card>svg{width:48px;height:48px;display:block}.unit-header{font-weight:600;font-size:16px;line-height:24px;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:20px}.unit-subtitle{font-weight:600;font-size:14px;line-height:24px;display:flex;align-items:center;justify-content:center;min-height:24px;color:var(--clr-primary);text-align:center;margin:0}.unit-note{font-weight:400;font-size:14px;line-height:20px;color:var(--clr-font-gray);text-align:center;margin-top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.unit-note strong{font-weight:600}.boot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;z-index:9999}.boot-box{display:flex;flex-direction:column;align-items:center;padding:48px 56px}.spinner{width:96px;height:96px;border:10px solid #e9e9e9;border-top:10px solid #2f2f2f;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:32px}@keyframes spin{to{transform:rotate(360deg)}}.boot-msg{font-size:18px;color:#2f2f2f;letter-spacing:.2px}
