.root {
    composes: appearance-none from global;
    composes: bg-black from global;
    composes: block from global;
    composes: cursor-pointer from global;
    composes: fixed from global;
    composes: h-full from global;
    composes: left-0 from global;
    composes: opacity-0 from global;
    composes: top-0 from global;
    composes: w-full from global;
    composes: z-mask from global;
    transition-duration: 192ms;
    transition-property: opacity, visibility;
    transition-timing-function: linear;

    /* TODO @TW: review (B6) */
    /* composes: invisible from global; */
    visibility: hidden;
}

.root_active {
    composes: root;

    composes: opacity-50 from global;
    transition-duration: 224ms;

    /* TODO @TW: review (B6) */
    /* composes: visible from global; */
    visibility: visible;
}