Skip to content

GitLab

Commit d131f8a5 authored by Яков's avatar Яков
Browse files

Панель инструментов: новый набор иконок и состояния 



Ответ на макет: 56 иконок в одном визуальном языке (сетка 24×24, штрих 1.5),
шесть состояний кнопки, ритм групп, поведение на телефоне.

Главная правка не косметическая. Иконка перестала быть background-image
с зашитым цветом и стала дочерним <svg> со stroke="currentColor". Без этого
не собирались сами состояния: наведение приходилось изображать прозрачностью
(иконка тускнела — читается как «кнопка выключилась»), а активное состояние
с белой иконкой на синей подложке было невозможно в принципе.

Заодно ушли ручные подпорки, которые были следствием разнокалиберных картинок:
width 46px у блока кода, margin-top 4px у PPTX, второй вид разделителя.
Все кнопки теперь 32×32 на десктопе и 44×44 на телефоне.

Четыре кнопки, использованные на боевой базе ноль раз (аудио, картинка
с подсказками, скрытый блок, кнопка-ссылка), собраны в подписанную группу
«Оживить урок»: растворённые между «изображением» и «ссылкой», они
не читались как отдельная возможность.

Горизонтальной прокрутки на телефоне нет намеренно: скрытая справа кнопка
не находится вообще — методист не знает, что там что-то есть.
Co-Authored-By: default avatarClaude Opus 5 (1M context) <noreply@anthropic.com>
parent 1d0665b4
Show whitespace changes
Inline Side-by-side
src/QEditor.jsx
View file @ d131f8a5
......@@ -40,6 +40,7 @@ import InteractiveImage from './extensions/InteractiveImage'
import FontSize from './extensions/FontSize'
import BlockId from './extensions/BlockId'
import ActivityRef from './extensions/ActivityRef'
import { Icon } from './icons'
import ButtonLinkExtension from './extensions/ButtonLink'
// import Image from '@tiptap/extension-image'
......@@ -2094,9 +2095,7 @@ const QEditor = ({
return (
<div
key={'bubbleItems-glossary'}
className={
'qicon qglossary'
}
className={'qicon'}
title={'Добавить в глоссарий'}
onClick={()=>{
if (!editor.state.selection.empty) {
......@@ -2113,21 +2112,21 @@ const QEditor = ({
}
// console.log(editor.chain().focus());
}}
/>
>
<Icon type='glossary' />
</div>
)
}
} else {
return (
<div
key={'bubbleItems' + i}
className={
'qicon q' +
type +
(editor.isActive(type) ? ' active' : '')
}
className={'qicon' + (editor.isActive(type) ? ' active' : '')}
title={toolsLib[type] ? toolsLib[type].title : ''}
onClick={toolsLib[type].onClick}
/>
>
<Icon type={type} />
</div>
)
}
})}
......
src/components/EmojiPicker.js
View file @ d131f8a5
import React, { useEffect, useMemo, useRef, useState } from 'react'
import { Icon } from '../icons'
const emojiSource = require('emojibase-data/en/data.json')
......@@ -240,7 +241,7 @@ const EmojiPicker = ({ editor }) => {
className={'atma-editor-toolbar-emoji' + (isOpen ? ' open' : '')}
>
<div
className={'qicon qemoji' + (isOpen ? ' active' : '')}
className={'qicon' + (isOpen ? ' active' : '')}
title='Эмодзи'
onMouseDown={(event) => {
event.preventDefault()
......@@ -250,7 +251,9 @@ const EmojiPicker = ({ editor }) => {
event.stopPropagation()
setIsOpen(!isOpen)
}}
/>
>
<Icon type='emoji' />
</div>
{isOpen && (
<div
className='atma-editor-emoji-popover'
......
src/components/ToolBar.js
View file @ d131f8a5
import React, { Fragment, useState } from 'react';
import { Tooltip } from 'antd';
import { Icon } from '../icons';
// ─────────────────────────────────────────────────────────────────────────────
......@@ -42,7 +43,7 @@ const LESSON = [
HEADINGS,
{ type: 'g', items: ['|'] },
{ type: 's', toggle: false, items: ['bulletList', 'orderedList', 'insertToggleBlock'] },
{ type: 's', toggle: false, items: ['bulletList', 'orderedList'] },
{ type: 's', toggle: true, items: ['alignLeft', 'alignCenter', 'alignRight'] },
TABLE_GROUP,
......@@ -53,17 +54,34 @@ const LESSON = [
{ type: 'g', items: ['|'] },
{ type: 'g', items: ['activityRef'] },
{ type: 's', toggle: false, items: ['image', 'interactiveImage'] },
{ type: 's', toggle: false, items: ['image'] },
{ type: 's', toggle: false, items: ['video', 'iframe'] },
{ type: 'g', items: ['audio'] },
{ type: 'g', items: ['voicemessage'] },
{ type: 'g', items: ['webcamera'] },
{ type: 'g', items: ['screencust'] },
{ type: 'g', items: ['|'] },
// ── «Оживить урок» ───────────────────────────────────────────────────────
//
// Четыре кнопки: аудио, картинка с подсказками, скрытый блок,
// кнопка-ссылка. На боевой базе клиента (601 урок) каждая использована
// НОЛЬ раз, хотя все работают.
//
// Иконку и подсказку они уже получили — не помогло бы: растворённые между
// «изображением» и «ссылкой», они не читаются как отдельная возможность.
// Поэтому у них своя группа с подписью. Мера бесплатная и делает
// необязательными дорогие: разовую подсветку новинки и карточки-примеры
// в пустом уроке.
//
// Подпись показывается только на широком экране — см. LABEL_MIN_WIDTH.
{ type: 'g', label: 'Оживить урок',
items: ['audio', 'interactiveImage', 'insertToggleBlock', 'buttonLink'] },
{ type: 'g', items: ['|'] },
{ type: 's', toggle: false, items: ['iframe_pptx', 'iframe_pdf', 'pdf'] },
{ type: 's', toggle: false, items: ['link', 'buttonLink'] },
{ type: 'g', items: ['link'] },
{ type: 'g', items: ['file'] },
{ type: 'g', items: ['iframe_custom'] },
{ type: 'g', items: ['export_pdf'] },
......@@ -347,7 +365,7 @@ const ToolBar = ({ editor, toolsLib = [], toolsOptions, onInfo, labels = {} }) =
data-type={type}
>
<Fragment>
<div className={`qicon q${type}`} />
<Icon type={type} />
<span>{infoFor(type, item).title}</span>
</Fragment>
</div>
......@@ -373,12 +391,14 @@ const ToolBar = ({ editor, toolsLib = [], toolsOptions, onInfo, labels = {} }) =
e.stopPropagation()
return false;
}}
className={`qicon q${type}` + (disabled ? ' disabled' : '')}
className={'qicon' + (disabled ? ' disabled' : '')}
role="button"
tabIndex={disabled ? -1 : 0}
aria-label={undoInfo.title}
aria-disabled={disabled}
/>
>
<Icon type={type} />
</div>
</Tooltip>
)
}
......@@ -407,11 +427,14 @@ const ToolBar = ({ editor, toolsLib = [], toolsOptions, onInfo, labels = {} }) =
e.stopPropagation()
return false;
}}
className={`qicon q${type}` + (isActive(type) ? ' active' : '')}
className={'qicon' + (isActive(type) ? ' active' : '')}
role="button"
tabIndex={0}
aria-label={info.title}
/>
aria-pressed={isActive(type)}
>
<Icon type={type} />
</div>
</Tooltip>
)
}
......@@ -449,7 +472,16 @@ const ToolBar = ({ editor, toolsLib = [], toolsOptions, onInfo, labels = {} }) =
})
toolItems.push(
<div key={`tools-g${i}`} className="atma-editor-toolbar-g">{ gItems }</div>
<div key={`tools-g${i}`}
className={'atma-editor-toolbar-g' + (section.label ? ' has-label' : '')}>
{section.label && (
// Подпись группы. Скрывается оформлением на узком
// экране, а не условием в коде: тогда при изменении
// размера окна панель не пересобирается.
<span className="atma-editor-toolbar-g-label">{section.label}</span>
)}
{ gItems }
</div>
)
}
......@@ -483,7 +515,9 @@ const ToolBar = ({ editor, toolsLib = [], toolsOptions, onInfo, labels = {} }) =
}}>
<Fragment>
{
<div className={`qicon q${activeType === false || section.toggle === false ? section.items[0] : activeType}`} />
<div className={'qicon' + (activeType !== false && section.toggle !== false ? ' active' : '')}>
<Icon type={activeType === false || section.toggle === false ? section.items[0] : activeType} />
</div>
}
<div
className={'atma-editor-toolbar-s-opts'}
......
src/icons.js 0 → 100644
View file @ d131f8a5
import React from 'react'
/**
* Набор иконок панели: 56 штук, один визуальный язык.
*
* ── Почему тут разметка, а не картинки ───────────────────────────────────────
*
* Раньше каждая иконка была `background-image: url("data:image/svg+xml,…")`.
* У такой иконки НЕЛЬЗЯ поменять цвет из CSS — он зашит внутрь строки. Поэтому
* наведение приходилось изображать через `opacity: .8`, то есть иконка тускнела,
* что читается как «кнопка выключилась», а не «сюда можно нажать». А активное
* состояние с белой иконкой на синей подложке было невозможно в принципе.
*
* Теперь иконка — дочерний <svg> со `stroke="currentColor"`: цвет наследуется
* от кнопки, и все шесть состояний собираются одним правилом на `color`.
*
* ── Правила набора ───────────────────────────────────────────────────────────
*
* Сетка 24×24, толщина штриха 1.5, полезная площадь рисунка 20×20, скруглённые
* концы и стыки. Буквы (B, I, U, S) нарисованы контурами того же веса, а не
* взяты из системного шрифта: раньше они выбивались из ряда чужой метрикой.
*
* Хранится ВНУТРЕННОСТЬ svg, обёртку рисует компонент Icon — так не разъедутся
* viewBox и толщина штриха, если кто-то добавит иконку невнимательно.
*
* Макет: docs/redactor/design-reference (в репозитории платформы).
*/
const ICONS = {
activityRef: '<path d="M6 4h12a2.5 2.5 0 0 1 2.5 2.5v11a2.5 2.5 0 0 1 -2.5 2.5h-12a2.5 2.5 0 0 1 -2.5 -2.5v-11a2.5 2.5 0 0 1 2.5 -2.5z"></path><path d="M6.9 9.2l1.7 1.7 3.4-3.5"></path><path d="M14.6 9h3.6"></path><path d="M6.6 15.3a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0 -3 0z"></path><path d="M12.3 15.3h5.9"></path>',
addColumnAfter: '<path d="M6 3.5h4.6a2 2 0 0 1 2 2v13a2 2 0 0 1 -2 2h-4.6a2 2 0 0 1 -2 -2v-13a2 2 0 0 1 2 -2z"></path><path d="M4 12h8.6"></path><path d="M18 9.4v5.2"></path><path d="M15.4 12h5.2"></path>',
addColumnBefore: '<path d="M13.4 3.5h4.6a2 2 0 0 1 2 2v13a2 2 0 0 1 -2 2h-4.6a2 2 0 0 1 -2 -2v-13a2 2 0 0 1 2 -2z"></path><path d="M11.4 12h8.6"></path><path d="M6 9.4v5.2"></path><path d="M3.4 12h5.2"></path>',
addRowAfter: '<path d="M5.5 4h13a2 2 0 0 1 2 2v4.6a2 2 0 0 1 -2 2h-13a2 2 0 0 1 -2 -2v-4.6a2 2 0 0 1 2 -2z"></path><path d="M12 4v8.6"></path><path d="M12 15.4v5.2"></path><path d="M9.4 18h5.2"></path>',
addRowBefore: '<path d="M5.5 11.4h13a2 2 0 0 1 2 2v4.6a2 2 0 0 1 -2 2h-13a2 2 0 0 1 -2 -2v-4.6a2 2 0 0 1 2 -2z"></path><path d="M12 11.4v8.6"></path><path d="M12 3.4v5.2"></path><path d="M9.4 6h5.2"></path>',
alignCenter: '<path d="M4.5 6h15"></path><path d="M7.5 10.5h9"></path><path d="M4.5 15h15"></path><path d="M7.5 19.5h9"></path>',
alignLeft: '<path d="M4.5 6h15"></path><path d="M4.5 10.5h9"></path><path d="M4.5 15h15"></path><path d="M4.5 19.5h9"></path>',
alignRight: '<path d="M4.5 6h15"></path><path d="M10.5 10.5h9"></path><path d="M4.5 15h15"></path><path d="M10.5 19.5h9"></path>',
audio: '<path d="M7 8h10a4 4 0 0 1 4 4v0a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4v0a4 4 0 0 1 4 -4z"></path><path d="M7.2 10.3l2.7 1.7-2.7 1.7z"></path><path d="M12.2 12h6.4"></path><path d="M12.9 12a1.7 1.7 0 1 0 3.4 0a1.7 1.7 0 1 0 -3.4 0z"></path>',
blockquote: '<path d="M5 6.2v11.6" stroke-width="3"></path><path d="M10.4 8h8.6"></path><path d="M10.4 12h8.6"></path><path d="M10.4 16h6"></path>',
bold: '<path d="M8.4 5.6h4.3a3.2 3.2 0 0 1 0 6.4H8.4z"></path><path d="M8.4 12h5.1a3.25 3.25 0 0 1 0 6.5H8.4z"></path>',
bulletList: '<path d="M4.300000000000001 7a1.4 1.4 0 1 0 2.8 0a1.4 1.4 0 1 0 -2.8 0z" fill="currentColor" stroke="none"></path><path d="M4.300000000000001 12a1.4 1.4 0 1 0 2.8 0a1.4 1.4 0 1 0 -2.8 0z" fill="currentColor" stroke="none"></path><path d="M4.300000000000001 17a1.4 1.4 0 1 0 2.8 0a1.4 1.4 0 1 0 -2.8 0z" fill="currentColor" stroke="none"></path><path d="M10.2 7h8.8"></path><path d="M10.2 12h8.8"></path><path d="M10.2 17h8.8"></path>',
buttonLink: '<path d="M7.3999999999999995 7.4h9.2a4.6 4.6 0 0 1 4.6 4.6v0a4.6 4.6 0 0 1 -4.6 4.6h-9.2a4.6 4.6 0 0 1 -4.6 -4.6v0a4.6 4.6 0 0 1 4.6 -4.6z"></path><path d="M6.8 12h5.4"></path><path d="M14.8 12h2.6"></path><path d="M16.2 10.8 17.4 12l-1.2 1.2"></path>',
clearMarks: '<path d="M15.4 5.1l3.5 3.5a1.8 1.8 0 0 1 0 2.6l-8.5 8.5H6.3l-2.7-2.7a1.8 1.8 0 0 1 0-2.6l9.2-9.3a1.8 1.8 0 0 1 2.6 0z"></path><path d="M10.4 20.7H20.5"></path><path d="M8.1 10.2l5.6 5.6"></path>',
codeBlock: '<path d="M6 5h12a2.5 2.5 0 0 1 2.5 2.5v9a2.5 2.5 0 0 1 -2.5 2.5h-12a2.5 2.5 0 0 1 -2.5 -2.5v-9a2.5 2.5 0 0 1 2.5 -2.5z"></path><path d="M9.9 9.9 7.8 12l2.1 2.1"></path><path d="M14.1 9.9 16.2 12l-2.1 2.1"></path>',
colorText: '<path d="M12 4.4c0 0-4.4 5-4.4 8a4.4 4.4 0 0 0 8.8 0c0-3-4.4-8-4.4-8z"></path><path d="M5 20.4h14" stroke-width="3"></path>',
deleteColumn: '<path d="M9.8 4h4.4a1.8 1.8 0 0 1 1.8 1.8v12.4a1.8 1.8 0 0 1 -1.8 1.8h-4.4a1.8 1.8 0 0 1 -1.8 -1.8v-12.4a1.8 1.8 0 0 1 1.8 -1.8z"></path><path d="M12 2.4v19.2" stroke-width="1.9"></path><path d="M4.6 4.6v14.8" stroke-width="1.3"></path><path d="M19.4 4.6v14.8" stroke-width="1.3"></path>',
deleteRow: '<path d="M5.8 8h12.4a1.8 1.8 0 0 1 1.8 1.8v4.4a1.8 1.8 0 0 1 -1.8 1.8h-12.4a1.8 1.8 0 0 1 -1.8 -1.8v-4.4a1.8 1.8 0 0 1 1.8 -1.8z"></path><path d="M2.4 12h19.2" stroke-width="1.9"></path><path d="M4.6 4.6h14.8" stroke-width="1.3"></path><path d="M4.6 19.4h14.8" stroke-width="1.3"></path>',
deleteTable: '<path d="M5 6h10a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2z"></path><path d="M3 13h14"></path><path d="M10 6v14"></path><path d="M16.9 4.2l4.7 4.7"></path><path d="M21.6 4.2l-4.7 4.7"></path>',
emoji: '<path d="M4 12a8 8 0 1 0 16 0a8 8 0 1 0 -16 0z"></path><path d="M8.350000000000001 10a0.95 0.95 0 1 0 1.9 0a0.95 0.95 0 1 0 -1.9 0z" fill="currentColor" stroke="none"></path><path d="M13.75 10a0.95 0.95 0 1 0 1.9 0a0.95 0.95 0 1 0 -1.9 0z" fill="currentColor" stroke="none"></path><path d="M8.5 14.3a4.1 4.1 0 0 0 7 0"></path>',
export_pdf: '<path d="M6.3999999999999995 3h11.200000000000001a1.8 1.8 0 0 1 1.8 1.8v5.800000000000001a1.8 1.8 0 0 1 -1.8 1.8h-11.200000000000001a1.8 1.8 0 0 1 -1.8 -1.8v-5.800000000000001a1.8 1.8 0 0 1 1.8 -1.8z"></path><path d="M13.2 3v4.2a1.5 1.5 0 0 0 1.5 1.5h4.7"></path><path d="M12 14v6.6"></path><path d="M8.9 17.5 12 20.6l3.1-3.1"></path>',
file: '<path d="M5.5 6h13a2.5 2.5 0 0 1 2.5 2.5v7a2.5 2.5 0 0 1 -2.5 2.5h-13a2.5 2.5 0 0 1 -2.5 -2.5v-7a2.5 2.5 0 0 1 2.5 -2.5z"></path><path d="M7 9h2.5999999999999996a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-2.5999999999999996a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1z"></path><path d="M13.2 11h5"></path><path d="M13.2 15h3.2"></path>',
fontSize: '<path d="M6 7.6v8.8"></path><path d="M4 9.6 6 7.6l2 2"></path><path d="M4 14.4l2 2 2-2"></path><path d="M11.5 8h8.5"></path><path d="M11.5 12h8.5"></path><path d="M11.5 16h5"></path>',
glossary: '<path d="M7 3.4h10a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-3a2 2 0 0 1 2 -2z"></path><path d="M10.9 10.4l1.1 2.2 1.1-2.2"></path><path d="M6.6 16.4h10.8"></path><path d="M6.6 20h10.8" stroke-dasharray="1.8 2.4"></path>',
h2: '<path d="M5 7.2h14" stroke-width="4.6"></path><path d="M5 14.4h13" stroke-width="1.5"></path><path d="M5 19h8.5" stroke-width="1.5"></path>',
h3: '<path d="M5 7.2h9.8" stroke-width="3.6"></path><path d="M5 14.4h13" stroke-width="1.5"></path><path d="M5 19h8.5" stroke-width="1.5"></path>',
h4: '<path d="M5 7.2h6.4" stroke-width="2.6"></path><path d="M5 14.4h13" stroke-width="1.5"></path><path d="M5 19h8.5" stroke-width="1.5"></path>',
hardBreak: '<path d="M20 6.4v5.6a2.5 2.5 0 0 1-2.5 2.5H5"></path><path d="M8.5 11 5 14.5 8.5 18"></path>',
highlight: '<path d="M6.4 6.2h11.2" stroke-width="2.2"></path><path d="M6.6000000000000005 10.4h10.799999999999999a2.2 2.2 0 0 1 2.2 2.2v2.1999999999999993a2.2 2.2 0 0 1 -2.2 2.2h-10.799999999999999a2.2 2.2 0 0 1 -2.2 -2.2v-2.1999999999999993a2.2 2.2 0 0 1 2.2 -2.2z"></path><path d="M7.6 13.7h8.8" stroke-width="2.4"></path><path d="M6.4 20.6h8" stroke-width="2.2"></path>',
hr: '<path d="M5 5.6h14"></path><path d="M5 9h9"></path><path d="M3.5 13h17" stroke-width="2.2"></path><path d="M5 17h14"></path><path d="M5 20.4h6"></path>',
iframe: '<path d="M6 5h12a2.5 2.5 0 0 1 2.5 2.5v9a2.5 2.5 0 0 1 -2.5 2.5h-12a2.5 2.5 0 0 1 -2.5 -2.5v-9a2.5 2.5 0 0 1 2.5 -2.5z"></path><path d="M3.5 9h17"></path><path d="M5.55 7a0.75 0.75 0 1 0 1.5 0a0.75 0.75 0 1 0 -1.5 0z" fill="currentColor" stroke="none"></path><path d="M10.4 11.9l3.6 2.3-3.6 2.3z"></path>',
iframe_custom: '<path d="M6 5h12a2.5 2.5 0 0 1 2.5 2.5v9a2.5 2.5 0 0 1 -2.5 2.5h-12a2.5 2.5 0 0 1 -2.5 -2.5v-9a2.5 2.5 0 0 1 2.5 -2.5z"></path><path d="M3.5 9h17"></path><path d="M5.55 7a0.75 0.75 0 1 0 1.5 0a0.75 0.75 0 1 0 -1.5 0z" fill="currentColor" stroke="none"></path><path d="M9.9 12.4 7.8 14.7l2.1 2.3"></path><path d="M14.1 12.4l2.1 2.3-2.1 2.3"></path>',
iframe_pdf: '<path d="M5.8 3.5h7.4a1.8 1.8 0 0 1 1.8 1.8v13.4a1.8 1.8 0 0 1 -1.8 1.8h-7.4a1.8 1.8 0 0 1 -1.8 -1.8v-13.4a1.8 1.8 0 0 1 1.8 -1.8z"></path><path d="M11 3.5v4h4"></path><path d="M7 12h5" stroke-width="1.3"></path><path d="M7 15.4h4" stroke-width="1.3"></path><path d="M17.9 9.4l2.6 2.6-2.6 2.6"></path>',
iframe_pptx: '<path d="M5.5 4h13a2 2 0 0 1 2 2v7.4a2 2 0 0 1 -2 2h-13a2 2 0 0 1 -2 -2v-7.4a2 2 0 0 1 2 -2z"></path><path d="M7.2 8h7"></path><path d="M7.2 11.3h4.5"></path><path d="M12 15.4v2.7"></path><path d="M8.7 19.7l3.3-1.6 3.3 1.6"></path>',
image: '<path d="M6 5h12a2.5 2.5 0 0 1 2.5 2.5v9a2.5 2.5 0 0 1 -2.5 2.5h-12a2.5 2.5 0 0 1 -2.5 -2.5v-9a2.5 2.5 0 0 1 2.5 -2.5z"></path><path d="M7.199999999999999 9.5a1.4 1.4 0 1 0 2.8 0a1.4 1.4 0 1 0 -2.8 0z" fill="currentColor" stroke="none"></path><path d="M5.1 16.9l4.2-4.7 3 3 2.6-2.6 3.6 4.2"></path>',
insertTable: '<path d="M5.5 5h13a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-13a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2z"></path><path d="M3.5 9.7h17"></path><path d="M3.5 14.3h17"></path><path d="M9.2 5v14"></path><path d="M14.8 5v14"></path>',
insertToggleBlock: '<path d="M5.5 4.4h13a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-13a2 2 0 0 1 -2 -2v-3a2 2 0 0 1 2 -2z"></path><path d="M9.7 7.1 12 9.4l2.3-2.3"></path><path d="M5 15.4h14"></path><path d="M5 19.6h9"></path>',
interactiveImage: '<path d="M6 5h12a2.5 2.5 0 0 1 2.5 2.5v9a2.5 2.5 0 0 1 -2.5 2.5h-12a2.5 2.5 0 0 1 -2.5 -2.5v-9a2.5 2.5 0 0 1 2.5 -2.5z"></path><path d="M6.299999999999999 9.6a1.9 1.9 0 1 0 3.8 0a1.9 1.9 0 1 0 -3.8 0z"></path><path d="M7.4799999999999995 9.6a0.72 0.72 0 1 0 1.44 0a0.72 0.72 0 1 0 -1.44 0z" fill="currentColor" stroke="none"></path><path d="M13.5 9.6a1.9 1.9 0 1 0 3.8 0a1.9 1.9 0 1 0 -3.8 0z"></path><path d="M14.68 9.6a0.72 0.72 0 1 0 1.44 0a0.72 0.72 0 1 0 -1.44 0z" fill="currentColor" stroke="none"></path><path d="M9.9 15.3a1.9 1.9 0 1 0 3.8 0a1.9 1.9 0 1 0 -3.8 0z"></path><path d="M11.08 15.3a0.72 0.72 0 1 0 1.44 0a0.72 0.72 0 1 0 -1.44 0z" fill="currentColor" stroke="none"></path>',
italic: '<path d="M10.6 5.6h6.4"></path><path d="M7 18.4h6.4"></path><path d="M14.3 5.6 9.7 18.4"></path>',
link: '<path d="M10.2 13.4a4.6 4.6 0 0 0 6.9.5l2.7-2.7a4.6 4.6 0 0 0-6.5-6.5l-1.6 1.6"></path><path d="M13.8 10.6a4.6 4.6 0 0 0-6.9-.5l-2.7 2.7a4.6 4.6 0 0 0 6.5 6.5l1.6-1.6"></path>',
mergeOrSplit: '<path d="M5.5 6h13a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-13a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2z"></path><path d="M12 6v3"></path><path d="M12 15v3"></path><path d="M6.6 12h10.8"></path><path d="M9.1 9.5 6.6 12l2.5 2.5"></path><path d="M14.9 9.5 17.4 12l-2.5 2.5"></path>',
orderedList: '<path d="M4.9 6.2l.95-.7v3" stroke-width="1.1"></path><path d="M4.45 11.15a1.02 1.02 0 0 1 1.95.45c0 .75-1.95 1.35-1.95 1.95h2.1" stroke-width="1.1"></path><path d="M4.6 16.1a1 1 0 0 1 1.85.4c0 .5-.45.8-.9.8.5 0 1 .35 1 .9a1.05 1.05 0 0 1-1.95.4" stroke-width="1.1"></path><path d="M10.2 7h8.8"></path><path d="M10.2 12h8.8"></path><path d="M10.2 17h8.8"></path>',
paragraph: '<path d="M8.6 5.6h10.4" stroke-width="1.6"></path><path d="M5 10.2h14" stroke-width="1.6"></path><path d="M5 14.8h14" stroke-width="1.6"></path><path d="M5 19.4h8" stroke-width="1.6"></path>',
pdf: '<path d="M5 11.4V4.8A1.8 1.8 0 0 1 6.8 3h6.4L19 8.8v2.6"></path><path d="M13.2 3v4.2a1.5 1.5 0 0 0 1.5 1.5H19"></path><path d="M4.6 14.9h14.8"></path><path d="M4.6 17.9h14.8"></path><path d="M4.6 20.9h9"></path>',
redo: '<path d="M19.5 8.5H8.7a4.75 4.75 0 0 0 0 9.5h6.7"></path><path d="M15.6 5l3.9 3.5-3.9 3.5"></path>',
screencust: '<path d="M5 4.5h14a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-8a2 2 0 0 1 2 -2z"></path><path d="M12 16.5v3.3"></path><path d="M8.4 19.8h7.2"></path><path d="M9.3 10.5a2.7 2.7 0 1 0 5.4 0a2.7 2.7 0 1 0 -5.4 0z"></path><path d="M11 10.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0z" fill="currentColor" stroke="none"></path>',
strike: '<path d="M16 8.4a3.9 3.9 0 0 0-7 1.1c0 3.6 7 2.2 7 5.7a3.9 3.9 0 0 1-7.2 1.3"></path><path d="M4.4 12h15.2" stroke-width="1.6"></path>',
subscript: '<path d="M6.4 4.4h5.199999999999999a2 2 0 0 1 2 2v5.199999999999999a2 2 0 0 1 -2 2h-5.199999999999999a2 2 0 0 1 -2 -2v-5.199999999999999a2 2 0 0 1 2 -2z"></path><path d="M16.8 15h1.7999999999999998a1.4 1.4 0 0 1 1.4 1.4v1.7999999999999998a1.4 1.4 0 0 1 -1.4 1.4h-1.7999999999999998a1.4 1.4 0 0 1 -1.4 -1.4v-1.7999999999999998a1.4 1.4 0 0 1 1.4 -1.4z"></path>',
superscript: '<path d="M6.4 10.4h5.199999999999999a2 2 0 0 1 2 2v5.199999999999999a2 2 0 0 1 -2 2h-5.199999999999999a2 2 0 0 1 -2 -2v-5.199999999999999a2 2 0 0 1 2 -2z"></path><path d="M16.8 4.4h1.7999999999999998a1.4 1.4 0 0 1 1.4 1.4v1.7999999999999998a1.4 1.4 0 0 1 -1.4 1.4h-1.7999999999999998a1.4 1.4 0 0 1 -1.4 -1.4v-1.7999999999999998a1.4 1.4 0 0 1 1.4 -1.4z"></path>',
toggleHeaderCell: '<path d="M5.5 5h13a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-13a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2z"></path><path d="M3.5 10h17"></path><path d="M9.2 10v9"></path><path d="M14.8 10v9"></path><path d="M5.6 7.5h12.8" stroke-width="3"></path>',
toggleTableBorders: '<path d="M5.5 5h13a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-13a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2z"></path><path d="M3.5 12h17" stroke-dasharray="1.8 2.4"></path><path d="M12 5v14" stroke-dasharray="1.8 2.4"></path>',
underline: '<path d="M7.6 5.4v6.9a4.4 4.4 0 0 0 8.8 0V5.4"></path><path d="M6.2 20.2h11.6" stroke-width="1.6"></path>',
undo: '<path d="M4.5 8.5h10.8a4.75 4.75 0 0 1 0 9.5H8.6"></path><path d="M8.4 5 4.5 8.5 8.4 12"></path>',
video: '<path d="M5.2 5.5h13.6a2.2 2.2 0 0 1 2.2 2.2v8.6a2.2 2.2 0 0 1 -2.2 2.2h-13.6a2.2 2.2 0 0 1 -2.2 -2.2v-8.6a2.2 2.2 0 0 1 2.2 -2.2z"></path><path d="M7.2 5.5v13"></path><path d="M16.8 5.5v13"></path><path d="M3 12h4.2"></path><path d="M16.8 12h4.2"></path><path d="M10.6 9.5l3.6 2.5-3.6 2.5z"></path>',
voicemessage: '<path d="M12 3.4h0a2.6 2.6 0 0 1 2.6 2.6v4.3999999999999995a2.6 2.6 0 0 1 -2.6 2.6h0a2.6 2.6 0 0 1 -2.6 -2.6v-4.3999999999999995a2.6 2.6 0 0 1 2.6 -2.6z"></path><path d="M6.5 11.6a5.5 5.5 0 0 0 11 0"></path><path d="M12 17.1v3.3"></path><path d="M9 20.4h6"></path>',
webcamera: '<path d="M6 6h12a2.5 2.5 0 0 1 2.5 2.5v7a2.5 2.5 0 0 1 -2.5 2.5h-12a2.5 2.5 0 0 1 -2.5 -2.5v-7a2.5 2.5 0 0 1 2.5 -2.5z"></path><path d="M8.7 12a3.3 3.3 0 1 0 6.6 0a3.3 3.3 0 1 0 -6.6 0z"></path><path d="M16.3 8.7a0.8 0.8 0 1 0 1.6 0a0.8 0.8 0 1 0 -1.6 0z" fill="currentColor" stroke="none"></path>',
}
export default ICONS
/**
* Иконка панели.
*
* Обёртка одна на весь набор: viewBox, толщина штриха и скругления заданы
* здесь, а не в каждом файле. Добавили иконку не по сетке — она всё равно
* нарисуется в общем масштабе.
*
* Рисунок 20×20 внутри кнопки 32×32 — полезная площадь из макета.
*/
export const Icon = ({ type, size = 20 }) => {
const body = ICONS[type]
if (!body) {
return null
}
return (
<svg
className="qicon-svg"
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
aria-hidden="true"
focusable="false"
dangerouslySetInnerHTML={{ __html: body }}
/>
)
}
src/index.scss
View file @ d131f8a5
......@@ -253,6 +253,11 @@ body{
}
// ── Панель ───────────────────────────────────────────────────────────
//
// Геометрия из макета: кнопка 32×32, зазор внутри группы 2, отбивка
// между группами 8 + разделитель 1 + 8, поля панели 4/9. На 1600 px
// сорок кнопок укладываются в один ряд высотой 42.
&-toolbar{
display: flex;
flex-wrap: wrap;
......@@ -260,32 +265,65 @@ body{
position: sticky;
top: 0;
flex-direction: row;
border-radius: 4px 4px 0 0;
border: 1px solid #ccc;
align-items: center;
border-radius: 8px 8px 0 0;
border: 1px solid #E3E7EC;
background-color: #ffffff;
box-shadow: 0 -3px 0 3px #ffffff;
padding: 6px;
padding: 4px 9px;
z-index: var(--atma-toolbar-z-index, 10);
grid-gap: 5px;
gap: 2px;
&-g{
display: flex;
flex-direction: row;
align-items: center;
gap: 2px;
// Группа с подписью: четыре возможности, которыми не пользовались
// ни разу. Рамка и слово рядом делают их отдельной вещью,
// а не продолжением ряда медиа-кнопок.
&.has-label{
border: 1px solid #E3E7EC;
border-radius: 10px;
padding: 1px 4px 1px 2px;
margin: 0 4px;
}
&-label{
display: none;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #6B7280;
white-space: nowrap;
padding: 0 8px 0 6px;
// Подпись занимает 96 px и появляется только там, где панель
// и без неё укладывается в один ряд.
@media (min-width: 1280px){
display: inline;
}
}
.qseparator{
width: 1px;
height: 18px;
background-color: #CCD1D9;
margin: 0 6px;
height: 20px;
background-color: #E3E7EC;
margin: 0 8px;
flex-shrink: 0;
}
}
// Второго вида разделителя больше нет: два почти одинаковых
// волосяных штриха группировку не показывали, а мешали друг другу.
// Остался один — 1×20 с полями по 8.
&-thin-sep{
width: 1px;
height: 18px;
background-color: rgba(0, 0, 0, 0.06);
height: 20px;
background-color: #E3E7EC;
margin: 0 8px;
flex-shrink: 0;
align-self: center;
}
......@@ -311,11 +349,26 @@ body{
}
}
// Кнопка со списком: сама выполняет главное действие группы,
// каретка открывает остальное. Каретка отбита от иконки волосяной
// линией и полем 4 — так сразу видно, что кнопка составная.
&-s{
$this: &;
position: relative;
padding-right: 5px;
display: flex;
align-items: center;
padding-right: 14px;
margin-right: 0;
border-radius: 8px;
cursor: pointer;
&:hover{
background-color: #EDF1F6;
.qicon:not(.active){
background-color: transparent;
}
}
.qseparator{
display: block;
......@@ -325,36 +378,66 @@ body{
&-opts{
position: absolute;
clip: rect(0,0,0,0);
border-radius: 8px;
box-shadow: 0 16px 24px 0 rgba(0,0,0,0.2);
width: 260px;
border: 1px solid #E3E7EC;
border-radius: 12px;
box-shadow: 0 12px 32px 0 rgba(15, 20, 25, 0.12);
background-color: #fff;
padding: 8px;
padding: 6px;
right: 42%;
transform: translateX(50%);
z-index: 10;
// Пункт: иконка 20 и подпись словами. Высота 34 —
// достаточно, чтобы попасть мышью, и не превращает список
// из одиннадцати пунктов в простыню.
&-item{
display: flex;
align-items: center;
gap: 10px;
height: 34px;
padding: 0 10px;
border-radius: 8px;
color: #0F1419;
cursor: pointer;
padding-right: 8px;
.qicon-svg{
flex-shrink: 0;
color: #0F1419;
}
&:hover{
opacity: 0.6;
background-color: #EDF1F6;
}
span{
font-size: 1em;
font-size: 13.5px;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
&.active{
opacity: 0.4;
background-color: #1790FF;
color: #FFFFFF;
.qicon-svg{
color: #FFFFFF;
}
}
&.disabled{
opacity: 0.6;
color: #B7BFC9;
cursor: default;
.qicon-svg{
color: #B7BFC9;
}
&:hover{
background-color: transparent;
}
}
&[data-type="h2"]{
......@@ -386,18 +469,31 @@ body{
}
}
// Каретка 10×6 и волосяная линия слева от неё: кнопка составная,
// и это должно быть видно, а не угадываться.
&:before{
content: '';
position: absolute;
right: 14px;
top: 50%;
width: 1px;
height: 16px;
margin-top: -8px;
background-color: #E3E7EC;
}
&:after{
content: '';
display: inline-block;
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%228%22%20height%3D%225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.664%204.709c.132%200%20.254-.05.351-.156L6.992%201.51a.433.433%200%200%200%20.129-.32c0-.254-.2-.454-.45-.454a.464.464%200%200%200-.328.137L3.663%203.62.984.873A.471.471%200%200%200%20.657.736c-.254%200-.453.2-.453.453%200%20.125.047.235.132.32l2.977%203.044a.472.472%200%200%200%20.352.156z%22%20fill%3D%22%23AAB2BD%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;
background-position: 0 0;
width: 7px;
height: 5px;
width: 10px;
height: 6px;
position: absolute;
top: 50%;
right: 0;
margin-top: -2px;
right: 2px;
margin-top: -3px;
background-color: #6B7280;
clip-path: polygon(0 0, 100% 0, 50% 100%);
transition: transform .12s ease;
}
&.show{
......@@ -411,31 +507,65 @@ body{
}
}
// ── Кнопка панели ────────────────────────────────────────────────
//
// Шесть состояний из макета. Ключевая правка: наведение больше
// не гасит иконку прозрачностью — под ней появляется подложка,
// а сама иконка остаётся чёрной. Тускнеющая иконка читается как
// «кнопка выключилась», а не «сюда можно нажать».
//
// Цветом управляет `color`: иконка — дочерний <svg> со stroke
// currentColor (см. src/icons.js). С прежними background-image
// это было невозможно, поэтому активное состояние и было серым.
//
// Размер один на все кнопки — 32×32. Раньше блок кода имел
// width: 46px, а PPTX margin-top: 4px, потому что их картинки были
// разной пропорции; теперь все на сетке 24×24.
.qicon{
width: 28px;
height: 28px;
background-repeat: no-repeat;
background-position: center;
margin-right: 2px;
//background-color: tomato;
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
border-radius: 8px;
color: #0F1419;
background-color: transparent;
transition: background-color .12s ease, color .12s ease;
&.active{
background-color: #edeef0;
border-radius: 4px;
.qicon-svg{
display: block;
pointer-events: none;
}
&.disabled{
opacity: 0.5;
cursor: not-allowed !important;
&:hover{
cursor: pointer;
background-color: #EDF1F6;
}
&:hover {
opacity: 0.5 !important;
&:active{
background-color: #E2E7EE;
}
// Единственное состояние с цветом: форматирование применено
// к выделению. Серым его не показать — спутается с наведением.
&.active{
background-color: #1790FF;
color: #FFFFFF;
&:hover{
background-color: #1790FF;
}
}
&.disabled{
color: #B7BFC9;
background-color: transparent;
cursor: default !important;
&:hover{
cursor: pointer;
opacity: 0.8;
background-color: transparent;
}
}
}
......@@ -1249,203 +1379,6 @@ body{
.qicon{
&.qbuttonLink{
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.25' y='4' width='13.5' height='10' rx='2.6' stroke='%231D1D1F' stroke-width='1.4'/%3E%3Cpath d='M5.2 9H8.8' stroke='%231D1D1F' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpath d='M10.3 7.4H11.7C12.42 7.4 13 7.98 13 8.7C13 9.42 12.42 10 11.7 10H10.3' stroke='%231D1D1F' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M9.8 10.9L11.1 9.6' stroke='%231D1D1F' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
}
&.qfontSize{
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.2 13.8L6.84 5.4H7.98L10.62 13.8H9.51L8.88 11.76H5.91L5.28 13.8H4.2ZM6.15 10.86H8.64L7.41 6.84L6.15 10.86ZM11.58 13.8V8.43H12.6V9.12C13.02 8.58 13.59 8.31 14.34 8.31C14.73 8.31 15.09 8.4 15.39 8.58C15.69 8.76 15.93 9.03 16.08 9.39C16.23 9.75 16.32 10.17 16.32 10.65C16.32 11.16 16.23 11.61 16.05 12C15.87 12.39 15.6 12.69 15.24 12.9C14.88 13.11 14.49 13.2 14.07 13.2C13.47 13.2 12.99 12.99 12.66 12.6V13.8H11.58ZM12.6 10.74C12.6 11.37 12.72 11.82 12.96 12.12C13.2 12.42 13.5 12.57 13.89 12.57C14.28 12.57 14.61 12.42 14.88 12.09C15.15 11.76 15.27 11.28 15.27 10.62C15.27 10.02 15.15 9.57 14.91 9.27C14.67 8.97 14.37 8.82 14.01 8.82C13.65 8.82 13.32 8.97 13.05 9.3C12.75 9.6 12.6 10.08 12.6 10.74Z' fill='%231D1D1F'/%3E%3C/svg%3E");
}
&.qemoji{
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='7.25' stroke='%231D1D1F' stroke-width='1.5'/%3E%3Ccircle cx='6.1' cy='7' r='1' fill='%231D1D1F'/%3E%3Ccircle cx='11.9' cy='7' r='1' fill='%231D1D1F'/%3E%3Cpath d='M5.75 10.4C6.4 11.65 7.57 12.25 9 12.25C10.43 12.25 11.6 11.65 12.25 10.4' stroke='%231D1D1F' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
&.qglossary{
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0iYmxhY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNS40Mjg2IDAuNzM0Mzc2SDExLjM0MjlDMTAuNDY2MSAwLjczNDM3NiA5LjYwODkzIDAuOTg2MTYxIDguODcxNDMgMS40NjExNkw4IDIuMDIwMDlMNy4xMjg1NyAxLjQ2MTE2QzYuMzkxODEgMC45ODYyNTIgNS41MzM3MSAwLjczMzkwNyA0LjY1NzE0IDAuNzM0Mzc2SDAuNTcxNDI5QzAuMjU1MzU3IDAuNzM0Mzc2IDAgMC45ODk3MzMgMCAxLjMwNThWMTEuNDQ4N0MwIDExLjc2NDcgMC4yNTUzNTcgMTIuMDIwMSAwLjU3MTQyOSAxMi4wMjAxSDQuNjU3MTRDNS41MzM5MyAxMi4wMjAxIDYuMzkxMDcgMTIuMjcxOSA3LjEyODU3IDEyLjc0NjlMNy45MjE0MyAxMy4yNTc2QzcuOTQ0NjQgMTMuMjcxOSA3Ljk3MTQzIDEzLjI4MDggNy45OTgyMSAxMy4yODA4QzguMDI1IDEzLjI4MDggOC4wNTE3OSAxMy4yNzM3IDguMDc1IDEzLjI1NzZMOC44Njc4NiAxMi43NDY5QzkuNjA3MTQgMTIuMjcxOSAxMC40NjYxIDEyLjAyMDEgMTEuMzQyOSAxMi4wMjAxSDE1LjQyODZDMTUuNzQ0NiAxMi4wMjAxIDE2IDExLjc2NDcgMTYgMTEuNDQ4N1YxLjMwNThDMTYgMC45ODk3MzMgMTUuNzQ0NiAwLjczNDM3NiAxNS40Mjg2IDAuNzM0Mzc2Wk00LjY1NzE0IDEwLjczNDRIMS4yODU3MVYyLjAyMDA5SDQuNjU3MTRDNS4yODkyOSAyLjAyMDA5IDUuOTAzNTcgMi4yMDA0NSA2LjQzMzkzIDIuNTQxNTJMNy4zMDUzNiAzLjEwMDQ1TDcuNDI4NTcgMy4xODA4VjExLjQzMDhDNi41Nzg1NyAxMC45NzM3IDUuNjI4NTcgMTAuNzM0NCA0LjY1NzE0IDEwLjczNDRaTTE0LjcxNDMgMTAuNzM0NEgxMS4zNDI5QzEwLjM3MTQgMTAuNzM0NCA5LjQyMTQzIDEwLjk3MzcgOC41NzE0MyAxMS40MzA4VjMuMTgwOEw4LjY5NDY0IDMuMTAwNDVMOS41NjYwNyAyLjU0MTUyQzEwLjA5NjQgMi4yMDA0NSAxMC43MTA3IDIuMDIwMDkgMTEuMzQyOSAyLjAyMDA5SDE0LjcxNDNWMTAuNzM0NFpNNS45NDQ2NCA0LjMwNThIMi42MjY3OUMyLjU1NzE0IDQuMzA1OCAyLjUgNC4zNjY1MiAyLjUgNC40Mzk3M1Y1LjI0MzNDMi41IDUuMzE2NTIgMi41NTcxNCA1LjM3NzIzIDIuNjI2NzkgNS4zNzcyM0g1Ljk0Mjg2QzYuMDEyNSA1LjM3NzIzIDYuMDY5NjQgNS4zMTY1MiA2LjA2OTY0IDUuMjQzM1Y0LjQzOTczQzYuMDcxNDMgNC4zNjY1MiA2LjAxNDI5IDQuMzA1OCA1Ljk0NDY0IDQuMzA1OFpNOS45Mjg1NyA0LjQzOTczVjUuMjQzM0M5LjkyODU3IDUuMzE2NTIgOS45ODU3MSA1LjM3NzIzIDEwLjA1NTQgNS4zNzcyM0gxMy4zNzE0QzEzLjQ0MTEgNS4zNzcyMyAxMy40OTgyIDUuMzE2NTIgMTMuNDk4MiA1LjI0MzNWNC40Mzk3M0MxMy40OTgyIDQuMzY2NTIgMTMuNDQxMSA0LjMwNTggMTMuMzcxNCA0LjMwNThIMTAuMDU1NEM5Ljk4NTcxIDQuMzA1OCA5LjkyODU3IDQuMzY2NTIgOS45Mjg1NyA0LjQzOTczWk01Ljk0NDY0IDYuODA1OEgyLjYyNjc5QzIuNTU3MTQgNi44MDU4IDIuNSA2Ljg2NjUyIDIuNSA2LjkzOTczVjcuNzQzM0MyLjUgNy44MTY1MiAyLjU1NzE0IDcuODc3MjMgMi42MjY3OSA3Ljg3NzIzSDUuOTQyODZDNi4wMTI1IDcuODc3MjMgNi4wNjk2NCA3LjgxNjUyIDYuMDY5NjQgNy43NDMzVjYuOTM5NzNDNi4wNzE0MyA2Ljg2NjUyIDYuMDE0MjkgNi44MDU4IDUuOTQ0NjQgNi44MDU4Wk0xMy4zNzMyIDYuODA1OEgxMC4wNTU0QzkuOTg1NzEgNi44MDU4IDkuOTI4NTcgNi44NjY1MiA5LjkyODU3IDYuOTM5NzNWNy43NDMzQzkuOTI4NTcgNy44MTY1MiA5Ljk4NTcxIDcuODc3MjMgMTAuMDU1NCA3Ljg3NzIzSDEzLjM3MTRDMTMuNDQxMSA3Ljg3NzIzIDEzLjQ5ODIgNy44MTY1MiAxMy40OTgyIDcuNzQzM1Y2LjkzOTczQzEzLjUgNi44NjY1MiAxMy40NDI5IDYuODA1OCAxMy4zNzMyIDYuODA1OFoiICBzdHlsZT0iZmlsbC1vcGFjaXR5OjE7Ii8+Cjwvc3ZnPgo=');
}
&.qbold{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2210%22%20height%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.021%2013h4c2.698%200%204.297-1.327%204.297-3.56%200-1.687-1.107-2.9-2.83-3.12v-.07C7.71%206.03%208.677%204.8%208.677%203.481c0-1.898-1.468-3.164-3.639-3.164H1.021c-.483%200-.79.317-.79.818v11.048c0%20.5.307.817.79.817zm.792-7.216v-4.07h2.865c1.538%200%202.4.695%202.4%201.952%200%201.371-1.02%202.118-2.892%202.118H1.813zm0%205.819V7.146h2.82c2.022%200%203.06.748%203.06%202.215%200%201.468-1.003%202.242-2.91%202.242h-2.97z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
}
&.qparagraph{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M1.274%2013.123c.396%200%20.624-.185.774-.606L3.164%209.37h5.019l1.125%203.147c.149.421.378.606.773.606.457%200%20.791-.29.791-.694%200-.115-.026-.246-.097-.44L6.688.95c-.193-.518-.51-.756-.993-.756-.518%200-.843.246-1.037.765L.58%2011.989c-.07.194-.097.325-.097.44%200%20.404.334.694.791.694zm2.347-5.098%202.03-5.783h.053l2.03%205.783H3.621zM15.012%2013.158c1.23%200%202.4-.685%202.944-1.731h.035v.958c0%20.457.299.773.73.773.422%200%20.72-.316.72-.773V6.68c0-1.82-1.353-2.98-3.498-2.98-1.485%200-2.82.66-3.34%201.661-.123.22-.184.44-.184.633%200%20.413.281.686.677.686.29%200%20.492-.115.633-.37.51-.905%201.186-1.265%202.18-1.265%201.265%200%202.003.668%202.003%201.784v.765l-2.628.15c-2.11.122-3.313%201.107-3.313%202.671%200%201.644%201.221%202.742%203.04%202.742zm.342-1.3c-1.098%200-1.828-.572-1.828-1.442%200-.861.703-1.406%201.934-1.485l2.452-.15v.747c0%201.319-1.116%202.33-2.558%202.33z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qh2{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M.685%2011.034c.402%200%20.659-.264.659-.681V6.119h5.8v4.234c0%20.417.257.68.66.68s.659-.263.659-.68V.94c0-.418-.256-.681-.66-.681-.402%200-.658.263-.658.68v3.993H1.344V.94c0-.418-.257-.681-.66-.681C.283.26.026.523.026.94v9.413c0%20.417.257.68.66.68zM11.246%2010.931h5.823c.373%200%20.622-.234.622-.586%200-.351-.249-.586-.622-.586h-4.615V9.73l2.652-2.725c1.809-1.853%202.336-2.724%202.336-3.881%200-1.707-1.377-2.937-3.281-2.937-2.16%200-3.325%201.406-3.48%202.49a1.537%201.537%200%200%200-.021.263c0%20.345.22.586.608.586.359%200%20.505-.19.593-.461.359-1.135%201.157-1.729%202.3-1.729%201.135%200%201.963.791%201.963%201.868%200%20.886-.337%201.45-1.758%202.937l-3.384%203.53c-.315.33-.373.447-.373.718%200%20.33.249.542.637.542z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qh3{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M.685%2011.034c.402%200%20.659-.264.659-.681V6.119h5.8v4.234c0%20.417.257.68.66.68s.659-.263.659-.68V.94c0-.418-.256-.681-.66-.681-.402%200-.658.263-.658.68v3.993H1.344V.94c0-.418-.257-.681-.66-.681C.283.26.026.523.026.94v9.413c0%20.417.257.68.66.68zM14.205%2011.107c2.073%200%203.67-1.267%203.67-3.084%200-1.501-1.048-2.46-2.586-2.592V5.4c1.325-.278%202.241-1.179%202.241-2.49%200-1.509-1.223-2.724-3.34-2.724-1.465%200-2.585.607-3.142%201.662a1.71%201.71%200%200%200-.22.85c0%20.38.213.6.586.6.33%200%20.462-.139.594-.52.38-.96%201.018-1.45%202.182-1.45%201.355%200%202.014.71%202.014%201.758%200%201.055-.879%201.831-2.138%201.831h-.784c-.352%200-.593.227-.593.557%200%20.33.241.556.593.556h.842c1.487%200%202.417.733%202.41%202.036-.007%201.106-.938%201.897-2.33%201.897-1.274%200-2.028-.534-2.38-1.443-.139-.358-.307-.52-.607-.52-.381%200-.608.25-.608.616%200%20.285.073.549.241.842.638%201.084%201.78%201.648%203.355%201.648z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qh4{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M.685%2011.034c.402%200%20.659-.264.659-.681V6.119h5.8v4.234c0%20.417.257.68.66.68s.659-.263.659-.68V.94c0-.418-.256-.681-.66-.681-.402%200-.658.263-.658.68v3.993H1.344V.94c0-.418-.257-.681-.66-.681C.283.26.026.523.026.94v9.413c0%20.417.257.68.66.68zM16.31%2011.056c.373%200%20.637-.279.637-.681V8.727h.967c.351%200%20.615-.227.615-.579s-.264-.579-.615-.579h-.967V1.263c0-.681-.374-1.04-1.077-1.04-.578%200-.923.256-1.516%201.113-1.487%202.132-2.944%204.285-3.706%205.647-.242.433-.315.66-.315.996%200%20.455.293.748.762.748h4.577v1.648c0%20.402.264.68.638.68zm-.638-3.487h-4.02V7.54c.856-1.501%202.043-3.245%203.998-6.042h.022v6.071z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qitalic{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.362%203.27a1.065%201.065%200%200%200%201.275-.789%201.059%201.059%200%200%200-.8-1.267%201.057%201.057%200%200%200-1.265.79c-.13.562.229%201.136.79%201.265zM1.654%2015.001c.485.112.91-.17%201.032-.694L4.64%205.839c.12-.523-.138-.964-.624-1.076-.485-.112-.911.17-1.032.694L1.03%2013.926c-.12.523.138.964.624%201.076z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
}
&.qstrike{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M5.388%2013.21c2.839%200%204.684-1.467%204.684-3.814%200-1.792-1.046-2.847-3.691-3.427L4.975%205.66c-1.732-.378-2.409-1.063-2.409-2.065%200-1.292%201.222-2.066%202.804-2.066%201.371%200%202.417.563%202.857%201.846.14.404.386.615.79.615.422%200%20.721-.281.721-.712%200-.167-.017-.299-.044-.395C9.237%201.17%207.532.106%205.414.106%202.786.106.94%201.574.94%203.666c0%201.802%201.1%202.953%203.64%203.507l1.405.307c1.758.387%202.461%201.09%202.461%202.154%200%201.248-1.248%202.153-2.97%202.153-1.6%200-2.848-.615-3.235-1.925-.123-.422-.369-.624-.764-.624-.449%200-.73.317-.73.818%200%20.184.035.378.088.553.475%201.53%202.17%202.602%204.553%202.602z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M1.43%206.726h8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qunderline{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2218%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ctext%20font-family%3D%22SFProRounded-Regular%2C%20SF%20Pro%20Rounded%22%20font-size%3D%2215%22%20fill%3D%22%231D1D1F%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctspan%20x%3D%220%22%20y%3D%2214%22%3EU%3C%2Ftspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Ftext%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M1.43%2016.727h8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qcodeBlock{
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNjIwLjAwMDAwMHB0IiBoZWlnaHQ9IjM5NS4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDYyMC4wMDAwMDAgMzk1LjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsMzk1LjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTM4ODUgMzAwMSBsLTYwIC02IDQgLTI2MSBjMiAtMTQ0IDEgLTI2NyAtMyAtMjczIC01IC04IC0yNSA0IC01OQozNSAtMTAyIDkzIC0yMjUgMTI0IC0zNTcgOTAgLTgzIC0yMSAtMTQzIC01NyAtMjAxIC0xMTcgLTE4NCAtMTkzIC0xODQgLTUzOQoxIC03MjkgMTYyIC0xNjYgNDA0IC0xNzMgNTc4IC0xNiBsNTIgNDggMCAtNDAgYzAgLTIyIDMgLTUzIDYgLTcwIGw2IC0zMCAxMDIKMSAxMDEgMiAtNSAxNzUgYy02IDIyMyAtMyA2NTAgOCA5NDUgNSAxMjcgNiAyMzYgNCAyNDMgLTQgMTMgLTY0IDE0IC0xNzcgM3oKbS0yNTMgLTYwMyBjNTMgLTE2IDEyNCAtODAgMTU1IC0xNDIgMzQgLTY3IDQzIC0xODEgMTkgLTI1MyAtMjMgLTY4IC02OSAtMTI4Ci0xMjQgLTE2MSAtNDAgLTIzIC01OCAtMjcgLTEyMiAtMjcgLTExOCAxIC0xOTIgNTMgLTI0OCAxNzMgLTIxIDQ3IC0yNCA2NAotMjAgMTM2IDMgNTggMTEgOTQgMjcgMTI2IDY1IDEyNyAxODggMTg2IDMxMyAxNDh6Ii8+CjxwYXRoIGQ9Ik05NzUgMjU2MyBjLTEyOCAtMTA0IC0xOTggLTE1MiAtMzM1IC0yMzEgbC04NSAtNDkgMCAtODMgMCAtODMgMTE1Ci02NiBjMTE4IC02OCAxODQgLTExNCAzMjUgLTIzMSA0NCAtMzYgODUgLTY5IDkyIC03NCA4IC00IDI0IDE3IDQ5IDY1IGwzNiA3MgotNjYgNjMgYy03MyA3MCAtMjE1IDE2OCAtMzE4IDIyMCAtMzcgMTkgLTY4IDM2IC02OCAzOCAwIDIgMzMgMjAgNzQgMzkgMTQxCjY3IDM3NiAyNDQgMzc2IDI4MyAwIDE5IC01OCAxMzQgLTY4IDEzNCAtNCAwIC02MSAtNDQgLTEyNyAtOTd6Ii8+CjxwYXRoIGQ9Ik01MTcyIDI1OTUgYy0zOCAtNzggLTM4IC03OSA0NyAtMTU3IDc3IC03MiAxNzggLTEzOSAyODUgLTE4OSA0NwotMjIgODYgLTQyIDg2IC00NCAwIC0zIC0yMiAtMTYgLTQ5IC0zMCAtOTAgLTQ1IC0zMTYgLTIwMiAtMzU5IC0yNDkgbC00MyAtNDcKMzYgLTY3IGMyMSAtMzcgMzggLTY4IDQwIC03MCAyIC0yIDQ4IDM1IDEwNCA4MSAxMTcgOTggMjMzIDE3OCAzNDYgMjM4IDQ0IDI0CjgzIDQ4IDg4IDUzIDQgNiA2IDQ3IDUgOTEgbC0zIDc5IC04MCA0NCBjLTEwNCA1NyAtMjIzIDE0MCAtMzU4IDI0NyAtNTkgNDcKLTEwOCA4NSAtMTEwIDg1IC0xIDAgLTE3IC0yOSAtMzUgLTY1eiIvPgo8cGF0aCBkPSJNMTYwNSAyNTk2IGMtMjA2IC01MCAtMzU1IC0yNTQgLTM1NSAtNDg2IDAgLTE0NyA0NSAtMjU1IDE1MCAtMzYxCjE0MCAtMTQxIDMxNCAtMTczIDUxOSAtOTcgbDU0IDIwIC02IDY3IGMtMyAzNiAtMTEgODAgLTE3IDk4IGwtMTEgMzEgLTU3IC0yNgpjLTc2IC0zNiAtMTg2IC0zOCAtMjQ4IC01IC01MyAyOCAtMTA5IDg3IC0xMzcgMTQzIC0zMiA2NSAtMzEgMTk1IDIgMjYyIDcxCjE0NiAyMTEgMjAxIDM2NiAxNDQgNzggLTI4IDc3IC0yOSAxMDAgNDkgMjcgOTIgMjYgOTYgLTMzIDEyNiAtOTQgNDcgLTIyMSA2MQotMzI3IDM1eiIvPgo8cGF0aCBkPSJNNDUzMCAyNTk3IGMtODIgLTIzIC0xNDEgLTYxIC0yMDUgLTEyOCAtMTA5IC0xMTYgLTE1MyAtMjQyIC0xNDIKLTQwNyA3IC0xMTEgMjcgLTE3NCA3OSAtMjUyIDUwIC03NiAxMzQgLTE0MCAyMjAgLTE3MCA3NyAtMjYgMjEzIC0zNiAyOTMgLTIxCjgwIDE1IDE5MSA3MCAyMzkgMTIwIGw0MCA0MSAtMzQgNzAgYy0xOSAzOCAtMzUgNzAgLTM3IDcwIC0xIDAgLTMwIC0xOCAtNjMKLTM5IC04OCAtNTcgLTE1MCAtNzYgLTI1MCAtNzYgLTkyIDAgLTE0NSAxOSAtMjAzIDc0IC0yOCAyNSAtNjcgOTAgLTY3IDExMCAwCjUgMjggMTIgNjMgMTUgMzQgMyAxNjMgMTUgMjg2IDI3IDIzMCAyMSAyODEgMzIgMzAwIDY3IDI3IDUxIDMgMjAzIC00NiAyOTQKLTM5IDcyIC0xMzkgMTYxIC0yMTAgMTg4IC03MSAyNyAtMTk5IDM1IC0yNjMgMTd6IG0xNzUgLTE5NiBjOTQgLTQyIDE2NCAtMTc5CjEwMSAtMTk1IC00NiAtMTEgLTI4MSAtMzYgLTM0MyAtMzYgbC02MyAwIDAgMzcgYzAgNzcgNzEgMTcwIDE1MSAxOTkgNDkgMTgKMTA4IDE2IDE1NCAtNXoiLz4KPHBhdGggZD0iTTI0MDIgMjU4NSBjLTE0OCAtNDIgLTI3MiAtMTU3IC0zMjQgLTMwMiAtMjYgLTczIC0zNCAtMjA5IC0xOSAtMjg2CjI4IC0xMzAgMTM3IC0yNzkgMjQ4IC0zMzYgMTM1IC02OCAzMDMgLTY2IDQzNSA2IDYyIDM0IDE1OCAxMzQgMTkyIDIwMSA2OAoxMzUgNzUgMzExIDE2IDQ0NyAtNDYgMTA1IC0xNjAgMjE0IC0yNjcgMjU1IC03NSAyOSAtMjA4IDM2IC0yODEgMTV6IG0yMzQKLTIxMyBjNDkgLTI1IDEwMSAtODEgMTI0IC0xMzYgNzkgLTE4MiAtMzIgLTQwNCAtMjExIC00MjMgLTExNCAtMTEgLTIwMiA0MAotMjU5IDE1MSAtMzEgNjEgLTM1IDc3IC0zNCAxNDUgMSAxMzkgNzIgMjQyIDE5NCAyODIgNDEgMTQgMTQyIDMgMTg2IC0xOXoiLz4KPC9nPgo8L3N2Zz4K');
background-size: contain;
width: 46px;
}
&.qiframe_pptx{
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNTEyLjAwMDAwMHB0IiBoZWlnaHQ9IjUxMi4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDUxMi4wMDAwMDAgNTEyLjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsNTEyLjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTgzMCA1MTA0IGMtNDIgLTE4IC04NiAtNTggLTEwOCAtOTkgLTE1IC0yNyAtMTcgLTEwOSAtMjAgLTg3MSBsLTMKLTg0MiAtOTIgLTQgYy0xMTIgLTUgLTE3OSAtMzIgLTIzNSAtOTIgLTgxIC04OCAtNzcgLTM5IC03NyAtOTQ2IDAgLTgwMSAwCi04MDUgMjEgLTg1MSA1NCAtMTE2IDE0MCAtMTY5IDI5MSAtMTc3IGw5MiAtNSAzIC01MzYgYzMgLTU4OCAxIC01NjIgNjUgLTYyMwo2NSAtNjIgLTYxIC01OCAxNzkzIC01OCAxODU0IDAgMTcyOCAtNCAxNzkzIDU4IDY0IDYxIDYyIDM1IDY1IDYyMyBsMyA1MzYgOTIKNSBjMTUxIDggMjM3IDYxIDI5MSAxNzcgMjEgNDYgMjEgNTAgMjEgODUxIDAgOTA3IDQgODU4IC03NyA5NDYgLTU2IDYwIC0xMjMKODcgLTIzNSA5MiBsLTkzIDQgLTEgMzAyIGMtMSAxNjUgLTQgMzEyIC04IDMyNiAtOCAzMCAtOTk0IDExNjAgLTEwMzMgMTE4NAotMjQgMTUgLTEzOCAxNiAtMTI3MCAxNiAtMTA4OCAtMSAtMTI0NyAtMyAtMTI3OCAtMTZ6IG0yNDAwIC03MTQgbDAgLTUzMCAyOQotMzIgMjkgLTMzIDQ2NiAtMyA0NjYgLTMgMCAtMjQ5IDAgLTI1MCAtMTY2MCAwIC0xNjYwIDAgMCA4MTUgMCA4MTUgMTE2NSAwCjExNjUgMCAwIC01MzB6IG0tMTk2NSAtMTU0NSBjMTQyIC0zMCAyMzMgLTEwMCAyNzYgLTIxNCAyOSAtNzggMjQgLTIwMiAtMTIKLTI4MSAtNjYgLTE0MSAtMjIzIC0yMTkgLTQ0NiAtMjIwIGwtNzMgMCAwIC0xOTUgMCAtMTk1IC0xMjUgMCAtMTI1IDAgMCA1NDkKMCA1NDkgNzggNyBjNDIgNCA4MiA4IDg3IDEwIDMwIDEwIDI3OCAzIDM0MCAtMTB6IG05NDQgNCBjMTc1IC0zMCAyOTIgLTEzNwozMTAgLTI4MyAxNCAtMTE0IC0xOSAtMjMwIC05MCAtMzExIC02MyAtNzIgLTIyNCAtMTI0IC0zODYgLTEyNSBsLTczIDAgMAotMTk1IDAgLTE5NSAtMTI1IDAgLTEyNSAwIDAgNTQ1IGMwIDQyNyAzIDU0NyAxMyA1NTAgNTcgMjIgMzc1IDMxIDQ3NiAxNHoKbTEyNTEgLTEwNCBsMCAtMTA1IC0xNTUgMCAtMTU1IDAgMCAtNDUwIDAgLTQ1MCAtMTI1IDAgLTEyNSAwIDAgNDUwIDAgNDUwCi0xNTAgMCAtMTUwIDAgMCAxMDUgMCAxMDUgNDMwIDAgNDMwIDAgMCAtMTA1eiBtNDQ3IC0yOCBjMzQgLTcyIDc0IC0xNTggODkKLTE5MCAxNCAtMzIgMzAgLTU1IDM0IC01MCA1IDQgMjMgNDQgNDAgODcgMTcgNDQgNTMgMTI2IDgwIDE4MyBsNDkgMTAzIDE0MCAwCmM3OCAwIDE0MSAtMiAxNDEgLTUgMCAtMyAtNjcgLTEyMSAtMTUwIC0yNjQgLTgyIC0xNDIgLTE1MCAtMjYyIC0xNTIgLTI2OCAtMgotNSA2NSAtMTI2IDE0NyAtMjY4IDgzIC0xNDIgMTU2IC0yNjkgMTYzIC0yODIgbDEzIC0yMyAtMTQ2IDAgLTE0NSAwIC05NyAxOTUKYy01NCAxMDcgLTEwMCAxOTUgLTEwMyAxOTUgLTMgMCAtMjMgLTQxIC00NCAtOTEgLTIxIC01MCAtNjAgLTEzOCAtODcgLTE5NQpsLTQ5IC0xMDQgLTE0MCAwIGMtNzcgMCAtMTQwIDMgLTE0MCA2IDAgNCA2NyAxMjQgMTQ5IDI2OCA4MyAxNDQgMTUzIDI2OSAxNTYKMjc3IDQgMTAgLTUyIDExOSAtMTQ1IDI4MiAtODIgMTQ3IC0xNTAgMjY5IC0xNTAgMjcyIDAgMyA2NCA1IDE0MyA1IGwxNDIgMAo2MiAtMTMzeiBtMzEzIC0xOTc3IGwwIC00ODAgLTE2NjAgMCAtMTY2MCAwIDAgNDgwIDAgNDgwIDE2NjAgMCAxNjYwIDAgMAotNDgweiIvPgo8cGF0aCBkPSJNMTAyOCAyNjY0IGMtMTYgLTUgLTE4IC0yMiAtMTggLTE2OCBsMCAtMTYzIDQ0IC01IGM2NCAtOCAxNDQgOCAxODYKMzYgOTkgNjUgOTQgMjIwIC05IDI4MCAtMzMgMTkgLTE2MiAzMiAtMjAzIDIweiIvPgo8cGF0aCBkPSJNMTk4OCAyNjY0IGMtMTYgLTUgLTE4IC0yMiAtMTggLTE2OCBsMCAtMTYzIDQxIC02IGM1MSAtNyAxMzcgNiAxNzYKMjYgNTggMzAgODQgNzggODQgMTUzIDAgMTA2IC01OCAxNTUgLTE5MSAxNjAgLTQxIDIgLTgzIDEgLTkyIC0yeiIvPgo8L2c+Cjwvc3ZnPgo=');
background-size: contain;
width: 28px;
height: 20px;
margin-top: 4px;
}
&.qiframe_pdf{
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjU1MC44MDFweCIgaGVpZ2h0PSI1NTAuODAxcHgiIHZpZXdCb3g9IjAgMCA1NTAuODAxIDU1MC44MDEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU1MC44MDEgNTUwLjgwMTsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTE2MC4zODEsMjgyLjIyNWMwLTE0LjgzMi0xMC4yOTktMjMuNjg0LTI4LjQ3NC0yMy42ODRjLTcuNDE0LDAtMTIuNDM3LDAuNzE1LTE1LjA3MSwxLjQzMlYzMDcuNg0KCQljMy4xMTQsMC43MDcsNi45NDIsMC45NDksMTIuMTkyLDAuOTQ5QzE0OC40MTksMzA4LjU0OSwxNjAuMzgxLDI5OC43NCwxNjAuMzgxLDI4Mi4yMjV6Ii8+DQoJPHBhdGggZD0iTTI3Mi44NzUsMjU5LjAxOWMtOC4xNDUsMC0xMy4zOTcsMC43MTctMTYuNTE5LDEuNDM1djEwNS41MjNjMy4xMTYsMC43MjksOC4xNDIsMC43MjksMTIuNjksMC43MjkNCgkJYzMzLjAxNywwLjIzMSw1NC41NTQtMTcuOTQ2LDU0LjU1NC01Ni40NzRDMzIzLjg0MiwyNzYuNzE5LDMwNC4yMTUsMjU5LjAxOSwyNzIuODc1LDI1OS4wMTl6Ii8+DQoJPHBhdGggZD0iTTQ4OC40MjYsMTk3LjAxOUg0NzUuMnYtNjMuODE2YzAtMC4zOTgtMC4wNjMtMC43OTktMC4xMTYtMS4yMDJjLTAuMDIxLTIuNTM0LTAuODI3LTUuMDIzLTIuNTYyLTYuOTk1TDM2Ni4zMjUsMy42OTQNCgkJYy0wLjAzMi0wLjAzMS0wLjA2My0wLjA0Mi0wLjA4NS0wLjA3NmMtMC42MzMtMC43MDctMS4zNzEtMS4yOTUtMi4xNTEtMS44MDRjLTAuMjMxLTAuMTU1LTAuNDY0LTAuMjg1LTAuNzA2LTAuNDE5DQoJCWMtMC42NzYtMC4zNjktMS4zOTMtMC42NzUtMi4xMzEtMC44OTZjLTAuMi0wLjA1Ni0wLjM4LTAuMTM4LTAuNTgtMC4xOUMzNTkuODcsMC4xMTksMzU5LjAzNywwLDM1OC4xOTMsMEg5Ny4yDQoJCWMtMTEuOTE4LDAtMjEuNiw5LjY5My0yMS42LDIxLjYwMXYxNzUuNDEzSDYyLjM3N2MtMTcuMDQ5LDAtMzAuODczLDEzLjgxOC0zMC44NzMsMzAuODczdjE2MC41NDUNCgkJYzAsMTcuMDQzLDEzLjgyNCwzMC44NywzMC44NzMsMzAuODdoMTMuMjI0VjUyOS4yYzAsMTEuOTA3LDkuNjgyLDIxLjYwMSwyMS42LDIxLjYwMWgzNTYuNGMxMS45MDcsMCwyMS42LTkuNjkzLDIxLjYtMjEuNjAxDQoJCVY0MTkuMzAyaDEzLjIyNmMxNy4wNDQsMCwzMC44NzEtMTMuODI3LDMwLjg3MS0zMC44N3YtMTYwLjU0QzUxOS4yOTcsMjEwLjgzOCw1MDUuNDcsMTk3LjAxOSw0ODguNDI2LDE5Ny4wMTl6IE05Ny4yLDIxLjYwNQ0KCQloMjUwLjE5M3YxMTAuNTEzYzAsNS45NjcsNC44NDEsMTAuOCwxMC44LDEwLjhoOTUuNDA3djU0LjEwOEg5Ny4yVjIxLjYwNXogTTM2Mi4zNTksMzA5LjAyM2MwLDMwLjg3Ni0xMS4yNDMsNTIuMTY1LTI2LjgyLDY1LjMzMw0KCQljLTE2Ljk3MSwxNC4xMTctNDIuODIsMjAuODE0LTc0LjM5NiwyMC44MTRjLTE4LjksMC0zMi4yOTctMS4xOTctNDEuNDAxLTIuMzg5VjIzNC4zNjVjMTMuMzk5LTIuMTQ5LDMwLjg3OC0zLjM0Niw0OS4zMDQtMy4zNDYNCgkJYzMwLjYxMiwwLDUwLjQ3OCw1LjUwOCw2Ni4wMzksMTcuMjI2QzM1MS44MjgsMjYwLjY5LDM2Mi4zNTksMjgwLjU0NywzNjIuMzU5LDMwOS4wMjN6IE04MC43LDM5My40OTlWMjM0LjM2NQ0KCQljMTEuMjQxLTEuOTA0LDI3LjA0Mi0zLjM0Niw0OS4yOTYtMy4zNDZjMjIuNDkxLDAsMzguNTI3LDQuMzA4LDQ5LjI5MSwxMi45MjhjMTAuMjkyLDguMTMxLDE3LjIxNSwyMS41MzQsMTcuMjE1LDM3LjMyOA0KCQljMCwxNS43OTktNS4yNSwyOS4xOTgtMTQuODI5LDM4LjI4NWMtMTIuNDQyLDExLjcyOC0zMC44NjUsMTYuOTk2LTUyLjQwNywxNi45OTZjLTQuNzc4LDAtOS4xLTAuMjQzLTEyLjQzNS0wLjcyM3Y1Ny42N0g4MC43DQoJCVYzOTMuNDk5eiBNNDUzLjYwMSw1MjMuMzUzSDk3LjJWNDE5LjMwMmgzNTYuNFY1MjMuMzUzeiBNNDg0Ljg5OCwyNjIuMTI3aC02MS45ODl2MzYuODUxaDU3LjkxM3YyOS42NzRoLTU3LjkxM3Y2NC44NDhoLTM2LjU5Mw0KCQlWMjMyLjIxNmg5OC41ODJWMjYyLjEyN3oiLz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K');
background-size: contain;
width: 28px;
height: 20px;
margin-top: 4px;
}
&.qpdf{
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjE2MCIgdmlld0JveD0iMCAwIDI1NiAxNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8c3R5bGU+CiAgICAgICAgLnN0cm9rZSB7IHN0cm9rZTojMDAwOyBzdHJva2Utd2lkdGg6NDsgZmlsbDpub25lOyBzdHJva2UtbGluZWpvaW46cm91bmQ7IHN0cm9rZS1saW5lY2FwOnJvdW5kOyB9CiAgICAgICAgLmZpbGwgICB7IGZpbGw6IzAwMDsgfQogICAgICAgIC50ZXh0ICAgeyBmb250LWZhbWlseTogc3lzdGVtLXVpLCAtYXBwbGUtc3lzdGVtLCBCbGlua01hY1N5c3RlbUZvbnQsICJTZWdvZSBVSSIsIHNhbnMtc2VyaWY7IGZpbGw6IzAwMDsgZm9udC13ZWlnaHQ6Ym9sZDsgfQogICAgPC9zdHlsZT4KCiAgICA8IS0tINCb0LXQstGL0Lkg0LTQvtC60YPQvNC10L3RgiAoUERGKSAtLT4KICAgIDxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjgwIiBoZWlnaHQ9Ijk2IiByeD0iNiIgY2xhc3M9InN0cm9rZSIvPgogICAgPHBvbHlsaW5lIHBvaW50cz0iNzYsMTYgOTYsMTYgOTYsMzYiIGNsYXNzPSJzdHJva2UiLz4KICAgIDxyZWN0IHg9IjI4IiB5PSIzNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjIyIiBjbGFzcz0iZmlsbCIgcng9IjMiLz4KICAgIDx0ZXh0IHg9IjU2IiB5PSI1MiIgdGV4dC1hbmNob3I9Im1pZGRsZSIgY2xhc3M9InRleHQiIGZvbnQtc2l6ZT0iMTQiIGZpbGw9IiNmZmYiPlBERjwvdGV4dD4KICAgIDxsaW5lIHgxPSIyOCIgeTE9IjY4IiB4Mj0iODgiIHkyPSI2OCIgY2xhc3M9InN0cm9rZSIvPgogICAgPGxpbmUgeDE9IjI4IiB5MT0iODAiIHgyPSI3NCIgeTI9IjgwIiBjbGFzcz0ic3Ryb2tlIi8+CiAgICA8bGluZSB4MT0iMjgiIHkxPSI5MiIgeDI9IjY0IiB5Mj0iOTIiIGNsYXNzPSJzdHJva2UiLz4KCiAgICA8IS0tINCh0YLRgNC10LvQutCwICjRgdC70LXQstCwINC90LDQv9GA0LDQstC+KSAtLT4KICAgIDxwb2x5Z29uIGNsYXNzPSJmaWxsIgogICAgICAgICAgICAgcG9pbnRzPSIKICAgICAgMTEyLDY0ICAgMTMyLDY0CiAgICAgIDEzMiw1NCAgIDE2MCw3MgogICAgICAxMzIsOTAgICAxMzIsODAKICAgICAgMTEyLDgwCiAgICAiCiAgICAvPgoKICAgIDwhLS0g0J/RgNCw0LLRi9C5INC00L7QutGD0LzQtdC90YIgKFRFWFQpIC0tPgogICAgPHJlY3QgeD0iMTYwIiB5PSIxNiIgd2lkdGg9IjgwIiBoZWlnaHQ9Ijk2IiByeD0iNiIgY2xhc3M9InN0cm9rZSIvPgogICAgPHBvbHlsaW5lIHBvaW50cz0iMjIwLDE2IDI0MCwxNiAyNDAsMzYiIGNsYXNzPSJzdHJva2UiLz4KICAgIDxsaW5lIHgxPSIxNzIiIHkxPSIzNiIgeDI9IjIzMiIgeTI9IjM2IiBjbGFzcz0ic3Ryb2tlIi8+CiAgICA8bGluZSB4MT0iMTcyIiB5MT0iNDgiIHgyPSIyMjgiIHkyPSI0OCIgY2xhc3M9InN0cm9rZSIvPgogICAgPGxpbmUgeDE9IjE3MiIgeTE9IjYwIiB4Mj0iMjI0IiB5Mj0iNjAiIGNsYXNzPSJzdHJva2UiLz4KICAgIDxsaW5lIHgxPSIxNzIiIHkxPSI3MiIgeDI9IjIzMiIgeTI9IjcyIiBjbGFzcz0ic3Ryb2tlIi8+CiAgICA8bGluZSB4MT0iMTcyIiB5MT0iODQiIHgyPSIyMjAiIHkyPSI4NCIgY2xhc3M9InN0cm9rZSIvPgoKICAgIDwhLS0g0J/QvtC00L/QuNGB0Ywg0YHQvdC40LfRgyAtLT4KICAgIDx0ZXh0IHg9IjEyOCIgeT0iMTQ2IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBjbGFzcz0idGV4dCIgZm9udC1zaXplPSIxOCI+CiAgICAgICAgUERGIC0+IFRFWFQKICAgIDwvdGV4dD4KPC9zdmc+Cg==');
background-size: contain;
width: 40px;
height: 24px;
margin-top: 4px;
}
&.qexport_pdf{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAACG0lEQVR4nO2Zuy4FQRjHf+dEKLU6HoCOB9A6Sl5AoqciKhEkoqCiQTwEDQq3RtDzAjQuIYR1ycokc5LJZHfNnJ2Zs4f9ki9rze3/2/nmO5MZKK200kysDZgGLoAIiKV/AHNa3UXgU6mT5jdAlUDijzKEPGr1XwzE130zBMR0hoA8MxAM4lIZTMC05+wvCWLLJ4Qa83nFkzETW74g1EFc97ceAsInQCUEhE8AQkC4BlDXVGcICNcA5xYp9raIAEMWAHERAYTVgDMtnFoKIOiYcQlgb3E5A38hhHqAA8uU58P3ge5GAIogPlYgrM0kR4fyqFVi36mG3xoPA+/KFzoFBrSyL+AamJAbNr1dLP+uNQNgNmGqH4CulLLllHbvcn/UNADx7AB25Pu4UrYAjEiR30Cf1s50HUYhAHYTAOoiN+X7ZMIMnGRoECccb/LpDUD1ey2ETACOGxHnGiCSX7JfKxNfblQJoV7LEMplNiGUVqb6kkE73RblSZ9YS84BROp7SskgNSWNXgFjhu3SFrHo6//9kEWBtwufCdkmF0AzNnMvLgHEFnavlWegCGshLgFwf7wefAYulE5mPEIsAK/AqnImqgNUZbmoN+/iiqlRvwMGM+7WNqRYtU1V/r/+/mxzyXfoAWJbG2dVK9/45V3UxwZiSp4sR55moAKsFel2sxGrGEAUVrwJROHFIy0JomXE102IXZHZSTwTxf8AZpagqyQ5vmsAAAAASUVORK5CYII=');
background-size: contain;
width: 28px;
height: 20px;
margin-top: 4px;
}
&.qclearMarks{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.574%206.094%207.07%204.609l.47-1.093H5.995L3.965%201.484h9.355c.274%200%20.505.095.694.284.188.188.283.42.283.693a.943.943%200%200%201-.283.693.943.943%200%200%201-.694.284H9.707L8.574%206.094zm5.43%208.73L7.598%208.398l-1.465%203.438a.935.935%200%200%201-.362.43.976.976%200%200%201-.537.156.932.932%200%200%201-.82-.44.913.913%200%200%201-.078-.927l1.758-4.14L.176.995A.562.562%200%200%201%200%20.586C0%20.43.059.293.176.176A.562.562%200%200%201%20.586%200c.156%200%20.293.059.41.176l13.828%2013.828a.562.562%200%200%201%20.176.41.562.562%200%200%201-.176.41.562.562%200%200%201-.41.176.562.562%200%200%201-.41-.176z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
}
&.qbulletList{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2212%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%280%20.496%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%231D1D1F%22%20cx%3D%222%22%20cy%3D%229%22%20r%3D%222%22%2F%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M8.5%209.004h8%22%2F%3E%3Ccircle%20fill%3D%22%231D1D1F%22%20cx%3D%222%22%20cy%3D%222%22%20r%3D%222%22%2F%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M8.5%202.004h8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qorderedList{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M8.5%2010.5h8M8.5%203.5h8%22%2F%3E%3Cpath%20d%3D%22M2.229%206.085c.434%200%20.724-.28.724-.714V1.792c0-.495-.307-.81-.83-.81-.28%200-.53.028-.817.22l-.896.597a.565.565%200%200%200-.273.496.47.47%200%200%200%20.478.489.512.512%200%200%200%20.339-.113l.523-.362h.027V5.37c0%20.434.29.714.725.714zM.974%2013h2.741c.363%200%20.568-.222.568-.547%200-.331-.205-.547-.568-.547H2.15v-.027l.899-.776c.765-.663%201.107-1.008%201.107-1.671%200-.896-.765-1.5-1.965-1.5-.861%200-1.555.365-1.815.953a.794.794%200%200%200-.065.321c0%20.349.226.564.595.564.277%200%20.45-.103.642-.383.185-.266.363-.386.622-.386.352%200%20.592.215.592.526%200%20.294-.158.51-.711.985L.694%2011.674c-.274.229-.397.434-.397.7%200%20.363.205.626.677.626z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qblockquote{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M12.38%209.504h5%22%2F%3E%3Cg%20fill%3D%22%23222%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22M4.262%202.352c.047-.188%200-.282%200-.611C4.122.989%203.37.519%202.617.519c-.987%200-1.692.61-1.692%201.55%200%20.8.517%201.364%201.222%201.505L1.02%207.428h1.692l1.27-4.042c.14-.376.14-.658.281-1.034zM8.993%202.352c.047-.188%200-.282%200-.611C8.853.989%208.1.519%207.348.519c-.987%200-1.692.61-1.692%201.55%200%20.8.517%201.364%201.222%201.505L5.75%207.428h1.692l1.27-4.042c.14-.376.14-.658.281-1.034z%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M12.38%202.504h5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qhardBreak{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2213%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke%3D%22%231D1D1F%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M1.148%206.24a.582.582%200%200%201-.41-.15.494.494%200%200%201-.163-.38c0-.153.054-.28.162-.38.109-.1.246-.15.411-.15h9.712c.765%200%201.408.25%201.931.75.523.5.784%201.104.784%201.81%200%20.705-.261%201.311-.784%201.817s-1.166.759-1.93.759H8.355l.88.794c.127.106.187.227.18.362a.516.516%200%200%201-.18.362.585.585%200%200%201-.412.158.555.555%200%200%201-.392-.14L6.578%2010.14a.54.54%200%200%201-.134-.177.483.483%200%200%201-.038-.194c0-.07.012-.135.038-.194a.54.54%200%200%201%20.134-.177l1.854-1.711a.627.627%200%200%201%20.411-.142c.16%200%20.29.047.392.142a.499.499%200%200%201%20.172.379.499.499%200%200%201-.172.38l-.88.811h2.505c.446%200%20.819-.15%201.119-.45.299-.3.449-.656.449-1.067%200-.412-.15-.765-.45-1.06a1.533%201.533%200%200%200-1.118-.44H1.148z%22%20stroke-width%3D%22.32%22%20fill%3D%22%231D1D1F%22%2F%3E%3Cpath%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M1.042%201.68h12M1.042%209.68h3.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qundo{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.587%203.104h3.308c2.185%200%203.662%201.181%204.016%203.012.355%201.595-.236%203.308-1.358%204.017a.608.608%200%201%201-.59-1.063c.649-.354%201.062-1.595.826-2.717-.295-1.24-1.24-2.068-2.894-2.068H2.587l1.95%201.95a.59.59%200%201%201-.828.827L.756%204.108a.59.59%200%200%201%200-.827L3.709.328a.59.59%200%200%201%20.827.827l-1.95%201.949z%22%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%22.3%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
}
&.qredo{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.93%204.406H4.623c-1.653%200-2.598.827-2.893%202.067-.237%201.18.177%202.362.826%202.716a.608.608%200%200%201-.59%201.063C.785%209.544.253%207.832.608%206.237c.354-1.772%201.771-3.012%204.015-3.012H7.93L5.981%201.276A.59.59%200%201%201%206.808.45l2.953%202.952a.59.59%200%200%201%200%20.827L6.808%207.182a.59.59%200%200%201-.827-.827l1.95-1.949z%22%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%22.3%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
}
&.qlink{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2215%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5.8%207.958a3%203%200%200%200%204.524.324l1.8-1.8A3%203%200%200%200%207.882%202.24L6.85%203.266%22%2F%3E%3Cpath%20d%3D%22M8.2%206.758a3%203%200%200%200-4.524-.324l-1.8%201.8a3%203%200%200%200%204.242%204.242l1.026-1.026%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qimage{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%281.107%20.622%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%231F1E1D%22%20cx%3D%223.667%22%20cy%3D%223.667%22%20r%3D%221%22%2F%3E%3Cpath%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m11.467%208.006-3-3.273-6.6%207.2%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qhr {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%223%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.4%22%20d%3D%22M1.517%201.475h16%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}
&.qvideo{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%28.623%20.597%29%22%20stroke%3D%22%231F1E1D%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20fill%3D%22%231F1E1D%22%20d%3D%22M6.71%203.99v4l3.654-2z%22%2F%3E%3Crect%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20width%3D%2216%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qiframe{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.623.597h12a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202h-12a2%202%200%200%201-2-2v-8a2%202%200%200%201%202-2z%22%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-dasharray%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
}
&.qiframe_custom{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2221%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.262%2013.837c.388.103.74-.11.857-.498L12.766.837C12.87.485%2012.7.134%2012.312.03c-.38-.102-.71.044-.842.498L7.844%2012.966c-.117.395.008.761.418.871zM20.53%206.923a.742.742%200%200%200-.25-.556l-4.892-4.41c-.315-.278-.718-.278-.974.008-.256.285-.22.703.073.967l4.41%203.991-4.41%203.992c-.293.264-.33.674-.073.967.256.285.66.285.974.007l4.893-4.416a.716.716%200%200%200%20.249-.55zM0%206.923c0%20.205.088.403.256.55l4.893%204.416c.308.278.718.278.974-.007.256-.293.212-.703-.08-.967L1.64%206.923l4.401-3.991c.293-.264.337-.682.081-.967-.256-.286-.666-.286-.974-.008L.256%206.367A.75.75%200%200%200%200%206.923z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
}
&.qaudio {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' version='1.1'%3E%3Cpath style='fill:%23222222;stroke:%23666666' d='M 41,65 41,1.4 89,11 89,86 c 0,0 -9,12 -28,5 -8,-3 -7,-12 2,-15 9,-3 15,-1 20,1 L 83,24 47,14 47,72 c 0,0 -5,14 -26,8 -7,-2 -11.8,-12 1,-16 7,-2 14,-2 19,1 z'/%3E%3C/svg%3E");
}
&.qinsertTable{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%281.517%20.975%29%22%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M.976%205.967h11M6.035.033v11%22%2F%3E%3Crect%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qdeleteTable{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%281%201%29%22%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20stroke-linecap%3D%22round%22%3E%3Crect%20stroke-linejoin%3D%22round%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m8.05%203.857-4%204M4.05%203.857l4%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qaddRowBefore{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2219%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%281%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%231F1E1D%22%20cx%3D%226%22%20cy%3D%225%22%20r%3D%225%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20d%3D%22M4%205h4M6%207V3%22%2F%3E%3Cpath%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22square%22%20d%3D%22M.976%2011.967h11M6.009%2012.482v5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qaddRowAfter{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%28-180%206.5%209.513%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%231F1E1D%22%20cx%3D%226%22%20cy%3D%225%22%20r%3D%225%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20d%3D%22M4%205h4M6%207V3%22%2F%3E%3Cpath%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22square%22%20d%3D%22M.976%2011.967h11M6.009%2012.482v5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qdeleteRow{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%2890%206%207%29%22%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M4.678%2010.002v1M7.678%2010.002v1M4.678%201.002v1M7.678%201.002v1%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m8.05%203.857-4%204M4.05%203.857l4%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qaddColumnBefore{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2220%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%28-90%206.835%206.19%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%231F1E1D%22%20cx%3D%226%22%20cy%3D%225%22%20r%3D%225%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20d%3D%22M4%205h4M6%207V3%22%2F%3E%3Cpath%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22square%22%20d%3D%22M.976%2011.967h11M6.009%2012.482v5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qaddColumnAfter{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2219%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%2890%208.81%209.835%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%231F1E1D%22%20cx%3D%226%22%20cy%3D%225%22%20r%3D%225%22%2F%3E%3Cpath%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20d%3D%22M4%205h4M6%207V3%22%2F%3E%3Cpath%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22square%22%20d%3D%22M.976%2011.967h11M6.009%2012.482v5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qdeleteColumn{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%281%201%29%22%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M4.678%2010.002v1M7.678%2010.002v1M4.678%201.002v1M7.678%201.002v1%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m8.05%203.857-4%204M4.05%203.857l4%204%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qmergeOrSplit{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22rotate%2890%205.81%206.835%29%22%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20stroke-linecap%3D%22square%22%20d%3D%22M.976%207.967h11M4.065.637v11M4.057%208.54v3M3.437%203.906h-3M8.057%208.54v3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qtoggleHeaderCell{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2219%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%281%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20y%3D%226%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%231F1E1D%22%20cx%3D%226%22%20cy%3D%225%22%20r%3D%225%22%2F%3E%3Cpath%20d%3D%22M4.408%207.548c.397%200%20.626-.236.626-.653V5.487h1.965v1.408c0%20.417.23.653.626.653s.625-.236.625-.653V3.118c0-.417-.229-.653-.625-.653-.397%200-.626.236-.626.653v1.357H5.034V3.118c0-.417-.229-.653-.626-.653-.396%200-.628.236-.628.653v3.777c0%20.417.232.653.628.653z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%2F%3E%3Cpath%20stroke%3D%22%231F1E1D%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22square%22%20d%3D%22M.976%2011.967h11M6.009%2012.482v5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qalignLeft{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%28.303%20.805%29%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20width%3D%2213.4%22%20height%3D%221.4%22%20rx%3D%22.7%22%2F%3E%3Crect%20y%3D%228%22%20width%3D%2213.4%22%20height%3D%221.4%22%20rx%3D%22.7%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%227.4%22%20height%3D%221.4%22%20rx%3D%22.7%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qalignCenter{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20d%3D%22M.7%201.559h12M4.05%205.559h5.3M.7%209.559h12%22%2F%3E%3C%2Fsvg%3E');
}
&.qalignRight{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20d%3D%22M.7%201.559h12M7.4%205.559h5.3M.7%209.559h12%22%2F%3E%3C%2Fsvg%3E');
}
&.qcolorText{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2211%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.274%2013.123c.396%200%20.624-.185.774-.606L3.164%209.37h5.019l1.125%203.147c.149.421.378.606.773.606.457%200%20.791-.29.791-.694%200-.115-.026-.246-.097-.44L6.688.95c-.193-.518-.51-.756-.993-.756-.518%200-.843.246-1.037.765L.58%2011.989c-.07.194-.097.325-.097.44%200%20.404.334.694.791.694zm2.347-5.098%202.03-5.783h.053l2.03%205.783H3.621z%22%20fill%3D%22%231F1E1D%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
}
&.qhighlight{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%28.136%20.136%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.2%22%20transform%3D%22rotate%2845%206.364%206.364%29%22%20x%3D%222.464%22%20y%3D%222.464%22%20width%3D%227.8%22%20height%3D%227.8%22%20rx%3D%222%22%2F%3E%3Cpath%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%221.2%22%20d%3D%22M1.52%206.364h9.714%22%2F%3E%3Cpath%20d%3D%22M13.34%2015.063c1.665%200%202.774-1.086%202.774-2.71%200-.794-.316-1.61-.598-2.216-.414-.91-1.09-1.898-1.68-2.8-.136-.211-.308-.317-.495-.317-.192%200-.364.106-.5.317-.594.91-1.278%201.91-1.692%202.832-.273.59-.586%201.398-.586%202.183%200%201.625%201.11%202.711%202.778%202.711z%22%20fill%3D%22%231F1E1D%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
&.qfile{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%229%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.85%2015c-1.062%200-1.969-.365-2.721-1.094C1.376%2013.177%201%2012.282%201%2011.22V3.695c0-.747.265-1.382.796-1.908A2.627%202.627%200%200%201%203.713%201c.758%200%201.4.262%201.925.787.524.526.787%201.167.787%201.926v6.894c0%20.444-.152.82-.455%201.13-.303.308-.677.463-1.12.463-.443%200-.817-.166-1.12-.499a1.694%201.694%200%200%201-.455-1.181V4.01c0-.093.035-.175.105-.245a.336.336%200%200%201%20.49%200c.07.07.105.152.105.245v6.562c0%20.257.085.476.254.657.169.18.376.271.621.271a.83.83%200%200%200%20.621-.262.874.874%200%200%200%20.254-.63V3.694c0-.56-.195-1.033-.586-1.417A1.956%201.956%200%200%200%203.713%201.7c-.56%200-1.036.193-1.427.578-.39.384-.586.857-.586%201.417v7.56c0%20.852.31%201.572.928%202.161.618.59%201.359.884%202.222.884.875%200%201.619-.298%202.231-.893.613-.595.919-1.324.919-2.187V4.01c0-.093.035-.175.105-.245a.336.336%200%200%201%20.49%200c.07.07.105.152.105.245v7.192c0%201.062-.376%201.96-1.129%202.696C6.82%2014.632%205.911%2015%204.85%2015z%22%20fill%3D%22%231D1D1F%22%20fill-rule%3D%22nonzero%22%20stroke%3D%22%231D1D1F%22%20stroke-width%3D%22.5%22%2F%3E%3C%2Fsvg%3E');
}
&.qvoicemessage {
background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93333 2.00001C4.70151 2.00001 3.66667 3.03486 3.66667 4.26667V6.86667C3.66667 8.09849 4.70151 9.13334 5.93333 9.13334C7.2576 9.13334 8.25067 8.14641 8.20053 6.89334C8.20018 6.88445 8.2 6.87556 8.2 6.86667V4.26667C8.2 3.03486 7.16516 2.00001 5.93333 2.00001ZM2.33333 4.26667C2.33333 2.29848 3.96516 0.666672 5.93333 0.666672C7.90151 0.666672 9.53333 2.29848 9.53333 4.26667V6.85401C9.60849 8.92721 7.93791 10.4667 5.93333 10.4667C3.96516 10.4667 2.33333 8.83485 2.33333 6.86667V4.26667ZM0.666667 6.20001C1.03486 6.20001 1.33333 6.49849 1.33333 6.86667C1.33333 9.43485 3.43444 11.5248 5.98485 11.4669L6 11.4667C8.504 11.4667 10.6 9.42632 10.6 6.86667C10.6 6.49849 10.8985 6.20001 11.2667 6.20001C11.6348 6.20001 11.9333 6.49849 11.9333 6.86667C11.9333 9.96654 9.55742 12.4684 6.6 12.7696V14.6667C6.6 15.0349 6.30156 15.3333 5.93333 15.3333C5.56516 15.3333 5.26667 15.0349 5.26667 14.6667V12.7693C2.30219 12.4576 0 9.91312 0 6.86667C0 6.49849 0.298476 6.20001 0.666667 6.20001Z' fill='%23151618'/%3E%3C/svg%3E");
}
&.qscreencust {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.075 1V0.925H8H3C1.85403 0.925 0.925 1.85403 0.925 3V11C0.925 12.146 1.85403 13.075 3 13.075H14C15.146 13.075 16.075 12.146 16.075 11V9V8.925H16H15H14.925V9V11C14.925 11.5109 14.5109 11.925 14 11.925H3C2.48911 11.925 2.075 11.5109 2.075 11V3C2.075 2.48911 2.48911 2.075 3 2.075H8H8.075V2V1ZM4.5 13.925C4.18246 13.925 3.925 14.1825 3.925 14.5C3.925 14.8175 4.18246 15.075 4.5 15.075H12.5C12.8175 15.075 13.075 14.8175 13.075 14.5C13.075 14.1825 12.8175 13.925 12.5 13.925H4.5ZM15.5 0.925H11C10.6825 0.925 10.425 1.18246 10.425 1.5C10.425 1.81754 10.6825 2.075 11 2.075H14.1118L9.09345 7.09339C8.86885 7.31799 8.86885 7.68201 9.09345 7.90661C9.31799 8.13115 9.68207 8.13115 9.90661 7.90661L14.925 2.88816V6C14.925 6.31754 15.1825 6.575 15.5 6.575C15.8176 6.575 16.075 6.31754 16.075 6V1.5C16.075 1.18246 15.8176 0.925 15.5 0.925Z' fill='%23151618' stroke='%23151618' stroke-width='0.15'/%3E%3C/svg%3E");
}
&.qwebcamera {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.27273 2.46667C1.27273 1.82524 1.74901 1.33333 2.32851 1.33333H7.21696C7.79643 1.33333 8.27273 1.82524 8.27273 2.46667V3.00164C8.27252 3.01142 8.27252 3.0212 8.27273 3.03102V7.53333C8.27273 8.12422 7.7815 8.66667 7.21696 8.66667H2.32851C1.76398 8.66667 1.27273 8.12422 1.27273 7.53333V2.46667ZM9.54545 3.44462V7.53333C9.54545 8.80911 8.53258 10 7.21696 10H2.32851C1.01288 10 0 8.80911 0 7.53333V2.46667C0 1.10811 1.02785 0 2.32851 0H7.21696C8.36458 0 9.29982 0.862711 9.50401 1.99898L12.0515 0.781853C12.0704 0.772787 12.0898 0.764702 12.1096 0.757631C12.5346 0.605311 12.9875 0.64676 13.3512 0.864022C13.7212 1.08499 14 1.49567 14 2.0144V7.96102C14 8.49769 13.6881 8.91382 13.3323 9.13142C12.9765 9.34902 12.4888 9.42467 12.0386 9.18742L10.8723 8.63018C10.5525 8.47738 10.4115 8.08196 10.5574 7.74698C10.7032 7.412 11.0807 7.26427 11.4004 7.41702L12.5796 7.9804C12.5897 7.98524 12.5997 7.9904 12.6096 7.99578C12.6143 7.99831 12.6204 8.00067 12.6331 7.99982C12.648 7.99889 12.669 7.9932 12.6907 7.97991C12.7101 7.96804 12.7218 7.9552 12.7273 7.94747V2.02649C12.7255 2.02524 12.7235 2.02387 12.721 2.02236C12.694 2.00627 12.6313 1.98702 12.5442 2.01191L9.54545 3.44462Z' fill='%23151618'/%3E%3C/svg%3E");
}
&.qsuperscript {
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='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%0A%3E%3Cpath d='m4 19 8-8' /%3E%3Cpath d='m12 19-8-8' /%3E%3Cpath d='m20 12h-4c0-1.5 0.4417-2 1.5-2.5s2.5-1.1662 2.5-2.4985c7e-4 -0.47197-0.1706-0.92895-0.4837-1.29-0.313-0.36106-0.7475-0.60291-1.2266-0.6827s-0.9719 0.00763-1.3909 0.24676c-0.4191 0.23914-0.7375 0.61457-0.8988 1.0598' /%3E%3C/svg%3E");
}
&.qsubscript {
background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' width='14' height='14' viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.95438741,4.5 L8.7850203,7.30626765 C9.17584914,7.69373235 9.17584914,8.32193676 8.7850203,8.70940147 C8.39419145,9.09686618 7.7605327,9.09686618 7.36970385,8.70940147 L4.53907097,5.90313382 L1.70843808,8.70940147 C1.31760923,9.09686618 0.683950477,9.09686618 0.293121633,8.70940147 C-0.097707211,8.32193676 -0.097707211,7.69373235 0.293121633,7.30626765 L3.12375452,4.5 L0.293121633,1.69373235 C-0.097707211,1.30626765 -0.097707211,0.678063236 0.293121633,0.29059853 C0.683950477,-0.0968661766 1.31760923,-0.0968661766 1.70843808,0.29059853 L4.53907097,3.09686618 L7.36970385,0.29059853 C7.7605327,-0.0968661766 8.39419145,-0.0968661766 8.7850203,0.29059853 C9.17584914,0.678063236 9.17584914,1.30626765 8.7850203,1.69373235 L5.95438741,4.5 Z M14,12.3519235 L14,14 L9.07814193,14 L9.07814193,12.9855469 L9.17911195,12.740495 L10.9800051,10.826951 C11.4133348,10.392144 11.77981,10.0571893 11.9106676,9.81557985 C12.0353516,9.58536908 12.0941418,9.38912772 12.0941418,9.22851562 C12.0941418,9.08820171 12.0529006,8.98652895 11.9660329,8.90193322 C11.8784905,8.81668046 11.7672384,8.77460938 11.6114715,8.77460938 C11.4636071,8.77460938 11.3523966,8.82385579 11.2538919,8.93290599 C11.1476773,9.05049131 11.0872658,9.22080769 11.0789418,9.45806499 L11.067089,9.79589844 L9.2269351,9.79589844 L9.24400536,9.42973922 C9.27824372,8.69532221 9.51816978,8.09947682 9.96736119,7.66058259 C10.4175505,7.22071332 10.9973662,7 11.6859406,7 C12.1131716,7 12.4979375,7.09112961 12.8348078,7.27522069 C13.1746136,7.46091603 13.4472171,7.72952508 13.6486043,8.07526694 C13.8483691,8.41822347 13.9503539,8.77415268 13.9503539,9.13828125 C13.9503539,9.55406894 13.7188967,9.98681416 13.4907809,10.4451899 C13.2667292,10.8953993 12.9524998,11.3208384 12.4178891,12.0000117 L12.3003917,12.1228516 L12.0445871,12.3519235 L14,12.3519235 Z'/%3E%3C/svg%3E");
}
&.qtoggleTableBorders {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgPHJlY3QgeD0iMyIgeT0iMyIgd2lkdGg9IjciIGhlaWdodD0iNyIgLz4KICA8cmVjdCB4PSIxNCIgeT0iMyIgd2lkdGg9IjciIGhlaWdodD0iNyIgLz4KICA8cmVjdCB4PSIzIiB5PSIxNCIgd2lkdGg9IjciIGhlaWdodD0iNyIgLz4KICA8cmVjdCB4PSIxNCIgeT0iMTQiIHdpZHRoPSI3IiBoZWlnaHQ9IjciIC8+CiAgPHBhdGggZD0iTTMgMTJoMTgiIC8+CiAgPHBhdGggZD0iTTEyIDN2MTgiIC8+Cjwvc3ZnPgo=");
}
&.qinsertToggleBlock {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+CiAgPHJlY3QgeD0iMyIgeT0iNCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjMiIHJ4PSIxIiAvPgogIDxyZWN0IHg9IjMiIHk9IjEwIiB3aWR0aD0iMTgiIGhlaWdodD0iMyIgcng9IjEiIC8+CiAgPHJlY3QgeD0iMyIgeT0iMTYiIHdpZHRoPSIxMiIgaGVpZ2h0PSIzIiByeD0iMSIgLz4KICA8cG9seWxpbmUgcG9pbnRzPSIxOCwxNiAyMSwxOC41IDE4LDIxIiAvPgo8L3N2Zz4K");
}
// Задание в уроке: рамка со «птичкой» — то же, чем платформа обозначает
// выполненный шаг, поэтому кнопка читается без подписи.
&.qactivityRef {
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='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2' /%3E%3Cpath d='m8 12 2.5 2.5L16 9' /%3E%3C/svg%3E");
}
&.qinteractiveImage {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgdmlld0JveD0iMCAwIDEzMy40NDA3NyAyMDAiCiAgIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iSW50ZXJhY3RpdmVfaWNvbiAodHdvIGNpcmNsZSkuc3ZnIgogICB3aWR0aD0iMTMzLjQ0MDc3IgogICBoZWlnaHQ9IjIwMCI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMTAiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM4IiAvPgogIDxzb2RpcG9kaTpuYW1lZHZpZXcKICAgICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiCiAgICAgYm9yZGVyb3BhY2l0eT0iMSIKICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIgogICAgIGdyaWR0b2xlcmFuY2U9IjEwIgogICAgIGd1aWRldG9sZXJhbmNlPSIxMCIKICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIKICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTg1OCIKICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDU3IgogICAgIGlkPSJuYW1lZHZpZXc2IgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBpbmtzY2FwZTp6b29tPSIxLjY2ODc3MiIKICAgICBpbmtzY2FwZTpjeD0iMzc0Ljc1NTAyIgogICAgIGlua3NjYXBlOmN5PSItNjEuODc5MTQ0IgogICAgIGlua3NjYXBlOndpbmRvdy14PSI1NCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmcyIgogICAgIGZpdC1tYXJnaW4tdG9wPSI1IgogICAgIGZpdC1tYXJnaW4tbGVmdD0iNSIKICAgICBmaXQtbWFyZ2luLXJpZ2h0PSI1IgogICAgIGZpdC1tYXJnaW4tYm90dG9tPSI1IiAvPgogIDxwYXRoCiAgICAgaWQ9ImNpcmNsZTQxNDkiCiAgICAgc3R5bGU9Im9wYWNpdHk6MTtmaWxsOm5vbmU7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiMzZjNmN2I7c3Ryb2tlLXdpZHRoOjUuNTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLWRhc2hvZmZzZXQ6MDtzdHJva2Utb3BhY2l0eToxIgogICAgIHNvZGlwb2RpOnR5cGU9ImFyYyIKICAgICBzb2RpcG9kaTpjeD0iNTEuMDIzMjM1IgogICAgIHNvZGlwb2RpOmN5PSI1MC4yMTAwNTIiCiAgICAgc29kaXBvZGk6cng9IjQwLjk0NDIwNiIKICAgICBzb2RpcG9kaTpyeT0iNDEuMzU1MTU2IgogICAgIHNvZGlwb2RpOnN0YXJ0PSIyLjA5NzE3OTIiCiAgICAgc29kaXBvZGk6ZW5kPSIwLjU2MzE5MTk1IgogICAgIGQ9Ik0gMzAuNDUyNDkxLDg1Ljk2Njk2MSBBIDQwLjk0NDIwNiw0MS4zNTUxNTYgMCAwIDEgMTAuNDk2Mjg2LDQ0LjMyMTA2NCA0MC45NDQyMDYsNDEuMzU1MTU2IDAgMCAxIDQxLjI2NjQwMiwxMC4wNDYyMyA0MC45NDQyMDYsNDEuMzU1MTU2IDAgMCAxIDg0LjI0ODg0MywyNi4wNDMyMDMgNDAuOTQ0MjA2LDQxLjM1NTE1NiAwIDAgMSA4NS42NDM4MjUsNzIuMjg5MDY5IgogICAgIHNvZGlwb2RpOm9wZW49InRydWUiCiAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4KICA8cGF0aAogICAgIGlkPSJjaXJjbGU0MTUzIgogICAgIHN0eWxlPSJvcGFjaXR5OjE7ZmlsbDpub25lO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojM2YzZjdiO3N0cm9rZS13aWR0aDo1LjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1kYXNob2Zmc2V0OjA7c3Ryb2tlLW9wYWNpdHk6MSIKICAgICBzb2RpcG9kaTp0eXBlPSJhcmMiCiAgICAgc29kaXBvZGk6Y3g9IjUxLjAyMzE1NSIKICAgICBzb2RpcG9kaTpjeT0iNTIuMTgyNTk4IgogICAgIHNvZGlwb2RpOnJ4PSIyNi4xNDc2MzYiCiAgICAgc29kaXBvZGk6cnk9IjI2LjcxOTk3NiIKICAgICBzb2RpcG9kaTpzdGFydD0iMi41ODU3NDk5IgogICAgIHNvZGlwb2RpOmVuZD0iMC40NTM4NDY4NSIKICAgICBkPSJtIDI4LjgxMTg4Nyw2Ni4yODE2NDQgYSAyNi4xNDc2MzYsMjYuNzE5OTc2IDAgMCAxIDQuNTI0NzI4LC0zMy43Nzg5NjggMjYuMTQ3NjM2LDI2LjcxOTk3NiAwIDAgMSAzMy4zMjAyOSwtMS43Mzc5NjggMjYuMTQ3NjM2LDI2LjcxOTk3NiAwIDAgMSA3Ljg2Njg4OCwzMy4xMzI2MjgiCiAgICAgc29kaXBvZGk6b3Blbj0idHJ1ZSIKICAgICBpbmtzY2FwZTpjb25uZWN0b3ItY3VydmF0dXJlPSIwIiAvPgogIDxnCiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoNS4zMjczMDUsMCwwLDUuMzI3MzA1LC02MS41ODU2NiwtNC40Njk3MzA1KSIKICAgICBpZD0iZzQxODEiCiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MSI+CiAgICA8cGF0aAogICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4xMDU5MzIyLDApIgogICAgICAgZD0ibSAyMS4wOTk2MDksOS4xMzg2NzE5IGMgLTEuMTMzODQzLDAgLTEuODYxMzI4LDAuNzI3NDg0MiAtMS44NjEzMjgsMS44NjEzMjgxIGwgMCwxMC4zMDA3ODEgYSAwLjY4NjcxOTI0LDAuNjg2NzE5MjQgMCAwIDEgMCwwLjAwMzkgYyAtMC4wMDIxLDAuNDkzOTIgLTAuMzQyNzQ4LDAuOTE0MTI1IC0wLjc0ODA0NywxLjA2MjUgLTAuNDA1Mjk4LDAuMTQ4Mzc0IC0wLjkzNTMxOCwwLjA0NTY5IC0xLjI1NTg1OSwtMC4zMzAwNzkgYSAwLjY4NjcxOTI0LDAuNjg2NzE5MjQgMCAwIDEgLTAuMDAyLC0wLjAwMiBjIC0xLjAxNTIzMSwtMS4xOTk4MTkgLTIuMTA2ODE5LC0xLjg5NjQ4NCAtMi42MzI4MTMsLTEuODk2NDg0IC0wLjY0MzYwOCwwIC0xLjA1Njc4OSwwLjI0OTI0NiAtMS4xNTIzNDMsMC4zOTI1NzggYSAwLjY4NjcxOTI0LDAuNjg2NzE5MjQgMCAwIDEgLTAuMDA1OSwwLjAwNzggYyAtMC4wMTU3NiwwLjAyMjg5IC0wLjAzMzI2LDAuMDQ4MTUgLTAuMDUyNzMsMC4wNzIyNyAtMC4xNjc4OTYsMC4yMDk4NyAtMC40MTMzODcsMC42NDA4NjggLTAuMTAxNTYzLDEuNjU0Mjk3IDAuMTUxMDMyLDAuNDkwODUzIDAuNjY3MDU2LDEuNzExNjU1IDEuMzY1MjM1LDMuMTIzMDQ3IDAuNjk4MTc4LDEuNDExMzkyIDEuNTg2NjM2LDMuMDQ3NDY1IDIuNTA3ODEyLDQuNTAxOTUzIDAuNjYyNDc1LDEuMDQwODQ3IDEuMzIyMjA4LDEuODkwNjM2IDEuODkwNjI1LDIuNTU0Njg3IGwgMC4wMDk4LDAuMDExNzIgYyA0Ljg4ZS00LDUuNjllLTQgMC4wMDE1LDAuMDAxNCAwLjAwMiwwLjAwMiBhIDAuNjg2NzE5MjQsMC42ODY3MTkyNCAwIDAgMSAwLjAzMTI1LDAuMDM3MTEgYyAxLjA3MTUyOCwxLjM2Mzc2NSAxLjk1ODExMiwyLjU4OTk5IDIuMDA5NzY2LDQuMzY1MjM0IGwgMTEuNzcxNDg0LDAgYyAwLjAyMDYxLC0yLjQ4NzIzOSAwLjUzMzU5OCwtNC40ODU5NTQgMS4wMjE0ODQsLTYuNDM3NSBDIDM0LjM5NDI5NiwyOC40MzI2IDM0Ljg2MTMyOCwyNi40NTQ0IDM0Ljg2MTMyOCwyNCBsIDAsLTMgYyAwLC0xLjEzMzg0NSAtMC43Mjc0ODMsLTEuODYxMzI4IC0xLjg2MTMyOCwtMS44NjEzMjggLTAuMjA1MDgyLDAgLTAuNTE5NTMxLDAuMDY3MDUgLTAuNzQwMjM0LDAuMTQwNjI1IGwgMCwtMC4wMDIgYyAtMC41OTc0LDAuMTk5MzUxIC0xLjI2MTI4NCwtMC4xNDA1MSAtMS40NDcyNjYsLTAuNzQyMTg4IGEgMC42ODY3MTkyNCwwLjY4NjcxOTI0IDAgMCAxIDAsLTAuMDAyIEMgMzAuNTM3ODYzLDE3LjY0MDYzNSAyOS45MjMxOTgsMTcuMTM4NjcyIDI5LDE3LjEzODY3MiBjIC0wLjM0NTg4MywwIC0wLjU4NzIxMSwwLjA3NDY5IC0wLjcxNjc5NywwLjE3MTg3NSAtMC41MjUwOCwwLjM5MzYwOSAtMS4zMDA5NDUsMC4yNDc2NSAtMS42NDg0MzcsLTAuMzA4NTk0IEwgMjYuNjMyODEyLDE3IGMgLTAuMzEyMjE1LC0wLjQ5ODAwNyAtMC44NDY5ODgsLTAuODYxMzI4IC0xLjUzMzIwMywtMC44NjEzMjggLTAuMjE4NDIsMCAtMC4zNDMzNjIsMC4wNDE1MyAtMC42NDA2MjUsMC4xNDA2MjUgLTAuNzE2OTYyLDAuMjM4MTA1IC0xLjQ5Njg1OCwtMC4zMjI2NDkgLTEuNDk4MDQ2LC0xLjA3ODEyNSBhIDAuNjg2NzE5MjQsMC42ODY3MTkyNCAwIDAgMSAwLC0wLjAwMiBsIDAsLTQuMTk5MjE5IGMgMCwtMS4xMzM4NDM5IC0wLjcyNzQ4NCwtMS44NjEzMjgxIC0xLjg2MTMyOSwtMS44NjEzMjgxIHoiCiAgICAgICBpZD0icGF0aDQxODMiCiAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxIgogICAgICAgaW5rc2NhcGU6b3JpZ2luYWw9Ik0gMjEuMDk5NjA5IDguNDUxMTcxOSBDIDE5LjYyOTc0MSA4LjQ1MTE3MTkgMTguNTUwNzgxIDkuNTMwMTMxMyAxOC41NTA3ODEgMTEgTCAxOC41NTA3ODEgMjEuMzAwNzgxIEMgMTguNTQ4OTgxIDIxLjcxOTQ2OCAxOC4wMjc1ODIgMjEuOTEwMzM5IDE3Ljc1NTg1OSAyMS41OTE3OTcgQyAxNi42ODY2MzYgMjAuMzI4MTY5IDE1LjU0ODYyOSAxOS40NTExNzIgMTQuNTk5NjA5IDE5LjQ1MTE3MiBDIDEzLjgwMDA1NCAxOS40NTExNzIgMTMuMTU5NTU3IDE5LjcyMzU1NSAxMi44NzUgMjAuMTUwMzkxIEMgMTIuODY3NiAyMC4xNjExNDEgMTIuODU5ODIyIDIwLjE3MTU3MSAxMi44NTE1NjIgMjAuMTgxNjQxIEMgMTIuNTQ3NTMxIDIwLjU2MTY4IDEyLjI2Njc3MiAyMS4yODM1MTQgMTIuNjMwODU5IDIyLjQ2Njc5NyBDIDEyLjk5NDAzMSAyMy42NDcxMDQgMTQuNzAyMzA2IDI3LjI5MjkxIDE2LjU4MDA3OCAzMC4yNTc4MTIgQyAxNy4yNjY3MjEgMzEuMzM2ODIzIDE3Ljk1MjQyOCAzMi4yMTk1NjUgMTguNTQxMDE2IDMyLjkwNjI1IEMgMTguNTQ1NzE2IDMyLjkxMDc1IDE4LjU1MDIxOCAzMi45MTUyNTIgMTguNTU0Njg4IDMyLjkxOTkyMiBDIDE5LjY1NTI1OSAzNC4zMjA2NTEgMjAuNDUxMTcyIDM1LjM1OTQwNCAyMC40NTExNzIgMzcgQyAyMC40NTExNzIgMzcuMTk5Njg2IDIwLjUwOTk1MiAzNy4zMjI0NDkgMjAuNTkzNzUgMzcuNDA2MjUgQyAyMC42Nzc1NSAzNy40OTAwNSAyMC44MDAzMTQgMzcuNTQ4ODI4IDIxIDM3LjU0ODgyOCBMIDMzIDM3LjU0ODgyOCBDIDMzLjE5OTY4NiAzNy41NDg4MjggMzMuMzIyNDQ5IDM3LjQ5MDA0OCAzMy40MDYyNSAzNy40MDYyNSBDIDMzLjQ5MDA1IDM3LjMyMjQ1IDMzLjU0ODgyOCAzNy4xOTk2ODYgMzMuNTQ4ODI4IDM3IEMgMzMuNTQ4ODI4IDM0LjUzNzMwNCAzNC4wNjMzNTIgMzIuNTg2NDM2IDM0LjU2MjUgMzAuNTg5ODQ0IEMgMzUuMDYxNjUyIDI4LjU5MzI1NCAzNS41NDg4MjggMjYuNTQyMTI3IDM1LjU0ODgyOCAyNCBMIDM1LjU0ODgyOCAyMSBDIDM1LjU0ODgyOCAxOS41MzAxMzEgMzQuNDY5ODY5IDE4LjQ1MTE3MiAzMyAxOC40NTExNzIgQyAzMi42NzQ2NDggMTguNDUxMTcyIDMyLjMxMzg2MiAxOC41MzY2NTIgMzIuMDQyOTY5IDE4LjYyNjk1MyBDIDMxLjgwMjcyMiAxOC43MDcxMjMgMzEuNTQzNTQ1IDE4LjU3NDAwMyAzMS40Njg3NSAxOC4zMzIwMzEgQyAzMS4xMTk5NzcgMTcuMTk4NTIgMzAuMjA2NzA2IDE2LjQ1MTE3MiAyOSAxNi40NTExNzIgQyAyOC41NjA0MjQgMTYuNDUxMTcyIDI4LjE2NTIgMTYuNTQxMTQyIDI3Ljg3MTA5NCAxNi43NjE3MTkgQyAyNy42NTkxMzQgMTYuOTIwNjA4IDI3LjM1NjU1NyAxNi44NjM3MDUgMjcuMjE2Nzk3IDE2LjYzODY3MiBDIDI2Ljc5MjAzMSAxNS45NTkwNDYgMjYuMDM1MzUzIDE1LjQ1MTE3MiAyNS4wOTk2MDkgMTUuNDUxMTcyIEMgMjQuNzc0MjU3IDE1LjQ1MTE3MiAyNC41NDE1MTggMTUuNTI3MTcyIDI0LjI0MjE4OCAxNS42MjY5NTMgQyAyMy45NTAyMyAxNS43MjM5MTMgMjMuNjQ4OTIyIDE1LjUwNjg1NyAyMy42NDg0MzggMTUuMTk5MjE5IEwgMjMuNjQ4NDM4IDExIEMgMjMuNjQ4NDM4IDkuNTMwMTMxMyAyMi41Njk0NzggOC40NTExNzE5IDIxLjA5OTYwOSA4LjQ1MTE3MTkgeiAiCiAgICAgICBpbmtzY2FwZTpyYWRpdXM9Ii0wLjY4NjY1MDU3IgogICAgICAgc29kaXBvZGk6dHlwZT0iaW5rc2NhcGU6b2Zmc2V0IiAvPgogIDwvZz4KICA8ZwogICAgIGlkPSJnNDEzOCIKICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxIgogICAgIHRyYW5zZm9ybT0ibWF0cml4KDUuMzI3MzA1LDAsMCw1LjMyNzMwNSwtNjAuOTM4NjgyLC01LjAzNDA2MDUpIj4KICAgIDxwYXRoCiAgICAgICBzb2RpcG9kaTp0eXBlPSJpbmtzY2FwZTpvZmZzZXQiCiAgICAgICBpbmtzY2FwZTpyYWRpdXM9Ii0wLjQ1MTQxMTQ5IgogICAgICAgaW5rc2NhcGU6b3JpZ2luYWw9Ik0gMjEuMDk5NjA5IDggQyAxOS4zOTk2MDkgOCAxOC4wOTk2MDkgOS4zIDE4LjA5OTYwOSAxMSBMIDE4LjA5OTYwOSAyMS4zMDA3ODEgQyAxNi45OTk2MDkgMjAuMDAwNzgxIDE1Ljc5OTYwOSAxOSAxNC41OTk2MDkgMTkgQyAxMy42OTk2MDkgMTkgMTIuOSAxOS4zMDAzOTEgMTIuNSAxOS45MDAzOTEgQyAxMi4xIDIwLjQwMDM5MSAxMS43OTkyMTkgMjEuMjk5NjA5IDEyLjE5OTIxOSAyMi41OTk2MDkgQyAxMi41OTkyMTkgMjMuODk5NjA5IDE0LjI5OTIxOSAyNy41IDE2LjE5OTIxOSAzMC41IEMgMTYuODk5MjE5IDMxLjYgMTcuNTk5MjE5IDMyLjQ5OTIxOSAxOC4xOTkyMTkgMzMuMTk5MjE5IEMgMTkuMjk5MjE5IDM0LjU5OTIxOSAyMCAzNS41IDIwIDM3IEMgMjAgMzcuNiAyMC40IDM4IDIxIDM4IEwgMzMgMzggQyAzMy42IDM4IDM0IDM3LjYgMzQgMzcgQyAzNCAzNC42IDM0LjUgMzIuNjk5MjE5IDM1IDMwLjY5OTIxOSBDIDM1LjUgMjguNjk5MjE5IDM2IDI2LjYgMzYgMjQgTCAzNiAyMSBDIDM2IDE5LjMgMzQuNyAxOCAzMyAxOCBDIDMyLjYgMTggMzIuMjAwMzkxIDE4LjA5OTIxOSAzMS45MDAzOTEgMTguMTk5MjE5IEMgMzEuNTAwMzkxIDE2Ljg5OTIxOSAzMC40IDE2IDI5IDE2IEMgMjguNSAxNiAyNy45OTk2MDkgMTYuMTAwMzkxIDI3LjU5OTYwOSAxNi40MDAzOTEgQyAyNy4wOTk2MDkgMTUuNjAwMzkxIDI2LjE5OTYwOSAxNSAyNS4wOTk2MDkgMTUgQyAyNC42OTk2MDkgMTUgMjQuMzk5NjA5IDE1LjA5OTIxOSAyNC4wOTk2MDkgMTUuMTk5MjE5IEwgMjQuMDk5NjA5IDExIEMgMjQuMDk5NjA5IDkuMyAyMi43OTk2MDkgOCAyMS4wOTk2MDkgOCB6IE0gMjEgMTAgQyAyMS42IDEwIDIyIDEwLjQgMjIgMTEgTCAyMiAyMCBDIDIyIDIwLjYgMjIuNCAyMSAyMyAyMSBDIDIzLjYgMjEgMjQgMjAuNiAyNCAyMCBMIDI0IDE4IEMgMjQgMTcuNCAyNC40IDE3IDI1IDE3IEMgMjUuNiAxNyAyNiAxNy40IDI2IDE4IEwgMjYgMjEgQyAyNiAyMS42IDI2LjQgMjIgMjcgMjIgQyAyNy42IDIyIDI4IDIxLjYgMjggMjEgTCAyOCAxOSBDIDI4IDE4LjQgMjguNCAxOCAyOSAxOCBDIDI5LjYgMTggMzAgMTguNCAzMCAxOSBMIDMwIDIyIEMgMzAgMjIuNiAzMC40IDIzIDMxIDIzIEMgMzEuNiAyMyAzMiAyMi42IDMyIDIyIEwgMzIgMjEgQyAzMiAyMC40IDMyLjQgMjAgMzMgMjAgQyAzMy42IDIwIDM0IDIwLjQgMzQgMjEgTCAzNCAyNCBDIDM0IDI2LjMgMzMuNSAyOC4xOTkyMTkgMzMgMzAuMTk5MjE5IEMgMzIuNiAzMS45OTkyMTkgMzIuMSAzMy44IDMyIDM2IEwgMjEuOTAwMzkxIDM2IEMgMjEuNzAwMzkxIDM0LjMgMjAuNjk5NjA5IDMzLjIgMTkuNTk5NjA5IDMyIEMgMTguOTk5NjA5IDMxLjIgMTguNDAwNzgxIDMwLjUgMTcuODAwNzgxIDI5LjUgQyAxNS44MDA3ODEgMjYuMyAxNC4zIDIzLjEgMTQgMjIgQyAxMy45IDIxLjUgMTMuOSAyMS4xOTk2MDkgMTQgMjEuMDk5NjA5IEMgMTQuMSAyMC45OTk2MDkgMTQuMyAyMSAxNC41IDIxIEMgMTUuMiAyMSAxNy4xIDIyLjg5OTIxOSAxOCAyNS4xOTkyMTkgTCAxOCAyNiBDIDE4IDI2LjYgMTguNCAyNyAxOSAyNyBDIDE5LjYgMjcgMjAgMjYuNiAyMCAyNiBMIDIwIDExIEMgMjAgMTAuNCAyMC40IDEwIDIxIDEwIHogIgogICAgICAgaWQ9InBhdGg0MTQzIgogICAgICAgZD0ibSAyMS4wOTk2MDksOC40NTExNzE5IGMgLTEuNDY5ODY4LDAgLTIuNTQ4ODI4LDEuMDc4OTU5NCAtMi41NDg4MjgsMi41NDg4MjgxIGwgMCwxMC4zMDA3ODEgYSAwLjQ1MTQ1NjYzLDAuNDUxNDU2NjMgMCAwIDEgLTAuNzk0OTIyLDAuMjkxMDE2IGMgLTEuMDY5MjIzLC0xLjI2MzYyOCAtMi4yMDcyMywtMi4xNDA2MjUgLTMuMTU2MjUsLTIuMTQwNjI1IC0wLjc5OTU1NSwwIC0xLjQ0MDA1MiwwLjI3MjM4MyAtMS43MjQ2MDksMC42OTkyMTkgYSAwLjQ1MTQ1NjYzLDAuNDUxNDU2NjMgMCAwIDEgLTAuMDIzNDQsMC4wMzEyNSBjIC0wLjMwNDAzMSwwLjM4MDAzOSAtMC41ODQ3OSwxLjEwMTg3MyAtMC4yMjA3MDMsMi4yODUxNTYgMC4zNjMxNzIsMS4xODAzMDcgMi4wNzE0NDcsNC44MjYxMTIgMy45NDkyMTksNy43OTEwMTUgMC42ODY2NDMsMS4wNzkwMSAxLjM3MjM1LDEuOTYxNzUzIDEuOTYwOTM4LDIuNjQ4NDM4IGEgMC40NTE0NTY2MywwLjQ1MTQ1NjYzIDAgMCAxIDAuMDEzNjcsMC4wMTM2NyBjIDEuMTAwNTcyLDEuNDAwNzI5IDEuODk2NDg0LDIuNDM5NDgyIDEuODk2NDg0LDQuMDgwMDc4IDAsMC4xOTk2ODYgMC4wNTg3OCwwLjMyMjQ0OSAwLjE0MjU3OCwwLjQwNjI1IDAuMDgzOCwwLjA4MzggMC4yMDY1NjQsMC4xNDI1NzggMC40MDYyNSwwLjE0MjU3OCBsIDEyLDAgYyAwLjE5OTY4NiwwIDAuMzIyNDQ5LC0wLjA1ODc4IDAuNDA2MjUsLTAuMTQyNTc4IDAuMDgzOCwtMC4wODM4IDAuMTQyNTc4LC0wLjIwNjU2NCAwLjE0MjU3OCwtMC40MDYyNSAwLC0yLjQ2MjY5NiAwLjUxNDUyNCwtNC40MTM1NjQgMS4wMTM2NzIsLTYuNDEwMTU2IEMgMzUuMDYxNjQ4LDI4LjU5MzI1MiAzNS41NDg4MjgsMjYuNTQyMTI3IDM1LjU0ODgyOCwyNCBsIDAsLTMgYyAwLC0xLjQ2OTg2OSAtMS4wNzg5NTksLTIuNTQ4ODI4IC0yLjU0ODgyOCwtMi41NDg4MjggLTAuMzI1MzUyLDAgLTAuNjg2MTM4LDAuMDg1NDggLTAuOTU3MDMxLDAuMTc1NzgxIEEgMC40NTE0NTY2MywwLjQ1MTQ1NjYzIDAgMCAxIDMxLjQ2ODc1LDE4LjMzMjAzMSBDIDMxLjExOTk3NywxNy4xOTg1MiAzMC4yMDY3MDYsMTYuNDUxMTcyIDI5LDE2LjQ1MTE3MiBjIC0wLjQzOTU3NiwwIC0wLjgzNDgsMC4wODk5NyAtMS4xMjg5MDYsMC4zMTA1NDcgYSAwLjQ1MTQ1NjYzLDAuNDUxNDU2NjMgMCAwIDEgLTAuNjU0Mjk3LC0wLjEyMzA0NyBjIC0wLjQyNDc2NiwtMC42Nzk2MjYgLTEuMTgxNDQ0LC0xLjE4NzUgLTIuMTE3MTg4LC0xLjE4NzUgLTAuMzI1MzUyLDAgLTAuNTU4MDksMC4wNzYgLTAuODU3NDIxLDAuMTc1NzgxIGEgMC40NTE0NTY2MywwLjQ1MTQ1NjYzIDAgMCAxIC0wLjU5Mzc1LC0wLjQyNzczNCBsIDAsLTQuMTk5MjE5IGMgMCwtMS40Njk4Njg3IC0xLjA3ODk2LC0yLjU0ODgyODEgLTIuNTQ4ODI5LC0yLjU0ODgyODEgeiBNIDIxLDkuNTQ4ODI4MSBjIDAuNDAwMzE0LDAgMC43Nzg3MjMsMC4xNDAwNTExIDEuMDQ0OTIyLDAuNDA2MjUgMC4yNjYxOTksMC4yNjYxOTg5IDAuNDA2MjUsMC42NDQ2MDc5IDAuNDA2MjUsMS4wNDQ5MjE5IGwgMCw5IGMgMCwwLjE5OTY4NiAwLjA1ODc4LDAuMzIyNDQ5IDAuMTQyNTc4LDAuNDA2MjUgMC4wODM4LDAuMDgzOCAwLjIwNjU2NCwwLjE0MjU3OCAwLjQwNjI1LDAuMTQyNTc4IDAuMTk5Njg2LDAgMC4zMjI0NDksLTAuMDU4NzggMC40MDYyNSwtMC4xNDI1NzggMC4wODM4LC0wLjA4MzggMC4xNDI1NzgsLTAuMjA2NTY0IDAuMTQyNTc4LC0wLjQwNjI1IGwgMCwtMiBjIDAsLTAuNDAwMzE0IDAuMTQwMDUxLC0wLjc3ODcyMyAwLjQwNjI1LC0xLjA0NDkyMiAwLjI2NjE5OSwtMC4yNjYxOTkgMC42NDQ2MDgsLTAuNDA2MjUgMS4wNDQ5MjIsLTAuNDA2MjUgMC40MDAzMTQsMCAwLjc3ODcyMywwLjE0MDA1MSAxLjA0NDkyMiwwLjQwNjI1IDAuMjY2MTk5LDAuMjY2MTk5IDAuNDA2MjUsMC42NDQ2MDggMC40MDYyNSwxLjA0NDkyMiBsIDAsMyBjIDAsMC4xOTk2ODYgMC4wNTg3OCwwLjMyMjQ0OSAwLjE0MjU3OCwwLjQwNjI1IDAuMDgzOCwwLjA4MzggMC4yMDY1NjQsMC4xNDI1NzggMC40MDYyNSwwLjE0MjU3OCAwLjE5OTY4NiwwIDAuMzIyNDQ5LC0wLjA1ODc4IDAuNDA2MjUsLTAuMTQyNTc4IDAuMDgzOCwtMC4wODM4IDAuMTQyNTc4LC0wLjIwNjU2NCAwLjE0MjU3OCwtMC40MDYyNSBsIDAsLTIgYyAwLC0wLjQwMDMxNCAwLjE0MDA1MSwtMC43Nzg3MjMgMC40MDYyNSwtMS4wNDQ5MjIgMC4yNjYxOTksLTAuMjY2MTk5IDAuNjQ0NjA4LC0wLjQwNjI1IDEuMDQ0OTIyLC0wLjQwNjI1IDAuNDAwMzE0LDAgMC43Nzg3MjMsMC4xNDAwNTEgMS4wNDQ5MjIsMC40MDYyNSAwLjI2NjE5OSwwLjI2NjE5OSAwLjQwNjI1LDAuNjQ0NjA4IDAuNDA2MjUsMS4wNDQ5MjIgbCAwLDMgYyAwLDAuMTk5Njg2IDAuMDU4NzgsMC4zMjI0NDkgMC4xNDI1NzgsMC40MDYyNSAwLjA4MzgsMC4wODM4IDAuMjA2NTY0LDAuMTQyNTc4IDAuNDA2MjUsMC4xNDI1NzggMC4xOTk2ODYsMCAwLjMyMjQ0OSwtMC4wNTg3OCAwLjQwNjI1LC0wLjE0MjU3OCAwLjA4MzgsLTAuMDgzOCAwLjE0MjU3OCwtMC4yMDY1NjQgMC4xNDI1NzgsLTAuNDA2MjUgbCAwLC0xIGMgMCwtMC40MDAzMTQgMC4xNDAwNTEsLTAuNzc4NzIzIDAuNDA2MjUsLTEuMDQ0OTIyIDAuMjY2MTk5LC0wLjI2NjE5OSAwLjY0NDYwOCwtMC40MDYyNSAxLjA0NDkyMiwtMC40MDYyNSAwLjQwMDMxNCwwIDAuNzc4NzIzLDAuMTQwMDUxIDEuMDQ0OTIyLDAuNDA2MjUgMC4yNjYxOTksMC4yNjYxOTkgMC40MDYyNSwwLjY0NDYwOCAwLjQwNjI1LDEuMDQ0OTIyIGwgMCwzIGMgMCwyLjM2NTQyMiAtMC41MTQ1MzcsNC4zMTIwNTUgLTEuMDEzNjcyLDYuMzA4NTk0IGwgMC4wMDM5LC0wLjAxMTcyIGMgLTAuNDAzNDUsMS44MTU1MjYgLTAuODkyODI2LDMuNTc5Njc4IC0wLjk5MDIzNCw1LjcyMjY1NiBBIDAuNDUxNDU2NjMsMC40NTE0NTY2MyAwIDAgMSAzMiwzNi40NTExNzIgbCAtMTAuMDk5NjA5LDAgQSAwLjQ1MTQ1NjYzLDAuNDUxNDU2NjMgMCAwIDEgMjEuNDUxMTcyLDM2LjA1MjczNCBDIDIxLjI2ODk0OSwzNC41MDM4NCAyMC4zNjY4ODMsMzMuNTAzOTI5IDE5LjI2NzU3OCwzMi4zMDQ2ODggYSAwLjQ1MTQ1NjYzLDAuNDUxNDU2NjMgMCAwIDEgLTAuMDI5MywtMC4wMzMyIGMgLTAuNTg4MDA5LC0wLjc4NDAxMSAtMS4yMDEzNzMsLTEuNTAzMDEyIC0xLjgyMDMxMiwtMi41MzMyMDMgbCAtMC4wMDIsLTAuMDAyIGMgLTguNTZlLTQsLTAuMDAxNCAtMC4wMDExLC0wLjAwMjUgLTAuMDAyLC0wLjAwMzkgLTEuMDA3MjU0LC0xLjYxMjE0NCAtMS44ODYyNzYsLTMuMjIxMjc3IC0yLjU1NDY4NywtNC41NzAzMTMgLTAuNjY5MzA3LC0xLjM1MDg0NCAtMS4xMjM4ODIsLTIuNDE1ODIxIC0xLjI5NDkyMiwtMy4wNDI5NjggYSAwLjQ1MTQ1NjYzLDAuNDUxNDU2NjMgMCAwIDEgLTAuMDA3OCwtMC4wMzEyNSBjIC0wLjA1MzQxLC0wLjI2NzA0NyAtMC4wODM5OSwtMC40ODcyNzggLTAuMDgzOTksLTAuNjg3NSAwLC0wLjIwMDIyMiAtOC4yMWUtNCwtMC40MDkzMzUgMC4yMDg5ODUsLTAuNjE5MTQxIDAuMTU2NjA2LC0wLjE1NjYwNyAwLjMzMTY1NCwtMC4xOTc2NDIgMC40NjY3OTcsLTAuMjE2Nzk3IDAuMTM1MTQyLC0wLjAxOTE2IDAuMjUxODU2LC0wLjAxNTYzIDAuMzUxNTYyLC0wLjAxNTYzIDAuMzc5MTI2LDAgMC42NTY0NDgsMC4xNzk5MDUgMC45ODI0MjIsMC40MTk5MjIgMC4zMjU5NzQsMC4yNDAwMTcgMC42NzY5MTEsMC41Njg1ODEgMS4wMzEyNSwwLjk2ODc1IDAuNzA4Njc3LDAuODAwMzM4IDEuNDMyMzMzLDEuODg2NTM3IDEuOTA2MjUsMy4wOTc2NTYgYSAwLjQ1MTQ1NjYzLDAuNDUxNDU2NjMgMCAwIDEgMC4wMzEyNSwwLjE2NDA2MyBsIDAsMC44MDA3ODEgYyAwLDAuMTk5Njg2IDAuMDU4NzgsMC4zMjI0NDkgMC4xNDI1NzgsMC40MDYyNSAwLjA4MzgsMC4wODM4IDAuMjA2NTY0LDAuMTQyNTc4IDAuNDA2MjUsMC4xNDI1NzggMC4xOTk2ODYsMCAwLjMyMjQ0OSwtMC4wNTg3OCAwLjQwNjI1LC0wLjE0MjU3OCAwLjA4MzgsLTAuMDgzOCAwLjE0MjU3OCwtMC4yMDY1NjQgMC4xNDI1NzgsLTAuNDA2MjUgbCAwLC0xNSBjIDAsLTAuNDAwMzE0IDAuMTQwMDUxLC0wLjc3ODcyMyAwLjQwNjI1LC0xLjA0NDkyMTkgQyAyMC4yMjEyNzcsOS42ODg4NzkyIDIwLjU5OTY4Niw5LjU0ODgyODEgMjEsOS41NDg4MjgxIFoiCiAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eToxIiAvPgogIDwvZz4KICA8ZwogICAgIHN0eWxlPSJmaWxsOiMwMGZmZmY7ZmlsbC1vcGFjaXR5OjEiCiAgICAgaWQ9Imc0MTYxLTgiCiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoNS4zMjczMDUsMCwwLDUuMzI3MzA1LDIxNy4zNTE3MiwtNzguOTU4MzgpIiAvPgo8L3N2Zz4K");
background-size: 16px;
}
}
.qcolors{
display: inline-block;
width: 20px;
......@@ -1762,22 +1695,55 @@ body{
.atma-editor-field-color{
align-items: flex-start;
}
// ── Панель на телефоне ───────────────────────────────────────────────
//
// Кнопка вырастает до 44×44 — это требование к зоне нажатия, а не
// к иконке: рисунок остаётся 20 px, увеличивается поле вокруг.
//
// Разделители не рисуются: на узкой панели они съедают место и всё равно
// не читаются при переносе строк. Группы отбиваются двойным зазором.
//
// Горизонтальной прокрутки НЕТ намеренно. Скрытая справа кнопка на телефоне
// не находится вообще: методист не знает, что там что-то есть, и не тянет.
// Редкое уезжает в выпадающие списки, где у каждого пункта подпись словами.
.atma-editor-toolbar{
width: 100%;
max-width: 100%;
overflow-x: visible;
overflow-y: visible;
-webkit-overflow-scrolling: touch;
padding: 4px 6px;
gap: 0;
.qicon{
width: 44px;
height: 44px;
}
&-g{
flex-wrap: wrap;
gap: 0;
&:after{
display: none;
}
.qseparator{
display: none;
}
}
&-thin-sep{
display: none;
}
&-s{
padding-right: 16px;
&:before{
right: 16px;
}
&-opts{
left: auto;
right: 0;
......@@ -1854,6 +1820,6 @@ body{
// и tabIndex, значит нужен видимый фокус.
.qicon:focus-visible {
outline: 2px solid #1790FF;
outline-offset: 1px;
border-radius: 4px;
outline-offset: 2px;
border-radius: 8px;
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment