@value root_platform_desktop, root__clickable, root__clickable-no-transition, root__any-actions from "./Cls.module.css";

.root {
    position: relative;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 100%;
    overflow: hidden;
    font-size: 10px;
    line-height: 1.25;
    word-wrap: break-word;
    word-break: break-word;
    pointer-events: none;
    /*color: #000;
    background: #fff;*/
}

@supports (overflow: clip) {
    .root {
        overflow: clip;
    }
}

.root__clickable,
.root__clickable-no-transition {
    cursor: pointer;
    pointer-events: auto;
}

.root__any-actions {
    pointer-events: auto;
}

.root__selectable {
    pointer-events: auto;
}

.root__unselectable {
    user-select: none;
}

.root_platform_desktop {}

.root_platform_desktop .root__clickable {
    transition: opacity .15s ease-out;
}

.root_platform_desktop .root__clickable:hover {
    opacity: .7;
}

.root_platform_desktop .root__clickable:active {
    opacity: .5;
}

.root:not(.root_platform_desktop) .root__only-desktop {
    display: none;
}

.root_restrict-scroll {
    overscroll-behavior: contain;
}

.root_disabled-context-menu {
    -webkit-touch-callout: none;
}
