@use  '../../assets/styles/index' as *;

.root {
    &:global(.uui-presets-container) {
        padding: 24px 24px 12px;
    }

    :global(.uui-presets-header) {
        font-family: var(--font-semibold);
        font-size: 14px;
        line-height: 24px;
        padding-bottom: 12px;
    }

    :global(.uui-presets-item) {
        font-family: var(--font-semibold);
        font-size: 12px;
        line-height: 18px;
        color: var(--uui-link);
        padding-bottom: 6px;

        &:hover {
            color: var(--uui-link-hover);
            cursor: pointer;
        }
    }
}
