<!--HTML-->
<style>
/*генератор в гостевой*/
<style>
.gen-container {
    background: inherit;
    border: 1px solid var(--bord);
    margin: 10px 0;
    padding: 8px;
    font-family: var(--main-font);
}

.gen-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin-bottom: 4px;
}

.gen-row:last-child {
    margin-bottom: 0;
}

.gen-tab {
    background: var(--prof-bg) center/cover;
    border: 1px solid #a4a8ab;
    padding: 4px 8px;
    cursor: pointer;
    font-weight: 500;
    font-size: 10px;
    white-space: nowrap;
    flex: 1;
    font-family: var(--sec-font);
    text-align: center;
    border-radius: 5px 0;
}

.gen-tab.active {
    background: var(--prof-bg);
    color: var(--tab-tex);
    border-color: var(--navi-link-hov);
}

.gen-field {
    background: var(--quo2);
    border: 1px solid var(--bord);
    padding: 4px 6px;
    font-size: 11px;
    color: var(--text);
    flex: 1 1 0;
    min-width: 70px;
}

.gen-field:focus {
    outline: none;
    border-color: var(--accent);
}

.gen-btn {
    background: var(--navi-link);
    border: 1px solid var(--dark-bord);
    padding: 4px 10px;
    color: var(--light-text);
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
    text-transform: uppercase;
    border-radius: 3px;
}

.gen-btn:hover {
    background: var(--navi-link-hov);
}

.gen-btn.accent {
    background: var(--accent);
    padding: 4px 10px;
}
</style>

<br><br><div id="guestboook">
<div class="bookpic"></div>
<div class="guestrules"><div>
Чай? Виски? А может быть, воды? Мы рады приветствовать вас на Баре! Если у вас есть вопросы (любые) или вы уже определились с выбором роли, то это место именно для вас! Бронируйте, спрашивайте, но не флудите! Администрация в лице <a href="https://barcross.rusff.me/profile.php?id=8">Cheshire Cat</a>, <a href="https://barcross.rusff.me/profile.php?id=3412">Mentalism</a>, <a href="https://barcross.ru/profile.php?id=1981">Rickey</a>, <a href="https://barcross.ru/profile.php?id=2247">Amanda Clarke</a>  и наши принятые игроки с радостью помогут вам!
</div>
<div class="copycode">Воспользуйтесь автоматической формой снизу для того, чтобы забронировать роль. </div>
</div>
<div id="bar-gb-admin-toggle" style="text-align:right; margin:8px 15px 0;"></div>
<div class="guestblocks">
<div class="guestbox"><span>придержанные роли</span><div id="bar-gb-holds"></div></div><div class="guestbox"><span>выкупленные роли</span><div id="bar-gb-buyouts-roles"></div></div><div class="guestbox"><span>выкупленные акции</span><div id="bar-gb-buyouts-casts"></div></div>
</div>
<br>
<div id="cf-role-randomizer-box"></div>
<br>
<div id="bar-gb-hold-form"></div>
<br>