@layer theme {
    :root {
        --hue: 305deg;
    }
}

@layer components {
    .fill {
        display: block;
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        position: absolute;
    }

    .organization-crumbs {
        margin-block-start: -0.75rem;
        padding-inline: calc(
                var(--safe-area-inline-start) + var(--edge-spacing-inline)
            )
            calc(var(--safe-area-inline-end) + var(--edge-spacing-inline));
        padding-block-end: 1rem;
    }
}