| |
|
|
| .boot { |
| --dsh-boot-label-primary: #0f1115; |
| --dsh-boot-label-secondary: #61666b; |
| --dsh-boot-label-tertiary: #81858c; |
| --dsh-boot-border: rgb(0 0 0 / 10%); |
| --dsh-boot-brand: #0f1115; |
|
|
| height: 100%; |
| display: grid; |
| place-items: center; |
| background: var(--dsw-alias-bg-base, var(--dsh-boot-bg, Canvas)); |
| } |
|
|
| :global(body[data-ds-dark-theme]) .boot { |
| --dsh-boot-label-primary: #f9fafb; |
| --dsh-boot-label-secondary: #cfd3d6; |
| --dsh-boot-label-tertiary: #adb2b8; |
| --dsh-boot-border: rgb(255 255 255 / 12%); |
| --dsh-boot-brand: #f9fafb; |
| } |
|
|
| .card { |
| display: flex; |
| flex-direction: column; |
| align-items: center; |
| gap: 16px; |
| } |
|
|
| .wordmark { |
| font-size: 16px; |
| line-height: 24px; |
| font-weight: 600; |
| letter-spacing: 0.08em; |
| color: var(--dsw-alias-label-primary, var(--dsh-boot-label-primary)); |
| } |
|
|
| .hint { |
| font-size: 12px; |
| line-height: 18px; |
| color: var(--dsw-alias-label-tertiary, var(--dsh-boot-label-tertiary)); |
| } |
|
|
| .spinner { |
| position: relative; |
| width: 20px; |
| height: 20px; |
| border-radius: 50%; |
| corner-shape: round; |
| border: 2px solid var(--dsw-alias-border-l2, var(--dsh-boot-border)); |
| animation: spin 0.8s linear infinite; |
| } |
|
|
| .spinner::after { |
| content: ''; |
| position: absolute; |
| inset: -2px; |
| border-radius: inherit; |
| background: conic-gradient( |
| var(--dsw-alias-brand-primary, var(--dsh-boot-brand)) var(--dsh-boot-arc, 72deg), |
| transparent 0 |
| ); |
| -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0); |
| mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0); |
| } |
|
|
| @keyframes spin { |
| to { transform: rotate(360deg); } |
| } |
|
|
| .failed { |
| max-width: 480px; |
| display: flex; |
| flex-direction: column; |
| gap: 8px; |
| } |
|
|
| .failedTitle { |
| font-size: 14px; |
| line-height: 22px; |
| font-weight: 600; |
| color: var(--dsw-alias-label-primary, var(--dsh-boot-label-primary)); |
| } |
|
|
| .failedItem { |
| font-family: var( |
| --ds-font-family-code, |
| 'SF Mono', |
| 'JetBrains Mono', |
| 'Fira Code', |
| Consolas, |
| 'Liberation Mono', |
| Menlo, |
| Courier, |
| 'PingFang SC', |
| 'Microsoft YaHei' |
| ); |
| font-size: 12px; |
| line-height: 18px; |
| color: var(--dsw-alias-label-secondary, var(--dsh-boot-label-secondary)); |
| white-space: pre-wrap; |
| } |
|
|
