Files
jarbascjunior2 c15cf55c35 Into_the_madness
new sheet into_the_madness by Nozes Game Studio
2024-08-01 16:19:41 -03:00

1101 lines
28 KiB
CSS

@import url('https://fonts.googleapis.com/css?family=Creepster');
@import url('https://fonts.googleapis.com/css?family=Passion+One');
@import url('https://fonts.googleapis.com/css?family=Rubik+Beastly');
/* Creepster, Passion One, Rubik Beastly */
.ui-dialog .charsheet .ficha-madness input[type=number] {
width: 100%;
}
.ficha-madness {
width: 760px;
background: rgba(0, 0, 0, 0.0);
padding: 0px;
font-family: "Arial";
font-size: 14px;
}
/* Chrome, Safari, Edge, Opera */
.ficha-madness input::-webkit-outer-spin-button, .ficha-madness input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
.ficha-madness input[type=number] {
-moz-appearance: textfield;
}
.ficha-madness * {
box-sizing: border-box;
position: relative;
}
.ficha-madness input[type="text"], .ficha-madness input[type="number"], .ficha-madness select {
width: 100%;
max-width: 100%;
border: none;
padding: 0;
margin: 0;
line-height: 1em;
background: none;
outline: none;
color: #45004B;
}
.ficha-madness input:disabled {
color: darkred;
}
.ficha-madness label {
font-size: 1em;
margin: 0;
padding: 0;
width: 100%;
display: block;
}
.ficha-madness select {
margin-top: 1px;
}
.ficha-madness .itemcontrol {
z-index: 9999;
background-color: yellow;
}
.ficha-madness button {
padding: inherit;
margin: auto;
border: inherit;
}
.topo {
display: flex;
flex-wrap: nowrap;
margin-bottom: 10px;
justify-content: space-between;
}
.nome {
width: 370px;
}
.nome label {
font-weight: bold;
text-transform: uppercase;
}
.nome input[type="text"] {
min-height: 50px;
line-height: 50px;
font-size: 2em;
font-weight: bold;
background: #fafafa;
border-radius: 5px;
border: 1px solid #a0a0a0;
padding-left: 10px;
}
.logo {
width: 350px;
padding-left: 10px;
}
.logo img {
width: 100%;
max-width: 100%;
}
.sessao {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.sessao:last-child {
margin-bottom: 20px;
}
.celula-simples {}
.celula-simples label {
font-weight: 500;
text-transform: uppercase;
opacity: 0.75;
font-size: 0.85em;
letter-spacing: 0.5px;
}
.celula-simples input[type="text"], .celula-simples input[type="number"], .celula-simples select {
min-height: 25px;
line-height: 25px;
border-bottom: 1px solid black;
font-size: 1.20em;
letter-spacing: -0.25px;
font-weight: 600;
}
.w60 {
width: 60px;
}
.w120 {
width: 120px;
}
.w180 {
width: 180px;
}
.w240 {
width: 240px;
}
.w300 {
width: 300px;
}
.lado {
width: 100%;
}
.esquerdo {
max-width: 520px;
z-index: 2;
}
.direito {
max-width: 240px;
z-index: 1;
}
.valores {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.valores-unicos {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-bottom: 30px;
}
.valores.circulo {
max-width: 50%;
}
.valores.outros {
max-width: 50%;
}
.valor {
max-width: 100px;
background-repeat: no-repeat;
background-size: contain;
background-position: top center;
margin-bottom: 20px;
}
.valor .valor-numero {}
.valor .valor-numero input[type="number"], .valor .valor-numero input[type="text"] {
width: 100%;
text-align: center;
font-size: 3.75em;
line-height: 100px;
font-weight: 800;
letter-spacing: -0.075em;
padding-right: 0.075em;
}
.break {
flex-basis: 100%;
height: 0;
}
.box {
width: 40%;
margin: 0 auto;
background: rgba(255, 255, 255, 0.2);
padding: 35px;
border: 2px solid #fff;
border-radius: 20px/50px;
background-clip: padding-box;
text-align: center;
}
.button {
border: none;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease-out;
height: 100%;
width: 100%;
position: absolute;
z-index: 9970;
}
.valor-numero .button {
border-radius: 100%;
}
.button:hover {}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
display: none;
}
.overlay:target {
display: block;
visibility: visible;
opacity: 1;
z-index: 9990;
cursor: not-allowed;
user-select: none;
}
.popup {
margin: auto;
padding: 10px;
background: rgba(255, 255, 255, 1);
border-radius: 0px;
width: 100%;
position: relative;
transition: all 5s ease-in-out;
border: 5px solid white;
}
.popup2 {
margin: 70px auto;
background: rgba(0, 0, 0, 0.0);
border-radius: 10px;
width: 75%;
position: relative;
transition: all 5s ease-in-out;
padding: 5px;
border: 5px solid white;
cursor: default;
}
.popup h2 {
margin-top: 0;
color: #333;
font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
position: absolute;
top: 10px;
right: 10px;
transition: all 200ms;
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #333;
}
.popup .close:hover {
color: #45004B;
}
.close2 {
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 1000px;
width: 1000px;
position: absolute;
text-decoration: none;
}
.popup .content {}
.valor-abv {
text-align: center;
font-family: "Creepster";
font-size: 3.25em;
line-height: 1em;
background: -webkit-linear-gradient(#45004B, #000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.valor-nome {
text-align: center;
font-size: 1.5em;
line-height: 1em;
letter-spacing: -0.05em;
font-stretch: extra-condensed;
margin-top: -2.5px;
text-transform: uppercase;
font-weight: 800;
}
.charsheet .ficha-madness .valor-nome button[type=roll] {}
.circulo .valor {
background-image: url("http://arkana-rpg.com.br/patrick/comissao/IntoTheMadness/img_circle.png");
}
.coracao {
background-image: url("http://arkana-rpg.com.br/patrick/comissao/IntoTheMadness/img_heart.png");
background-position: center 10px;
}
.nuvem {
background-image: url("http://arkana-rpg.com.br/patrick/comissao/IntoTheMadness/img_cloud.png");
}
.vigor {
background-image: url("http://arkana-rpg.com.br/patrick/comissao/IntoTheMadness/img_vigor.png");
}
.escudo {
background-image: url("http://arkana-rpg.com.br/patrick/comissao/IntoTheMadness/img_shield.png");
}
.hexagono {
background-image: url("http://arkana-rpg.com.br/patrick/comissao/IntoTheMadness/img_hexagon.png");
}
.book {
background-image: url("http://arkana-rpg.com.br/patrick/comissao/IntoTheMadness/img_book.png");
background-position: center 5px;
}
.valor.coracao {
max-width: 120px;
}
.valor.nuvem {
max-width: 130px;
}
.valor.vigor {
max-width: 130px;
position: relative;
margin-left: -25px;
}
.valor.escudo {
max-width: 100px;
}
.valor.hexagono {
max-width: 95px;
}
.valor.book {
max-width: 120px;
}
.popup-content {
display: flex;
align-items: center;
justify-content: center;
}
.popup-content input[type="number"], .popup-content input[type="text"] {
width: 100%;
text-align: center;
font-size: 2.5em;
line-height: 1em;
font-weight: 800;
letter-spacing: -0.075em;
padding-right: 0.075em;
}
.popup-content label {
font-size: 0.85em;
line-height: 1em;
text-transform: uppercase;
letter-spacing: -0.05em;
font-weight: bold;
}
.popup-content * {
text-align: center;
}
.popup h2 {
text-align: center;
font-family: "Creepster";
font-size: 2.5em;
line-height: 1em;
background: -webkit-linear-gradient(#45004B, #000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: 0;
padding: 0;
}
.clear {
clear: both;
}
.quadro {
border: 2px solid black;
padding: 5px;
border-radius: 10px;
position: relative;
}
.quadro2 {
border: 1px solid black;
border-radius: 10px;
}
.titulo-black {
position: absolute;
z-index: 9970;
font-family: "Passion One";
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 0.95em;
line-height: 1em;
border-radius: 5px;
padding: 2px;
border: 1px solid black;
background: white;
}
.titulo-black2 {
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
background: black;
color: white;
border-radius: 5px;
min-width: 100px;
text-align: center;
}
.ficha-madness textarea {
width: 100%;
max-width: 100%;
min-width: 100%;
height: 100%;
margin: 0;
margin-top: 10px;
border: 2px solid red;
padding: 10px;
background: none;
outline: none;
color: #45004B;
border-radius: 5px;
}
.botao-menu {
position: absolute;
height: 17px;
width: 17px;
display: none;
}
.p10 {
width: 10%;
}
.p20 {
width: 20%;
}
.p30 {
width: 30%;
}
.p40 {
width: 40%;
}
.p50 {
width: 50%;
}
.p60 {
width: 60%;
}
.p70 {
width: 70%;
}
.p80 {
width: 80%;
}
.p90 {
width: 90%;
}
.p100 {
width: 100%;
}
.float {
float: left;
}
.position1 {
top: -30px;
left: 10px;
}
.position2 {
top: -30px;
left: calc(100% - 5px);
}
.salva-box {
position: relative;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin-left: 10px;
margin-bottom: 8px;
}
.salva-box .quadro {}
.salva-box .quadro2 {
width: 60px;
height: 50px;
}
.salva-box:first-child {
margin-top: 25px;
}
.salva-nome {
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: 0.85em;
letter-spacing: -0.25px;
width: calc(100% - 20px);
position: relative;
bottom: -17px;
left: 0;
right: 0;
}
.salva-valor {}
.salva-valor input[type="number"], .salva-valor input[type="text"] {
text-align: center;
font-size: 2em;
line-height: 50px;
font-weight: bold;
padding-right: 5px;
}
.salva-check {
position: absolute;
transform: rotate(-45deg);
border: 1px solid black;
width: 26px;
height: 26px;
top: 38px;
right: 8px;
z-index: 9980;
background: white;
}
.salva-check input[type="checkbox"] {
width: 26px;
height: 26px;
transform: rotate(45deg);
border: none;
opacity: 1;
margin-left: -2px;
margin-top: -2px;
z-index: 9970;
}
.subtitulo {
display: flex;
justify-content: space-between;
padding: 0 10px;
padding-top: 5px;
align-items: center;
font-size: 1.0em;
font-weight: 800;
text-transform: uppercase;
letter-spacing: -0.75px;
}
.final {
position: absolute;
width: calc(100% + 0px);
bottom: 0px;
display: flex;
justify-content: flex-end;
right: 10px;
text-transform: uppercase;
font-size: 0.85em;
font-weight: 800;
line-height: 1em;
letter-spacing: -0.5px;
}
.final .quadro {
max-width: 65px;
}
.final .linha {
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 100%;
text-transform: uppercase;
font-size: 0.85em;
font-weight: 800;
line-height: 1em;
letter-spacing: -0.5px;
}
.linha {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
text-transform: uppercase;
font-size: 0.85em;
font-weight: 800;
line-height: 1em;
letter-spacing: -0.5px;
}
.final .linha .celula, .final .celula {
display: flex;
width: 100%;
margin: 2px;
align-items: center;
}
.final .linha .celula .quadro, .final .linha .celula .quadro2 {
background: white;
}
.final .linha .celula span, .final .celula span, .final span {
position: absolute;
right: calc(100% + 5px);
bottom: 15px;
}
.celula div:first-child {
text-align: right;
}
input[type="number"].equipamento1,
input[type="text"].equipamento1{
width: 35px;
max-width: 35px;
height: 30px;
text-align: center;
font-size: 2.0em;
font-weight: 600;
}
input[type="number"].equipamento2,
input[type="text"].equipamento2 {
width: 35px;
max-width: 45px;
height: 35px;
text-align: center;
font-size: 2.0em;
font-weight: 600;
}
.ficha-madness fieldset {
border: none;
padding: 0;
margin: 0;
}
.flexgrid {
display: flex;
}
.flexgrid input[type="text"], .flexgrid input[type="number"] {
padding: 5px;
}
.flexgrid input[type="text"] {}
.flexgrid input[type="number"] {
max-width: 60px;
text-align: center;
}
.equipamentos .quadro2 {
margin: 5px;
}
.equipamentos input[type="text"],
.equipamentos input[type="number"]{
font-size: 1.15em;
font-weight: 600;
}
.boxscroll {
overflow-x: hidden;
overflow-y: auto;
padding: 0px 10px;
padding-bottom: 0px;
margin-top: 35px;
margin-bottom: 10px;
}
.boxscroll span {
white-space: break-spaces;
}
.boxscroll textarea {}
.valorchave[value="0"] ~ textarea {
display: none;
}
.valorchave[value="1"] ~ span {
display: none;
}
.centerall, .centerall * {
text-align: center;
}
.modificadores input[type="text"] {
border-bottom: 1px solid black;
padding-bottom: 1px;
line-height: 20px;
}
.centerall label {
text-align: center;
}
.ficha-madness .centerall .repcontrol_edit {
float: none;
position: absolute;
right: 0;
z-index: 9999;
}
.ficha-madness .centerall .repcontrol_add {
float: none;
position: absolute;
left: 0;
z-index: 9999;
}
.ficha-madness .centerall .repcontrol_move {
float: none;
position: absolute;
left: 0;
z-index: 9999;
}
.ficha-madness .centerall .repcontrol_del {
float: none;
position: absolute;
right: 0;
z-index: 9999;
}
.popup-content input[type="number"], .popup-content input[type="text"] {
max-width: 80px;
}
.salva-box a {
max-width: 60px;
left: 7px;
max-height: 52px;
bottom: 6px;
}
.armas-titulo {
background: black;
color: white;
padding: 10px;
padding-left: 15%;
font-family: "Passion One";
text-transform: uppercase;
font-size: 2.0em;
margin-bottom: 20px;
margin-top: 40px;
}
.armas-header {
display: flex;
align-items: center;
justify-content: space-between;
font-family: "Rubik Beastly";
font-size: 1.0em;
}
.armas-header div {
max-width: 100%;
text-align: left;
}
.armas-header span {
font-family: "Arial";
font-weight: 300;
font-stretch: extra-condensed;
font-size: 0.85em;
margin-right: 5px;
}
.armas-linha {
display: flex;
align-items: center;
justify-content: space-between;
font-family: "Passion One";
font-size: 1.25em;
border-bottom: 1px solid black;
padding-bottom: 1px;
}
.armas-linha input[type="text"], .armas-linha input[type="number"] {
justify-content: space-between;
font-family: "Arial";
font-size: 1.0em;
font-weight: 500;
max-width: 100%;
}
.armas-linha input[type="number"],
.armas-linha input[type="text"], .armas-linha select {
font-family: "Passion One";
font-size: 1.25em;
max-width: 100%;
}
.armas-linha div {
max-width: 100%;
text-align: left;
}
.minmax {
display: flex;
}
.minmax input[type="number"], .minmax select {
width: 100%;
max-width: 100%;
text-align: center;
}
.rollbutton {
display: flex;
}
.rollbutton button {
margin-right: 5px;
}
.radiobutton {
position: absolute;
right: 0;
font-size: 0.75em;
width: 140px;
top: 5px;
display: flex;
justify-content: flex-end;
}
.radiobutton span {
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.15);
margin-right: 5px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
}
.ficha-madness input.buttoncomplete {
position: absolute;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
margin: 0;
padding: 0;
line-height: 1em;
z-index: 9970;
}
.ficha-madness input.buttoncomplete:checked + b {
color: violet;
}
.arma-img {
position: absolute;
width: 265px;
left: -5px;
top: -25px;
}
.arma-img img {
width: 100%;
max-width: 100%;
}
.valor-maximo {
position: absolute;
width: 40px;
height: 40px;
}
.valor .valor-numero .valor-maximo input[type="number"], .valor .valor-numero .valor-maximo input[type="text"] {
font-size: 25px;
line-height: 1em;
padding: 0;
margin: 0;
}
.paddingblack {
background: black;
color: white;
width: 100%;
padding: 5px;
text-align: center;
margin: 20px 0px 5px 0px;
border-radius: 5px;
}
.ficha-madness .repcontrol {
position: absolute;
width: 100%;
max-width: 100%;
}
.repcontrol {
min-height: 27px;
}
.repcontrol .btn {
/*visibility: hidden;*/
border: medium none;
color: white !important;
background: none;
box-shadow: none;
font-size: 0px;
padding: 2px;
margin: 0;
}
.repcontrol .btn:focus {
outline: 0;
}
.repcontrol .repcontrol_edit:after {
content: '(';
visibility: visible;
font-family: pictos;
background-color: #fff;
border: 1px solid black;
border-radius: 2px;
font-size: 12px;
height: 12px;
width: 12px;
padding: 2px 4px 2px 4px;
color: black;
}
.editmode ~ .repcontrol .repcontrol_edit:after {
content: ')';
}
.repcontrol .repcontrol_add:before {
content: '&';
visibility: visible;
font-family: pictos;
background-color: #fff;
border: 1px solid black;
border-radius: 2px;
font-size: 12px;
height: 12px;
width: 12px;
padding: 2px 4px 2px 4px;
color: black;
}
.repcontrol .repcontrol_edit:hover:after, .repcontrol .repcontrol_add:hover:before {
background-color: #EFEFEF;
}
.itemcontrol {
z-index: 10;
}
.itemcontrol .repcontrol_del {
font-size: 20px;
margin-top: 0px;
padding: 0px;
height: 30px;
width: 30px;
}
.itemcontrol .repcontrol_move {
font-size: 20px;
margin-top: 0px;
padding: 0px;
height: 30px;
width: 30px;
}
.charsheet .ficha-madness button[type=roll] {
background: inherit;
color: inherit;
padding: inherit;
margin: inherit;
line-height: inherit;
border: inherit;
font-size: inherit;
font-family: inherit;
text-align: inherit;
text-shadow: inherit;
}
.ficha-madness .valor-nome button[type="roll"] {
font-family: "Passion One";
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 0;
}
.ficha-madness .valor-nome button[type="roll"]:hover {
background: -webkit-linear-gradient(#228b22, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.charsheet .ficha-madness button[type=roll]:before {
content: '';
}
/* Smaller margins - remove these if you want the huge default left margin */
.sheet-rolltemplate-custom {
margin-left: -37px;
}
.withoutavatars .sheet-rolltemplate-custom {
margin-left: -7px;
}
.sheet-rolltemplate-custom .sheet-container {
border: 1px solid;
/* by default, the border is the same color as the header. You can change this here, e.g. to black */
border-color: var(--header-bg-color);
}
/* Header formatting - title and subtitle */
.sheet-rolltemplate-custom .sheet-header {
background-color: var(--header-bg-color);
/* change text-align to center to center the header text */
text-align: left;
color: var(--header-text-color);
padding: 5px;
}
.sheet-rolltemplate-custom .sheet-title {
font-size: 1.1em;
text-align: center;
}
.sheet-rolltemplate-custom .sheet-subtitle {
font-size: .9em;
}
/* example colors */
.sheet-rolltemplate-custom .sheet-container {
/* this is the default color */
--header-bg-color: #45004B;
--header-text-color: #FFF;
}
.sheet-rolltemplate-custom .sheet-container.sheet-color-red {
--header-bg-color: #F00;
}
.sheet-rolltemplate-custom .sheet-container.sheet-color-green {
--header-bg-color: #0F0;
--header-text-color: #000;
}
/* Allprops part */
.sheet-rolltemplate-custom .sheet-content {
display: grid;
background: #FFF;
/* Header formatting - modify the column layout below */
grid-template-columns: auto auto;
/* Line height to match default roll template */
line-height: 1.4em;
}
.sheet-rolltemplate-custom .sheet-content > div {
padding: 5px;
}
/* Left column */
.sheet-rolltemplate-custom .sheet-content .sheet-key {
font-weight: bold;
padding-right: 10px;
text-align: right;
}
/* Empty rule, use this if you want to change the right column
.sheet-rolltemplate-custom .sheet-value {
}
*/
/* Make even-numbered rows grey */
.sheet-rolltemplate-custom .sheet-content :nth-child(4n+3), .sheet-rolltemplate-custom .sheet-content :nth-child(4n) {
/*background: #EEE;*/
}
/* Description field */
.sheet-rolltemplate-custom .sheet-desc {
grid-column: span 2;
padding: 5px;
text-align: center;
}
.salva-box .valor-nome button[type="roll"] {
position: relative;
width: 100%;
font-size: 0.75em;
text-align: center;
}
input.mostraoculta + div.mostraoculta > input.mostraoculta {
display: none;
}
input.mostraoculta:checked + div.mostraoculta > input.mostraoculta {
display: block
}
input.mostraoculta:checked + div.mostraoculta > input.mostraoculta + input {
display: none
}
input.mostraoculta:checked + div.mostraoculta:hover > input.mostraoculta {
display: none
}
input.mostraoculta:checked + div.mostraoculta:hover > input.mostraoculta + input {
display: block
}
.charsheet .ficha-madness .rollbutton button[type=roll]{
text-transform: uppercase;
font-size: 1.25em;
}
.charsheet .ficha-madness .rollbutton button[type=roll]:hover{
background: -webkit-linear-gradient(#228b22, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* ========================================= FICHA FEITA POR PATRICK LEO =========================================
`syy/ `yyyyyo: :yy +ys. :yyy. /yys` oy/ .yyy: syyyys/` .yyyyyo: :oyhhhs:
omydm. `mmo:/dmo +mm`-hms. `dmsNy oNmNh. yNo yNsmd` dNs:/dNy -NN+:+NN/ `ymmo:-:+`
-md.+my `NNo-:dN+ +NNomm/ sNs`dN/ oNsoNd- yNo /Nd`sNs dNs-:hNy -NN:.:mN+ /Nm- .....
`yms::dm/ .dmhymd/ /mmhdm+ :mm+:sNd. oNs +md-sm+ .dms:/mm: `oooo hmhydd+` -ddyyyy+` /dh` +syho
+dhssssdh. `dd:`ods. /dd`.ydo` `ydssssydo +d+ :hhyh/ shysooshy``:::: yh/`/ys. .yy-``` .yy/``.oyo
-yh- oho `yy- /ys. :yy `oyo`+ys` .yy: /y+ -syy/ :ss. `ss/ os: :so- .ss. .+oooooo/
`.. `.. ..` ..` `.. `..`..` ..` `.` `..` `.` `.. `.` `.. .. `....``
`
`:/+/-.`
`-+ssssso+++/-`
`-+syyyhhddhssoooo/-`
./+osyhddddmmmdhhyyo+++:
`` ` ```` ```` `-/osyhhhhhdddmNhyysss/:/-
````` ```````` `` ``````.-+sso-````.-/+oo:-..+s/--`
``````````````````` ````` `-+yoo.`````````````` `/s:-.
````````````````` ```` `./hys:``.......```..`` `+s-.`
```````````````` ` ````` ```` ./hyss``-/++/-..-:/++/.` `/o..
````````````` ` `.```` ``` `:yhyy/`..///ss:-:/://--`` //.`
```````````` ``` ` ` ````` ` ``` `-shyyo``..+o/::-.-:/+/-.``` `/:` ` `
```````````````` `` ` ````` `./hsss: .:/osyy+:.-+yso+-.`` -/.````````` ```````
``````````````````` ` ```` ````` .-ysoss``./ymmmmsso+ommmh:.`. `+:` ```````` `````````` ```
```````````..--..``` ``.``` ```....:yoss: `.-+hmmmdyysdmmh+..:` +/. ```````````````````````````````````````
`````````....:ooy/..```` ``````` ``````.`ooos+ .-.-ohhy+---+hho..-` :+-````````````````````````````````````````
````````.--..:oomh//:-..``` `` `````````-soso` .:..-oo/-...-+o:.:- -o-.```````````````````````````````````````
```````.-.-::/s++ooyhs+/:.``` ` ```````.`+ooo- `--..:osssyyhy/--: .+--```````````````````````````````````````
```````.--://os+ohmNMNdyso/-.` `` `.`` `.`-///:` `:--..:+oyyys/-/. .:-..-...............``.`````````......````
```````:/s/:+sosmMMMNmNNNmyo/-.` ``.`````.``.---/:` ``hy/```........: `-:/oyhds/:::///-.-:....````````.......````
``````.:+dyshhmMMNNNNNMMMNNNNho:`````:..-.`.``.-:+/``oyhh/.`````..`:+ .:+hdhs+yy/+smhoy/-:/--..`````..`.....``.``.
```...-/ymhNMNdhdNNNNdysydNNNmyo/:.`.:ooyhhyhh+--//o//oyhh:.``.::-.+o `yhhssddys+shNhyymo//dy/-..```` -:.`.```````.
`..-.-/omhNNo+o+++/::::///+mNdyso+/::shhyhdddmmy/.-:+:/oyyh+..-/+/:oN/ `.+so/:/`..sh+...Nyo::my/:..`````o-```.`````.
``.-.:/hsmd-.-/hhysossossydNNdmmmmdyo/ydmdhdmmmNmh/.-+/:+oos+--/o+/sNdh+/:::-:`` ``........Nd+:.:Nh/:.`````++.`````````
``.-.:+hss-----+NNdhdddmmmmddoohmmNNmdhddmddmmNNmmms-.++-:////::///os+ooooo::..:-```........dd+...om/:-.````:o/.````````
.`.-::omh-------/mNmmmmmmNmmNmhyyydmmdmmmmNmmNmNNmmNd+-++-::/:::::::::/osss.:+-oo-////++...`-+-````oy::-.`` :/+:.```````
...::/sdm+:::---.:mNNNmmmddmdddy/:oddhhmdhNNmmNNNNmNNmh+/o/+so++:--.:+ossyo--d/sy:yddmdhhhyso+/:::``+-::.`` :-:/:-``````
..--::+sNds::--/shhhmNNNNmddyssys:/yssshdymNmmmNMNNmNNNms+o/osoo+:.-/+osyhs.+h/+d+sddhsmNMNNNNdddh-`+:-/:.` /-.-.:.`````
--:-://shNd+:::dm+.`/hNNNNNNmho++o+o++sydhmNNmmmMNNmNmNNNds+/osso/:--:/oyhy`+o/-msohdsmNNMmmmhdNyd- -/-:-..`:....-:`````
+++///+syNmd+::ymo. `-/sdddmdy/:/oso+/+shdNNmdhNmNmdmmNNMmh++syys+:.-:+yys`s+/.yy/ys+NmmNmNssdmsd- -//-::.-.....:.````
oo+++++yhmymmd+omyo` :o-.---/o/:+ys/+ohdmNdhyNmhhhmmNNNMNdo+oysoo:--/++o`yho-:s+o/omhddmm/sdd/y: `:/so....`.`.:.``.
soooooo+oooshNNydss/` .o-`.` ``.---+yhoohdydmyhNhysymmNNNMMNds/sooo+-..:/+.ymd+.-+:-sdydhhd/ohh-+: ` ``--..`.`.:-...
ssssosso+os+osdNmy/o/``+/``. .`-s.:+ooyydy+smhmmyy+ydmmNNNMMNmo+so++/.`.::`ydmho..``oysdysy+/yy-:- ````` --.`-`.`-----
ssssssssoohy++smNd+-o//o/.....:--+/syhyhmdssymhmhys/ydddmNNNNNNm+-://+:``..`ydmmds. /s+yyoo+.sy-.. ```` `:- ..-..-.:::
yyyysoossosy+++ohmo::hms++ooooos/::osyhhy+:+dddmy+//shmhhdmmNNmmd:-:///:``.`sdmmdhs- -o/+o+//.+y.`.``` `:.`-.:----:::
yhhhyssssoososo++hh+ooyys:-...s/``-+syhyhyhy/omhs/:/osdmhhhdmmmmdy-.-:--.```+hddddyo-`:/-+///::s-`-````` .-`.-.-:---///
yyhhhhysssosooso+smdo--.:os/.-+-``/ohhshdh/.-sms:::::+ohdhyyhhhhyy+.-...````:shhhhhs+.`:.+//::.o:`.` `` `. .-.::-::///
hyhhhhyssssyyyyss+++/osssosoo/-``+ohhhhhyo:-:hy:-:-:-::/shdyosso++/..`..``` ./ssoo+/:.`--///:-`+/``` `` `.-::-::/++
hhhhhhhyssyyhhhyso+/` ``-/osyyhy+sddysooso//ss:.--------:+oso+////:-...```` .----....``.-/+/:-`/:``` ``````...--.-:/+o
hddddddhyyyyyhhyso//. `. ``.:ohmhoy++yyo+o+-..-:--..---:/++/:::::--`````` .---...--..--:+/:-.::..` ```....-..--.-:/++
dmmNNmmmdhhhhhhyso+/. :os///+osooo.``...-:-----.-::::::::-..````` `.....://-.-::+++/--/--.``..-::::/:::/::/+oo
mmmNNNNNNmmddddhys+:. `- `:+s::/+oo++-```...-----....-----.-:-..````````.../+++:-://+++/::/::/::::++++oo++ooo++oss
mmmmNNNNNNmmdddhys+:` -:::::/+oo+:```-:+:----....-.......-:...``````...-osoo/:///+o+///++oooo+osyyyyyyyyyyyyyyy
mmmmNNNNNNNmmddhys/:` `:::::/+o/::.--./+oo/----..--.......-:...``````...-sysso//++osso++ssssssyhhddddddddddddddd
dmmmmmNNNNNmmmddhs/-` -:::::/+/:--::/:/o++o/:-::---........--..``````.--:oyyysooooyyyysyyhhddddmmmmmNmmddmmmmmmm
dmmNNmNNNNNNmmmdhs/-` .::::-:/:-::/+++o+osooo/:/::---.-...-.--..``.-..--:/+yhhhyyyhhddhhhhddmmmmNNNNNNNNNNNNNNNNm
mmNmmmNNNNNNmddhyo/- `/:/:::::-::/+osyysosysoo+///::--------.-....`...:::+oydddddddddmmddmmNNNNNNMMNNNNMNNNNNNNNm
mNNmmNNNNNNNmdhhyo/-```` ``:://///:-:/+oyyhhhyysyyysoo++//:--:::--.---.-----//+sshmmmmddmmmmmmmNNNNNNNNNMNNNNNNNNNmmmmm
mNNNNNNNNNNNmdhyso+-```````://++///::+oyhhdddddddhyhdhyysso++///////::://+//+osyhddmNNmmmmmNNNNNNNNMMMNNNNNNNMMMMNNNmmmm
NNNNNNNNNNNNmdhyoo/:`.....::/+++++++oyhdmmmNmmmmmdmdmmmmdhhyyso+++++//+ossssyhdddmmNNNNNNNNNNNNNMMMMMMNMNMMMNNMMMNNNNNmm
NNNNNNNNNNmmmdhsoo+:...--://++++ooyyhdmNNNNNNNNNNNNNmmmmmmdhhhyoooososyyyhhdddmmNNNNNNNNNNNNNNNMMMMMMMMMMMMMMMMMMMMMNNNN
NNNNNNNNNNmmddhyyys/--:/+ooosssssshdmNNNMMNNNNNNNNNNNNmmmmmmdhhyyyyyhhhdddmmNNNNNNNNNNNNNNNNNNMMMMMMMMMMMMMMMMMMMMMMNNNN */