@import url("https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,700;1,400;1,700&family=Kurale&family=Material+Symbols+Outlined&display=swap"); :root, .sheet-rolltemplate-ANYTEMPLATE { --stew-fg: #6d4634; --stew-bg: #ffffff; --stew-boxb: #999c4c; --stew-boxc: #ffffff; --stew-keep: #ffce71; --stew-keepb: #6d4634; --stew-shader: rgba(255,255,255,0.5); --stew-crossed: #9c7822; --stew-peach: #fabeaf; --stew-green: #999c4c; --stew-yellow: #ffce71; font-family: Alegreya, serif; } .sheet-darkmode, .sheet-rolltemplate-darkmode { --stew-fg: #ffce71; --stew-bg: #1f1f1f; --stew-boxb: #999c4c; --stew-boxc: #1f1f1f; --stew-keep: #9c7822; --stew-keepb: #ffce71; --stew-shader: rgba(31,31,31,0.5); --stew-crossed: #9c7822; } .wrapper p, .ui-dialog .charsheet { font-family: Alegreya, serif; font-size: 18px; color: var(--stew-fg) !important; background-color: var(--stew-bg); line-height: unset; } .ui-dialog .charsheet input, .ui-dialog .charsheet select, .ui-dialog .charsheet textarea { font-family: Alegreya, serif; font-size: 18px; color: var(--stew-fg); background-color: var(--stew-bg); border: none; padding-top: 0px; padding-bottom: 0px; border-bottom: 1px solid var(--stew-boxb); } .wrapper .tavern { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wrapper .tavern .topline { margin-bottom: 10px; } .wrapper .tavern .topline .nameblock, .wrapper .tavern .topline .lookblock, .wrapper .tavern .topline .locblock { display: -ms-grid; display: grid; -ms-grid-columns: 75px 5px 1fr; grid-template-columns: 75px 1fr; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; padding-right: 10px; } .wrapper .tavern .topline .nameblock input[type=text], .wrapper .tavern .topline .lookblock input[type=text], .wrapper .tavern .topline .locblock input[type=text] { width: 100%; } .wrapper .tavern .topline .nameblock input[type=text] + input[type=text], .wrapper .tavern .topline .lookblock input[type=text] + input[type=text], .wrapper .tavern .topline .locblock input[type=text] + input[type=text] { margin-left: 5px; } .wrapper .tavern .topline .nameblock .flabel, .wrapper .tavern .topline .lookblock .flabel, .wrapper .tavern .topline .locblock .flabel { vertical-align: bottom; } .wrapper .tavern .columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wrapper .tavern .columns .column { width: calc(50% - 5px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .wrapper .tavern .columns .column .rateblock { border: 1px solid var(--stew-boxb); margin-bottom: 10px; } .wrapper .tavern .columns .column .rateblock .shead { color: var(--stew-boxc); background-color: var(--stew-boxb); } .wrapper .tavern .columns .column .rateblock .shead .flabel { text-align: center; font-size: 18px; } .wrapper .tavern .columns .column .rateblock > .shead .flabel { font-size: 22px; } .wrapper .tavern .columns .column .rateblock .ratebox { margin: 5px; } .wrapper .tavern .columns .column .rateblock .ratebox .shead { color: var(--stew-fg); background-color: var(--stew-bg); } .wrapper .tavern .columns .column .rateblock .ratebox .cuisine, .wrapper .tavern .columns .column .rateblock .ratebox .atmosphere, .wrapper .tavern .columns .column .rateblock .ratebox .service { display: -ms-grid; display: grid; -ms-grid-columns: 40px 5px 1fr; grid-template-columns: 40px 1fr; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; padding: 5px; border: 3px double var(--stew-boxb); border-radius: 10px; } .wrapper .tavern .columns .column .rateblock .ratebox .cuisine .description, .wrapper .tavern .columns .column .rateblock .ratebox .atmosphere .description, .wrapper .tavern .columns .column .rateblock .ratebox .service .description { color: var(--stew-green); -ms-grid-column: 2; grid-column: 2; } .wrapper .tavern .columns .column .rateblock .ratebox .cuisine input.state[value="1"] + input.highlighter[value="1"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .atmosphere input.state[value="1"] + input.highlighter[value="1"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .service input.state[value="1"] + input.highlighter[value="1"] + .description { color: var(--stew-fg); } .wrapper .tavern .columns .column .rateblock .ratebox .cuisine input.state[value="2"] + input.highlighter[value="2"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .atmosphere input.state[value="2"] + input.highlighter[value="2"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .service input.state[value="2"] + input.highlighter[value="2"] + .description { color: var(--stew-fg); } .wrapper .tavern .columns .column .rateblock .ratebox .cuisine input.state[value="3"] + input.highlighter[value="3"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .atmosphere input.state[value="3"] + input.highlighter[value="3"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .service input.state[value="3"] + input.highlighter[value="3"] + .description { color: var(--stew-fg); } .wrapper .tavern .columns .column .rateblock .ratebox .cuisine input.state[value="4"] + input.highlighter[value="4"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .atmosphere input.state[value="4"] + input.highlighter[value="4"] + .description, .wrapper .tavern .columns .column .rateblock .ratebox .service input.state[value="4"] + input.highlighter[value="4"] + .description { color: var(--stew-fg); } .wrapper .tavern .columns .column .advblock, .wrapper .tavern .columns .column .npcblock, .wrapper .tavern .columns .column .listblock { border: 1px solid var(--stew-boxb); margin-bottom: 10px; } .wrapper .tavern .columns .column .advblock .shead, .wrapper .tavern .columns .column .npcblock .shead, .wrapper .tavern .columns .column .listblock .shead { color: var(--stew-boxc); background-color: var(--stew-boxb); } .wrapper .tavern .columns .column .advblock .shead .flabel, .wrapper .tavern .columns .column .npcblock .shead .flabel, .wrapper .tavern .columns .column .listblock .shead .flabel { text-align: center; font-size: 22px; } .wrapper .tavern .columns .column .advblock .instruction, .wrapper .tavern .columns .column .npcblock .instruction, .wrapper .tavern .columns .column .listblock .instruction { font-style: italic; color: var(--stew-boxb); } .wrapper .tavern .columns .column .advblock .instruction, .wrapper .tavern .columns .column .advblock .content, .wrapper .tavern .columns .column .npcblock .instruction, .wrapper .tavern .columns .column .npcblock .content, .wrapper .tavern .columns .column .listblock .instruction, .wrapper .tavern .columns .column .listblock .content { padding: 5px; margin-bottom: 0px; } .wrapper .tavern .columns .column .advblock .instruction .repcontainer, .wrapper .tavern .columns .column .advblock .content .repcontainer, .wrapper .tavern .columns .column .npcblock .instruction .repcontainer, .wrapper .tavern .columns .column .npcblock .content .repcontainer, .wrapper .tavern .columns .column .listblock .instruction .repcontainer, .wrapper .tavern .columns .column .listblock .content .repcontainer { padding: 0px; } .wrapper .tavern .columns .column .advblock .instruction .btn, .wrapper .tavern .columns .column .advblock .content .btn, .wrapper .tavern .columns .column .npcblock .instruction .btn, .wrapper .tavern .columns .column .npcblock .content .btn, .wrapper .tavern .columns .column .listblock .instruction .btn, .wrapper .tavern .columns .column .listblock .content .btn { background-color: var(--stew-bg); color: var(--stew-boxb); border: 1px solid var(--stew-boxb); text-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-image: unset; } .wrapper .tavern .columns .column .advblock .instruction .btn.repcontrol_move, .wrapper .tavern .columns .column .advblock .content .btn.repcontrol_move, .wrapper .tavern .columns .column .npcblock .instruction .btn.repcontrol_move, .wrapper .tavern .columns .column .npcblock .content .btn.repcontrol_move, .wrapper .tavern .columns .column .listblock .instruction .btn.repcontrol_move, .wrapper .tavern .columns .column .listblock .content .btn.repcontrol_move { font-size: 16px; } .wrapper .tavern .columns .column .advblock input[type=text], .wrapper .tavern .columns .column .listblock input[type=text] { width: 100%; margin-bottom: 5px; } .wrapper .tavern .columns .column .advblock textarea, .wrapper .tavern .columns .column .listblock textarea { height: 60px; border: 1px solid var(--stew-keepb); border-radius: 5px; margin-bottom: 10px; width: calc(100% - 10px); height: 42px; resize: none; padding: 5px; background: rgba(0, 0, 0, 0); } .wrapper .tavern .columns .column .readonly .btn { display: none; } .wrapper .tavern .columns .column .npcblock .repitem { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 5px 100px; grid-template-columns: 1fr 100px; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .wrapper .tavern .columns .column .npcblock .repitem input[type=text] { width: 100%; } .wrapper .tavern .columns .column .npcblock .repitem input[type=text].left { font-size: 18px; font-weight: bold; } .wrapper .tavern .columns .column .npcblock .repitem .left { -ms-grid-column: 1; grid-column: 1; } .wrapper .tavern .columns .column .npcblock .repitem .right { -ms-grid-column: 2; grid-column: 2; text-align: right; } .wrapper .tavern .columns .column .npcblock .repitem .substruct { font-style: italic; font-size: 14px; color: var(--stew-boxb); } .wrapper .tavern .columns .column .npcblock .repitem textarea { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/span 2; border: 1px solid var(--stew-keepb); border-radius: 5px; margin-bottom: 10px; width: calc(100% - 10px); height: 60px; resize: none; padding: 5px; background: rgba(0, 0, 0, 0); background-image: -webkit-gradient(linear, left top, left bottom, from(var(--stew-shader)), to(var(--stew-shader))), radial-gradient(circle farthest-side at 50%, rgba(0, 0, 0, 0) 50%, var(--stew-keep)), -webkit-gradient(linear, left top, left bottom, from(var(--stew-keep)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0)), to(var(--stew-keep))); background-image: linear-gradient(to bottom, var(--stew-shader), var(--stew-shader)), radial-gradient(circle farthest-side at 50%, rgba(0, 0, 0, 0) 50%, var(--stew-keep)), linear-gradient(to bottom, var(--stew-keep), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, var(--stew-keep)); text-shadow: 1px 1px 2px var(--stew-bg), -1px 1px 2px var(--stew-bg), 1px -1px 2px var(--stew-bg), -1px -1px 2px var(--stew-bg); } .wrapper .tavern .columns .column .npcblock .repitem:nth-of-type(3n) textarea { background-image: -webkit-gradient(linear, left top, left bottom, from(var(--stew-shader)), to(var(--stew-shader))), radial-gradient(circle farthest-side at 50%, rgba(0, 0, 0, 0) 50%, var(--stew-peach)), -webkit-gradient(linear, left top, left bottom, from(var(--stew-peach)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0)), to(var(--stew-peach))); background-image: linear-gradient(to bottom, var(--stew-shader), var(--stew-shader)), radial-gradient(circle farthest-side at 50%, rgba(0, 0, 0, 0) 50%, var(--stew-peach)), linear-gradient(to bottom, var(--stew-peach), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, var(--stew-peach)); } .wrapper .tavern .columns .column .npcblock .repitem:nth-of-type(3n+1) textarea { background-image: -webkit-gradient(linear, left top, left bottom, from(var(--stew-shader)), to(var(--stew-shader))), radial-gradient(circle farthest-side at 50%, rgba(0, 0, 0, 0) 50%, var(--stew-green)), -webkit-gradient(linear, left top, left bottom, from(var(--stew-green)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0)), to(var(--stew-green))); background-image: linear-gradient(to bottom, var(--stew-shader), var(--stew-shader)), radial-gradient(circle farthest-side at 50%, rgba(0, 0, 0, 0) 50%, var(--stew-green)), linear-gradient(to bottom, var(--stew-green), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, var(--stew-green)); } .wrapper .character { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wrapper .character .topline { margin-bottom: 10px; } .wrapper .character .topline .nameblock, .wrapper .character .topline .lookblock { display: -ms-grid; display: grid; -ms-grid-columns: 75px 5px 1fr 5px 100px; grid-template-columns: 75px 1fr 100px; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; padding-right: 10px; } .wrapper .character .topline .nameblock input[type=text], .wrapper .character .topline .lookblock input[type=text] { width: 100%; } .wrapper .character .topline .nameblock input[type=text] + input[type=text], .wrapper .character .topline .lookblock input[type=text] + input[type=text] { margin-left: 5px; } .wrapper .character .topline .nameblock .sublabel, .wrapper .character .topline .lookblock .sublabel { text-align: right; font-style: italic; -ms-grid-column: 3; grid-column: 3; font-size: 80%; } .wrapper .character .topline .nameblock .flabel, .wrapper .character .topline .lookblock .flabel { vertical-align: bottom; } .wrapper .character .topline .lookblock input[type=text] { -ms-grid-column: 2; -ms-grid-column-span: 2; grid-column: 2/span 2; } .wrapper .character .columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .wrapper .character .columns .column { width: calc(50% - 5px); -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .wrapper .character .columns .column .waqblock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 10px; } .wrapper .character .columns .column .waqblock .fbox { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -ms-grid; display: grid; -ms-grid-columns: 75px 5px 1fr; grid-template-columns: 75px 1fr; -ms-grid-rows: 100%; grid-template-rows: 100%; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 10px; margin-bottom: 5px; border: 1px solid var(--stew-boxb); border-radius: 10px; background-image: radial-gradient(circle farthest-side at 60%, var(--stew-bg) 30%, var(--stew-boxb)); } .wrapper .character .columns .column .waqblock .fbox > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .wrapper .character .columns .column .waqblock .fbox > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .wrapper .character .columns .column .waqblock .fbox .flabel { text-align: center; padding-top: 18px; color: var(--stew-boxc); background-color: var(--stew-boxb); border-radius: 9px 0 0 9px; } .wrapper .character .columns .column .waqblock .fbox select { width: 100%; } .wrapper .character .columns .column .waqblock .fbox textarea { width: calc(100% - 5px); height: 48px; resize: none; overflow: hidden; border-bottom: unset; margin-top: 5px; margin-bottom: 0px; background: none; text-shadow: 1px 1px 2px var(--stew-bg), -1px 1px 2px var(--stew-bg), 1px -1px 2px var(--stew-bg), -1px -1px 2px var(--stew-bg); } .wrapper .character .columns .column .keepblock { padding-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; margin-right: 10px; margin-bottom: 5px; margin-top: 10px; border: 1px solid var(--stew-boxb); } .wrapper .character .columns .column .keepblock .shead .flabel { text-align: center; color: var(--stew-boxc); background-color: var(--stew-boxb); font-size: 22px; } .wrapper .character .columns .column .keepblock .kbody { padding: 5px; } .wrapper .character .columns .column .keepblock .kbody .repcontainer { padding: 0px; } .wrapper .character .columns .column .keepblock .kbody .repitem { background-image: -webkit-gradient(linear, left top, left bottom, from(var(--stew-shader)), to(var(--stew-shader))), radial-gradient(circle farthest-side at 50%, rgba(0, 0, 0, 0) 50%, var(--stew-keep)), -webkit-gradient(linear, left top, left bottom, from(var(--stew-keep)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0)), to(var(--stew-keep))); background-image: linear-gradient(to bottom, var(--stew-shader), var(--stew-shader)), radial-gradient(circle farthest-side at 50%, rgba(0, 0, 0, 0) 50%, var(--stew-keep)), linear-gradient(to bottom, var(--stew-keep), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0) 90%, var(--stew-keep)); border: 1px solid var(--stew-keepb); border-radius: 5px; margin-bottom: 5px; } .wrapper .character .columns .column .keepblock .kbody .btn { background-color: var(--stew-bg); color: var(--stew-boxb); border: 1px solid var(--stew-boxb); text-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-image: unset; } .wrapper .character .columns .column .keepblock .kbody .btn.repcontrol_move { font-size: 16px; } .wrapper .character .columns .column .keepblock .kbody textarea { width: calc(100% - 10px); height: 60px; resize: none; padding: 5px; margin-bottom: 0px; background: rgba(0, 0, 0, 0); border: none; text-shadow: 1px 1px 2px var(--stew-bg), -1px 1px 2px var(--stew-bg), 1px -1px 2px var(--stew-bg), -1px -1px 2px var(--stew-bg); } .wrapper .character .columns .column .advblock, .wrapper .character .columns .column .townblock { padding-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; margin-right: 10px; margin-bottom: 10px; border: 4px double var(--stew-boxb); } .wrapper .character .columns .column .advblock .shead .flabel, .wrapper .character .columns .column .townblock .shead .flabel { text-align: center; color: var(--stew-boxc); background-color: var(--stew-boxb); } .wrapper .character .columns .column .advblock .shead .flabel.big, .wrapper .character .columns .column .townblock .shead .flabel.big { font-size: 22px; } .wrapper .character .columns .column .advblock .jbody, .wrapper .character .columns .column .townblock .jbody { padding: 5px; } .wrapper .character .columns .column .advblock .jbody input[type=text], .wrapper .character .columns .column .townblock .jbody input[type=text] { width: 100%; } .wrapper .character .columns .column .advblock .jbody select, .wrapper .character .columns .column .townblock .jbody select { width: 100%; } .wrapper .character .columns .column .advblock .jbody select.job, .wrapper .character .columns .column .townblock .jbody select.job { height: 30px; text-align: center; font-size: 22px; font-weight: bold; border-bottom: 0; } .wrapper .character .columns .column .advblock .jbody textarea, .wrapper .character .columns .column .townblock .jbody textarea { width: calc(100% - 10px); height: 60px; resize: none; margin-top: 5px; margin-bottom: 0px; } .wrapper .character .columns .column .advblock .jbody .markable, .wrapper .character .columns .column .townblock .jbody .markable { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .wrapper .character .columns .column .advblock .jbody .markable textarea, .wrapper .character .columns .column .advblock .jbody .markable .blank, .wrapper .character .columns .column .townblock .jbody .markable textarea, .wrapper .character .columns .column .townblock .jbody .markable .blank { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .wrapper .character .columns .column .advblock .jbody .markable .blank, .wrapper .character .columns .column .townblock .jbody .markable .blank { width: 100%; } .wrapper .character .columns .column .advblock .jbody .markable input.state[value="1"] ~ .blank div.crossout, .wrapper .character .columns .column .townblock .jbody .markable input.state[value="1"] ~ .blank div.crossout { margin-left: 5px; text-decoration: line-through; color: var(--stew-crossed); } .wrapper .character .columns .column .listblock { border: 1px solid var(--stew-boxb); margin-bottom: 10px; } .wrapper .character .columns .column .listblock .shead { color: var(--stew-boxc); background-color: var(--stew-boxb); } .wrapper .character .columns .column .listblock .shead .flabel { text-align: center; font-size: 22px; } .wrapper .character .columns .column .listblock .content { padding: 5px; margin-bottom: 0px; } .wrapper .character .columns .column .listblock .content .repcontainer { padding: 0px; } .wrapper .character .columns .column .listblock .content .btn { background-color: var(--stew-bg); color: var(--stew-boxb); border: 1px solid var(--stew-boxb); text-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-image: unset; } .wrapper .character .columns .column .listblock .content .btn.repcontrol_move { font-size: 16px; } .wrapper .character .columns .column .listblock input[type=text] { width: 100%; margin-bottom: 5px; } .wrapper .character .columns .column .listblock textarea { height: 60px; border: 1px solid var(--stew-keepb); border-radius: 5px; margin-bottom: 10px; width: calc(100% - 10px); height: 42px; resize: none; padding: 5px; background: rgba(0, 0, 0, 0); } .wrapper .character .columns .column .readonly .btn { display: none; } input.thider[value="0"] + *, input.hider[value=""] + *, input.mhider[value=""] + *, input.mhider[value=character] + *, input.mhider[value=tavern] + * { display: none; } input.tshower[value="1"] + *, input.shower:not([value=""]) + * { display: none; } input.rshower[value="1"] + button[value="1"].unmarked { display: none; } input.rshower[value="2"] + button[value="2"].unmarked { display: none; } input.rshower[value="3"] + button[value="3"].unmarked { display: none; } input.rshower[value="4"] + button[value="4"].unmarked { display: none; } input.rhider[value="1"] + button:not([value="1"]).marked { display: none; } input.rhider[value="2"] + button:not([value="2"]).marked { display: none; } input.rhider[value="3"] + button:not([value="3"]).marked { display: none; } input.rhider[value="4"] + button:not([value="4"]).marked { display: none; } input.lhider:not([value="1"]) + *, input.lshower[value="1"] + * { display: none; } input.hideunless + * { display: none; } input.hideunless[value=Paladin] + .Paladin { display: initial; } input.hideunless[value=Wizard] + .Wizard { display: initial; } input.hideunless[value=Fighter] + .Fighter { display: initial; } input.hideunless[value=Rogue] + .Rogue { display: initial; } input.hideunless[value=Druid] + .Druid { display: initial; } input.hideunless[value=Bard] + .Bard { display: initial; } input.hideunless[value=Ranger] + .Ranger { display: initial; } input.hideunless[value=Swashbuckler] + .Swashbuckler { display: initial; } input.hideunless[value=Augur] + .Augur { display: initial; } input.hideunless[value=Beastmaster] + .Beastmaster { display: initial; } input.hideunless[value=Modder] + .Modder { display: initial; } input.hideunless[value=Shadowspinner] + .Shadowspinner { display: initial; } input.hideunless[value=Spiritcaller] + .Spiritcaller { display: initial; } input.hideunless[value=Warlock] + .Warlock { display: initial; } input.hideunless[value=Custom] + .Custom { display: initial; } input.hideunless[value=Farmer] + .Farmer { display: initial; } input.hideunless[value=Healer] + .Healer { display: initial; } input.hideunless[value=Chef] + .Chef { display: initial; } input.hideunless[value=Poet] + .Poet { display: initial; } input.hideunless[value=Merchant] + .Merchant { display: initial; } input.hideunless[value=Crafter] + .Crafter { display: initial; } input.hideunless[value=Scholar] + .Scholar { display: initial; } input.hideunless[value=Lookout] + .Lookout { display: initial; } input.hideunless[value=Apothecary] + .Apothecary { display: initial; } input.hideunless[value=Hunter] + .Hunter { display: initial; } input.hideunless[value=Ice-Vendor] + .Ice-Vendor { display: initial; } input.hideunless[value=MagiTech-Farmer] + .MagiTech-Farmer { display: initial; } input.hideunless[value=Matchmaker] + .Matchmaker { display: initial; } input.hideunless[value=Mezzo-Soprano] + .Mezzo-Soprano { display: initial; } input.hideunless[value=Playwright] + .Playwright { display: initial; } input.hideunless[value=Tattoo-Artist] + .Tattoo-Artist { display: initial; } input.hideunless[value=Custom] + .Custom { display: initial; } input.mhider[value=character] + .character, input.mhider[value=tavern] + .tavern { display: initial; } .cbox, .rbox, .ebox { background: none; color: none; border: none; padding: 0; } .cbox::before, .rbox::before, .ebox::before { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 20px; color: var(--stew-boxb); display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; padding-top: 5px; } .rbox::before { font-size: 40px; } .cbox::before { content: "check_box_outline_blank"; } .cbox.marked::before { content: "select_check_box"; } .rbox::before { content: "radio_button_unchecked"; } .rbox.marked::before { content: "radio_button_checked"; } .ebox::before { content: "edit"; } .ebox.marked::before { content: "visibility"; } .ebox .eboxtext { line-height: 1; color: var(--stew-boxb); font-weight: normal; font-style: normal; font-size: 16px; color: var(--stew-boxb); display: inline-block; text-transform: uppercase; white-space: nowrap; padding-top: 6px; vertical-align: top; } button.rbox.marked[value="1"]::before { color: var(--stew-fg); content: "counter_1"; } button.rbox.unmarked[value="1"]:hover::before { content: "counter_1"; } button.rbox.marked[value="2"]::before { color: var(--stew-fg); content: "counter_2"; } button.rbox.unmarked[value="2"]:hover::before { content: "counter_2"; } button.rbox.marked[value="3"]::before { color: var(--stew-fg); content: "counter_3"; } button.rbox.unmarked[value="3"]:hover::before { content: "counter_3"; } button.rbox.marked[value="4"]::before { color: var(--stew-fg); content: "counter_4"; } button.rbox.unmarked[value="4"]:hover::before { content: "counter_4"; } .flabel { font-family: Kurale, serif; text-transform: uppercase; font-size: 16px; }