.preloader.svelte-16ylr1u {
        --bg-color: var(--lib-control-bg);
        --loader-stroke-width: 0.125rem;
        --loader-stroke-border-width: 0.0625rem;
        --loader-bg-color: var(--lib-control-border-subtle);
        --loader-filled-color: var(--lib-control-color-action);

        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2.5rem;
        padding: 1rem;
        box-sizing: border-box;
        background-color: var(--bg-color);
        color: var(--lib-control-text-secondary);

        .loader:where(.svelte-16ylr1u) {
            --loader-progress: conic-gradient(
                from 0,
                var(--loader-filled-color) var(--radial-degree),
                var(--loader-bg-color) var(--radial-degree)
            );

            border-radius: 50%;
            width: min(23.35rem, 100%);
            aspect-ratio: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 1rem;
            background: var(--loader-progress);
            padding: var(--loader-stroke-width);
            border: var(--loader-stroke-border-width) solid var(--loader-bg-color);

            .loader-content:where(.svelte-16ylr1u) {
                width: max(2rem, 100%);
                aspect-ratio: 1;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: var(--bg-color);
                border: var(--loader-stroke-border-width) solid var(--loader-bg-color);
                box-sizing: border-box;

                .logo:where(.svelte-16ylr1u) {
                    max-width: 50%;
                    max-height: 50%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
            }
        }

        .title:where(.svelte-16ylr1u) {
            font-size: 1rem;
            font-weight: 700;
            line-height: normal;
        }

        .subtitle:where(.svelte-16ylr1u) {
            font-size: 0.875rem;
            font-weight: 500;
            line-height: normal;
        }
    }