Daniel@0: @import "../config.less";
Daniel@0: 
Daniel@0: .vis-instance {
Daniel@0:     
Daniel@0:     @cover-message-background-color: rgba(255, 255, 255, 0.8);
Daniel@0:     
Daniel@0:     &__content {
Daniel@0:         .position_absolute_everywhere();
Daniel@0:     }
Daniel@0: 
Daniel@0:     &__cover {
Daniel@0:         .position_absolute_everywhere();
Daniel@0:         .cursor_std();
Daniel@0:         background: rgba(255, 255, 255, 0.5);
Daniel@0:         display: none;
Daniel@0:     }
Daniel@0: 
Daniel@0:     &__cover_visible {
Daniel@0:         display: block;
Daniel@0:     }
Daniel@0: 
Daniel@0:     &__cover_category_error {
Daniel@0:         color: red;
Daniel@0:     }
Daniel@0: 
Daniel@0:     &__cover_category_warning {
Daniel@0:         //color: @config-grid--color_panel-label;
Daniel@0:         color: mix(#fdbb84, #666, 80%);
Daniel@0:     }
Daniel@0: 
Daniel@0:     &__cover_category_process {
Daniel@0:         color: @config-grid--color_panel-label;
Daniel@0:     }
Daniel@0:     &__cover_category_info {
Daniel@0:         color: @config-grid--color_panel-label;
Daniel@0:     }
Daniel@0: 
Daniel@0:     .config-grid_type_collection &__cover_category_notice {
Daniel@0:         //color: @config-grid_collection--color_header;
Daniel@0:         color: @config-grid_collection--color_main;
Daniel@0:     }
Daniel@0:     .config-grid_type_recording &__cover_category_notice {
Daniel@0:         //color: @config-grid_recording--color_header;
Daniel@0:         color: @config-grid_recording--color_main;
Daniel@0:     }
Daniel@0: 
Daniel@0:     &__cover-message {
Daniel@0:         .font_small();
Daniel@0:         display: block;
Daniel@0:         margin: 10px auto 0;
Daniel@0:         padding: 3px 0 5px;
Daniel@0:         text-align: center;
Daniel@0:         position: relative;
Daniel@0:         min-width: 100px;
Daniel@0:         max-width: 60%;
Daniel@0:         background: @cover-message-background-color;
Daniel@0:         .box-shadow(0px 0px 10px @cover-message-background-color);
Daniel@0:         .border-radius(10px);
Daniel@0:     }
Daniel@0: }