/* Ported components
   Magellan's additions to the shared controls. The design tokens and the controls' own styles come from
   Muhdo.Common.Blazor (muhdo-theme.css and muhdo-controls.css), which index.html links before this file.
-------------------------------------------------- */

/* Boot loader placement - the index.html DNA helix before Blazor starts. The helix itself (.dna-*) is drawn by
   muhdo-controls.css, which leaves the placement to the app.
-------------------------------------------------- */
.dna-loader-boot {
    position: fixed;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 11rem;
    height: 11rem;
}

.loading-progress-text {
    position: fixed;
    top: calc(2rem + 11rem + 0.5rem);
    left: 0;
    right: 0;
    text-align: center;
    font-weight: 600;
    color: rgb(var(--brand-rgb));
}

    .loading-progress-text:after {
        content: var(--blazor-load-percentage-text, "Loading");
    }

/* Pills - Magellan addition to the muhdo-controls.css pill: a pill enlarged with fs-6 (order header) scales its
   icon with the label
-------------------------------------------------- */
.pill.fs-6 .mdi { font-size:1.1em; }