@layer lime {
    .container {
        display: grid !important;
        overflow: hidden;
    }

    hstack,
    .hstack {
        display: flex;
        overflow: hidden;
    }

    vstack,
    .vstack {
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    zstack,
    .zstack {
        display: block;
        position: relative;
    }

    zstack:not(.autosize)>*,
    .zstack:not(.autosize)>* {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

    zstack.autosize,
    .zstack.autosize {
        width: 100%;
    }

    zstack.autosize>*,
    .zstack.autosize>* {
        width: 100%;
    }

    zstack.autosize>*:not(:first-child),
    .zstack.autosize>*:not(:first-child) {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0;
    }

    .scrollview {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
    }

    .scrollview>* {
        flex: none;
    }

    .no-outline {
        outline: 0;
    }
}