/* Pop-up info icons */

/* .icons-3d .popup-icon {
    background-size: cover;
    background-repeat: no-repeat;
}

.icons-3d .popup-icon svg {
    display: none;
}

.conference.icons-3d .popup-icon {
    width: 25px;
    height: 25px;
}

.icons-3d:not(.user-colors) #panel1 .popup-icon {
    background-image: url(../assets/3d_icons/i_button_red.svg);
}

.icons-3d:not(.user-colors) #panel2 .popup-icon {
    background-image: url(../assets/3d_icons/i_button_yellow.svg);
}

.icons-3d:not(.user-colors) #panel3 .popup-icon {
    background-image: url(../assets/3d_icons/i_button_blue.svg);
}

.icons-3d:not(.user-colors) #panel1 .popup-icon:hover {
    background-image: url(../assets/3d_icons/i_button_red_active.svg);
}

.icons-3d:not(.user-colors) #panel2 .popup-icon:hover {
    background-image: url(../assets/3d_icons/i_button_yellow_active.svg);
}

.icons-3d:not(.user-colors) #panel3 .popup-icon:hover {
    background-image: url(../assets/3d_icons/i_button_blue_active.svg);
}

.icons-3d.user-colors .popup-icon {
    background-image: url(../assets/3d_icons/i_button_g.svg);
}

.icons-3d:not.user-colors .popup-icon:hover {
    background-image: url(../assets/3d_icons/i_button_g_active.svg);
} */

.icons-3d .popup-icon:hover::before {
    display: none;
}

.container {
    --va-i-color: currentColor;
    --va-first-panel-icon-bg: #F5E2DD;
    --va-second-panel-icon-bg: #F9EDD1;
    --va-third-panel-icon-bg: #E0ECEF;
}

.container.user-colors,
.container.user-colors-only {
    --va-i-color: #3C3C3C;
    --va-first-panel-icon-bg: #EEEEEE;
    --va-second-panel-icon-bg: #EEEEEE;
    --va-third-panel-icon-bg: #EEEEEE;
}

.icons-3d .popup-icon:not(:hover) .info-icon>.icon-3d-active {
    display: none;
}

.icons-3d .popup-icon:hover .info-icon> :not(.icon-3d-active) {
    display: none;
}

.icons-3d #panel1 .popup-icon .info-icon {
    --va-panel-icon-bg: var(--va-first-panel-icon-bg);
}

.icons-3d #panel2 .popup-icon .info-icon {
    --va-panel-icon-bg: var(--va-second-panel-icon-bg);
}

.icons-3d #panel3 .popup-icon .info-icon {
    --va-panel-icon-bg: var(--va-third-panel-icon-bg);
}

/* Panel icons carousel */

/* .icons-3d .carousel .carousel__controls .carousel__arrow {
    width: 34px;
    height: 34px;
}

.icons-3d .carousel .carousel__controls .carousel__arrows .arrow {
    --left-chevron: url(../assets/3d_icons/carousel_prev.svg);
    --left-chevron-active: url(../assets/3d_icons/carousel_prev_active.svg);
    --right-chevron: url(../assets/3d_icons/carousel_next.svg);
    --right-chevron-active: url(../assets/3d_icons/carousel_next_active.svg);
}

.icons-3d.user-colors .carousel .carousel__controls .carousel__arrows .arrow {
    --left-chevron: url(../assets/3d_icons/carousel_prev_g.svg);
    --left-chevron-active: url(../assets/3d_icons/carousel_prev_g_active.svg);
    --right-chevron: url(../assets/3d_icons/carousel_next_g.svg);
    --right-chevron-active: url(../assets/3d_icons/carousel_next_g_active.svg);
} */

.icons-3d .indicator {
    --indicator-drop-shadow: 1.5px 1.5px 3px 0px rgba(174, 174, 192, 0.40);
    border: none;
    box-shadow: var(--indicator-drop-shadow);
}

.icons-3d .indicator.active {
    border: none;
    box-shadow: var(--indicator-drop-shadow), 1.5px 1.5px 1px 0px rgba(174, 174, 192, 0.20) inset, -1px -1px 1px 0px rgba(255, 255, 255, 0.70) inset;
}

/* Toolbox panel */

.icons-3d .toolbox-panel {
    background-color: #F2F2F2;
}

.icons-3d .toolbox-panel .panel__info-content-box .tool,
.icons-3d .toolbox-panel .panel__info-content-box .tool .tool__option {
    align-items: center;
}

.icons-3d .toolbox-panel .tool span:first-child,
.icons-3d .toolbox-panel .tool .tool__option span:first-child {
    display: block;
    width: 30px;
    height: 30px;
    background-size: cover;
    background-repeat: no-repeat;
}

.icons-3d .toolbox-panel .tool span:first-child img,
.icons-3d .toolbox-panel .tool .tool__option span:first-child img {
    display: none;
}

.icons-3d .toolbox-panel .tool .tool__option[data-option="animation-play"] span:first-child {
    background-image: url(../assets/3d_icons/toolbox_play_button.svg);
}

.icons-3d .toolbox-panel .tool .tool__option[data-option="animation-stop"] span:first-child {
    background-image: url(../assets/3d_icons/toolbox_stop_button.svg);
}

.icons-3d .toolbox-panel .tool.tool-content span:first-child {
    background-image: url(../assets/3d_icons/toolbox_content_button.svg);
}

.icons-3d .toolbox-panel .tool.tool-color span:first-child {
    background-image: url(../assets/3d_icons/toolbox_color_button.svg);
}

.icons-3d .toolbox-panel .tool.tool-settings span:first-child {
    background-image: url(../assets/3d_icons/toolbox_settings_button.svg);
}

.icons-3d .toolbox-panel .tool .tool__option[data-option="animation-play"]:hover span:first-child {
    background-image: url(../assets/3d_icons/toolbox_play_button_active.svg);
}

.icons-3d .toolbox-panel .tool .tool__option[data-option="animation-stop"]:hover span:first-child {
    background-image: url(../assets/3d_icons/toolbox_stop_button_active.svg);
}

.icons-3d .toolbox-panel .tool.tool-content:hover span:first-child {
    background-image: url(../assets/3d_icons/toolbox_content_button_active.svg);
}

.icons-3d .toolbox-panel .tool.tool-color:hover span:first-child {
    background-image: url(../assets/3d_icons/toolbox_color_button_active.svg);
}

.icons-3d .toolbox-panel .tool.tool-settings:hover span:first-child {
    background-image: url(../assets/3d_icons/toolbox_settings_button_active.svg);
}