.meeting-book {

    &__mask {
        position: absolute;
        top: -32px;
        right: -32px;
        bottom: -32px;
        left: 50%;
        border-radius: 48px;
        background: var(--gray-200);
        z-index: 1;
    }


    &__teacher-avatar {
        border: 8px solid var(--gray-200);
    }

    &__input-button {
        label {
            border-radius: 8px;
            color: var(--gray-500);
            background-color: var(--white);
            height: 40px;
        }

        input {
            position: absolute;
            opacity: 0;
            visibility: hidden;

            &:checked ~ label {
                background-color: var(--primary);
                color: var(--white);
            }
        }
    }

    &__participants-range {
        .wrunner__path_theme_default.wrunner__path {
            border-radius: 5px !important;
            background: var(--gray-200) !important;
            height: 5px !important;

            .wrunner__handle_theme_default.wrunner__handle {
                width: 16px !important;
                height: 16px !important;
                border-radius: 50% !important;
                border: solid 4px var(--primary) !important;
            }
        }
    }
}

.meeting-book-right-float-image {
    position: absolute;
    width: 160px;
    height: 160px;
    bottom: 20%;
    right: -64px;
    z-index: 3;
    transform: translateX(100%);
}