@import url("https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:ital,wght@0,400;0,500;0,700;1,400;1,700|PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap"); .sheet-main textarea { overflow: auto } .sheet-main progress { vertical-align: baseline } .sheet-main button, .sheet-main input, .sheet-main optgroup, .sheet-main select, .sheet-main textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } .sheet-main button, .sheet-main input { overflow: visible } .sheet-main img { border-style: none } .sheet-main sub, .sheet-main sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } .sheet-main sub { bottom: -0.25em } .sheet-main sup { top: -0.5em } .sheet-main b, .sheet-main strong { font-weight: bolder } .sheet-main { margin: 0 auto; font-family: 'PT Sans', sans-serif; font-size: 13px; display: grid; width: 860px; background-repeat: no-repeat; background-size: cover; column-gap: 22px; grid-template-columns: 516px 312px; min-height: 1200px } .sheet-main * { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .sheet-main *::-moz-selection { color: #4d131a; background: #d13235 } .sheet-main *::selection { color: #4d131a; background: #d13235 } .sheet-main input, .sheet-main textarea, .sheet-main select { outline: none !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; border-radius: 0 !important } .sheet-main input:disabled, .sheet-main textarea:disabled, .sheet-main select:disabled { background-color: white } .sheet-main button { outline: none !important } .sheet-main button[type=roll], .sheet-main button[type=roll].btn, .sheet-main button[type=roll].btn { background-image: none; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; border: 0; box-shadow: none; text-shadow: initial } .sheet-main button[type=roll]:active, .sheet-main button[type=roll]:hover, .sheet-main button[type=roll]:focus, .sheet-main button[type=roll].btn:active, .sheet-main button[type=roll].btn:hover, .sheet-main button[type=roll].btn:focus, .sheet-main button[type=roll].btn:active, .sheet-main button[type=roll].btn:hover, .sheet-main button[type=roll].btn:focus { background-image: none; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; border: 0; box-shadow: none; text-shadow: initial } .sheet-main button[type=roll]::before, .sheet-main button[type=roll].btn::before, .sheet-main button[type=roll].btn::before { content: ''; border-radius: 0 !important } .sheet-main .repcontrol>.btn { background-color: #0e0e0e; font-size: 2px; border: none; background-image: none; text-shadow: none; box-shadow: none; display: inline-block; border-radius: 0 !important; margin-left: 10px !important; margin-right: 10px !important; font-weight: normal; min-height: 22px; min-width: 22px !important; margin-bottom: 10px !important; position: relative } .sheet-main .repcontrol>.btn:hover { background-color: #202020 } .sheet-main .repcontrol>.btn.repcontrol_add::before { position: absolute; content: "&"; font-weight: 0; color: white; display: flex; align-items: center; justify-content: center; font-size: 13px; font-family: 'Pictos' !important; line-height: 13px; height: 13px; left: 50%; top: 50%; transform: translate(-50%, -50%) } .sheet-main .repcontrol>.btn.repcontrol_edit::before { position: absolute; display: flex; align-items: center; justify-content: center; content: "l"; font-weight: 0; color: white; font-size: 13px; font-family: 'Pictos' !important; line-height: 13px; height: 13px; left: 50%; top: 50%; transform: translate(-50%, -50%) } .sheet-main .repcontainer[data-groupname="repeating_attacks"]>.repitem .itemcontrol { z-index: 99; font-family: 'Pictos' } .sheet-main .repcontainer[data-groupname="repeating_attacks"]>.repitem .repcontrol_del { font-family: 'Pictos'; background-color: #d13235; background-image: none; position: absolute; z-index: 99 !important; top: 0; right: 0 } .sheet-main .repcontainer[data-groupname="repeating_attacks"]>.repitem .editmode~.repcontrol_edit::before { content: "Aplicar" } .sheet-main .sheet-header-info { display: grid; width: 100%; height: 145px; grid-template-columns: 140px 140px auto; column-gap: 10px; grid-template-rows: 1fr 1fr } .sheet-main .sheet-character-attributes { margin-top: 10px; width: 100%; height: 90px; margin-bottom: 10px; display: grid; grid-template-columns: repeat(6, 1fr); column-gap: 22px } .sheet-main .sheet-pseudo-attributes { width: 100%; height: 140px; margin-bottom: 22px; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 22px } .sheet-main .sheet-pseudo-attributes .sheet-container-pvs-mps .sheet-inside-negative-corner { display: grid; grid-template-columns: 66px auto 66px; grid-template-rows: 16px auto 14px } .sheet-sombra-catarse { margin-top: 1em; } .sheet-main .sheet-pseudo-attributes .sheet-container-pvs-mps .sheet-inside-negative-corner .sheet-box-title { width: 100%; display: flex; justify-content: center; align-items: center; font-size: 10px; border: 0; font-weight: bold; text-align: center; line-height: 14px; height: 16px; user-select: none; grid-column: 1/4; text-transform: uppercase } .sheet-main .sheet-pseudo-attributes .sheet-container-pvs-mps .sheet-inside-negative-corner .sheet-border-right { border: 0; border-right: 1px solid black } .sheet-main .sheet-pseudo-attributes .sheet-container-pvs-mps .sheet-inside-negative-corner .sheet-border-right input { width: 40px } .sheet-main .sheet-pseudo-attributes .sheet-container-pvs-mps .sheet-inside-negative-corner .sheet-border-left { border: 0; border-left: 1px solid black } .sheet-main .sheet-pseudo-attributes .sheet-container-pvs-mps .sheet-inside-negative-corner .sheet-border-left input { width: 40px } .sheet-main .sheet-pseudo-attributes .sheet-container-pvs-mps .sheet-inside-negative-corner input { background-color: transparent; border: 0; min-width: 40px; max-width: 60px; font-size: 18px; text-align: center; line-height: 24px; height: 100% } .sheet-main .sheet-left-container { width: 100%; display: flex; flex-direction: column } .sheet-main .sheet-left-container .sheet-attacks-container { width: 100%; display: block; margin-bottom: 22px } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid { display: grid; padding-left: 10px; padding-right: 10px; column-gap: 7px; grid-template-columns: 24px auto 40px 40px 60px 58px 24px; grid-template-rows: 24px auto } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid.sheet-header { grid-template-rows: 24px } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid input { display: inline-block; height: 24px; font-size: 12px; text-align: center; line-height: 24px; border: 0; border-bottom: 2px solid black; width: 100% } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-buttonrollataque { background-color: transparent; font-family: 'dicefontd20'; color: #0e0e0e; display: flex; justify-content: center; align-items: center; font-size: 20px; border: 0; cursor: pointer } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-buttonrollataque:hover { color: #242424 } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-buttonrollataque:active { font-size: 18px } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-containercritico { display: flex; flex-direction: row; justify-content: center; align-items: center } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-containercritico input.sheet-margem { width: 24px } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-containercritico .sheet-divisor { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; display: inline-flex; height: 24px; text-align: center; justify-content: center; align-items: center; line-height: 24px; border: 0; user-select: none; border-bottom: 2px solid transparent } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-containercritico .sheet-divisor b { font-weight: bold } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-containercritico input.sheet-multiplicador { text-align: center; width: 16px } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo { position: relative; margin-top: 7px; grid-column: 1/8; display: flex; justify-content: center; flex-wrap: wrap; border: 1px solid #535353; color: #535353; box-sizing: border-box; margin-bottom: 7px } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo .sheet-containermoreinfo { width: 100%; display: none; padding: 7px; background-color: #d6d6d6; grid-template-columns: auto auto auto; column-gap: 7px; row-gap: 7px; border: 0 } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo .sheet-containermoreinfo .sheet-inputtextbellow { display: flex; direction: column; flex-wrap: wrap; width: 100% } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo .sheet-containermoreinfo .sheet-inputtextbellow.sheet-descricao { grid-column: 1/3 } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo .sheet-containermoreinfo .sheet-inputtextbellow .sheet-title { width: 100%; font-size: 10px; line-height: 12px; text-align: center; text-transform: uppercase; display: block } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo .sheet-hiddencheckbox { width: 24px; height: 24px; border: 0; padding: 0; margin: 0; position: absolute; top: -32px; right: -1px; opacity: 0; cursor: pointer } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo .sheet-hiddencheckbox:hover~span.sheet-hiddencheckboxcover { background-color: #616161 } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo span.sheet-hiddencheckboxcover { pointer-events: none; display: block; width: 24px; height: 24px; background-color: #535353; border: 0; padding: 0; margin: 0; top: -32px; right: -1px; position: absolute; cursor: pointer } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo span.sheet-hiddencheckboxcover::before { pointer-events: none; width: 14px; height: 14px; font-size: 10px; content: "▼"; display: flex; line-height: 14px; text-align: center; justify-content: center; align-items: center; position: absolute; color: white; top: 50%; left: 50%; z-index: 23; transform: translate(-50%, -50%) } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo input:checked~span.sheet-hiddencheckboxcover::before { content: "▲" } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo .sheet-hiddencheckbox:checked~.sheet-containermoreinfo { display: grid; border: 1px solid #535353 } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo .sheet-topline, .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo .sheet-bottomline { display: none; background-color: #535353; height: 2px; width: 100% } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo input { background-color: transparent; border: 0; border-bottom: 2px solid #535353; color: black } .sheet-main .sheet-left-container .sheet-attacks-container .sheet-attacksgrid .sheet-moreinfo select { color: black; width: 100%; height: 24px; text-indent: 40px; background-color: transparent; border: 0; border-bottom: 2px solid #535353 } .sheet-main .sheet-left-container .sheet-attacks-container .repeating_attacks { border: 0; padding: 0; margin: 0; margin-bottom: 35px } .sheet-main .sheet-left-container .sheet-defense-and-proeficience-container { width: 100%; display: grid; grid-template-rows: 70px auto; row-gap: 22px; min-height: 176px; margin-bottom: 22px; } .sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-box-proficiencies { box-sizing: border-box } .sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-box-proficiencies .sheet-default-title { font-size: 9px } .sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-box-proficiencies textarea { width: 100%; height: 150px } .sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-container-defense-armor-shield .sheet-container-defense { height: 76px } .sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-container-defense-armor-shield .sheet-container-defense .sheet-inside-negative-corner { height: 76px; padding-left: 10px; padding-right: 10px; display: grid; grid-template-columns: auto 10px 20px 7px 46px 7px 40px 7px 40px 7px 38px; grid-template-rows: 28px auto; row-gap: 5px } .sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-container-defense-armor-shield .sheet-container-defense .sheet-inside-negative-corner .sheet-signal { font-family: Arial, Verdana; width: 100%; height: 26px; display: flex; font-weight: bold; justify-content: center; align-items: center; font-size: 10px !important } .sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-container-defense-armor-shield .sheet-container-defense .sheet-inside-negative-corner .sheet-big-signal { font-size: 14px !important; font-family: Arial, Verdana; width: 100%; height: 26px; display: flex; font-weight: bold; justify-content: center; align-items: center } .sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-container-defense-armor-shield .sheet-container-defense .sheet-inside-negative-corner input { height: 26px; font-size: 12px; text-align: center; line-height: 26px; border: 0; border-bottom: 2px solid black; width: 100% } .sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-container-defense-armor-shield .sheet-container-defense .sheet-inside-negative-corner select { height: 26px; margin: 0; font-size: 10px; padding: 2px; padding-right: 1px; width: 100%; border: 0; border-bottom: 2px solid black } .sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-container-defense-armor-shield .sheet-container-armor-shield .sheet-inside-negative-corner { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; display: grid; column-gap: 10px; grid-template-columns: auto 38px 38px 50px; grid-template-rows: 16px auto auto auto } .sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-container-defense-armor-shield .sheet-container-armor-shield .sheet-inside-negative-corner input { height: 20px; font-size: 12px; text-align: center; line-height: 20px; border: 0; border-bottom: 2px solid black; width: 100%; } .sheet-main .sheet-left-container .sheet-defense-and-proeficience-container .sheet-container-defense-armor-shield .sheet-container-armor-shield .sheet-inside-negative-corner select { height: 20px; font-size: 10px; width: 100%; border: 0; border-bottom: 2px solid black } .sheet-main .sheet-left-container .sheet-spells { width: 100%; display: block; margin-bottom: 22px } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-content-grid { display: grid; grid-template-columns: 1fr 1fr; min-height: 200px } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-vertical-line { width: 1px; background-color: black; height: 96% } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-spellcolumn { width: 100%; display: flex; flex-direction: column; padding: 7px; padding-top: 0; align-items: center; justify-content: flex-start } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-cicloheader { width: 100%; height: 24px; font-size: 11px; padding: 0; background-color: white; color: black; border: 0; border-bottom: 2px solid black; box-sizing: border-box; font-family: "Alegreya Sans SC"; display: grid; margin-bottom: 7px; grid-template-columns: auto 70px; column-gap: 7px } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-cicloheader .sheet-ciclo-title { height: 100%; width: 100%; padding-left: 80px; font-size: 13px; text-align: center; line-height: 20px; display: inline-flex; align-items: center; justify-content: center; font-weight: bold } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-cicloheader .sheet-ciclo-cost { height: 100%; width: 100%; text-align: center; line-height: 20px; font-weight: normal; font-family: 'PT Sans', sans-serif; font-style: italic; display: inline-flex; align-items: center; justify-content: center } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist { width: 100% } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"], .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"], .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"], .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"], .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] { width: 100% } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"] .itemcontrol, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"] .itemcontrol, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"] .itemcontrol, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"] .itemcontrol, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"] .itemcontrol { z-index: 99; font-family: 'Pictos' } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem { width: 100% } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell { position: relative; padding-left: 3px; padding-right: 3px; display: grid; margin-bottom: 5px; column-gap: 5px; grid-template-columns: 20px auto 1px 14px; row-gap: 5px; width: 100% } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell input, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell select, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell input, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell select, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell input, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell select, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell input, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell select, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell input, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell select { width: 100%; background-color: white; border: 0; font-size: 13px; border-bottom: 2px solid black } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-buttonspell, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-buttonspell, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-buttonspell, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-buttonspell, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-buttonspell { background-color: transparent; font-family: 'dicefontd20'; color: #0e0e0e; display: flex; justify-content: center; align-items: center; font-size: 20px; border: 0; cursor: pointer } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-buttonspell:hover, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-buttonspell:hover, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-buttonspell:hover, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-buttonspell:hover, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-buttonspell:hover { color: #242424 } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-buttonspell:active, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-buttonspell:active, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-buttonspell:active, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-buttonspell:active, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-buttonspell:active { font-size: 18px } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox { width: 20px; height: 20px; border: 0; padding: 0; margin: 0; position: absolute; top: 2px; right: 2px; opacity: 0; z-index: 2; cursor: pointer } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~.sheet-extra, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~.sheet-extra, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~.sheet-extra, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~.sheet-extra, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~.sheet-extra { display: grid } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover { color: #202020 } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover { color: #252525 } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell span.sheet-hiddencheckboxcover, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell span.sheet-hiddencheckboxcover, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell span.sheet-hiddencheckboxcover, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell span.sheet-hiddencheckboxcover, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell span.sheet-hiddencheckboxcover { position: absolute; font-family: "Pictos"; font-size: 20px; top: 2px; color: black; right: 2px; width: 20px; height: 22px; display: flex; justify-content: center; align-items: center; z-index: 1 } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-extra, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-extra, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-extra, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-extra, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-extra { display: none; grid-column: 1/5; width: 100%; padding: 4px; font-size: 12px; border: solid 2px #535353; background-color: #d6d6d6; grid-template-columns: 2fr 5fr 1fr 2fr; column-gap: 4px; row-gap: 4px; color: #535353 } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-extra span, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-extra span, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-extra span, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-extra span, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-extra span { display: inline-flex; height: 100%; align-items: center } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-extra input, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-extra select, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-extra input, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-extra select, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-extra input, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-extra select, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-extra input, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-extra select, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-extra input, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-extra select { width: 100%; background-color: transparent; font-size: 12px; height: 16px; border: 0; border-bottom: 2px solid #535353 } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-cd, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-cd, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-cd, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-cd, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-cd { text-align: center; justify-content: center } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-singleline, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-singleline, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-singleline, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-singleline, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-singleline { grid-column: 2/5 } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-fullline, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-fullline, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-fullline, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-fullline, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-extra .sheet-fullline { grid-column: 1/5; display: inline-flex; justify-content: center; align-items: center; width: 100% } .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells1"]>.repitem .sheet-container-single-spell .sheet-extra textarea, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells2"]>.repitem .sheet-container-single-spell .sheet-extra textarea, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells3"]>.repitem .sheet-container-single-spell .sheet-extra textarea, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells4"]>.repitem .sheet-container-single-spell .sheet-extra textarea, .sheet-main .sheet-left-container .sheet-spells .sheet-inside-negative-corner .sheet-containerspelllist .repcontainer[data-groupname="repeating_spells5"]>.repitem .sheet-container-single-spell .sheet-extra textarea { font-size: 12px; grid-column: 1/5; width: 100%; height: 70px; border: 2px solid #535353 } .sheet-main .sheet-left-container .sheet-powers-and-abilities { width: 100%; display: block; margin-bottom: 22px } .sheet-main .sheet-left-container .sheet-powers-and-abilities .sheet-inside-negative-corner .sheet-content-grid { margin-bottom: 5px; display: grid; grid-template-columns: 1fr 1fr } .sheet-main .sheet-left-container .sheet-powers-and-abilities .sheet-inside-negative-corner .sheet-content-grid .sheet-grid-title { width: 100%; display: flex; justify-content: center; align-items: center; font-size: 10px; border: 0; font-weight: bold; text-align: center; line-height: 12px; height: 100%; user-select: none; text-transform: uppercase } .sheet-main .sheet-left-container .sheet-powers-and-abilities .sheet-inside-negative-corner .sheet-vertical-line { width: 1px; background-color: black; height: 96% } .sheet-main .sheet-left-container .sheet-powers-and-abilities .sheet-inside-negative-corner .sheet-container-reapeater { box-sizing: border-box; margin-top: 4px; border: 0 } .sheet-main .sheet-left-container .sheet-powers-and-abilities .sheet-inside-negative-corner .sheet-container-reapeater:nth-child(odd) { border-right: 1px solid black } .sheet-main .sheet-right-container { width: 100%; display: flex; flex-direction: column } .sheet-main .sheet-right-container .sheet-logo-level { display: flex; width: 100%; flex-direction: column; justify-content: space-between; height: 120px; row-gap: 10px } .sheet-main .sheet-right-container .sheet-logo-level .sheet-container-logo { height: 76px } .sheet-main .sheet-right-container .sheet-logo-level .sheet-container-logo .sheet-logo-tormenta { margin-top: -12px; width: 65%; margin-left:65px; user-select: none } .sheet-main .sheet-right-container .sheet-logo-level .sheet-char-level-container { display: flex; width: 100%; align-items: flex-end; justify-content: center } .sheet-main .sheet-right-container .sheet-logo-level .sheet-char-level-container .sheet-total-level span { display: inline-block; line-height: 24px; font-size: 12px; text-transform: uppercase; margin-right: 5px; font-weight: bold } .sheet-main .sheet-right-container .sheet-logo-level .sheet-char-level-container .sheet-total-level input { display: inline-block; text-align: center; width: 40px; height: 24px; border: solid 2px black; line-height: 24px; padding-left: 2px; padding-right: 2px } .sheet-main .sheet-right-container .sheet-skills-container { width: 100%; display: block; margin-top: 10px; margin-bottom: 22px } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner { min-height: 830px } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template { display: grid; width: 100%; padding-left: 7px; padding-right: 7px; grid-template-columns: 20px auto 7px 35px 7px 48px 7px 24px 7px 35px } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template.sheet-header { height: 30px } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template.sheet-header .sheet-pericias-titulo { grid-column: 1/3 } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template.sheet-skill-list { height: 24px } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-signal { font-family: Arial, Verdana; width: 100%; height: 24px; display: flex; font-weight: bold; justify-content: center; align-items: center; user-select: none; font-size: 10px !important } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template input[type=text], .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template select { height: 24px; text-align: center; border: 0; border-bottom: 2px solid black; width: 100% } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template input[type=text].sheet-total, .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template select.sheet-total { border: 2px solid black; border-top: 1px solid black; border-bottom: 1px solid black } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template input[type=text].sheet-total.sheet-first, .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template select.sheet-total.sheet-first { border-top: 2px solid black } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template input[type=text].sheet-total.sheet-last, .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template select.sheet-total.sheet-last { border-bottom: 2px solid black } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template select { font-size: 9px; padding-left: 1px } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-legenda-pericias { height: 14px; margin-top: 4px; padding-top: 4px; width: 100%; display: flex; justify-content: center; align-items: center; grid-column: 1/11; font-weight: bold; font-style: italic; font-size: 12px; font-family: 'PT Sans' } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-legenda-pericias i { display: inline; font-family: 'Alegreya Sans SC'; font-style: normal } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-legenda-pericias i:last-child { margin-left: 4px } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-oficio { width: 100%; display: flex; justify-self: start; align-items: center; font-size: 13px; font-family: 'Alegreya Sans SC' } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-oficio input.sheet-nome-oficio { width: 50px; margin-left: 8px; padding: 0; padding-right: 4px; padding-left: 4px; text-align: left; font-size: 11px; line-height: 18px; border-bottom: 1px solid black } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-oficio .sheet-sup-treinada { position: relative } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-oficio .sheet-sup-treinada::before { content: "*"; position: absolute; height: 20px; top: -3px; width: 5px; right: -5px; vertical-align: super } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-oficio .sheet-skill-button { width: auto; text-align: left; font-family: inherit; background-color: transparent; border: 0; cursor: pointer; font-weight: inherit; font-size: inherit } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-oficio .sheet-skill-button span { display: inline-flex; height: 100%; align-items: center; padding-bottom: 1px; width: auto; padding-right: 2px } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-oficio .sheet-skill-button:hover { color: #d13235 } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name { width: 100%; display: flex; justify-self: start; align-items: center; font-weight: 300; font-size: 13px; font-family: 'Alegreya Sans SC' } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name .sheet-skill-button { width: 100%; text-align: left; font-family: inherit; background-color: transparent; border: 0; cursor: pointer; font-weight: inherit; font-size: inherit } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name .sheet-skill-button span { display: inline-flex; height: 100%; align-items: center; padding-bottom: 1px; width: auto } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name .sheet-skill-button:hover { color: #d13235 } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name .sheet-skill-button .sheet-sup-penalidade { position: relative } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name .sheet-skill-button .sheet-sup-penalidade::after { content: "+"; position: absolute; height: 20px; top: -5px; width: 5px; right: -5px; vertical-align: super } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name .sheet-skill-button .sheet-sup-treinada { position: relative } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name .sheet-skill-button .sheet-sup-treinada::before { content: "*"; position: absolute; height: 20px; top: -3px; width: 5px; right: -5px; vertical-align: super } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name .sheet-skill-button .sheet-sup-treinada-penalidade { position: relative } .sheet-main .sheet-right-container .sheet-skills-container .sheet-inside-negative-corner .sheet-skill-grid-template .sheet-skill-name .sheet-skill-button .sheet-sup-treinada-penalidade::before { content: "+*"; position: absolute; height: 20px; top: -4px; width: 5px; right: -5px; vertical-align: super } .sheet-main .sheet-right-container .sheet-equipment-container { width: 100%; display: block; margin-bottom: 22px } .sheet-main .sheet-right-container .sheet-equipment-container .sheet-inside-negative-corner { padding: 5px } .sheet-main .sheet-right-container .sheet-equipment-container .sheet-inside-negative-corner .sheet-container-money { width: 100%; height: 26px; font-weight: bold; font-size: 12px; display: flex; justify-content: center; align-items: center } .sheet-main .sheet-right-container .sheet-equipment-container .sheet-inside-negative-corner .sheet-container-money input, .sheet-main .sheet-right-container .sheet-equipment-container .sheet-inside-negative-corner .sheet-container-money span { display: inline-flex; text-align: center; height: 26px; line-height: 26px } .sheet-main .sheet-right-container .sheet-equipment-container .sheet-inside-negative-corner .sheet-container-money span { text-transform: uppercase; min-width: 20px } .sheet-main .sheet-right-container .sheet-equipment-container .sheet-inside-negative-corner .sheet-container-money input { border: 0; border-bottom: 1px solid black; margin-left: 5px; margin-right: 10px; width: 50px } .sheet-main .sheet-right-container .sheet-equipment-container .sheet-inside-negative-corner .sheet-container-money input:read-only { cursor: default } .sheet-main .sheet-right-container .sheet-equipment-container .sheet-inside-negative-corner .sheet-container-money .sheet-cargainput { width: 60px } .sheet-main .sheet-right-container .sheet-equipment-container .sheet-inside-negative-corner .sheet-container-money .sheet-cargainput:read-only { background-color: white } .sheet-main .sheet-right-container .sheet-equipment-container .sheet-grid-equipment { display: grid; grid-template-columns: 40px auto 40px; column-gap: 7px; row-gap: 7px; padding-left: 14px; padding-right: 14px } .sheet-main .sheet-right-container .sheet-equipment-container .repcontainer[data-groupname="repeating_equipment"] { margin-top: 5px } .sheet-main .sheet-right-container .sheet-equipment-container .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-grid-equipment { width: 100%; display: grid; grid-template-columns: 40px auto 40px; column-gap: 7px; margin-bottom: 7px } .sheet-main .sheet-right-container .sheet-equipment-container .repcontainer[data-groupname="repeating_equipment"]>.repitem .sheet-grid-equipment input { text-align: center; width: 100%; border: 0; border-bottom: 2px solid black } .sheet-main .sheet-charnotes-container { width: 100%; display: block; grid-column: 1/3 } .sheet-main .sheet-charnotes-container .sheet-inside-negative-corner { padding: 7px; padding-top: 0 } .sheet-main .sheet-charnotes-container .sheet-inside-negative-corner textarea { width: 100%; min-height: 180px; height: 100% } .sheet-main .sheet-smaller-text { font-size: 10px; font-weight: bold } .sheet-main .sheet-input-with-text-bellow { display: flex; flex-direction: column } .sheet-main .sheet-input-with-text-bellow input { width: 100%; height: 24px; border: 0; border-bottom: solid 2px black; line-height: 24px; padding-left: 2px; padding-right: 2px } .sheet-main .sheet-input-with-text-bellow span { display: block; padding-top: 2px; padding-left: 2px; width: 100%; font-size: 12px; font-weight: bold; text-transform: uppercase } .sheet-main .sheet-input-with-text-bellow.sheet-char-name { padding-top: 15px; grid-column: 1/3 } .sheet-main .sheet-input-with-text-bellow.sheet-char-player { padding-top: 15px } .sheet-main .sheet-outer-container-negative-corner { position: relative; width: 100%; height: 100%; padding-bottom: 10px } .sheet-main .sheet-outer-container-negative-corner .sheet-oval { position: absolute; background-color: #FFF; border: 2px solid #000; border-radius: 50%; width: 38px; height: 25px; display: flex; justify-content: center; align-items: center; bottom: 0px; left: 50%; transform: translateX(-50%); overflow: hidden } .sheet-main .sheet-outer-container-negative-corner .sheet-oval input { border: 0; height: 20px; width: 22px; line-height: 20px; font-size: 12px; text-align: center; background-color: transparent } .sheet-main .sheet-outer-container-negative-corner .sheet-inside-negative-corner button.sheet-button-title-attribute { background-color: transparent; font-size: 12px; border: 0; font-weight: bold; text-align: center; line-height: 14px; height: 16px; width: 100%; user-select: none; cursor: pointer } .sheet-main .sheet-outer-container-negative-corner .sheet-inside-negative-corner button.sheet-button-title-attribute:hover { color: #d13235 } .sheet-main .sheet-outer-container-negative-corner .sheet-inside-negative-corner input.sheet-fake-mod { background-color: transparent; font-size: 18px; border: 0; display: flex; padding: 5px; color: black; justify-content: center; align-items: center; text-align: center; line-height: 14px; height: 40px; width: 100%; user-select: none !important } .sheet-main .sheet-container-negative-corner { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; overflow: hidden } .sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner { box-sizing: border-box; position: relative; border: 2px solid #000; width: 100%; height: 100% } .sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner .sheet-content-centered { display: flex; justify-content: center; align-items: center; width: 100% } .sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner .sheet-small-title { width: 100%; display: flex; justify-content: center; align-items: center; font-size: 10px; border: 0; font-weight: bold; text-align: center; line-height: 10px; height: 100%; user-select: none } .sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner .sheet-default-title { width: 100%; display: flex; justify-content: center; align-items: center; font-size: 10px; border: 0; font-weight: bold; text-align: center; line-height: 14px; height: 16px; user-select: none; text-transform: uppercase } .sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner .sheet-grid-title { width: 100%; display: flex; justify-content: center; align-items: center; font-size: 10px; border: 0; font-weight: bold; text-align: center; line-height: 12px; height: 100%; user-select: none; text-transform: uppercase } .sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner textarea { border: 0; text-align: left; padding: 5px; resize: none; background-color: transparent } .sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner .sheet-corner { position: absolute; background-color: #FFF; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none } .sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner .sheet-corner.sheet-top-left { top: -12px; left: -12px } .sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner .sheet-corner.sheet-top-right { top: -12px; right: -12px; transform: rotate(90deg) } .sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner .sheet-corner.sheet-bottom-left { bottom: -12px; left: -12px; transform: rotate(-90deg) } .sheet-main .sheet-container-negative-corner .sheet-inside-negative-corner .sheet-corner.sheet-bottom-right { bottom: -12px; right: -12px; transform: rotate(180deg) } .sheet-main .repcontainer[data-groupname="repeating_abilities"], .sheet-main .repcontainer[data-groupname="repeating_powers"] { min-height: 10px; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: center } .sheet-main .repcontainer[data-groupname="repeating_abilities"] .itemcontrol, .sheet-main .repcontainer[data-groupname="repeating_powers"] .itemcontrol { z-index: 99; font-family: 'Pictos' } .sheet-main .repcontainer[data-groupname="repeating_abilities"]>.repitem, .sheet-main .repcontainer[data-groupname="repeating_powers"]>.repitem { display: inline-block; width: 100%; box-sizing: border-box; padding: 5px; padding-top: 2px; padding-bottom: 2px; border: 0 } .sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power, .sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power { position: relative; padding-left: 3px; padding-right: 3px; display: grid; column-gap: 5px; grid-template-columns: 20px auto 20px; row-gap: 5px; width: 100% } .sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power .sheet-buttonshowinfo, .sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-buttonshowinfo { background-color: transparent; font-family: 'Pictos'; color: #0e0e0e; display: flex; justify-content: center; align-items: center; font-size: 20px; border: 0; cursor: pointer } .sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power .sheet-buttonshowinfo:hover, .sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-buttonshowinfo:hover { color: #242424 } .sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power .sheet-buttonshowinfo:active, .sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-buttonshowinfo:active { font-size: 18px } .sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power input, .sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power input { height: 20px; border: 0; width: 100%; box-sizing: border-box; padding-left: 2px; padding-right: 2px; border-bottom: 2px solid black } .sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power .sheet-hiddencheckbox, .sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-hiddencheckbox { width: 20px; height: 20px; border: 0; padding: 0; margin: 0; position: absolute; top: 0; right: 2px; opacity: 0; z-index: 2; cursor: pointer } .sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power .sheet-hiddencheckbox:checked~.sheet-extra, .sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-hiddencheckbox:checked~.sheet-extra { display: flex } .sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover, .sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-hiddencheckbox:checked~span.sheet-hiddencheckboxcover { color: #202020 } .sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover, .sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-hiddencheckbox:hover~.sheet-hiddencheckboxcover { color: #252525 } .sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power span.sheet-hiddencheckboxcover, .sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power span.sheet-hiddencheckboxcover { position: absolute; font-family: "Pictos"; font-size: 20px; top: 0; color: black; right: 2px; width: 20px; height: 22px; display: flex; justify-content: center; align-items: center; z-index: 1 } .sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power .sheet-extra, .sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-extra { display: none; grid-column: 2/4; width: 100%; padding: 4px; border: solid 2px black } .sheet-main .repcontainer[data-groupname="repeating_abilities"] .sheet-container-ability-power .sheet-extra textarea, .sheet-main .repcontainer[data-groupname="repeating_powers"] .sheet-container-ability-power .sheet-extra textarea { width: 100%; height: 100%; min-height: 60px; margin-bottom: 8px } .sheet-main .sheet-fake-checkbox { display: inline-flex; justify-content: center; align-items: center; width: auto; height: 100%; margin: 0; padding: 0 } .sheet-main .sheet-fake-checkbox input[type="checkbox"] { display: none; visibility: hidden } .sheet-main .sheet-fake-checkbox .sheet-fake-checkbox-status { position: relative; width: 16px; height: 16px; border: 2px solid black; overflow: hidden; box-sizing: border-box; border-radius: 50% } .sheet-main .sheet-fake-checkbox .sheet-fake-checkbox-status::before { content: ''; color: black; position: absolute; text-align: center; font-family: "Pictos"; font-size: 12px; line-height: 12px; width: 12px; top: 50%; left: 50%; transform: translate(-50%, -50%) } .sheet-main .sheet-fake-checkbox input[type="checkbox"]:checked~.sheet-fake-checkbox-status::before { content: '3' } .sheet-main .sheet-hide-author { grid-column: 1/3; width: 100%; height: 22px; display: flex; align-items: center; justify-content: space-between } .sheet-main .sheet-hide-author>input { width: 50px; height: 12px; font-size: 7px; line-height: 12px; text-align: center; color: #969696; padding: 0; margin: 0; border: 0; outline: none } .sheet-main .sheet-hide-author span { color: #202020; height: 12px; font-size: 9px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; width: auto; margin-right: 10px } .sheet-rolltemplate-t20 { font-size: 12px; box-sizing: border-box; width: 100%; position: relative; background-color: white; overflow: hidden } .sheet-rolltemplate-t20 .sheet-rollbox-container { width: 100%; position: relative; box-sizing: border-box; border: 2px solid black } .sheet-rolltemplate-t20 .sheet-rollbox-container::before { position: absolute; content: ''; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; bottom: -16px; left: -16px; transform: rotate(-90deg) } .sheet-rolltemplate-t20 .sheet-rollbox-container::after { content: ''; position: absolute; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; bottom: -16px; right: -16px; transform: rotate(180deg) } .sheet-rolltemplate-t20 .sheet-rollbox-container .sheet-rollbox { padding: 5px; font-family: 'PT Sans'; position: relative; width: 100%; min-height: 40px; display: grid; box-sizing: border-box; grid-template-rows: autofit auto 16px; row-gap: 5px } .sheet-rolltemplate-t20 .sheet-rollbox-container .sheet-rollbox::before { position: absolute; content: ''; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; top: -16px; left: -16px } .sheet-rolltemplate-t20 .sheet-rollbox-container .sheet-rollbox::after { content: ''; position: absolute; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; top: -16px; right: -16px; transform: rotate(90deg) } .sheet-rolltemplate-t20 .sheet-rollbox-container .sheet-rollbox .sheet-roll-title { width: 100%; min-height: 16px; font-weight: bold; display: flex; align-items: center; justify-content: center; text-align: center; text-transform: uppercase } .sheet-rolltemplate-t20 .sheet-rollbox-container .sheet-rollbox .sheet-roll-result { box-sizing: border-box; width: 100%; display: flex; font-size: 20px; align-items: center; justify-content: center; text-align: center; padding: 4px } .sheet-rolltemplate-t20 .sheet-rollbox-container .sheet-rollbox .sheet-roll-result span { margin: 0 auto; padding: 8px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px } .sheet-rolltemplate-t20 .sheet-rollbox-container .sheet-rollbox .sheet-roll-name { display: flex; align-items: flex-start; justify-content: center; text-align: center } .sheet-rolltemplate-t20 .sheet-rollbox-container .sheet-rollbox .sheet-roll-name span { padding: 0; padding-left: 2px; padding-right: 2px; border: 0 } .sheet-rolltemplate-t20-attack { font-size: 12px; box-sizing: border-box; width: 100%; position: relative; background-color: white; overflow: hidden } .sheet-rolltemplate-t20-attack .sheet-rollbox-container { width: 100%; position: relative; box-sizing: border-box; border: 2px solid black } .sheet-rolltemplate-t20-attack .sheet-rollbox-container::before { position: absolute; content: ''; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; bottom: -16px; left: -16px; transform: rotate(-90deg) } .sheet-rolltemplate-t20-attack .sheet-rollbox-container::after { content: ''; position: absolute; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; bottom: -16px; right: -16px; transform: rotate(180deg) } .sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox { padding: 5px; padding-bottom: 15px; font-family: 'PT Sans'; position: relative; width: 100%; min-height: 40px; display: grid; box-sizing: border-box; grid-template-columns: 1fr 1px 1fr; column-gap: 5px; row-gap: 5px } .sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox::before { position: absolute; content: ''; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; top: -16px; left: -16px } .sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox::after { content: ''; position: absolute; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; top: -16px; right: -16px; transform: rotate(90deg) } .sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-roll-title { width: 100%; font-weight: bold; grid-column: 1/4; min-height: 16px; display: flex; align-items: center; justify-content: center; text-align: center; text-transform: uppercase } .sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-roll-label { margin-top: 5px; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-weight: normal } .sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-roll-label .sheet-crit { color: green; margin-left: 2px; font-weight: normal } .sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-roll { padding-top: 5px; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center } .sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-roll span { margin: 0 auto; padding: 8px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px } .sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-attack-title, .sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-tipo-dano { width: 100%; grid-column: 1/4; font-style: italic; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 13px } .sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-divisor { display: flex; align-items: center; justify-content: center; text-align: center } .sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-divisor span { width: 1px; height: 70%; background-color: black } .sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-descricao { grid-column: 1/4; box-sizing: border-box; padding: 5px; margin: 10px; margin-top: 0; margin-bottom: 0; background-color: #fdf8ab; max-height: 400px; overflow-y: auto } .sheet-rolltemplate-t20-attack .sheet-rollbox-container .sheet-rollbox .sheet-descricao span { margin: 0; padding: 0 3px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px } .sheet-rolltemplate-t20-info { font-size: 12px; box-sizing: border-box; width: 100%; position: relative; background-color: white; overflow: hidden } .sheet-rolltemplate-t20-info .sheet-rollbox-container { width: 100%; position: relative; box-sizing: border-box; border: 2px solid black } .sheet-rolltemplate-t20-info .sheet-rollbox-container::before { position: absolute; content: ''; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; bottom: -16px; left: -16px; transform: rotate(-90deg) } .sheet-rolltemplate-t20-info .sheet-rollbox-container::after { content: ''; position: absolute; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; bottom: -16px; right: -16px; transform: rotate(180deg) } .sheet-rolltemplate-t20-info .sheet-rollbox-container .sheet-rollbox { padding: 5px; font-family: 'PT Sans'; position: relative; width: 100%; min-height: 40px; display: grid; box-sizing: border-box; grid-template-columns: 1fr; row-gap: 5px } .sheet-rolltemplate-t20-info .sheet-rollbox-container .sheet-rollbox::before { position: absolute; content: ''; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; top: -16px; left: -16px } .sheet-rolltemplate-t20-info .sheet-rollbox-container .sheet-rollbox::after { content: ''; position: absolute; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; top: -16px; right: -16px; transform: rotate(90deg) } .sheet-rolltemplate-t20-info .sheet-rollbox-container .sheet-rollbox .sheet-roll-title { font-weight: bold; width: 100%; min-height: 16px; display: flex; align-items: center; justify-content: center; text-align: center; text-transform: uppercase } .sheet-rolltemplate-t20-info .sheet-rollbox-container .sheet-rollbox .sheet-info-title { width: 100%; font-style: italic; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 13px } .sheet-rolltemplate-t20-info .sheet-rollbox-container .sheet-rollbox .sheet-descricao { box-sizing: border-box; width: 100%; padding: 10px; margin-bottom: 5px; background-color: #fdf8ab; max-height: 400px; overflow-y: auto } .sheet-rolltemplate-t20-info .sheet-rollbox-container .sheet-rollbox .sheet-descricao span { margin: 0; padding: 0 3px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px } .sheet-rolltemplate-spell { box-sizing: border-box; font-size: 12px; width: 100%; position: relative; background-color: white; overflow: hidden } .sheet-rolltemplate-spell .sheet-spell-container { width: 100%; position: relative; box-sizing: border-box; border: 2px solid black } .sheet-rolltemplate-spell .sheet-spell-container::before { position: absolute; content: ''; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; bottom: -16px; left: -16px; transform: rotate(-90deg) } .sheet-rolltemplate-spell .sheet-spell-container::after { content: ''; position: absolute; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; bottom: -16px; right: -16px; transform: rotate(180deg) } .sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox { padding: 5px; font-family: 'PT Sans'; position: relative; width: 100%; min-height: 40px; display: grid; box-sizing: border-box; grid-template-rows: 1fr; row-gap: 5px } .sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox::before { position: absolute; content: ''; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; top: -16px; left: -16px } .sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox::after { content: ''; position: absolute; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; top: -16px; right: -16px; transform: rotate(90deg) } .sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox .sheet-roll-title { width: 100%; min-height: 16px; font-weight: bold; display: flex; align-items: center; justify-content: center; text-align: center; text-transform: uppercase } .sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox .sheet-spell-name { width: 100%; font-style: italic; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 13px } .sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox .sheet-spell-grid { display: grid; column-gap: 5px; row-gap: 5px; padding: 10px; padding-top: 0; box-sizing: border-box; width: 100% } .sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox .sheet-spell-grid .sheet-spell-atribute { width: 100%; display: flex; max-width: 220px; justify-content: flex-start; align-items: center; margin-bottom: 5px } .sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox .sheet-spell-grid .sheet-spell-atribute span { font-style: normal; display: inline-flex; height: 100%; font-weight: bold; align-items: center; color: #000000; margin-right: 3px } .sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox .sheet-spell-grid .sheet-descricao { box-sizing: border-box; width: 100%; padding: 5px; margin-top: 5px; margin-top: 0; background-color: #fdf8ab; max-height: 400px; overflow-y: auto } .sheet-rolltemplate-spell .sheet-spell-container .sheet-spellbox .sheet-spell-grid .sheet-descricao span { margin: 0; padding: 0 3px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px } .sheet-rolltemplate-custom { box-sizing: border-box; font-size: 12px; width: 100%; position: relative; background-color: white; overflow: hidden } .sheet-rolltemplate-custom .sheet-rollbox-container { width: 100%; position: relative; box-sizing: border-box; border: 2px solid black } .sheet-rolltemplate-custom .sheet-rollbox-container::before { position: absolute; content: ''; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; bottom: -16px; left: -16px; transform: rotate(-90deg) } .sheet-rolltemplate-custom .sheet-rollbox-container::after { content: ''; position: absolute; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; bottom: -16px; right: -16px; transform: rotate(180deg) } .sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox { padding: 5px; font-family: 'PT Sans'; position: relative; width: 100%; min-height: 40px; display: grid; box-sizing: border-box; grid-template-columns: 1fr; row-gap: 5px } .sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox::before { position: absolute; content: ''; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; top: -16px; left: -16px } .sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox::after { content: ''; position: absolute; background-color: #d3e5f5; border-top: 2px solid transparent; border-right: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid transparent; border-radius: 50%; width: 20px; height: 20px; pointer-events: none; top: -16px; right: -16px; transform: rotate(90deg) } .sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox .sheet-roll-title { width: 100%; min-height: 16px; display: flex; align-items: center; font-weight: bold; justify-content: center; text-align: center; text-transform: uppercase } .sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox .sheet-secondname { width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-style: italic } .sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox .sheet-props { display: grid; grid-template-columns: 1fr } .sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox .sheet-props b { font-weight: bold !important } .sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox .sheet-props .sheet-content { font-weight: normal !important; margin-bottom: 2px } .sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox span { margin: 0; padding: 0 3px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px } .sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox .sheet-descricao { box-sizing: border-box; width: 100%; padding: 5px; margin-top: 5px; margin-bottom: 5px; background-color: #fdf8ab; max-height: 400px; overflow-y: auto } .sheet-rolltemplate-custom .sheet-rollbox-container .sheet-rollbox .sheet-descricao span { margin: 0; padding: 0 3px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px } .sheet-main .sheet-right-container .sheet-languages-container { width: 100%; display: block; margin-bottom: 22px } .sheet-main .sheet-right-container .sheet-languages-container .sheet-inside-negative-corner { padding: 5px } .sheet-main .sheet-left-container .sheet-languages-container textarea { width: 100%; height: 70px !important; } .sheet-defesa-total { font-size: 17px !important; }