/* The Broken Sword: the icebloods.com tavern. A phpBB style built on prosilver,
   loaded after the site's own style.css so the header, footer and colors match the site. */

/* ---- undo the site rules that phpBB does not expect ---- */
body#phpbb { background: var(--night); color: var(--soft); font-family: var(--body); font-size: 17px; line-height: 1.55; padding: 0; margin: 0; }
#phpbb #wrap img { display: inline; max-width: 100%; height: auto; }
#phpbb #wrap table { margin: 0; font-size: inherit; line-height: inherit; }
#phpbb #wrap th, #phpbb #wrap td { padding: 4px 6px; border-bottom: 0; text-align: inherit; vertical-align: inherit; }
#phpbb #wrap a { text-decoration: none; }
#phpbb #wrap a:hover { text-decoration: underline; }
#phpbb #wrap h1, #phpbb #wrap h2, #phpbb #wrap h3, #phpbb #wrap h4 { text-transform: none; }

/* ---- page frame ---- */
#wrap.wrap { max-width: 1240px; margin: 0 auto; padding: 28px 32px 56px; background: transparent; border: 0; border-radius: 0; }
#phpbb #wrap a { color: var(--frost); }
#phpbb #wrap a:hover { color: var(--bone); }
#phpbb hr, #phpbb .divider { border-color: var(--line); }

/* ---- the tavern banner (prosilver's header bar) ---- */
.headerbar { position: relative; border-radius: 0; padding: 0; margin: 0; border: 1px solid var(--line); border-bottom: 0;
  background: linear-gradient(90deg, rgba(11,20,27,.95) 0%, rgba(11,20,27,.72) 34%, rgba(11,20,27,.12) 68%, rgba(11,20,27,.05) 100%), url("/img/tavern-banner-1280.jpg") 62% 16% / cover no-repeat #0b141b; }
.headerbar .inner { padding: 64px 36px 44px; }
.site-description { float: none; width: auto; max-width: 40rem; }
.site-description .logo { display: none; }
.site-description h1 { margin: 0 0 8px; font-family: var(--display); font-weight: 400; font-size: 64px; line-height: 1; color: var(--bone); filter: drop-shadow(0 2px 14px rgba(11,20,27,.85)); }
.site-description p { margin: 0; color: var(--soft); font-size: 19px; text-shadow: 0 2px 10px rgba(11,20,27,.9); }
.site-description p.skiplink { display: none; }
.search-header { margin-top: 22px; float: none; display: inline-flex; border-radius: 0; box-shadow: none; border: 1px solid var(--frost-dim); background: rgba(11,20,27,.8); }
.search-header .inputbox { background: transparent; border: 0; color: var(--bone); width: 260px; }
.search-header .button-search, .search-header .button-search-end { background: transparent; border: 0; color: var(--frost); }

/* ---- forum navbar (login, notifications, quick links) ---- */
.navbar { background: #12212c; border: 1px solid var(--line); border-radius: 0; padding: 6px 14px; margin-bottom: 26px; }
.navbar ul.linklist { border-color: var(--line); }
.navbar .icon, ul.linklist .icon { color: var(--frost-dim); }
ul.linklist > li { color: var(--ash); }
.navbar a, ul.linklist a { color: var(--frost); }
.breadcrumbs .crumb { font-family: var(--sc); letter-spacing: .04em; }
.breadcrumbs .crumb a { color: var(--soft); }

/* ---- category boxes and rows (index and forum lists) ---- */
.forabg, .forumbg { background: #12212c; border: 1px solid var(--line); border-radius: 0; padding: 0; margin-bottom: 22px; box-shadow: none; }
.forumbg-table { background: #12212c; }
ul.topiclist li.header { background: #0e1922; border-bottom: 1px solid var(--line); padding: 10px 14px; margin: 0; }
ul.topiclist li.header dt, ul.topiclist li.header dd { color: var(--ash); font-family: var(--sc); font-weight: 500; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; border: 0; }
ul.topiclist li.header dt .list-inner a, li.header a { color: var(--bone) !important; font-family: var(--display); font-size: 26px; font-weight: 400; letter-spacing: 0; text-transform: none; }
ul.topiclist li.row { background: #0f1c25; border-top: 1px solid #1c2e3b; border-bottom: 0; }
ul.topiclist li.row.bg2 { background: #12212c; }
ul.topiclist li.row:hover { background: #162a37; }
ul.topiclist dd { border-left: 1px solid #1c2e3b; color: var(--ash); }
ul.topiclist dfn { color: var(--ash); }
a.forumtitle, a.topictitle { color: var(--bone) !important; font-size: 19px; font-weight: 500; font-family: var(--body); }
a.forumtitle:hover, a.topictitle:hover { color: var(--frost) !important; }
.forum-description, .list-inner .forum-description { color: var(--ash); }
dd.lastpost, dd.lastpost span, .topic-poster { color: var(--ash); }
dl.row-item { background-size: 32px; }
.forum-image { filter: none; }

/* ---- page titles ---- */
h2.forum-title, h2.topic-title, h2.solo, #phpbb #wrap .page-body > h2 { font-family: var(--display); font-weight: 400; font-size: 40px; line-height: 1.1; color: var(--bone); margin: 6px 0 14px; }
h2.forum-title a, h2.topic-title a { color: var(--bone) !important; }
.stat-block h3, .stat-block h3 a { color: var(--bone) !important; font-family: var(--sc); font-weight: 500; border-color: var(--line); }
.stat-block p { color: var(--ash); }

/* ---- posts ---- */
.post { border: 1px solid var(--line); border-radius: 0; margin-bottom: 12px; padding: 14px 16px; }
.bg1 { background-color: #0f1c25; }
.bg2 { background-color: #12212c; }
.bg3 { background-color: #16283a; }
.postbody h3 a, .postbody h3 { color: var(--bone) !important; font-family: var(--body); font-size: 18px; }
.postbody .content { color: var(--soft); font-family: var(--body); font-size: 17px; line-height: 1.65; }
.postbody .content strong { color: var(--bone); }
.postprofile { border-color: var(--line); color: var(--ash); }
.postprofile dd, .postprofile dt { color: var(--ash); }
.postprofile .username, .postprofile a.username { color: var(--frost) !important; font-weight: 500; }
.postprofile .profile-rank { color: var(--bone); font-family: var(--sc); }
.author { color: var(--ash); }
.signature { border-color: var(--line); color: var(--ash); }
blockquote, .content blockquote { background: #0b141b; border: 1px solid var(--line); border-left: 3px solid var(--frost-dim); color: var(--soft); border-radius: 0; }
blockquote cite { color: var(--ash); }
.codebox { background: #0b141b; border: 1px solid var(--line); border-radius: 0; }
.codebox p { border-color: var(--line); color: var(--ash); }
code { color: var(--frost); background: transparent; }
.content .spoiler, .content details { background: #0b141b; }

/* ---- buttons, inputs, dropdowns ---- */
.button { background: #16283a; background-image: none; border: 1px solid var(--line); border-radius: 0; color: var(--bone); box-shadow: none; text-shadow: none; font-family: var(--body); }
.button:hover, .button:focus { background: #1b3144; border-color: var(--frost); color: var(--frost); }
.button .icon { color: inherit; }
a.button1, input.button1, button.button1, input.button2, a.button2, button.button2, .button1, .button2 {
  background: var(--frost); background-image: none; color: var(--night) !important; border: 0; border-radius: 0; text-shadow: none; box-shadow: none; font-family: var(--body); font-weight: 500; padding: 6px 16px; }
input.button2, a.button2, button.button2, .button2 { background: #16283a; color: var(--bone) !important; border: 1px solid var(--line); }
a.button1:hover, input.button1:hover, .button1:hover { background: var(--bone); }
input.inputbox, textarea.inputbox, select, .inputbox, #phpbb textarea, #phpbb input[type=text], #phpbb input[type=email], #phpbb input[type=password], #phpbb input[type=search], #phpbb input[type=number] {
  background: #0b141b; color: var(--bone); border: 1px solid var(--line); border-radius: 0; font-family: var(--body); }
.inputbox:focus, #phpbb textarea:focus, #phpbb input:focus { border-color: var(--frost); outline: none; }
.dropdown .dropdown-contents { background: #12212c; border: 1px solid var(--line); border-radius: 0; box-shadow: 0 12px 30px rgba(0,0,0,.5); }
.dropdown li { border-color: var(--line); }
.dropdown .pointer { border-color: var(--line) transparent; }
.dropdown .pointer-inner { border-color: #12212c transparent; }
.dropdown-extended .header, .dropdown-extended .footer { background: #0e1922; color: var(--ash); border-color: var(--line); }
.notification_list li { border-color: var(--line); }
.pagination li a, .pagination li span { background: #12212c; background-image: none; border: 1px solid var(--line); border-radius: 0; color: var(--soft); box-shadow: none; text-shadow: none; }
.pagination li a:hover { background: #1b3144; color: var(--frost); }
.pagination li.active span { background: var(--frost); color: var(--night); border-color: var(--frost); }

/* ---- panels, tabs, control panel, forms ---- */
.panel { background: #12212c; color: var(--soft); border: 1px solid var(--line); border-radius: 0; }
.panel h2, .panel h3, .content h2, .content h3 { color: var(--bone); border-color: var(--line); font-family: var(--body); }
fieldset dl dt label, fieldset label, dl.details dt { color: var(--soft); }
dl.details dd { color: var(--ash); }
.tabs .tab > a { background: #12212c; color: var(--soft); border: 1px solid var(--line); border-radius: 0; box-shadow: none; }
.tabs .activetab > a { background: #16283a; color: var(--bone); border-bottom-color: #16283a; }
.cp-menu, .cp-main .panel, .navigation a { background: #12212c; color: var(--soft); border-color: var(--line); border-radius: 0; }
.navigation .active-subsection a { background: #16283a; color: var(--bone); }
.table1 thead th { color: var(--ash); background: #0e1922; font-family: var(--sc); font-weight: 500; }
.table1 tbody td { border-top: 1px solid #1c2e3b; color: var(--soft); }
.successbox, .errorbox, .warningbox { background: #12212c; color: var(--soft); border: 1px solid var(--line); border-radius: 0; }
.errorbox, .error { color: #ff9b8f; }
.successbox { border-left: 3px solid #6fc28a; }
.errorbox { border-left: 3px solid var(--ember); }
p.rules, .rules { background: #16283a; color: var(--soft); border: 1px solid var(--line); border-left: 3px solid var(--frost-dim); border-radius: 0; }
.action-bar .button, .action-bar .dropdown-trigger { margin-right: 4px; }
.jumpbox .dropdown-contents a { color: var(--frost); }
.phpbb_alert { background: #12212c; border: 1px solid var(--line); color: var(--soft); border-radius: 0; }
.phpbb_alert h3 { color: var(--bone); background: #0e1922; border-color: var(--line); }
#darkenwrapper #darken { background: #000; }

/* ---- forum footer (phpBB's own) ---- */
#page-footer .navbar { margin: 30px 0 0; }
.copyright { color: var(--ash); padding: 18px 0 0; font-size: 14px; }
.copyright a { color: var(--frost-dim); }

/* ---- the site footer sits below the forum ---- */
body#phpbb > .foot { margin-top: 0; }

@media (max-width: 860px) {
  #wrap.wrap { padding: 16px 16px 40px; }
  .headerbar .inner { padding: 40px 18px 28px; }
  .site-description h1 { font-size: 44px; }
  .site-description p { font-size: 16px; }
  .search-header { display: none; }
  .headerbar { background-position: 0 0, 88% 18%; }
  h2.forum-title, h2.topic-title { font-size: 30px; }
}


/* =====================================================================
   Batch one: frost stone, category bars, board icons, row art,
   avatars, rank badges, post buttons and topic icons
   ===================================================================== */

/* ---- frost stone behind the whole tavern ---- */
body#phpbb { background: linear-gradient(rgba(11,20,27,.5), rgba(11,20,27,.5)), url("/img/tavern-stone.webp") 0 0 / 512px repeat, #0b141b; background-attachment: fixed, fixed, fixed; }
#wrap.wrap { position: relative; }

/* ---- the banner: a frost rule under it and a crest on the title ---- */
.headerbar { border-color: var(--line2); box-shadow: 0 18px 40px rgba(0,0,0,.45); }
.headerbar::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: linear-gradient(90deg, transparent, var(--frost-dim) 20%, var(--frost) 50%, var(--frost-dim) 80%, transparent); opacity: .7; }
.site-description p:not(.skiplink)::before { content: ""; display: inline-block; width: 7px; height: 7px; margin: 0 10px 3px 0; background: var(--frost); transform: rotate(45deg); }

/* ---- category bars: carved stone with an icon on the left ---- */
.forabg, .forumbg { background: #0e1922; border: 1px solid var(--line2); box-shadow: 0 0 0 1px rgba(0,0,0,.6), 0 14px 34px rgba(0,0,0,.55); }
.forabg ul.topiclist li.header, .forumbg ul.topiclist li.header {
  position: relative; padding: 14px 16px 13px;
  background: linear-gradient(180deg, rgba(27,49,68,.94) 0%, rgba(16,30,41,.96) 55%, rgba(12,22,30,.98) 100%), url("/img/tavern-stone.webp") 0 0 / 512px repeat, #12212c;
  border-top: 1px solid rgba(168,212,234,.22); border-bottom: 1px solid var(--line2); box-shadow: inset 0 1px 0 rgba(236,229,212,.08), inset 0 -10px 18px rgba(0,0,0,.35); }
.forabg ul.topiclist li.header::after, .forumbg ul.topiclist li.header::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: -1px; height: 1px; background: linear-gradient(90deg, var(--frost-dim), transparent 70%); }
.forabg li.header dt .list-inner { display: flex; align-items: center; gap: 14px; padding-right: 0; }
.forabg li.header dt .list-inner::before { content: ""; flex: none; width: 40px; height: 40px; border: 1px solid var(--frost-dim); border-radius: 50%; background: #0b141b center / 24px no-repeat; box-shadow: 0 0 0 3px #0b141b, 0 0 14px rgba(168,212,234,.18); }
.forabg li.header dt .list-inner a { text-shadow: 0 2px 10px rgba(0,0,0,.8); }
.forabg li.header dd { align-self: center; }

/* ---- board rows: our own icons, faint scene art on the right ---- */
ul.topiclist.forums li.row dl.row-item { background-size: 30px; background-position: 14px 50%; }
ul.topiclist.forums li.row dl.row-item dt .list-inner { padding-left: 60px; }
ul.topiclist.forums li.row {
  --row: 15,28,37;
  background-image: linear-gradient(90deg, rgb(var(--row)) 36%, rgba(var(--row),.9) 58%, rgba(var(--row),.74)), var(--art, none);
  background-repeat: no-repeat; background-size: auto, var(--art-size, 50% auto); background-position: 0 0, right var(--art-pos, 35%); }
ul.topiclist.forums li.row.bg2 { --row: 18,33,44; }
ul.topiclist.forums li.row:hover { --row: 22,42,55; }
ul.topiclist li.row.forum-2 { --art: url("/img/head-raven-768.jpg"); --art-pos: 40%; }
ul.topiclist li.row.forum-3 { --art: url("/img/head-house-768.jpg"); --art-pos: 30%; }
ul.topiclist li.row.forum-4 { --art: url("/img/head-ledger-768.jpg"); --art-pos: 50%; }
ul.topiclist li.row.forum-6 { --art: url("/img/plate-warrax-ledger-420.jpg"); --art-size: 34% auto; --art-pos: 14%; }
ul.topiclist li.row.forum-7 { --art: url("/img/home-grymax-640.jpg"); --art-size: 38% auto; --art-pos: 22%; }
ul.topiclist li.row.forum-9 { --art: url("/img/era-azeroth-800.jpg"); --art-pos: 40%; }
ul.topiclist li.row.forum-10 { --art: url("/img/head-knights-768.jpg"); --art-pos: 35%; }
ul.topiclist li.row.forum-11 { --art: url("/img/home-mordkessel-768.jpg"); --art-pos: 45%; }
ul.topiclist li.row.forum-12 { --art: url("/img/tavern-banner-768.jpg"); --art-pos: 30%; }
ul.topiclist li.row.forum-13 { --art: url("/img/head-timeline-768.jpg"); --art-pos: 40%; }
ul.topiclist.forums li.row dl.row-item.forum_unread a.forumtitle::after { content: "New"; margin-left: 10px; padding: 1px 7px; border: 1px solid var(--frost-dim); color: var(--frost); font-family: var(--sc); font-size: 12px; letter-spacing: .08em; vertical-align: 2px; }

/* ---- topic icons (IC, OOC, Lore, Question, Event) ---- */
ul.topiclist dl.row-item dt[style] { background-size: 18px; background-position: 30px 88%; }
.postbody h3 img[src*="icons/kin/"] { width: 20px; height: 20px; vertical-align: -4px; margin-right: 4px; }
#posting-icons-legend, .ib-icon-name { color: var(--ash); font-size: 14px; }
.ib-icon-name { margin: 0 14px 0 4px; }

/* ---- avatars, rank badges and the frost bar ---- */
.postprofile .avatar img, .avatar-container img, .avatar img { border: 1px solid var(--line2); padding: 3px; background: #0b141b; box-shadow: 0 6px 18px rgba(0,0,0,.45); }
.postprofile dd.profile-rank { display: flex; align-items: center; gap: 8px; margin: 2px 0 6px 8px; font-size: 15px; letter-spacing: .04em; }
.postprofile dd.profile-rank br { display: none; }
.postprofile dd.profile-rank img { order: -1; width: 26px; height: 26px; flex: none; }
.postprofile dd.profile-xp { margin: 4px 0 10px 8px; }
.postprofile dd strong { color: var(--ash); font-weight: 400; }
.profile-xp .xp-bar { display: block; height: 4px; background: #0b141b; border: 1px solid var(--line2); overflow: hidden; }
.profile-xp .xp-bar span { display: block; height: 100%; background: linear-gradient(90deg, var(--frost-dim), var(--frost)); box-shadow: 0 0 8px rgba(168,212,234,.6); }
.profile-xp small { display: block; margin-top: 4px; color: var(--ash); font-size: 13px; }

/* ---- posts: carved edge and square frost buttons ---- */
.post { box-shadow: 0 8px 24px rgba(0,0,0,.35); border-color: var(--line2); }
.post.bg1, .post.bg2 { background-image: linear-gradient(180deg, rgba(168,212,234,.03), transparent 120px); }
.post-buttons { gap: 4px; }
.post-buttons .button, .post-buttons .button-icon-only { width: 34px; height: 34px; padding: 0; display: inline-flex; align-items: center; justify-content: center; background: #0e1922; border: 1px solid var(--line2); color: var(--frost-dim); }
.post-buttons .button:hover, .post-buttons .button:focus { color: var(--frost); border-color: var(--frost-dim); box-shadow: 0 0 12px rgba(168,212,234,.25); }
.action-bar .button { border-color: var(--line2); }
.action-bar .button:hover { box-shadow: 0 0 12px rgba(168,212,234,.2); }
a.button1, input.button1, button.button1 { box-shadow: 0 0 0 1px rgba(168,212,234,.4), 0 6px 18px rgba(0,0,0,.35); }

@media (max-width: 700px) {
  ul.topiclist.forums li.row { background-image: linear-gradient(90deg, rgb(var(--row)) 50%, rgba(var(--row),.85)), var(--art, none); background-size: auto, var(--art-size, 60% auto); }
  .forabg li.header dt .list-inner::before { width: 32px; height: 32px; background-size: 20px; }
}

/* ---- phpBB's own fonts give way to the site's ---- */
#phpbb #wrap, #phpbb #wrap fieldset, #phpbb #wrap label, #phpbb #wrap h3, #phpbb #wrap .author, #phpbb #wrap .headerspace, #phpbb #wrap input, #phpbb #wrap select, #phpbb #wrap textarea, #phpbb #wrap .button, #phpbb #wrap .pagination, #phpbb #wrap .action-bar { font-family: var(--body); }
#phpbb #wrap .author { font-size: 15px; }
#phpbb #wrap .action-bar { font-size: 15px; }
#phpbb #wrap .pagination { font-size: 14px; }

/* ---- category bar column labels line up with the numbers below ---- */
.forabg ul.topiclist li.header dd { padding-top: 11px; }
ul.topiclist li.header dd.topics, ul.topiclist li.header dd.posts, ul.topiclist li.header dd.views { text-align: center; }
ul.topiclist li.header dd.lastpost > span { padding-left: 6px; }
@media (max-width: 700px) { ul.topiclist li.header dd { padding-top: 0; } }

/* ---- hover, focus and active states: prosilver's light-theme colors replaced so nothing turns black ---- */
#phpbb a:hover, #phpbb #wrap a:hover { color: var(--bone); }
#phpbb .postlink, #phpbb .postlink:visited { color: var(--frost); border-bottom-color: var(--frost-dim); }
#phpbb .postlink:hover { background-color: transparent; color: var(--bone); border-bottom-color: var(--bone); }
#phpbb fieldset dl:hover dt label, #phpbb fieldset dl:hover dt { color: var(--bone); }
#phpbb fieldset.fields2 dl:hover dt label { color: var(--bone); }
#phpbb .current { color: var(--bone) !important; }
#phpbb table.table1 tbody tr:hover, #phpbb table.table1 tbody tr.hover { background-color: #162a37; color: var(--bone); }
#phpbb li.row:hover { background-color: #162a37; }
#phpbb li.reported:hover { background-color: #3a1f24 !important; }
#phpbb .search-results li:hover, #phpbb .search-results li.active { background-color: #162a37; color: var(--bone); }
#phpbb .dropdown-extended ul li:hover { background-color: #162a37; color: var(--bone); }
#phpbb .dropdown-contents a, #phpbb .dropdown li a { color: var(--frost); }
#phpbb .dropdown-contents a:hover, #phpbb .dropdown li a:hover { color: var(--bone); }
#phpbb .jumpbox-cat-link:hover { background-color: #1b3144; border-top-color: var(--frost-dim); color: var(--bone); }
#phpbb .jumpbox-forum-link:hover, #phpbb .jumpbox-sub-link:hover { background-color: #162a37; }
#phpbb .gallery label:hover { background-color: #162a37; }
#phpbb .contact-icons a:hover { background-color: #162a37; }
#phpbb dl.thumbnail dt a:hover { background-color: #162a37; }
#phpbb .arrow-left:hover, #phpbb .arrow-right:hover { color: var(--bone); }
#phpbb .tabs .tab > a:hover { background: #1b3144; color: var(--bone); }
#phpbb .tabs .activetab > a, #phpbb .tabs .activetab > a:hover { background: #16283a; background-image: none; color: var(--bone); }
#phpbb .minitabs .activetab > a, #phpbb .minitabs .activetab > a:hover { background-color: #16283a; color: var(--bone); }
#phpbb .navigation a:hover { background: #1b3144; background-image: none; filter: none; color: var(--bone); }
#phpbb .navigation .active-subsection a, #phpbb .navigation .active-subsection a:hover { background: #16283a; background-image: none; filter: none; color: var(--bone); }
#phpbb .button:hover, #phpbb .button:focus { background-image: none; }
#phpbb .button-secondary:focus, #phpbb .button-secondary:hover, #phpbb .button:focus .icon, #phpbb .button:hover .icon { color: var(--frost); }
#phpbb a.button1:hover, #phpbb input.button1:hover, #phpbb button.button1:hover { background: var(--bone); background-image: none; color: var(--night) !important; border-color: var(--bone); }
#phpbb a.button2:hover, #phpbb input.button2:hover, #phpbb button.button2:hover, #phpbb input.button3:hover { background: #1b3144; background-image: none; color: var(--frost) !important; border-color: var(--frost-dim); }
#phpbb input.button1:focus, #phpbb input.button2:focus, #phpbb input.button3:focus { border-color: var(--frost); color: var(--bone); }
#phpbb .pagination li a:hover, #phpbb .pagination li a:hover .icon, #phpbb .pagination .dropdown-visible a.dropdown-trigger { background: #1b3144; border-color: var(--frost-dim); color: var(--frost); }
#phpbb .forumbg .header a:hover, #phpbb .forabg .header a:hover, #phpbb th a:hover { color: var(--frost) !important; }
#phpbb a:hover .icon.icon-blue, #phpbb a:hover .icon.icon-bluegray, #phpbb a:hover .icon.icon-gray, #phpbb a:hover .icon.icon-black, #phpbb a:hover .icon.icon-lightgray { color: var(--frost); }
#phpbb .icon.icon-black, #phpbb .icon.icon-bluegray, #phpbb .icon.icon-gray { color: var(--ash); }

/* ---- avatar gallery in the control panel ---- */
#phpbb .gallery { display: flex; flex-wrap: wrap; gap: 10px; padding: 8px 0; }
#phpbb .gallery label { float: none; display: flex; flex-direction: column; align-items: center; gap: 6px; width: auto; margin: 0; padding: 6px; background: #0e1922; border: 1px solid var(--line2); cursor: pointer; text-align: center; }
#phpbb .gallery label:hover { background: #162a37; border-color: var(--frost-dim); }
#phpbb .gallery label br { display: none; }
#phpbb #wrap .gallery img { display: block; width: 96px; height: 96px; max-width: none; object-fit: cover; border: 0; }
#phpbb .gallery label:has(input:checked) { border-color: var(--frost); box-shadow: 0 0 12px rgba(168,212,234,.35); }

/* ---- every prosilver dark text color, brought up to the night palette ---- */
#phpbb .panel, #phpbb .content, #phpbb .postbody, #phpbb .agreement, #phpbb .agreement p, #phpbb .panel p, #phpbb .panel li, #phpbb dl.faq dd { color: var(--soft); }
#phpbb h2, #phpbb .content h2, #phpbb .panel h2, #phpbb .panel-container h2 { color: var(--bone); }
#phpbb h3, #phpbb .panel h3 { color: var(--bone); border-color: var(--line); }
#phpbb dl.faq dt, #phpbb dl.faq dt strong, #phpbb .content dl.faq dt strong { color: var(--bone); }
#phpbb #faqlinks strong, #phpbb .column1 > dl > dt strong, #phpbb .column2 > dl > dt strong, #phpbb dl.faq + dl dt strong { color: var(--frost); }
#phpbb .faq strong, #phpbb dl dt strong { color: var(--bone); }
#phpbb .post:target .content { color: var(--bone); }
#phpbb .post h3 a.first-unread, #phpbb .post:target h3 a { color: var(--frost) !important; }
#phpbb table.table1 td, #phpbb table.table1 tbody th, #phpbb table.info tbody th, #phpbb .panel-container table.table1 thead th { color: var(--soft); }
#phpbb dl.details dt, #phpbb dl.details dd, #phpbb dl.mini dt { color: var(--soft); }
#phpbb ul.topiclist li { color: var(--ash); }
#phpbb li.row strong { color: var(--bone); }
#phpbb .attachbox p, #phpbb .attachbox p.stats, #phpbb dl.file dd, #phpbb dl.thumbnail dd, #phpbb fieldset.polls dl, #phpbb input.disabled { color: var(--ash); }
#phpbb fieldset.polls dl.voted { color: var(--bone); }
#phpbb .postprofile strong, #phpbb .panel-container .panel li.header dd, #phpbb .panel-container .panel li.header dt { color: var(--ash); }
#phpbb .pagination li.ellipsis span { color: var(--ash); }
#phpbb label, #phpbb dd label, #phpbb fieldset dt label, #phpbb fieldset dl dt label { color: var(--soft); }
#phpbb dd span, #phpbb fieldset dd, #phpbb .explain, #phpbb p.explain, #phpbb span.explain, #phpbb dt span { color: var(--ash); }
#phpbb select, #phpbb .message-box textarea, #phpbb .inputbox { color: var(--bone); background-color: #0b141b; }
#phpbb .inputbox::placeholder { color: var(--ash); opacity: .7; }
#phpbb .navigation a { color: var(--soft); }
#phpbb .dropdown-extended .header, #phpbb .dropdown-extended .footer { color: var(--ash); }
#phpbb .notification_list p.notification-time { color: var(--ash); }
#phpbb .copyright { color: var(--ash); }
#phpbb .tabs .tab > a { color: var(--soft); }
#phpbb table.table1 thead th, #phpbb table.table1 thead th span { color: var(--ash); }
html { background-color: #0b141b; }
@media (hover: none) { body#phpbb { background-attachment: scroll, scroll, scroll; } }

/* ---- board and category icons (generated by tavern_assets.py) ---- */
ul.topiclist li.row.forum-2 dl.row-item { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%236f9bb3%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 4c3 5 7 8 7 14a7 7 0 0 1-14 0c0-4 2-6 4-8 0 3 1 5 3 5 0-4-2-6 0-11z%22/%3E%3Cpath d=%22M6 28l20-4M6 24l20 4%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-2 dl.row-item.forum_unread, ul.topiclist li.row.forum-2 dl.row-item.forum_unread_subforum { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%23a8d4ea%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 4c3 5 7 8 7 14a7 7 0 0 1-14 0c0-4 2-6 4-8 0 3 1 5 3 5 0-4-2-6 0-11z%22/%3E%3Cpath d=%22M6 28l20-4M6 24l20 4%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-3 dl.row-item { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%236f9bb3%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 3l12 13-12 13L4 16z%22/%3E%3Cpath d=%22M16 10l6 6-6 6-6-6z%22 fill=%22%236f9bb3%22 stroke=%22none%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-3 dl.row-item.forum_unread, ul.topiclist li.row.forum-3 dl.row-item.forum_unread_subforum { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%23a8d4ea%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 3l12 13-12 13L4 16z%22/%3E%3Cpath d=%22M16 10l6 6-6 6-6-6z%22 fill=%22%23a8d4ea%22 stroke=%22none%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-4 dl.row-item { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%236f9bb3%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 8q6-2 12 1 6-3 12-1v17q-6-2-12 1-6-3-12-1z%22/%3E%3Cpath d=%22M16 9v17M8 13h4M8 17h4M20 13h4M20 17h4%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-4 dl.row-item.forum_unread, ul.topiclist li.row.forum-4 dl.row-item.forum_unread_subforum { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%23a8d4ea%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 8q6-2 12 1 6-3 12-1v17q-6-2-12 1-6-3-12-1z%22/%3E%3Cpath d=%22M16 9v17M8 13h4M8 17h4M20 13h4M20 17h4%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-6 dl.row-item { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%236f9bb3%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M26 4C16 6 10 13 8 24l-2 4%22/%3E%3Cpath d=%22M8 24c6-1 12-8 18-20%22/%3E%3Cpath d=%22M11 17l5 1M13 12l5 1%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-6 dl.row-item.forum_unread, ul.topiclist li.row.forum-6 dl.row-item.forum_unread_subforum { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%23a8d4ea%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M26 4C16 6 10 13 8 24l-2 4%22/%3E%3Cpath d=%22M8 24c6-1 12-8 18-20%22/%3E%3Cpath d=%22M11 17l5 1M13 12l5 1%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-7 dl.row-item { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%236f9bb3%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 11h13v15H8z%22/%3E%3Cpath d=%22M21 14h4v7h-4%22/%3E%3Cpath d=%22M8 11q0-4 3.5-3.5Q13 5 16 6.5 19 5 21 8v3%22/%3E%3Cpath d=%22M12 15v7M16.5 15v7%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-7 dl.row-item.forum_unread, ul.topiclist li.row.forum-7 dl.row-item.forum_unread_subforum { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%23a8d4ea%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 11h13v15H8z%22/%3E%3Cpath d=%22M21 14h4v7h-4%22/%3E%3Cpath d=%22M8 11q0-4 3.5-3.5Q13 5 16 6.5 19 5 21 8v3%22/%3E%3Cpath d=%22M12 15v7M16.5 15v7%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-9 dl.row-item { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%236f9bb3%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 13v6h4l11 6V7L9 13z%22/%3E%3Cpath d=%22M24 12q3 4 0 8M9 19l2 7h3l-1.5-7%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-9 dl.row-item.forum_unread, ul.topiclist li.row.forum-9 dl.row-item.forum_unread_subforum { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%23a8d4ea%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 13v6h4l11 6V7L9 13z%22/%3E%3Cpath d=%22M24 12q3 4 0 8M9 19l2 7h3l-1.5-7%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-10 dl.row-item { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%236f9bb3%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 28V4%22/%3E%3Cpath d=%22M8 5h15v13l-7.5-3.5L8 18%22/%3E%3Cpath d=%22M13 9l2.5 2.5L18 9%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-10 dl.row-item.forum_unread, ul.topiclist li.row.forum-10 dl.row-item.forum_unread_subforum { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%23a8d4ea%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 28V4%22/%3E%3Cpath d=%22M8 5h15v13l-7.5-3.5L8 18%22/%3E%3Cpath d=%22M13 9l2.5 2.5L18 9%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-11 dl.row-item { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%236f9bb3%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 5l15 15M5 5h4.5M5 5v4.5%22/%3E%3Cpath d=%22M27 5L12 20M27 5h-4.5M27 5v4.5%22/%3E%3Cpath d=%22M8 20l4 4M24 20l-4 4M10 26l-3 3M22 26l3 3%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-11 dl.row-item.forum_unread, ul.topiclist li.row.forum-11 dl.row-item.forum_unread_subforum { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%23a8d4ea%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 5l15 15M5 5h4.5M5 5v4.5%22/%3E%3Cpath d=%22M27 5L12 20M27 5h-4.5M27 5v4.5%22/%3E%3Cpath d=%22M8 20l4 4M24 20l-4 4M10 26l-3 3M22 26l3 3%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-12 dl.row-item { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%236f9bb3%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 9h8l2 4v10l-2 3h-8l-2-3V13z%22/%3E%3Cpath d=%22M14 6h4M16 3v3M10 13h12M16 16c1.5 1.5 1.5 3.5 0 5-1.5-1.5-1.5-3.5 0-5z%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-12 dl.row-item.forum_unread, ul.topiclist li.row.forum-12 dl.row-item.forum_unread_subforum { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%23a8d4ea%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 9h8l2 4v10l-2 3h-8l-2-3V13z%22/%3E%3Cpath d=%22M14 6h4M16 3v3M10 13h12M16 16c1.5 1.5 1.5 3.5 0 5-1.5-1.5-1.5-3.5 0-5z%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-13 dl.row-item { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%236f9bb3%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%225%22 y=%227%22 width=%2222%22 height=%2220%22 rx=%221.5%22/%3E%3Cpath d=%22M5 13h22M11 4v6M21 4v6M10 18h3M15 18h3M20 18h3M10 22h3M15 22h3%22/%3E%3C/svg%3E"); }
ul.topiclist li.row.forum-13 dl.row-item.forum_unread, ul.topiclist li.row.forum-13 dl.row-item.forum_unread_subforum { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%23a8d4ea%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%225%22 y=%227%22 width=%2222%22 height=%2220%22 rx=%221.5%22/%3E%3Cpath d=%22M5 13h22M11 4v6M21 4v6M10 18h3M15 18h3M20 18h3M10 22h3M15 22h3%22/%3E%3C/svg%3E"); }
ul.topiclist dl.row-item[class*="topic_"] { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%236f9bb3%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 5h15a3 3 0 0 1 0 6h-2v14a3 3 0 0 1-3 3H8a3 3 0 0 1 0-6h2V8a3 3 0 0 0-3-3%22/%3E%3Cpath d=%22M14 13h5M14 17h5%22/%3E%3C/svg%3E"); }
ul.topiclist dl.row-item[class*="sticky_"] { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%236f9bb3%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 4h8l-1.5 7 4.5 4.5H9l4.5-4.5z%22/%3E%3Cpath d=%22M16 15.5V28%22/%3E%3C/svg%3E"); }
ul.topiclist dl.row-item[class*="announce_"], ul.topiclist dl.row-item[class*="global_"] { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%236f9bb3%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 13v6h4l11 6V7L9 13z%22/%3E%3Cpath d=%22M24 12q3 4 0 8M9 19l2 7h3l-1.5-7%22/%3E%3C/svg%3E"); }
ul.topiclist dl.row-item[class*="_locked"] { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%236f9bb3%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%227%22 y=%2214%22 width=%2218%22 height=%2213%22 rx=%221.5%22/%3E%3Cpath d=%22M11 14v-4a5 5 0 0 1 10 0v4M16 19v3%22/%3E%3C/svg%3E"); }
ul.topiclist dl.row-item[class*="topic_"][class*="_unread"] { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%23a8d4ea%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 5h15a3 3 0 0 1 0 6h-2v14a3 3 0 0 1-3 3H8a3 3 0 0 1 0-6h2V8a3 3 0 0 0-3-3%22/%3E%3Cpath d=%22M14 13h5M14 17h5%22/%3E%3C/svg%3E"); }
ul.topiclist dl.row-item[class*="sticky_"][class*="_unread"] { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%23a8d4ea%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 4h8l-1.5 7 4.5 4.5H9l4.5-4.5z%22/%3E%3Cpath d=%22M16 15.5V28%22/%3E%3C/svg%3E"); }
ul.topiclist dl.row-item[class*="announce_"][class*="_unread"], ul.topiclist dl.row-item[class*="global_"][class*="_unread"] { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%23a8d4ea%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 13v6h4l11 6V7L9 13z%22/%3E%3Cpath d=%22M24 12q3 4 0 8M9 19l2 7h3l-1.5-7%22/%3E%3C/svg%3E"); }
ul.topiclist dl.row-item[class*="_locked"][class*="_unread"] { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%23a8d4ea%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%227%22 y=%2214%22 width=%2218%22 height=%2213%22 rx=%221.5%22/%3E%3Cpath d=%22M11 14v-4a5 5 0 0 1 10 0v4M16 19v3%22/%3E%3C/svg%3E"); }
.forabg.cat-1 li.header dt .list-inner::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%23a8d4ea%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 5c2.5 4 6 6.5 6 11.5a6 6 0 0 1-12 0c0-3.5 1.5-5 3.5-7 0 2.5 1 4 2.5 4 0-3-1.5-5 0-8.5z%22/%3E%3Cpath d=%22M5 28l22-5M5 23l22 5%22/%3E%3C/svg%3E"); }
.forabg.cat-5 li.header dt .list-inner::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%23a8d4ea%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M26 4C16 6 10 13 8 24l-2 4%22/%3E%3Cpath d=%22M8 24c6-1 12-8 18-20%22/%3E%3Cpath d=%22M11 17l5 1M13 12l5 1%22/%3E%3C/svg%3E"); }
.forabg.cat-8 li.header dt .list-inner::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2232%22 height=%2232%22 viewBox=%220 0 32 32%22 fill=%22none%22 stroke=%22%23a8d4ea%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 5l15 15M5 5h4.5M5 5v4.5%22/%3E%3Cpath d=%22M27 5L12 20M27 5h-4.5M27 5v4.5%22/%3E%3Cpath d=%22M8 20l4 4M24 20l-4 4M10 26l-3 3M22 26l3 3%22/%3E%3C/svg%3E"); }