:root{color:#fff;background-color:#404040;margin:0;padding:0}#root{grid-template-rows:50px 1fr;height:100vh;display:grid}body{height:100%;margin:0;padding:0;overflow:clip}header{text-align:center;flow-direction:column;background-color:#1e1e1e;align-items:center;width:100dvw;height:50px;margin:0;padding:0;display:flex}#left-end{background-color:#1e1e1e;flex-direction:row;width:50%;height:100%;display:flex}#back_button{text-align:center;background-color:#1e1e1e;width:50px;height:50px;line-height:50px}#title{color:#e0e0e0;background-color:#404040;align-content:center;align-self:center;height:34px;margin:5px 10px;padding:5px 10px}#title h1{text-align:center;align-self:center;margin:0;font-size:20px}*{text-wrap:nowrap}.character_entry>:nth-child(2n){padding-left:20px}.character_entry{color:#000;background-color:#fff;border:1px solid #000;border-radius:20px;grid-template:"icon lname vname"24px"icon lsystem vsystem"24px"icon llevel vlevel"24px"icon lspecies vspecies"24px"icon classes_name class_level"24px"icon classes classes"24px". . ."24px". . ."24px". . ."24px/200px 140px 1fr;justify-self:center;width:100%;min-width:550px;max-width:800px;height:100%;display:grid}.character_img{background-color:#000;background-size:cover;border:1px solid #000;border-radius:20px;grid-area:icon;width:200px;height:200px}.character_classes_text,.character_class_levels_text{border-top:1px solid #000}.character_classes{grid-column:2/4;grid-template-columns:140px 1fr;width:calc(100% - 20px);display:grid}.character_class_names{width:100%}.character_class_level,.character_class_levels_text{text-align:right;box-sizing:border-box;width:100%;margin-right:20px;padding-right:20px}#character_list{grid-template-rows:repeat(auto-fit,200px);grid-template-columns:1fr;align-items:center;gap:20px;height:calc(100dvh - 50px);padding:35px 50px;display:grid;overflow-y:scroll}@media (width>=1300px){#character_list{grid-template-columns:1fr 1fr}}@media (width>=1800px){#character_list{grid-template-columns:1fr 1fr 1fr}}.character_creator{aspect-ratio:1;background-color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAApZJREFUeAHt3cttWlEURuE/8SRDl2B34GGG7iDuwDcVUILpIEkJqcCUQAdmmBl3mFncATkngJIYCBiuosPS+qRtyS8JeYmn0T4J22WZUZnHMvMyi9U8rb52H52tuzI/8jvqrqnhDX1mPmd/2Jczjs7COK+Pu55PUdO6HB93PXdRs+Y5PXC9376MmtPl9LjrGQXibTg+ZDi3UXOGuHn+86kTwptwLDIsxN+GdBOtLQwMZ2A4A8MZGM7AcAaGMzCcgeEMDGdgOAPDGRjOwHAGhjMwnIHhDAxnYDgDwxkYzsBwBoYzMJyB4QwMZ2A4A8MZGM7AcAaGMzCcgeEMDGdgOAPDGRjOwHAGhjMw3K5lX3UZ532WK/1uylxFLerLzMpMynw99JcO3ZTutDXzHLC5/phN6U5bM84O48YuqHP8bGyu7xq9oM7x82tz/fpB1jw+kKJ5LnN9keW1t4to3pX5Xp8HD7kpXW25rYGvIqqbeh+8iLB8qRKuBu4jqlkNPIuo+hp4GlFN6oOs+p+jeTzOjaYvc12vwfUVj48Rzbh+uFh98i3La/D7iGBc5su2bzzkvF5QdzZn7xnIXYY9B9D5P1PfpLFx9vG/zufrsnyd2rfstKvP8mnuNMu37Dy//AEPp9zNwynVPgPDGRjOwHAGhjMwnIHhDAxnYDgDwxkYzsBwBoYzMJyB4QwMZ2A4A8MZGM7AcAaGMzCcgeEMDGdgOAPDGRjOwHAGhjMwnIHhDAxnYDgDwxkYzsBwBoYzMJyB4QwMRwrcZzh9IEiBh9xcj9mCTwo8zXAmUXPqvushjsWdR82q63RPDXwfNa0uxD427kN0Fmqo18bduyldbely2Ob6rZvSdT66Mo9lnvL3A6n6tVHgxwn9BMD7igG/PRtnAAAAAElFTkSuQmCC);background-position:50%;background-repeat:no-repeat;border:1px solid #000;border-radius:50%;justify-self:center;width:auto;height:100%}body{background-color:gray;height:100dvh}.creation{grid-template-columns:50% 50%;height:100%;display:grid}.companion_creation{height:100%;overflow:scroll}.character_creation_data,.companion_data{color:#000;grid-template-rows:40px 10dvw repeat(auto, 20px) 40%;background-color:#40404080;grid-template-columns:30% 20% 20% 30%;justify-content:center;justify-self:center;width:60%;margin-bottom:25px;padding:10px 50px;display:grid}.character_creation_data{grid-template-areas:"iname iname dname dname""iin iin din din""character_name character_name_value character_name_value character_name_value""character_system character_system_value character_system_value character_system_value""character_level character_level_value character_level_value character_level_value""character_species character_species_value character_species_value character_species_value""character_classes_text character_classes_text character_classes_text character_class_levels_text""class_list class_list class_list class_list""add_class add_class add_class add_class""back back confirm confirm"}.companion_data{grid-template-areas:"iname iname dname dname""iin iin din din""character_name character_name_value character_name_value character_name_value";width:50%}.iname{grid-area:iname}.dname{grid-area:dname}.iin{grid-area:iin}.din{grid-area:din}.character_creation_name{grid-area:character_name}.character_creation_name_value{grid-area:character_name_value}.character_creation_system{grid-area:character_system}.character_creation_system_value{grid-area:character_system_value}.character_creation_level{grid-area:character_level}.character_creation_level_value{grid-area:character_level_value}.character_creation_species{grid-area:character_species}.character_creation_species_value{grid-area:character_species_value}.character_creation_classes_text{border-top:2px solid #000;grid-area:character_classes_text;margin-top:5px;padding-top:5px}.character_creation_class_levels_text{text-align:right;border-top:2px solid #000;grid-area:character_class_levels_text;justify-self:right;width:100%;margin-top:5px;padding-top:5px}#class_list{background-color:#404040;grid-area:class_list;height:fit-content}.class_list_entry{grid-template-columns:30px auto 50px;display:grid}#add_class{background-color:gray;border-bottom:2px solid #000;grid-area:add_class;width:100%;height:15px;margin-bottom:20px}#add_button{aspect-ratio:1;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAApZJREFUeAHt3cttWlEURuE/8SRDl2B34GGG7iDuwDcVUILpIEkJqcCUQAdmmBl3mFncATkngJIYCBiuosPS+qRtyS8JeYmn0T4J22WZUZnHMvMyi9U8rb52H52tuzI/8jvqrqnhDX1mPmd/2Jczjs7COK+Pu55PUdO6HB93PXdRs+Y5PXC9376MmtPl9LjrGQXibTg+ZDi3UXOGuHn+86kTwptwLDIsxN+GdBOtLQwMZ2A4A8MZGM7AcAaGMzCcgeEMDGdgOAPDGRjOwHAGhjMwnIHhDAxnYDgDwxkYzsBwBoYzMJyB4QwMZ2A4A8MZGM7AcAaGMzCcgeEMDGdgOAPDGRjOwHAGhjMw3K5lX3UZ532WK/1uylxFLerLzMpMynw99JcO3ZTutDXzHLC5/phN6U5bM84O48YuqHP8bGyu7xq9oM7x82tz/fpB1jw+kKJ5LnN9keW1t4to3pX5Xp8HD7kpXW25rYGvIqqbeh+8iLB8qRKuBu4jqlkNPIuo+hp4GlFN6oOs+p+jeTzOjaYvc12vwfUVj48Rzbh+uFh98i3La/D7iGBc5su2bzzkvF5QdzZn7xnIXYY9B9D5P1PfpLFx9vG/zufrsnyd2rfstKvP8mnuNMu37Dy//AEPp9zNwynVPgPDGRjOwHAGhjMwnIHhDAxnYDgDwxkYzsBwBoYzMJyB4QwMZ2A4A8MZGM7AcAaGMzCcgeEMDGdgOAPDGRjOwHAGhjMwnIHhDAxnYDgDwxkYzsBwBoYzMJyB4QwMRwrcZzh9IEiBh9xcj9mCTwo8zXAmUXPqvushjsWdR82q63RPDXwfNa0uxD427kN0Fmqo18bduyldbely2Ob6rZvSdT66Mo9lnvL3A6n6tVHgxwn9BMD7igG/PRtnAAAAAElFTkSuQmCC);background-position:50%;background-size:100%;justify-self:center;height:100%}.button_cancel,.button_confirm{text-align:center;color:#fff;background-color:#404040;grid-area:back;margin-right:5px}.button_confirm{grid-area:confirm;margin-left:5px}.button_confirm.pending{color:#404040;background-color:gray}.file_add_button,.creation h1,.creation h2{text-align:center;justify-self:center}.file_add_button{aspect-ratio:1;background-color:#fff;border-radius:100%;width:10dvw}.character_creation_info,.companion_info{grid-area:info;grid-template-columns:25% 75%;height:100%;display:grid}.character_creation_info{grid-template-rows:20px 20px 20px 20px}.character_img_input{appearance:none;background-image:url(/assets/Add%20Character%20Icon-Tb22GuIp.png);background-position:50%;background-repeat:no-repeat}.companion_img_input{appearance:none;background-image:url(/assets/Add%20Companion%20Icon-CNQcG3B_.png);background-position:50%;background-repeat:no-repeat}.character_sheet_input,.companion_sheet_input{appearance:none;background-image:url(/assets/Add%20File-9SmBQQHc.png);background-position:50%;background-repeat:no-repeat}.input_num_ud{text-align:center;grid-template:"input up"50%"input down"50%/1fr 20px;gap:0;width:100%;height:100%;margin:0;padding:0;font-size:16px;display:grid}.input{pdding:0;grid-area:input;width:100%;height:100%;margin:0}.num_input{text-align:end;width:calc(100% - 10px);padding-right:10px}.num_btn{aspect-ratio:1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAAr5JREFUeAHtmluOAUEYhf8x5kXEJSJEiMsKWAF2YAmsACvACtgBOxArYAfsgEdxJ0KEME4nPSGhupuq7orMl3QyDy186py69Pgiogt9ADb6EP5FRBGLxSiTyZBRpBHxeDxUrVap3+9TOp0mo9hJAnK5HNXrdWU0XsXSEUGEut0utdvttySAJSOixqhYLBIvTBdRBSDDE9NEEKNms/l2hJ4hXAQfHAKvTKlGEFZ2RKfRaNBwOBQuAYSIlEolRUCrzIvFgpbLJfGAa7TwzWM9SCaTzPt2ux1Np1M6HA7k8/mIB1xE9PbgeDzSeDym/X5PvHlLBD1AjLSm0/P5rMRotVopf4vgZZF8Pq/ESGs9WK/XSoxECagYFkF8KpWKZozQg/l8LiRGj9Atgh5AACPBAj2AwGazITPRFJGpByyYInq319vtliaTCZ1OJ7KKhyKy9oDFnYje7TWiM5vNlBjJwp+I3u21KmBFD1jY9W6vESOsylb2gIVN7/kA06rM2FqtFsXjcSqXyzQajZ7e6Ha7KZFIkN/vJ7tdimcWd/xt43F2yGazBDEWXq+XIpEIuVwukom78whGpFAoKCPU6/Wevujn54eCwaByn8PhIBl4eLCCEEYHUqy4QSgcDlMgELA8bswTotofTM2sNUPtDw5JNps1j8p0vWutVqNUKqXZH4hEo1FL+qP767vtj1bc1P6YGTfDOYAEPqSe/iBuZvXn5UAjZogb+sMC/UHceD1keMZbzcQEgP5ghFj9+f7+VkRwn6j+cJli1P7g/KKnP6FQiHvcuM6VnU5HV3+cTqeQ/lxEXNfN6OW6q768wvVQZ/j9hK1et9O11vrDA+HLsCqkFbd3MW0/cbvdESV0MfvS6o9UHWFx25/BYEA8sPS/uhDC7oBHf6T4wcBtf97hItOF/lyf7Bh+3Rf9/8xJLj5G5Beh6A6o7/mrDgAAAABJRU5ErkJggg==) 50%/cover no-repeat;justify-content:right;height:10px;position:relative;left:25%}.num_up{transform:rotate(90deg)scaleY(2)}.num_down{transform:rotate(-90deg)scaleY(2)}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.character_grid{grid-template:"character companions"50%"character notes"50%/50% 50%;gap:5px;width:100%;height:-webkit-fill-available;height:-moz-available;height:stretch;display:grid}.character_grid *{color:#000;border:none}.view_section{box-sizing:border-box;width:100%;height:100%;margin:0;padding:0;overflow:clip}#character_sheet{box-sizing:border-box;height:1fr;width:1fr;grid-area:character}#character_companions{box-sizing:border-box;height:1fr;width:1fr;grid-area:companions}#character_notes{box-sizing:border-box;height:1fr;width:1fr;grid-area:notes}#character_companion,#character_note{grid-template-rows:50px auto;grid-template-columns:100%;display:grid}.tab_list{flex-direction:row;gap:10px;display:flex}.tab_entry{cursor:pointer;background-color:#e1e1e1;border:1px solid #000;border-radius:5px 15px 0 0;flex-flow:row;gap:5px;width:fit-content;height:18px;padding:5px 15px 5px 5px;display:flex}.tab_entry.active{color:#e1e1e1;background-color:#a0a0a0;border:1px solid #e1e1e1}.tab_entry.new_tab{aspect-ratio:1;background-color:#a1a1a1;border:2px dashed #000;border-radius:50%;place-content:center;width:fit-content;height:26px;padding:0;display:inline}.tab_entry.new_tab:hover{background-color:#00a000}.tab_entry p{text-wrap:nowrap;align-self:center;width:max-content;margin:0;padding:0}.tab_entry:not(.new_tab) b{aspect-ratio:1;text-align:center;border:1px solid black inset;box-sizing:border-box;border-radius:50%;place-self:center;width:auto;height:100%;margin:0;padding:0}.tab_entry:not(.new_tab) b:hover{background-color:#a00000}.content{border:1px solid #000;width:100%;height:100%;overflow-x:scroll}embed{width:auto;height:auto;display:block}