/* ===================================
 * UTKToolBarButtonUss.uss
 * 툴바 버튼 스타일
 * =================================== */

.utk-toolbar-btn {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 32px;
    padding: var(--space-xs);
    border-radius: var(--radius-s);
    border-width: 0;
    background-color: transparent;
    cursor: resource('UIToolkit/Images/cursor_point_white_32') 14 5;
    transition: background-color var(--anim-fast);
}

.utk-toolbar-btn:hover {
    background-color: var(--color-bg-hover);
}

.utk-toolbar-btn:active {
    background-color: var(--color-bg-active);
}

.utk-toolbar-btn--disabled {
    opacity: 0.4;
}

.utk-toolbar-btn__icon {
    width: var(--size-icon-btn);
    height: var(--size-icon-btn);
    font-size: 18px;
    -unity-text-align: middle-center;
    color: var(--color-text-primary);
    padding: 0;
    margin: 4px;
    -unity-font-definition: resource('Fonts/Icons/MaterialSymbolsOutlined');
    cursor: resource('UIToolkit/Images/cursor_point_white_32') 14 5;
}

.utk-toolbar-btn__icon--image {
    -unity-background-scale-mode: scale-to-fit;
    -unity-font-definition: none;
    font-size: 0;
}

.utk-toolbar-btn__label {
    font-size: var(--font-size-label4);
    color: var(--color-text-secondary);
    -unity-text-align: upper-center;
    display: none;
    cursor: resource('UIToolkit/Images/cursor_point_white_32') 14 5;
}