@charset "UTF-8"; /*# The coding page CSS */
/**
 * =============================================================================
 * @encoding UTF-8
 * @author [Zerohold](//zerohold.sd1.su)
 * @project [ZZ-10](any URL / projects site)
 * @summary Иконки для модулей
 * @created 2025-11
 * @modified 2025-11
 *
 * @file D:/controls-psr/zz2.su/cdn.zz2.su/css/styles-icons-modules.css
 * @link https://cdn.zz2.su/css/styles-icons-modules.css
 *
 * @remarks
 * - Стандарты CSS3 2025
 * - Тяжелые классы, которые не требуют постоянного внимания и редактирования, но содержат в себе большое количество информации, в основном графические.
 * - Специально тяжелые неважные CSS правила в отдельный файл, чтобы лишний раз не напрягать большим объемом токенов AI для анализа.
 * =============================================================================
 */

.container-modules
{
  position: relative;
  display: grid;
  grid-template-columns:repeat(3, 1fr);
  gap: .75rem;
  transition: opacity .25s;
  opacity: 1;
  width: 100%;
}

/* Иконки для модулей */
.sdc-module-card
{
  background-color: rgba(20, 20, 22, 0.04);
  border-radius: 1rem;
  padding: .75rem;
  font-size: 1rem;
  line-height: 1.25rem;
  color: rgb(30, 30, 30);
  outline: none;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
}

.sdc-module-card:hover
{
  color: var(--main-link-hover-color);
  box-shadow: var(--header-hover-box-shadow);
}

.sdc-module-box
{
  position: relative;
  display: flex;
}

.sdc-module-icon
{
  position: relative;
  display: flex;
  flex-shrink: 0;
  background-size: contain;
  width: 64px;
  height: 64px;
}

.sdc-module-content
{
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: .75rem;
}

/* Иконки для модулей */

/* Иконка для модуля: Очистка изображений от водяных знаков */
.icon-images-clear-watermark
{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-eraser'%3e%3cpath d='M21 17H9c-1 0-2-4-2-4s1-4 2-4H9'/%3e%3cpath d='m16 5 1 1q-1 1-1 2'/%3e%3cpath d='m22 9-5-5'/%3e%3cpath d='M9 17 3 12'/%3e%3c/svg%3e");
}

/* Иконка для модуля: Генератор изображений по промпту */
.icon-generator-images
{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-image-plus'%3e%3cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7'/%3e%3cline x1='16' x2='22' y1='5' y2='5'/%3e%3cline x1='19' x2='19' y1='2' y2='8'/%3e%3ccircle cx='9' cy='9' r='2'/%3e%3cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3e%3c/svg%3e");
}

/* Иконка для модуля: Создание карточек товаров */
.icon-generator-good-info
{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-layout-list'%3e%3crect width='7' height='7' x='3' y='3' rx='1'/%3e%3crect width='7' height='7' x='3' y='14' rx='1'/%3e%3cpath d='M14 4h7'/%3e%3cpath d='M14 9h7'/%3e%3cpath d='M14 15h7'/%3e%3cpath d='M14 20h7'/%3e%3c/svg%3e");
}

/* Иконка для модуля: Копирайтинг */
.icon-copywriting
{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-text'%3e%3cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3e%3cpolyline points='14 2 14 8 20 8'/%3e%3cline x1='16' y1='13' x2='8' y2='13'/%3e%3cline x1='16' y1='17' x2='8' y2='17'/%3e%3cline x1='10' y1='9' x2='8' y2='9'/%3e%3c/svg%3e");
}

/* Иконка для модуля: Рерайтинг */
.icon-rewriting
{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-refresh-cw'%3e%3cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/%3e%3cpath d='M21 3v5h-5'/%3e%3cpath d='M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/%3e%3cpath d='M3 21v-5h5'/%3e%3c/svg%3e");
}

/* Иконка для модуля: AI Тесты › Текстовые */
.icon-test-texts
{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-check-2'%3e%3cpath d='M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v4'/%3e%3cpolyline points='14 2 14 8 20 8'/%3e%3cpath d='M3 15.6l2.1 2.1 4.2-4.2'/%3e%3c/svg%3e");
}

/* Иконка для модуля: AI Тесты › Изображения */
.icon-test-images
{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-image'%3e%3cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3e%3cpolyline points='14 2 14 8 20 8'/%3e%3ccircle cx='10' cy='16' r='2'/%3e%3cpath d='m20 12-3.5-3.5a2.24 2.24 0 0 0-3 0L6 17'/%3e%3c/svg%3e");
}

/* Иконка для модуля: Генератор шаблонов */
.icon-generator-templates
{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-layout-template'%3e%3crect width='18' height='7' x='3' y='3' rx='1'/%3e%3crect width='9' height='7' x='3' y='14' rx='1'/%3e%3crect width='5' height='7' x='16' y='14' rx='1'/%3e%3c/svg%3e");
}

/* Иконка для модуля: Чат */
.icon-chat
{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-message-square'%3e%3cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3e%3c/svg%3e");
}


/* --- bootstrap-grid.min */
@media (max-width: 575px)
{
  .container-modules
  {grid-template-columns:repeat(1, 1fr)}

  .sdc-header-col-left
  {width: 75%}
}