body{margin:0;padding:0;font-family:Arial,sans-serif}#canvas{width:100%;height:100vh;display:grid;grid-template-columns:45px 2fr 1fr;grid-template-rows:45px 1fr}#settings_button{display:-webkit-flex;cursor:pointer;width:100%;height:100%;align-self:center}#categories_bar{display:flex;flex-direction:row;background-color:#ae9672;grid-row:1/2;grid-column:1/3}#factions_bar{display:flex;flex-direction:column;background-color:#332208;grid-column:1/2}#toolbar{display:flex;flex-direction:row;grid-row:1/2;background-color:#ae9672}#content{grid-column:2/4}.faction_item{display:block;cursor:pointer}.faction_item.active{background-color:#6b4d21}.category_item,.toolbar_item{display:block;cursor:pointer}.category_item.active{background-color:#fff}.category-item{display:block;padding:10px;margin:10px;border:1px solid black;border-radius:5px;cursor:pointer}.item_container{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;align-items:flex-start;background-color:#d3d3d3;padding:5px;width:100%}.row_container{display:grid;grid-template-rows:repeat(5,1fr)}.item_level1{background-color:#59411d;color:#fff}.chances_table{background-color:#d9d7d4;display:grid}.item_row{display:flex;flex-direction:row;background-color:#d9d7d4;border-radius:5px;height:25px;border-top:1px solid black}.item_column{display:flex;flex-direction:column;background-color:#d9d7d4;border-radius:5px}summary.item_row{height:25px}details.item_row{margin:0 0 5px 5px}.attributes_item_row{display:flex;flex-direction:column;background-color:#d9d7d4;border-radius:5px}summary.attributes_item_row{height:25px}details.attributes_item_row{margin:0 0 5px 5px}.attributes_grid{display:grid;grid-template-columns:minmax(min-content,100px) minmax(min-content,80px) minmax(min-content,100px) minmax(min-content,80px);row-gap:5px;column-gap:5px;background-color:#d9d7d4}.chances_item{display:block;min-width:200px;max-width:200px;color:#000;padding-left:5px;align-self:center}.chances_row{display:flex;flex-direction:row;width:100%;border-radius:5px;column-gap:5px;color:#000}.attr_row{display:flex;flex-direction:row;width:100%;background-color:#d9d7d4;border-radius:5px;column-gap:5px;height:25px;padding-top:3px;border-top:1px solid black}.attr_item{display:block;min-width:200px;max-width:200px;cursor:pointer;background-color:#d9d7d4}.chance{position:relative;display:flex;flex-direction:row;border:1px solid black;border-radius:5px;cursor:pointer;min-width:100px;max-width:100px;background-color:#fff}.chance_label{position:absolute;top:50%;left:70%;transform:translate(-50%,-50%);z-index:2;pointer-events:none;font-size:12px;font-style:italic;color:gray}input.chance{padding-block:0px;padding-inline:0px}.item_level3{background-color:#f08080}.item_grid{display:grid;grid-template-rows:repeat(5,1fr);row-gap:5px}.item_grid>div{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr}.messageBox{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid black;border-radius:5px;padding:10px;z-index:100;display:block}.armor_drop_settings{display:grid;grid-template-columns:1fr 1fr}.armor_drop_settings label{font-size:16px;font-weight:400}.attention{font-weight:700}.attributes_grid>select{width:200px}.addDiv>button{width:18px;height:18px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer}.freezeDiv{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:99}.fullscreen_select{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background-color:#fff;border:1px solid black;border-radius:5px;z-index:100}.fullscreen_select_content{display:grid;height:100%;width:100%;overflow:scroll}.fullscreen_select_item{display:block;cursor:pointer;background-color:#d9d7d4;border-radius:5px;width:100%;height:30px;line-height:30px;font-weight:700;align-self:center;padding-top:5px}.fullscreen_select_item:hover{background-color:#d3d3d3}.fullscreen_select_close{width:100%}