/*
 * SPDX-License-Identifier: GPL-2.0-or-later
 * SPDX-FileCopyrightText: 2019-2023 elementary, Inc. (https://elementary.io)
 */

.mic-icon {
    animation: none;
    min-width: 24px;
    opacity: 1;
    transition: none;
    -gtk-icon-source: -gtk-icontheme("indicator-microphone-symbolic");
}

.mic-icon.disabled {
    animation: microphone-disabled 160ms cubic-bezier(0.4, 0.0, 0.2, 1);
    -gtk-icon-source: -gtk-icontheme("indicator-microphone-muted-symbolic");
}

@keyframes microphone-disabled {
    0% { -gtk-icon-source: -gtk-icontheme("indicator-microphone-symbolic"); }
    10% { -gtk-icon-source: -gtk-icontheme("indicator-microphone-muted-10-symbolic"); }
    20% { -gtk-icon-source: -gtk-icontheme("indicator-microphone-muted-20-symbolic"); }
    30% { -gtk-icon-source: -gtk-icontheme("indicator-microphone-muted-30-symbolic"); }
    40% { -gtk-icon-source: -gtk-icontheme("indicator-microphone-muted-40-symbolic"); }
    50% { -gtk-icon-source: -gtk-icontheme("indicator-microphone-muted-50-symbolic"); }
    60% { -gtk-icon-source: -gtk-icontheme("indicator-microphone-muted-60-symbolic"); }
    70% { -gtk-icon-source: -gtk-icontheme("indicator-microphone-muted-70-symbolic"); }
    80% { -gtk-icon-source: -gtk-icontheme("indicator-microphone-muted-80-symbolic"); }
    90% { -gtk-icon-source: -gtk-icontheme("indicator-microphone-muted-90-symbolic"); }
    100% { -gtk-icon-source: -gtk-icontheme("indicator-microphone-muted-symbolic"); }
}

device-scale .image-button,
player-row .image-button {
    background: alpha(@text_color, 0.1);
    border: none;
    box-shadow: none;
    min-height: 2.1666rem; /* 26px */
    min-width: 2.1666rem; /* 26px */
}

device-scale .image-button.toggle,
player-row .image-button.toggle {
    border-radius: 1em;
}

device-scale .image-button:checked,
player-row .image-button:checked {
    background: @selected_bg_color;
    color: @selected_fg_color;
}

device-scale .image-button:disabled,
player-row .image-button:disabled {
    background: @insensitive_bg_color;
}
