предисловие
название темы — name surname, 00. на написание анкеты после регистрации даётся две недели, ещё три дня — на заполнение кодов. коды оставляйте следующим (!) после анкеты сообщением — только после их появления админы сядут за проверку; на неё отводится до пяти дней, но срок может быть увеличен, если идут обсуждения спорных моментов. если описания много, срок проверки может быть увеличен до недели, потому что два дня мы будем плакать. картинку можно делать любой в высоту, в ширину не более 600 пикселей. все мемы и смешнявки убирайте под спойлер. обязательно укажите принадлежность к око если персонаж к нему относится!
перед вами — супер упрощённый вариант анкеты: просто заполните все представленные ниже поля, и анкета соберётся в код сама, как и коды для профиля. всё, что вам нужно сделать — скопировать сгенерированный код после указания всей информации по кнопочке «скопировать код» и вставить его в поле сообщения в новой теме с вашей анкетой. при нажатии кнопки предпросмотра анкеты в данной теме внешний вид будет отличаться от конечного — это нормально.
если после заполнения анкеты на этой странице вы не нажали кнопку «очистить все», то часть информации подтянется в коды сама и нужно будет заполнить оставшиеся поля. если же вы по какой-то причине очистили часть с анкетой, скопируйте чистые коды и заполните самостоятельно. проверить автозаполнение кодов можно по кнопке «просмотр кодов» (советуем это всегда делать перед публикацией).
[html]
<div class="rgf-admin" data-rgf-form-root>
<div class="rgf-admin__side">
<div class="rgf-admin__card">
<div class="rgf-admin__card-title rgf-admin__card-title--hero">анкета</div>
<div class="rgf-admin__hint">заполните шаблон и коды ниже. коды выкладывать отдельным сообщением</div>
<div class="rgf-admin__player-grid">
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">имя</span>
<input class="rgf-admin__input" type="text" placeholder="имя" data-rgf-input="first_name">
</label>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">фамилия</span>
<input class="rgf-admin__input" type="text" placeholder="фамилия" data-rgf-input="last_name">
</label>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">name</span>
<input class="rgf-admin__input" type="text" placeholder="name" data-rgf-input="first_name_en">
</label>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">surname</span>
<input class="rgf-admin__input" type="text" placeholder="surname" data-rgf-input="last_name_en">
</label>
</div>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">возраст</span>
<input class="rgf-admin__input" type="text" placeholder="00" data-rgf-input="age">
</label>
<div class="rgf-admin__player-grid" data-rgf-row="status-phase">
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">статус</span>
<select class="rgf-admin__rollmenu" data-rgf-input="status">
<option value="" selected>выбрать из списка</option>
<option value="абстерго">абстерго</option>
<option value="загруженный">загруженный</option>
<option value="npc">npc</option>
</select>
</label>
<div class="rgf-admin__field" data-rgf-section="phase">
<span class="rgf-admin__field-label">фаза просачивания</span>
<select class="rgf-admin__rollmenu" data-rgf-input="phase">
<option value="" selected>выбрать из списка</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
</div>
<div class="rgf-admin__player-grid">
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">должность</span>
<input class="rgf-admin__input" type="text" placeholder="должность" data-rgf-input="role">
</label>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">место работы</span>
<input class="rgf-admin__input" type="text" placeholder="место работы" data-rgf-input="workplace">
</label>
</div>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">ссылка на изображение</span>
<input class="rgf-admin__input" type="text" placeholder="https://..." data-rgf-input="image">
</label>
<div class="rgf-admin__player-grid">
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">фандом</span>
<input class="rgf-admin__input" type="text" placeholder="fandom eng" data-rgf-input="fandom">
</label>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">внешность</span>
<input class="rgf-admin__input" type="text" placeholder="face eng" data-rgf-input="face">
</label>
</div>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">общее описание</span>
<textarea class="rgf-admin__output" rows="8" placeholder="свободный текст, факты, мемы, плейлист под спойлер" data-rgf-input="description"></textarea>
</label>
</div>
<div class="rgf-admin__card">
<div class="rgf-admin__toggle-head">
<label class="rgf-admin__toggle-control" aria-label="показать способность">
<input class="rgf-admin__toggle-input" type="checkbox" data-rgf-input="show_ability">
<span class="rgf-admin__toggle-ui" aria-hidden="true"></span>
</label>
<div class="rgf-admin__card-title">способность</div>
</div>
<div class="rgf-admin__hint">блок попадёт в готовый код только если чекбокс включён</div>
<div data-rgf-section="ability">
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">название способности</span>
<input class="rgf-admin__input" type="text" placeholder="название способности" data-rgf-input="ability_name">
</label>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">принцип действия и ограничения</span>
<textarea class="rgf-admin__output" rows="5" placeholder="описание способности и все ограничения" data-rgf-input="ability_text"></textarea>
</label>
</div>
</div>
<div class="rgf-admin__card">
<div class="rgf-admin__card-title">дополнительно</div>
<div class="rgf-admin__field" data-rgf-section="death">
<span class="rgf-admin__field-label">причина смерти</span>
<textarea class="rgf-admin__output" rows="4" placeholder="для загруженных — как умер в реальном мире и попал в загрузку" data-rgf-input="death"></textarea>
</div>
<div class="rgf-admin__toggle-head">
<label class="rgf-admin__toggle-control" aria-label="показать дополнительно">
<input class="rgf-admin__toggle-input" type="checkbox" data-rgf-input="show_extra">
<span class="rgf-admin__toggle-ui" aria-hidden="true"></span>
</label>
<div class="rgf-admin__field-label">дополнительно</div>
</div>
<div data-rgf-section="extra">
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">дополнительно</span>
<textarea class="rgf-admin__output" rows="4" placeholder="всё что хотите" data-rgf-input="extra"></textarea>
</label>
</div>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">связь</span>
<input class="rgf-admin__input" type="text" placeholder="любая кроме лс" data-rgf-input="contact">
</label>
</div>
<div class="rgf-admin__card" data-rgf-output-card>
<div class="rgf-admin__card-title">код и предпросмотр</div>
<div class="rgf-admin__hint">bbcode собирается автоматически, а ниже можно открыть живой предпросмотр анкеты</div>
<div class="rgf-admin__footer" data-rgf-form-actions>
<button class="rgf-admin__button rgf-admin__button--dark" type="button" data-rgf-action="copy" disabled>скопировать код</button>
<button class="rgf-admin__button" type="button" data-rgf-action="clear">очистить все поля</button>
<button class="rgf-admin__button" type="button" data-rgf-action="view-code">предпросмотр анкеты</button>
</div>
<div class="rgf-admin__field" data-rgf-section="code">
<div class="rgf-admin__preview" data-rgf-preview></div>
<textarea class="rgf-admin__output" rows="14" readonly spellcheck="false" placeholder="[table layout=fixed width=100%]..." data-rgf-output="code"></textarea>
</div>
</div>
<div class="rgf-admin__card" data-rgf-fill-card>
<div class="rgf-admin__card-title rgf-admin__card-title--hero">коды для заполнения</div>
<div class="rgf-admin__hint">Если вы уже писали анкету и не очищали поля, здесь достаточно заполнить только эти пункты: всё остальное подтянется из анкеты автоматически. Если чистили поля, просто скопируйте чистые коды и заполните их вручную</div>
<div class="rgf-admin__fill-top">
<div class="rgf-admin__fill-tabs" role="tablist" aria-label="режим кодов">
<button class="rgf-admin__fill-tab" type="button" role="tab" data-rgf-fill-tab-button="filled">предзаполненные коды</button>
<button class="rgf-admin__fill-tab" type="button" role="tab" data-rgf-fill-tab-button="clean">чистые коды</button>
</div>
</div>
<div class="rgf-admin__fill-panel" data-rgf-fill-panel="filled">
<div class="rgf-admin__fill-group">
<div class="rgf-admin__fill-group-title">общие данные</div>
<div class="rgf-admin__player-grid">
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">ссылка на профиль</span>
<input class="rgf-admin__input" type="text" placeholder="https://..." data-rgf-input="profile_url">
</label>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">имя профиля</span>
<input class="rgf-admin__input" type="text" placeholder="name surname" data-rgf-input="profile_name">
</label>
</div>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">ссылка на анкету</span>
<input class="rgf-admin__input" type="text" placeholder="https://..." data-rgf-input="anketa_url">
</label>
</div>
<div class="rgf-admin__fill-group">
<div class="rgf-admin__fill-group-title">личное звание</div>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label" data-rgf-lz-counter>доступно знаков: <span data-rgf-lz-remaining aria-live="polite">870</span></span>
<textarea class="rgf-admin__output" rows="3" maxlength="870" placeholder="любой текст любого оформления и с <a href=''>ссылкой</a>, если она нужна" data-rgf-input="lz_text"></textarea>
</label>
<textarea class="rgf-admin__output rgf-admin__output--fill" rows="4" readonly spellcheck="false" data-rgf-fill-output="personal_rank" hidden></textarea>
</div>
<div class="rgf-admin__fill-group" hidden>
<div class="rgf-admin__fill-group-title">фон и плашка в профиль (скрытое поле)</div>
<div class="rgf-admin__player-grid">
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">id страницы</span>
<input class="rgf-admin__input" type="text" placeholder="ID_СТРАНИЦЫ" data-rgf-input="plaque_page_id">
</label>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">верхняя картинка фона</span>
<input class="rgf-admin__input" type="text" value="https://forumstatic.ru/files/001c/aa/0d/39571.png?v=1" data-rgf-input="plaque_bg_image">
</label>
</div>
<div class="rgf-admin__player-grid">
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">строка `l1`</span>
<input class="rgf-admin__input" type="text" value="my real self" data-rgf-input="plaque_l1">
</label>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">строка `l2`</span>
<input class="rgf-admin__input" type="text" value="is just a file" data-rgf-input="plaque_l2">
</label>
</div>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">нижняя картинка плашки</span>
<input class="rgf-admin__input" type="text" value="https://forumstatic.ru/files/001c/aa/0d/62300.png?v=1" data-rgf-input="plaque_inner_image">
</label>
<textarea class="rgf-admin__output rgf-admin__output--fill" rows="5" readonly spellcheck="false" data-rgf-fill-output="profile_plaque" hidden></textarea>
</div>
<div class="rgf-admin__fill-group" hidden>
<div class="rgf-admin__fill-group-title">иконка в профиль</div>
<textarea class="rgf-admin__output rgf-admin__output--fill" rows="2" readonly spellcheck="false" data-rgf-fill-output="profile_badge" hidden></textarea>
</div>
<div class="rgf-admin__fill-group">
<div class="rgf-admin__fill-group-title">персонаж твинк</div>
<div class="rgf-admin__toggle-head">
<label class="rgf-admin__toggle-control" aria-label="персонаж твинк">
<input class="rgf-admin__toggle-input" type="checkbox" data-rgf-input="is_twink">
<span class="rgf-admin__toggle-ui" aria-hidden="true"></span>
</label>
<div class="rgf-admin__field-label">включить код твинка</div>
</div>
<div class="rgf-admin__player-grid" data-rgf-section="twink-main-profile">
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">ссылка на основной профиль</span>
<input class="rgf-admin__input" type="text" placeholder="https://..." data-rgf-input="main_profile_url">
</label>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">имя основного профиля</span>
<input class="rgf-admin__input" type="text" placeholder="name surname" data-rgf-input="main_profile_name">
</label>
</div>
<textarea class="rgf-admin__output rgf-admin__output--fill" rows="2" readonly spellcheck="false" data-rgf-fill-output="main_profile" hidden></textarea>
</div>
<div class="rgf-admin__fill-group" hidden>
<div class="rgf-admin__fill-group-title">внешность</div>
<textarea class="rgf-admin__output rgf-admin__output--fill" rows="3" readonly spellcheck="false" data-rgf-fill-output="appearance" hidden></textarea>
</div>
<div class="rgf-admin__fill-group" data-rgf-fill-group="ability_card">
<div class="rgf-admin__fill-group-title" data-rgf-fill-title="ability_card">способность</div>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">короткое описание способности</span>
<textarea class="rgf-admin__output" rows="3" placeholder="короткое описание" data-rgf-input="ability_short"></textarea>
</label>
<textarea class="rgf-admin__output rgf-admin__output--fill" rows="5" readonly spellcheck="false" data-rgf-fill-output="ability_card" hidden></textarea>
</div>
<div class="rgf-admin__fill-group">
<div class="rgf-admin__fill-group-title">роль</div>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">картинка для роли (200х200рх) </span>
<input class="rgf-admin__input" type="text" placeholder="https://..." data-rgf-input="role_image">
</label>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">чем занимается по жизни</span>
<textarea class="rgf-admin__output" rows="3" placeholder="чем занимается по жизни чел" data-rgf-input="role_life"></textarea>
</label>
<textarea class="rgf-admin__output rgf-admin__output--fill" rows="6" readonly spellcheck="false" data-rgf-fill-output="role_card" hidden></textarea>
</div>
</div>
<div class="rgf-admin__fill-panel" data-rgf-fill-panel="clean" hidden>
<div class="rgf-admin__hint">здесь находятся коды, которые нужно заполнять самостоятельно с нуля. чтобы подготовить их к копированию, сначала выберите параметры ниже</div>
<div class="rgf-admin__fill-group">
<div class="rgf-admin__fill-group-title">чистые коды</div>
<div class="rgf-admin__hint">эти настройки не берут данные из анкеты и влияют только на пустой пакет кодов</div>
<label class="rgf-admin__field">
<span class="rgf-admin__field-label">статус для чистых кодов</span>
<select class="rgf-admin__rollmenu" data-rgf-input="clean_status">
<option value="" selected>выбрать из списка</option>
<option value="абстерго">абстерго</option>
<option value="загруженный">загруженный</option>
<option value="npc">npc</option>
</select>
</label>
<div class="rgf-admin__toggle-head">
<label class="rgf-admin__toggle-control" aria-label="персонаж твинк для чистых кодов">
<input class="rgf-admin__toggle-input" type="checkbox" data-rgf-input="clean_is_twink">
<span class="rgf-admin__toggle-ui" aria-hidden="true"></span>
</label>
<div class="rgf-admin__field-label">персонаж твинк</div>
</div>
<div class="rgf-admin__toggle-head">
<label class="rgf-admin__toggle-control" aria-label="у персонажа есть способность">
<input class="rgf-admin__toggle-input" type="checkbox" data-rgf-input="clean_has_ability">
<span class="rgf-admin__toggle-ui" aria-hidden="true"></span>
</label>
<div class="rgf-admin__field-label">у персонажа есть способность</div>
</div>
</div>
</div>
<div class="rgf-admin__field" data-rgf-section="fill-preview">
<pre class="rgf-admin__fill-preview" data-rgf-fill-preview></pre>
</div>
<div class="rgf-admin__footer rgf-admin__footer--fill" data-rgf-fill-actions>
<button class="rgf-admin__button rgf-admin__button--dark" type="button" data-rgf-action="copy-active-codes" disabled>скопировать заполненные коды</button>
<button class="rgf-admin__button" type="button" data-rgf-action="view-filled-codes">предпросмотр кодов</button>
</div>
</div>
</div>
</div>
<style>.rgf-admin {
display: grid;
gap: 4px;
width: 100%;
max-width: 873px;
margin: 0 auto;
}
.rgf-admin__heading {
margin: 0;
font-family: var(--rgf-font-ui);
font-size: 32px;
line-height: 1;
font-weight: 700;
text-transform: lowercase;
}
.rgf-admin__grid {
display: grid;
grid-template-columns: minmax(0, 499px) minmax(0, 1fr);
gap: 4px;
width: 100%;
}
.rgf-admin__side {
display: grid;
gap: 4px;
align-content: start;
}
.rgf-admin__card {
display: grid;
gap: 8px;
width: 100%;
padding: 12px;
background: var(--rgf-panel-bg);
border: 1px solid var(--rgf-panel-border);
border-radius: 4px;
align-content: start;
}
.rgf-admin__card--players {
align-content: start;
}
.rgf-admin__card-title {
margin: 0;
font-family: var(--rgf-font-ui);
font-size: 18px;
line-height: 1.1;
font-weight: 700;
text-transform: lowercase;
}
.rgf-admin__side .rgf-admin__card-title {
min-width: 100%;
font-size: 14px;
}
.rgf-admin__side .rgf-admin__card-title--hero {
font-size: 32px;
line-height: 1;
}
.rgf-admin__players-list {
display: grid;
gap: 0;
width: 100%;
}
.rgf-admin__player {
display: grid;
gap: 4px;
width: 100%;
padding-bottom: 4px;
border-bottom: 1px dashed var(--rgf-panel-border);
}
.rgf-admin__player + .rgf-admin__player {
margin-top: 8px;
}
.rgf-admin__player-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.rgf-admin__player-title {
margin: 0;
font-family: var(--rgf-font-ui);
font-size: 14px;
line-height: 1.1;
font-weight: 700;
text-transform: lowercase;
}
.rgf-admin__player-grid {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 0;
width: 100%;
}
.rgf-admin__player-grid > :nth-child(1) {
width: 180px;
}
.rgf-admin__player-grid > :nth-child(2) {
width: 76px;
}
.rgf-admin__player-grid > :nth-child(3) {
width: 71px;
}
.rgf-admin__player-grid > :nth-child(4) {
width: 63px;
}
.rgf-admin__field {
display: grid;
gap: 4px;
min-width: 0;
}
.rgf-admin__field-label {
margin: 0;
font-size: 10px;
line-height: 1.2;
color: var(--rgf-text-muted);
text-transform: lowercase;
}
.rgf-admin__input,
.rgf-admin__rollmenu,
.rgf-admin__cell-value,
.rgf-admin__new-value,
.rgf-admin__output {
width: 100%;
border: 1px solid var(--rgf-panel-border);
border-radius: 4px;
background: var(--rgf-ui-fill);
color: #000;
font-family: Arial, Helvetica, sans-serif;
transition: border-color 0.18s var(--rgf-ease-soft), background-color 0.18s var(--rgf-ease-soft), box-shadow 0.18s var(--rgf-ease-soft);
}
.rgf-admin__input,
.rgf-admin__rollmenu {
height: 27px;
padding: 0 12px;
font-size: 12px;
line-height: 1;
}
.rgf-admin__input {
appearance: none;
}
.rgf-admin__rollmenu {
appearance: none;
padding-right: 20px;
background-image:
linear-gradient(45deg, transparent 50%, #8b67c3 50%),
linear-gradient(135deg, #8b67c3 50%, transparent 50%);
background-position:
calc(100% - 12px) 10px,
calc(100% - 7px) 10px;
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
}
.rgf-admin__input:focus,
.rgf-admin__rollmenu:focus,
.rgf-admin__output:focus {
outline: none;
border-color: rgba(139, 103, 195, 0.45);
box-shadow: 0 0 0 3px rgba(139, 103, 195, 0.14);
background-color: rgba(255, 255, 255, 0.75);
}
.rgf-admin__cell-value,
.rgf-admin__new-value {
display: grid;
align-items: center;
min-height: 27px;
padding: 0 4px;
border-color: transparent;
background: transparent;
font-family: var(--rgf-font-ui);
font-size: 16px;
font-weight: 700;
line-height: 1;
text-align: center;
}
.rgf-admin__hint {
margin: 0;
font-size: 10px;
line-height: 1.2;
color: var(--rgf-text-muted);
text-transform: lowercase;
}
.rgf-admin__hint--top {
max-width: 255px;
margin-bottom: -2px;
}
.rgf-admin__output {
min-height: 88px;
min-width: 100%;
padding: 6px 12px;
resize: none;
overflow: auto;
vertical-align: top;
text-align: left;
font-size: 12px;
line-height: 1.35;
justify-self: stretch;
}
.rgf-admin__button {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
padding: 4px 12px;
border: 0;
border-radius: var(--rgf-pill-radius);
min-height: 23px;
font-family: var(--rgf-font-copy);
font-size: 12px;
line-height: 1.2;
text-transform: lowercase;
cursor: pointer;
justify-self: start;
align-self: start;
flex: 0 0 auto;
transition: transform 0.18s var(--rgf-ease-soft), box-shadow 0.18s var(--rgf-ease-soft), opacity 0.18s var(--rgf-ease-soft), background-color 0.18s var(--rgf-ease-soft);
}
.rgf-admin__button--dark {
background: #000;
color: #fff;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
}
.rgf-admin__button:not([disabled]):hover {
transform: translateY(-1px);
}
.rgf-admin__button:not([disabled]):active {
transform: translateY(0) scale(0.97);
}
.rgf-admin__button[disabled] {
opacity: 0.45;
cursor: default;
pointer-events: none;
}
.rgf-admin__button--remove {
padding: 2px 4px;
min-height: 17px;
background: rgba(240, 71, 28, 0.05);
color: #f0471c;
font-size: 10px;
}
.rgf-admin__button--remove[disabled] {
visibility: hidden;
pointer-events: none;
}
.rgf-admin__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.rgf-admin__button--add,
.rgf-admin__button--copy-state,
.rgf-admin__button--copy-reply {
min-width: 121px;
}
[data-rgf-form-root] {
--rgf-pill-radius: 999px;
--rgf-ease-soft: cubic-bezier(0.22, 1, 0.36, 1);
--rgf-panel-border: rgba(0, 0, 0, 0.1);
--rgf-ui-fill: rgba(0, 0, 0, 0.05);
--rgf-text-muted: rgba(0, 0, 0, 0.6);
--rgf-font-ui: "Onest", "Trebuchet MS", Arial, Helvetica, sans-serif;
--rgf-font-copy: Arial, Helvetica, sans-serif;
width: 100%;
max-width: 873px;
margin: 0 auto;
justify-self: center;
position: static;
left: auto;
right: auto;
display: grid;
gap: 4px;
}
[data-rgf-form-root],
[data-rgf-form-root] * {
box-sizing: border-box;
}
[data-rgf-form-root] [hidden] {
display: none !important;
}
.rgf-admin__count {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 2px 4px;
border-radius: var(--rgf-pill-radius);
background: var(--rgf-ui-fill);
color: var(--rgf-text-muted);
font-size: 10px;
line-height: 1.2;
}
[data-rgf-form-root] .rgf-admin__player-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
align-items: start;
}
[data-rgf-form-root] [data-rgf-row="status-phase"] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
[data-rgf-form-root] .rgf-admin__player-grid > * {
width: 100%;
min-width: 0;
}
[data-rgf-form-root] .rgf-admin__field-label {
display: inline-flex;
align-items: center;
min-height: 12px;
}
[data-rgf-form-root] .rgf-admin__side {
width: 100%;
}
[data-rgf-form-root] .rgf-admin__toggle-head {
display: flex;
align-items: center;
gap: 8px;
}
[data-rgf-form-root] .rgf-admin__toggle-control {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 20px;
flex: 0 0 auto;
cursor: pointer;
}
[data-rgf-form-root] .rgf-admin__toggle-input {
position: absolute;
inset: 0;
margin: 0;
opacity: 0;
cursor: pointer;
}
[data-rgf-form-root] .rgf-admin__toggle-ui {
position: relative;
display: block;
width: 34px;
height: 20px;
border-radius: var(--rgf-pill-radius);
background: rgba(0, 0, 0, 0.12);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
transition: background-color 0.18s var(--rgf-ease-soft), box-shadow 0.18s var(--rgf-ease-soft);
}
[data-rgf-form-root] .rgf-admin__toggle-ui::after {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 16px;
height: 16px;
border-radius: 999px;
background: #fff;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
transition: transform 0.22s var(--rgf-ease-soft);
}
[data-rgf-form-root] .rgf-admin__rollmenu {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
padding-right: 34px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23000' d='M1.4 1.2 6 5.8l4.6-4.6L12 2.6 6 8 0 2.6z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: calc(100% - 12px) 50%;
background-size: 12px 8px;
}
[data-rgf-form-root] .rgf-admin__rollmenu::-ms-expand {
display: none;
}
[data-rgf-form-root] .rgf-admin__toggle-input:checked + .rgf-admin__toggle-ui {
background: #000;
}
[data-rgf-form-root] .rgf-admin__toggle-input:checked + .rgf-admin__toggle-ui::after {
transform: translateX(14px);
}
[data-rgf-form-root] .rgf-admin__toggle-input:focus + .rgf-admin__toggle-ui {
box-shadow: 0 0 0 3px rgba(139, 103, 195, 0.14), inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}
[data-rgf-form-root] [data-rgf-section] {
display: grid;
gap: 8px;
overflow: hidden;
height: 0;
opacity: 1;
transform: none;
transition: none;
will-change: auto;
}
[data-rgf-form-root] [data-rgf-section="phase"],
[data-rgf-form-root] [data-rgf-section="death"] {
gap: 4px;
}
[data-rgf-form-root] [data-rgf-section][data-rgf-expanded="1"] {
opacity: 1;
transform: none;
}
[data-rgf-form-root] .rgf-admin__field[data-rgf-filled="1"] .rgf-admin__field-label::after,
[data-rgf-form-root] .rgf-admin__toggle-head[data-rgf-filled="1"] .rgf-admin__card-title::after,
[data-rgf-form-root] .rgf-admin__toggle-head[data-rgf-filled="1"] > .rgf-admin__field-label::after {
content: "✓";
margin-left: 6px;
color: #2ea36b;
font-weight: 700;
}
[data-rgf-form-root] [data-rgf-form-actions] {
justify-content: flex-start;
gap: 8px;
flex-wrap: wrap;
}
[data-rgf-form-root] .rgf-admin__fill-group {
display: grid;
gap: 8px;
}
[data-rgf-form-root] .rgf-admin__fill-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
flex-wrap: wrap;
}
[data-rgf-form-root] .rgf-admin__fill-tabs {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
[data-rgf-form-root] .rgf-admin__fill-tab {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 27px;
padding: 0 12px;
border: 1px solid var(--rgf-panel-border);
border-radius: var(--rgf-pill-radius);
background: var(--rgf-ui-fill);
color: #000;
font-family: var(--rgf-font-copy);
font-size: 12px;
line-height: 1.2;
text-transform: lowercase;
cursor: pointer;
transition: background-color 0.18s var(--rgf-ease-soft), border-color 0.18s var(--rgf-ease-soft), color 0.18s var(--rgf-ease-soft), box-shadow 0.18s var(--rgf-ease-soft);
}
[data-rgf-form-root] .rgf-admin__fill-tab[data-rgf-active="1"] {
border-color: #000;
background: #000;
color: #fff;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.14);
}
[data-rgf-form-root] .rgf-admin__fill-tab:focus {
outline: none;
border-color: rgba(139, 103, 195, 0.45);
box-shadow: 0 0 0 3px rgba(139, 103, 195, 0.14);
}
[data-rgf-form-root] .rgf-admin__fill-panel {
display: grid;
gap: 0;
}
[data-rgf-form-root] .rgf-admin__fill-panel[hidden] {
display: none !important;
}
[data-rgf-form-root] .rgf-admin__fill-group[hidden] {
display: none !important;
}
[data-rgf-form-root] .rgf-admin__fill-group:not([hidden]) + .rgf-admin__fill-group:not([hidden]) {
padding-top: 12px;
border-top: 1px dashed var(--rgf-panel-border);
}
[data-rgf-form-root] .rgf-admin__fill-group-title {
font-size: 12px;
line-height: 1.2;
font-weight: 700;
text-transform: lowercase;
}
[data-rgf-form-root] [data-rgf-lz-counter][data-rgf-limit-reached="1"] {
color: #c43b2f;
}
[data-rgf-form-root] .rgf-admin__footer--fill {
justify-content: flex-start;
flex-wrap: wrap;
}
[data-rgf-form-root] .rgf-admin__output--fill {
min-height: 74px;
font-family: "Courier New", Courier, monospace;
font-size: 11px;
line-height: 1.35;
}
[data-rgf-form-root] [data-rgf-fill-output] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
border: 0;
margin: -1px;
opacity: 0;
pointer-events: none;
}
[data-rgf-form-root] [data-rgf-section="fill-preview"] {
gap: 0;
}
[data-rgf-form-root] .rgf-admin__fill-preview {
min-height: 260px;
margin: 0;
padding: 14px;
border: 1px solid var(--rgf-panel-border);
border-radius: 8px;
background: rgba(255, 255, 255, 0.96);
overflow: auto;
white-space: pre-wrap;
word-break: break-word;
font-family: "Courier New", Courier, monospace;
font-size: 11px;
line-height: 1.45;
color: #000;
}
[data-rgf-form-root] [data-rgf-description-tools] {
display: block;
width: 100%;
margin-bottom: 8px;
position: relative;
overflow: visible;
}
[data-rgf-form-root] [data-rgf-description-toolbar] {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
gap: 3px;
overflow-x: auto;
overflow-y: visible;
scrollbar-width: thin;
padding-bottom: 2px;
}
[data-rgf-form-root] [data-rgf-description-toolbar-secondary] {
display: block;
height: 0;
position: static;
overflow: visible;
}
[data-rgf-form-root] [data-rgf-description-toolbar]::-webkit-scrollbar {
height: 6px;
}
[data-rgf-form-root] [data-rgf-description-toolbar]::-webkit-scrollbar-track {
background: transparent;
}
[data-rgf-form-root] [data-rgf-description-toolbar]::-webkit-scrollbar-thumb {
border-radius: 999px;
background: rgba(0, 0, 0, 0.16);
}
[data-rgf-form-root] .rgf-admin__toolbar-button {
display: inline-flex;
align-items: center;
justify-content: center;
height: 30px;
min-height: 30px;
max-height: 30px;
padding: 0 12px;
border: 1px solid var(--rgf-panel-border);
border-radius: var(--rgf-pill-radius);
background: rgba(255, 255, 255, 0.88);
color: #000;
font-family: var(--rgf-font-copy);
font-size: 11px;
line-height: 1;
cursor: pointer;
box-sizing: border-box;
vertical-align: top;
transition: background-color 0.18s var(--rgf-ease-soft), border-color 0.18s var(--rgf-ease-soft), transform 0.18s var(--rgf-ease-soft);
}
[data-rgf-form-root] .rgf-admin__toolbar-icon {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 13px;
line-height: 1;
}
[data-rgf-form-root] .rgf-admin__toolbar-label {
display: none;
}
[data-rgf-form-root] .rgf-admin__toolbar-button:hover {
transform: translateY(-1px);
background: rgba(255, 255, 255, 1);
}
[data-rgf-form-root] .rgf-admin__toolbar-toggle {
position: relative;
width: 38px;
min-width: 38px;
justify-content: center;
gap: 0;
padding-left: 0;
padding-right: 14px;
}
[data-rgf-form-root] .rgf-admin__toolbar-button--icon {
width: 30px;
min-width: 30px;
padding: 0;
}
[data-rgf-form-root] .rgf-admin__toolbar-toggle::after {
content: "";
position: absolute;
top: 50%;
right: 7px;
width: 8px;
height: 5px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath fill='%23000' d='M1 0 4 3 7 0 8 1 4 5 0 1z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 8px 5px;
transform: translateY(-50%);
transition: transform 0.18s var(--rgf-ease-soft);
}
[data-rgf-form-root] .rgf-admin__toolbar-toggle[data-rgf-active="1"]::after {
transform: translateY(-50%) rotate(180deg);
}
[data-rgf-form-root] .rgf-admin__toolbar-button[data-rgf-active="1"] {
background: rgba(255, 255, 255, 1);
border-color: rgba(0, 0, 0, 0.22);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
[data-rgf-form-root] .rgf-admin__toolbar-button:focus {
outline: none;
border-color: rgba(139, 103, 195, 0.45);
box-shadow: 0 0 0 3px rgba(139, 103, 195, 0.14);
}
[data-rgf-form-root] .rgf-admin__toolbar-panel {
position: absolute;
top: calc(100% + 8px);
left: 0;
width: 100%;
max-width: 100%;
max-height: 318px;
padding: 12px 14px;
border: 1px solid rgba(0, 0, 0, 0.16);
border-radius: 10px;
background: rgba(255, 255, 255, 0.98);
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
overflow-x: hidden;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.22) transparent;
z-index: 40;
}
[data-rgf-form-root] .rgf-admin__toolbar-panel::-webkit-scrollbar {
width: 8px;
}
[data-rgf-form-root] .rgf-admin__toolbar-panel::-webkit-scrollbar-track {
background: transparent;
}
[data-rgf-form-root] .rgf-admin__toolbar-panel::-webkit-scrollbar-thumb {
border-radius: 999px;
background: rgba(0, 0, 0, 0.22);
}
[data-rgf-form-root] .rgf-admin__toolbar-panel[hidden] {
display: none !important;
}
[data-rgf-form-root] .rgf-admin__toolbar-section {
display: grid;
gap: 10px;
}
[data-rgf-form-root] .rgf-admin__toolbar-section + .rgf-admin__toolbar-section {
margin-top: 14px;
}
[data-rgf-form-root] .rgf-admin__toolbar-section-title {
display: block;
width: 100%;
padding: 7px 10px;
border: 1px solid rgba(0, 0, 0, 0.08);
background: rgba(0, 0, 0, 0.025);
color: #000;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-transform: lowercase;
}
[data-rgf-form-root] .rgf-admin__toolbar-grid {
display: grid;
gap: 10px 14px;
}
[data-rgf-form-root] .rgf-admin__toolbar-grid--font {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
[data-rgf-form-root] .rgf-admin__toolbar-grid--size {
grid-template-columns: minmax(0, 180px);
justify-content: start;
}
[data-rgf-form-root] .rgf-admin__toolbar-grid--color {
grid-template-columns: repeat(4, 30px);
justify-content: start;
}
[data-rgf-form-root] .rgf-admin__toolbar-grid--table {
grid-template-columns: repeat(10, 28px);
justify-content: start;
gap: 0;
}
[data-rgf-form-root] .rgf-admin__toolbar-list {
display: grid;
gap: 4px;
}
[data-rgf-form-root] .rgf-admin__toolbar-option {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
min-height: 38px;
padding: 6px 8px;
border: 0;
border-radius: 8px;
background: transparent;
color: #000;
font-family: var(--rgf-font-copy);
font-size: 11px;
line-height: 1.25;
text-align: left;
cursor: pointer;
transition: background-color 0.18s var(--rgf-ease-soft), transform 0.18s var(--rgf-ease-soft);
}
[data-rgf-form-root] .rgf-admin__toolbar-option:hover,
[data-rgf-form-root] .rgf-admin__toolbar-option:focus {
outline: none;
background: rgba(0, 0, 0, 0.06);
transform: translateY(-1px);
}
[data-rgf-form-root] .rgf-admin__toolbar-option--font {
display: grid;
justify-items: center;
align-content: center;
min-height: 52px;
padding: 10px 8px;
font-size: 13px;
text-align: center;
text-transform: lowercase;
gap: 4px;
}
[data-rgf-form-root] .rgf-admin__toolbar-option--font::after {
content: none;
}
[data-rgf-form-root] .rgf-admin__toolbar-option--size {
justify-content: center;
min-height: 44px;
text-align: center;
}
[data-rgf-form-root] .rgf-admin__toolbar-option--table {
justify-content: center;
min-height: 38px;
padding: 6px 0;
border: 1px solid rgba(0, 0, 0, 0.08);
background: rgba(0, 0, 0, 0.025);
}
[data-rgf-form-root] .rgf-admin__toolbar-option--table:hover,
[data-rgf-form-root] .rgf-admin__toolbar-option--table:focus {
background: rgba(0, 0, 0, 0.08);
}
[data-rgf-form-root] .rgf-admin__toolbar-option--color {
justify-content: center;
width: 30px;
min-width: 30px;
min-height: 30px;
padding: 0;
border-radius: 999px;
}
[data-rgf-form-root] .rgf-admin__toolbar-color-swatch {
width: 18px;
height: 18px;
flex: 0 0 18px;
border: 1px solid rgba(0, 0, 0, 0.16);
border-radius: 999px;
}
[data-rgf-form-root] .rgf-admin__toolbar-color-label {
display: none;
}
[data-rgf-form-root] .rgf-admin__toolbar-panel--font {
max-height: 360px;
}
[data-rgf-form-root] .rgf-admin__toolbar-panel[data-rgf-toolbar-panel="table"] {
width: fit-content;
max-width: 100%;
padding: 0;
overflow: hidden;
}
[data-rgf-form-root] .rgf-admin__toolbar-panel--font .rgf-admin__toolbar-grid {
gap: 12px 18px;
}
[data-rgf-form-root] .rgf-admin__toolbar-panel--font .rgf-admin__toolbar-option {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
[data-rgf-form-root] .rgf-admin__toolbar-option--table {
min-width: 28px;
min-height: 28px;
height: 28px;
padding: 0;
border-radius: 0;
border-right: 1px solid rgba(0, 0, 0, 0.12);
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
background: #fff;
}
[data-rgf-form-root] .rgf-admin__toolbar-option--table:hover,
[data-rgf-form-root] .rgf-admin__toolbar-option--table:focus {
transform: none;
background: #fff;
}
[data-rgf-form-root] .rgf-admin__toolbar-option--table[data-rgf-preview="1"] {
background: rgba(0, 0, 0, 0.08);
}
[data-rgf-form-root] [data-rgf-action="clear"] {
border: 1px solid var(--rgf-panel-border);
background: var(--rgf-ui-fill);
color: #000;
box-shadow: none;
}
[data-rgf-form-root] [data-rgf-section="code"] {
gap: 0;
}
[data-rgf-form-root] [data-rgf-section="code"] .rgf-admin__preview {
min-height: 280px;
padding: 14px;
border: 1px solid var(--rgf-panel-border);
border-radius: 8px;
background: rgba(255, 255, 255, 0.96);
overflow: auto;
}
[data-rgf-form-root] [data-rgf-output="code"] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
border: 0;
margin: -1px;
opacity: 0;
pointer-events: none;
}
[data-rgf-form-root] .rgf-admin__preview-card {
display: grid;
gap: 14px;
font-family: var(--rgf-font-copy);
font-size: 12px;
line-height: 1.45;
color: #000;
}
[data-rgf-form-root] .rgf-admin__preview-head {
display: grid;
gap: 4px;
text-align: center;
}
[data-rgf-form-root] .rgf-admin__preview-title {
font-size: 22px;
font-weight: 700;
line-height: 1.1;
}
[data-rgf-form-root] .rgf-admin__preview-subtitle {
font-size: 13px;
line-height: 1.2;
color: var(--rgf-text-muted);
}
[data-rgf-form-root] .rgf-admin__preview-meta {
font-size: 11px;
line-height: 1.35;
color: var(--rgf-text-muted);
}
[data-rgf-form-root] .rgf-admin__preview-media {
display: grid;
justify-items: center;
gap: 8px;
}
[data-rgf-form-root] .rgf-admin__preview-image {
display: block;
width: min(100%, 280px);
max-height: 360px;
border-radius: 8px;
object-fit: cover;
}
[data-rgf-form-root] .rgf-admin__preview-caption {
font-size: 11px;
line-height: 1.35;
color: var(--rgf-text-muted);
text-align: center;
}
[data-rgf-form-root] .rgf-admin__preview-body {
display: block;
}
[data-rgf-form-root] .rgf-admin__preview-body::after,
[data-rgf-form-root] .rgf-admin__preview-line-value::after {
content: "";
display: block;
clear: both;
}
[data-rgf-form-root] .rgf-admin__preview-section {
display: grid;
gap: 8px;
}
[data-rgf-form-root] .rgf-admin__preview-section-title {
font-size: 13px;
font-weight: 700;
text-transform: lowercase;
}
[data-rgf-form-root] .rgf-admin__preview-line {
font-size: 12px;
line-height: 1.4;
}
[data-rgf-form-root] .rgf-admin__preview-line-label {
font-weight: 700;
}
[data-rgf-form-root] .rgf-admin__preview-hr {
width: 100%;
height: 0;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.12);
}
[data-rgf-form-root] .rgf-admin__preview-link {
color: inherit;
text-decoration: underline;
}
[data-rgf-form-root] .rgf-admin__preview-inline-image {
display: block;
max-width: min(100%, 260px);
border-radius: 6px;
}
[data-rgf-form-root] .rgf-admin__preview-quote {
margin: 0;
padding: 10px 12px;
border-left: 3px solid rgba(0, 0, 0, 0.16);
background: rgba(0, 0, 0, 0.03);
}
[data-rgf-form-root] .rgf-admin__preview-align--center {
text-align: center;
}
[data-rgf-form-root] .rgf-admin__preview-align--right {
text-align: right;
}
[data-rgf-form-root] .rgf-admin__preview-float {
max-width: 48%;
margin-bottom: 8px;
}
[data-rgf-form-root] .rgf-admin__preview-float--left {
float: left;
margin-right: 12px;
}
[data-rgf-form-root] .rgf-admin__preview-float--right {
float: right;
margin-left: 12px;
}
[data-rgf-form-root] .rgf-admin__preview-spoiler {
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 8px;
background: rgba(0, 0, 0, 0.025);
}
[data-rgf-form-root] .rgf-admin__preview-spoiler > summary {
padding: 8px 10px;
cursor: pointer;
font-weight: 700;
list-style: none;
}
[data-rgf-form-root] .rgf-admin__preview-spoiler > summary::-webkit-details-marker {
display: none;
}
[data-rgf-form-root] .rgf-admin__preview-spoiler-body {
padding: 0 10px 10px;
}
[data-rgf-form-root] .rgf-admin__preview-table {
width: 100%;
border-collapse: collapse;
margin: 6px 0;
}
[data-rgf-form-root] .rgf-admin__preview-table td {
min-width: 40px;
padding: 6px 8px;
border: 1px solid rgba(0, 0, 0, 0.12);
vertical-align: top;
}
[data-rgf-form-root] .rgf-admin__preview-list {
margin: 0;
padding-left: 18px;
}
[data-rgf-form-root] .rgf-admin__preview-block {
display: grid;
gap: 6px;
padding: 10px 12px;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 8px;
background: rgba(0, 0, 0, 0.03);
}
[data-rgf-form-root] .rgf-admin__preview-block-title {
font-size: 11px;
font-weight: 700;
text-transform: lowercase;
}
[data-rgf-form-root] .rgf-admin__preview-muted {
opacity: 0.7;
}
[data-rgf-form-root] .rgf-admin__preview-token {
display: inline-flex;
align-items: center;
min-height: 20px;
padding: 0 8px;
border-radius: 999px;
background: rgba(0, 0, 0, 0.06);
font-size: 11px;
}
[data-rgf-form-root] .rgf-admin__preview-indent {
display: inline-block;
width: 2em;
}
[data-rgf-form-root] .rgf-admin__preview-lat-rus {
letter-spacing: 0.03em;
}
[data-rgf-form-root] [data-rgf-section="code"] .rgf-admin__output {
height: 240px;
min-height: 240px;
overflow: auto;
resize: none;
}
@keyframes rgf-tip-in {
from {
opacity: 0;
transform: translateX(-50%) translateY(4px);
}
to {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
[data-rgf-form-root] *,
[data-rgf-form-root] *::before,
[data-rgf-form-root] *::after {
animation: none !important;
transition: none !important;
scroll-behavior: auto !important;
}
}
@media (max-width: 760px) {
[data-rgf-form-root] .rgf-admin__toolbar-grid--font {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
[data-rgf-form-root] .rgf-admin__toolbar-grid--table {
grid-template-columns: repeat(10, 24px);
}
.rgf-admin__grid {
grid-template-columns: 1fr;
}
.rgf-admin__player-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.rgf-admin__player-grid > :nth-child(1),
.rgf-admin__player-grid > :nth-child(2),
.rgf-admin__player-grid > :nth-child(3),
.rgf-admin__player-grid > :nth-child(4) {
width: 100%;
}
}
@media (max-width: 560px) {
[data-rgf-form-root] [data-rgf-description-toolbar] {
gap: 5px;
}
[data-rgf-form-root] [data-rgf-description-toolbar-secondary] {
gap: 5px;
}
[data-rgf-form-root] .rgf-admin__toolbar-button {
padding: 0 10px;
font-size: 10px;
}
[data-rgf-form-root] .rgf-admin__toolbar-toggle {
min-width: 0;
}
[data-rgf-form-root] .rgf-admin__toolbar-grid--font,
[data-rgf-form-root] .rgf-admin__toolbar-grid--color {
grid-template-columns: 1fr;
}
[data-rgf-form-root] .rgf-admin__toolbar-grid--size {
grid-template-columns: minmax(0, 1fr);
}
[data-rgf-form-root] .rgf-admin__toolbar-grid--table {
grid-template-columns: repeat(10, 22px);
}
[data-rgf-form-root] .rgf-admin__toolbar-panel {
max-height: 280px;
padding: 10px 10px;
}
.rgf-admin__heading {
font-size: 28px;
}
.rgf-admin__side .rgf-admin__card-title--hero {
font-size: 28px;
}
.rgf-admin__player-grid {
grid-template-columns: 1fr;
}
}
</style>[/html]
