:root{font-family:'Inter',sans-serif}@supports(font-variation-settings:normal){:root{font-family:'Inter var',sans-serif}}html,body{margin:0;padding:0;background:#171a1e;width:100%;height:100vh;color:white;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:14px}textarea{font-size:12px}@media only screen and (max-width:1400px){html,body{font-size:12px}.main-column-left{width:24em}.div-spell-extra{display:none !important}textarea{font-size:12px}}@media(-webkit-min-device-pixel-ratio:1.2){html,body{font-size:12px}.main-column-left{width:24em}.div-spell-extra{display:none !important}textarea{font-size:12px}}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:#363636;border-radius:6px}::-webkit-scrollbar-thumb{background:#2d4059;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#ff5722}.top-bar{padding-left:.5em;border-bottom:2px solid #ff5722}.menu-bar{width:100%;display:flex;overflow:hidden}.hamburger{height:2.5em;width:2.5em;display:inline;vertical-align:middle;padding-right:.5em;cursor:pointer}.menu-title{font-size:2em;color:white;display:inline;vertical-align:middle}#menu{display:inline-block;vertical-align:middle}#active-builds{margin-left:2em;color:white;overflow-x:hidden;overflow-y:hidden;width:100%;white-space:nowrap;flex:1;display:inline-flex}.active-build-section{display:inline-flex;margin-right:1em;margin-bottom:.3em;margin-top:.3em;white-space:nowrap;color:white;align-self:flex-end;padding:.3em;align-items:flex-end;overflow:hidden}.active-build-section-active{color:white}.active-build-section-inactive{color:#a8a8a8}.button-active-build{display:inline-block;padding:.3em;text-align:center;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;flex:1;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#main-container{display:none;flex:1;margin-top:.5em}#div-play{display:none}.main-column-left{display:inline-block;padding-right:.5em;height:calc(100vh - 3.8em);overflow-y:scroll;width:26em;scroll-behavior:smooth;transition:.3s}.main-column-right{flex:1;height:calc(100vh - 3.8em);margin-left:1em;padding-left:.5em;padding-right:.5em;min-width:0;min-height:0}.main-column-left-hidden{overflow:hidden;width:0;padding-right:0}.main-column-right-hidden{margin-left:.3em;padding-left:0}.visuallyhidden{opacity:0}.build-section{margin-left:.5em;margin-right:.5em;margin-bottom:.5em}.rounded-rectangle{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:.5em 1em .5em 1em;border-radius:10px 10px 10px 10px;background:#222831}.rounded-bottom-only{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:.5em 1em .5em 1em;border-radius:0 0 10px 10px;background:#222831;margin-bottom:.5em}.rounded-rectangle-white{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:.5em 1em .5em 1em;border-radius:10px 10px 10px 10px;background:#222831;margin-bottom:.5em}.subtitle{font-size:1.2em;color:#ff5722 !important}.subtitle-noline{color:#ff5722;font-size:1.2em;margin-bottom:.5em}#container-row-0{display:flex;flex-direction:row}#container-row-0-col-0{display:inline-block}#container-row-2{display:flex;flex-flow:row;height:calc(100vh - 17.8em);min-width:0;min-height:0}.section-top{width:43em;height:7em;vertical-align:top}#section-conditions{display:inline-block;flex:1;vertical-align:top;margin-left:.5em;height:14em}.div-conditions{overflow-y:auto;height:9em;padding-bottom:.5em;padding-top:.5em}.tabbed-area-top-holder{align-items:center;margin-bottom:1em;width:100%;display:flex;justify-content:center}.tabbed-area{flex:1;display:flex;flex-direction:column;background:#171a1e;min-width:0;min-height:0}.tabbed-area-display-holder{flex:1;height:0;overflow-y:scroll;min-width:0;min-height:0}.tabbed-area-display{margin-top:1em;vertical-align:top;margin-right:1em;min-width:0;min-height:0}.tabbed-area-menu{padding-bottom:.2em;border-bottom:2px solid #ff5722}.section-menu{margin-right:1em;color:#a1a1a1;display:inline-block;cursor:pointer;font-size:1.3em}.section-menu:hover{color:#ff5722}.section-menu-selected{color:#ff5722}.submenu{padding-top:.3em;padding-bottom:.2em;border-bottom:1px solid #ff5722;margin-bottom:.3em}.button-filter{display:inline-block;align-items:flex-end;cursor:pointer;border-radius:5px;border:1px solid white;padding:.3em;width:1.5em;height:1.5em;align-self:flex-end;margin-left:.5em;margin-right:.2em}.filter-controls{display:inline-block}.button-filter:hover{border:1px solid #ff5722}.button-filter-selected{border:1px solid #ff5722}.centered-div-holder{width:100%;display:flex;justify-content:center;align-items:center}.layout-tabbed-line{border-radius:8px;padding:.5em;vertical-align:top;background:#222831;margin-bottom:.5em}.layout-tabbed-armor{border-radius:8px;padding:.5em;vertical-align:top;background:#2a323d;margin-top:1.4em;margin-bottom:2em;border:2px solid #2a323d}.layout-tabbed-item-single{border-radius:8px;padding:.5em;vertical-align:top;background:#2a323d;margin-top:1.4em;margin-bottom:2em}.layout-item{border-radius:8px;padding:.5em;vertical-align:top;background:#222831;margin:.5em}.label-header{padding:0 0 5px 0;font-weight:600;border-width:0 0 1px 0;border-style:solid;border-color:#ff5722;display:inline-block;width:100%;font-size:1.2em;margin-bottom:10px}.button-remove{display:inline-block}.grid-container{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.grid-item{display:inline-block}.button-bar{display:table;border-spacing:.2em;width:100%}.button-bar-row{display:table-row}.button-text{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button-slim{display:inline-block}.button-simple{text-align:center;padding:.3em}.layout-custom{align-items:center}.layout-custom:hover{background-color:#2a323d}.button-currency{display:inline-block;margin-top:.2em;height:100%;width:5em}.div-button{padding:.1em .3em .1em .3em;cursor:pointer;border:2px solid #2d4059;border-radius:4px}.div-button-simple{padding:.1em .3em .1em .3em;cursor:pointer;border:2px solid #2d4059;border-radius:4px;vertical-align:middle;display:flex;flex-direction:column;justify-content:center;align-content:center}.button-login{cursor:pointer;margin:1em}.button-highlight{border:2px solid #ff5722}.div-button-disabled{padding:.1em .3em .1em .3em;cursor:pointer;color:gray;border:2px solid #222831;border-radius:4px}.dragged-item{background-color:#2d4059}.potential-drop{box-shadow:0 0 2px #fff inset}.div-button:hover,.div-button-simple:hover{border:2px solid #ff5722}.button-selection{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}.button-icon{padding-top:.2em}.button-selection{font-size:1em}.button-column{display:inline-block;vertical-align:middle;padding-left:.3em}.cogText{font-size:1em;font-weight:bold}.cogButton{width:5.4em;min-width:5.4em;display:inline-block}.icon-bag{width:1em;height:1em}.text-money{padding-top:.2em}.button-money{width:8em}.table-money{display:inline-grid;margin:auto}.table-gear-buttons{display:inline-grid;width:35em;margin:auto}.table-money-holder{display:flex;flex-wrap:wrap;align-content:center;width:100%}.gear-column{display:inline-block;vertical-align:top}.div-bulk{margin:auto;display:inline-block}.div-bulk-container{display:flex;flex-wrap:wrap;align-content:center;width:100%}.small-margin-right-bottom{margin-bottom:.3em;margin-right:.3em}.padding-standard{padding:.5em}.margin-standard{margin:.4em}.standard-spinner-width{width:12em}.margin-left{margin-left:.6em}.select-box{padding:.2em;font-size:1em;border:0 solid white}.armor-table{margin-top:1em;font-size:.9em;width:100%}.armor-table div{text-align:center;padding:.3em}.hidden{display:none}.invisible{visibility:hidden}.prof-layout{padding:.2em;cursor:pointer}.prof-selected{color:#ff5722}.prof-name{width:10em;font-size:1em;display:inline-block;height:100%;vertical-align:middle}.prof-name-weapon{width:8em !important}.prof-img{height:22px;width:auto}.prof-section-holder{display:inline-block;height:100%;vertical-align:middle}.prof-section{display:inline-block;margin-right:.2em}.prof-shorter-name{width:8em !important;width:calc(10em-32px) !important}.listview-item{display:block;flex:1;padding-left:.2em;padding-top:.2em;padding-bottom:.2em;padding-right:.6em}.listview-title:hover{color:#ff5722}.listview-title-selected{color:#ff5722}.listview-detail{margin-left:2em;margin-top:.6em}.listview-traits{margin-left:2em}.selected-item{border:2px solid #ff5722}.listview-title{line-height:1.4em;vertical-align:middle;padding:5px;margin:0;display:inline-block}.listview-title-limited{max-width:18em;width:18em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.top-div{display:flex;align-items:center;cursor:pointer}.listview-item-level{display:inline-block;float:right;font-size:1em}.item-level-box{display:inline-block;background:#2d4059;width:1.8em;height:1.3em;font-size:.9em;padding:.2em;text-align:center;vertical-align:middle}.item-uncommon{background:#985420}.item-rare{background:#151a4b}.item-third{background:#315e24}.item-unique{background:purple}.item-custom{background:#702963}.item-nolevel{border-radius:50%;width:.5em;height:.5em;margin-right:.65em}.icon-2h{float:right;vertical-align:middle;cursor:pointer}.speed-size-section{display:inline-block;margin-right:1em}.speed-size-img{display:inline-block;margin-right:.5em}.speed-size-right{height:2.2em;vertical-align:top;display:inline-block}.button-name{width:23em}.button-show-plan{width:3em;height:2.6em;text-align:center;font-size:.9em}.portrait{height:12em;cursor:pointer;width:auto;border:1px solid black}.edittext-dark{background:#2a323d;color:white;padding:.3em;border:0 solid white;outline:0}.edittext-dark:focus{outline:none !important}.custom-div{display:flex;flex-direction:column}.edittext-custom{background:#2a323d;color:white;padding:.3em;border-width:0;flex:1;height:1.4em;margin-bottom:.5em;vertical-align:top}.weapon-button{display:inline-block;width:4.5em}.icon-ac{vertical-align:middle}.weapon-bar{border-top:1px solid #606060;display:flex;align-items:center;height:3em}.weapon-table-label{display:inline-block;width:12em}.weapon-traits{margin-top:.5em;display:inline-block}.weapon-name{display:inline-block;vertical-align:middle;width:14em}.weapon-hit{display:inline-block;width:5em}.weapon-span{color:#a1a1a1}.button-x{display:inline-block}.mapspan{display:inline-block;width:4.5em;color:#a1a1a1}.button-adjust-qty{display:inline-block;width:1.5em;font-weight:bold}.button-edit-container{width:5em}.spinner-dark{background:#2a323d;color:white;margin-top:.4em;margin-right:.4em;padding:.3em;outline:0;border:0 solid white}.spinner-dark:focus{outline:none !important}.spinner-load{background:#2a323d;color:white;margin:0;border:0;outline:0;display:inline-block;padding:.2em;border:2px solid #2d4059;border-radius:5px}.button-languages{height:5em}.selection-languages{height:3.5em;overflow-y:auto}.selected-language{color:#ff5722}.details-root{display:flex;flex-direction:column;height:95%}.div-notes{margin-top:2em;flex:1}.textarea-notes{height:90%;width:99%}.details-buttons{display:inline-block;width:35em;margin-left:1em;vertical-align:top}.ability-container{display:inline-block;vertical-align:top;margin-top:.5em}.ability-span{display:inline-block;margin-right:.3em;width:4.1em;cursor:pointer}.abilityLabel{text-align:center;font-size:.9em}.override-ability-label{display:inline-block;width:3em}.override-ability-input{width:3em;margin-right:3em}.abilityTotal{text-align:center;display:inline-block;color:#a1a1a1}.abilityMod{font-weight:bold;text-align:center}.additional-input{width:26em;margin:1em;font-size:1em;padding:.4em}.progress-bar-container{display:grid;font-size:.9em;border-radius:.4em;width:100%;background-color:grey}.progress-bar{grid-column:1;grid-row:1;border-radius:.4em;height:1.8em}.progress-bar-text{grid-column:1;grid-row:1;padding:.3em;color:white}.progress-bar-red{background-color:#2d4059}.progress-bar-green{background-color:#ff5722}.progress-bar-stamina{background-color:#0b7db3}.defenses-top{display:flex}.defenses-top-right{flex:1}.section-defenses{width:43em;margin-top:.5em;height:6.5em;vertical-align:top}.shield-info{margin-top:.2em}.defense-lines{display:inline-block;vertical-align:top;margin-left:1em}.defense-top-line{display:inline-block;width:22em;vertical-align:top}.defense-second-line{display:inline-block;vertical-align:top}.shield-healthbar{width:20em}.healthbar{width:20em;margin-bottom:.3em}.short-proficiency{display:inline-block}.section-init{margin-bottom:.5em}.section-skills{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;height:0}.section-skill{margin-bottom:.5em;cursor:pointer;white-space:nowrap}.section-skill:hover{color:#ff5722}.section-skill-total{margin-left:.5em;display:inline-block;vertical-align:middle;width:2em}.section-skill-name{max-width:10em;overflow:hidden;white-space:nowrap;margin-left:.5em;display:inline-block;vertical-align:middle}.ac-holder{display:inline-grid}.ac-image{grid-column:1;grid-row:1;width:auto;height:5.5em}.ac-text{grid-column:1;grid-row:1;margin:auto;font-size:1.8em;font-weight:bold}.ac-label{grid-column:1;grid-row:1;margin:.5em auto;font-size:.9em}.condition{display:inline-flex;align-items:center;margin-right:1em;margin-top: 0.5em;}.condition-name{cursor:pointer;padding:.3em}.condition-name:hover{color:#ff5722}.condition-image{width:auto;height:1.5em;cursor:pointer}.condition-button{width:1.5em;padding:.3em;text-align:center}.checkbox-standard{width:1.2em;height:1.2em}.checkbox-container{display:inline-flex;vertical-align:middle;align-items:center;cursor:pointer}img{image-rendering:optimizeQuality}.small-icon{width:1.5em;height:1.5em;margin-right:5px;vertical-align:middle}.action-icon{display:inline;margin-right:.3em;padding-bottom:.1em;vertical-align:middle}.green-text{color:#78f678}.grey-text{color:#a1a1a1 !important}.red-text{color:#5f6671  !important}.warning-text{color:#ec5f67 !important}.underlined{border-bottom:1px solid grey}.small-text{font-size:.9em}.big-text{font-size:1.2em;font-weight:bold}.centered-tiny{text-align:center;font-size:.8em}.tiny-test{font-size:.8em}.bold-standard{font-weight:bold}.centred-parent{position:relative;display:grid;justify-content:center;align-items:center}.centred{grid-column:1;grid-row:1;margin:0 auto}.centred-top{position:absolute;top:0;background-color:red;width:100%}.centered-flex{display:flex;justify-content:center}.indent-1{margin-left:2em}.indent-2{margin-left:4em}.indent-3{margin-left:6em}.indent-4{margin-left:8em}.copyright{color:#a1a1a1;font-style:italic}.traitFlexBox{margin-top:.2em;margin-bottom:.2em}.trait{padding:2px 5px 2px 5px;margin:2px;font-size:.9em;color:white;display:inline-block}.trait-common{background-color:#2d4059}.trait-rare{background-color:#151a4b}.trait-uncommon{background-color:#985420}.trait-unique{background-color:purple}.trait-third{background-color:#284520}.trait-size{background-color:#478c42}.trait-alignment{background-color:#4287f5}.icon-spell-slot{width:2em;height:2em}.icon-spellbook{vertical-align:middle;display:inline-block}.text-spell{display:inline-block;margin-top:.2em;margin-bottom:.2em}textarea{resize:none}.div-spell-scroller{overflow-y:hidden;overflow-x:auto;display:inline-block}.div-spell-level{border-radius:8px;padding:.5em;vertical-align:top;background:#2a323d;display:inline-block;width:18em;margin-top:2em;margin-right:2em}.div-spell-level-new{padding:.3em;vertical-align:top;margin-top:1em;min-width:0;min-height:0}.button-caster{min-width:8em;text-align:center;display:inline-block}.spell-detail{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:.9em;margin-left:1em;vertical-align:middle;padding-left:.3em;padding-right:.3em;flex:1;display:inline-flex;justify-content:center;align-content:center;flex-direction:column;display:inline-block;align-self:center;min-width:0;min-height:0}.spell-action-holder{width:3em;vertical-align:middle;display:inline-flex;justify-content:center;align-content:center;flex-direction:column}.button-cast{display:inline-block;width:3em;vertical-align:middle;display:inline-flex;justify-content:center;align-content:center;flex-direction:column;font-size:.9em;padding-left:.5em}.button-spell{font-size:.9em;padding:.3em;display:inline-block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:15em;vertical-align:middle;margin-right:1em;border-right:1px solid #171a1e}.spell-button-row{margin-top:.3em;vertical-align:middle;display:flex;border-radius:4px;padding:.2em;background:#222831;min-width:0;min-height:0}.spell-button-row:hover>*{color:#ff5722 !important}.spell-headers{display:flex;color:gray;font-size:.8em;vertical-align:bottom}.spell-header-label{margin-left:1em;flex:1}.login-box{display:inline-block;max-width:300px;width:300px;margin:10px;vertical-align:top;height:200px}.modal{position:absolute;display:none;z-index:2;left:0;top:0;width:100%;height:100%;background-color:#000;background-color:rgba(0,0,0,0.6)}.modal-content{display:flex;flex-direction:column;margin:auto auto;padding:0;width:80vw;max-width:1250px;max-height:80vh;background:#171a1e;-webkit-box-shadow:0 0 0 1px black;-moz-box-shadow:0 0 0 1px black;box-shadow:0 0 0 1px black}.modal-content-listview{height:80vh}.modal-buttons{display:inline-block;flex:0 1 auto;padding:.6em;background:#171a1e}.dialog-top-bar{color:white;padding-left:1em;padding-bottom:.3em}.modal-content-restricted-30{width:30em !important;margin:15% auto !important}.scrollable{flex:1;padding:.5em;height:60vh;overflow:auto}.content-listview{background-color:#222831;display:flex;min-height:0;flex-grow:1}.div-listview-scroller{display:inline-block;max-width:24em;width:24em;padding:.5em;overflow-y:scroll;min-height:0;flex-grow:1}.div-listview-info{display:inline-block;padding:2em 2em 2em 2em;overflow-y:scroll;min-height:0;flex:1}.modal-button{display:inline-block;padding:.3em;margin:.2em;width:6em;text-align:center;color:white;border:1px solid white;border-radius:8px;cursor:pointer}.modal-button-disabled{color:#505050;border:1px solid #505050;cursor:not-allowed}.modal-button:hover{-webkit-box-shadow:inset 0 0 1px .5px white;-moz-box-shadow:inset 0 0 1px .5px white;box-shadow:inset 0 0 1px .5px white}.action-single{width:1em;height:1em}.dialog-title{font-size:1.5em;font-weight:bold}#ring-holder{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5}.check-box .box{background-color:white;border-color:#500000;border-width:2px;border-radius:3px}.check-box:selected .mark{background-color:black}.menu-group{margin-left:1.5em;margin-bottom:1.5em}.menu-group-header{font-size:.9em;color:#ff5722;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidenav{height:100%;width:0;position:fixed;z-index:2;top:0;left:0;background-color:#222831;overflow-x:hidden;transition:.3s;white-space:nowrap}.sidenav-link{text-decoration:none;display:block;margin-top:.3em;line-height:1.5;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidenav-link:hover{color:#ff5722}.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}.backdrop{background-color:rgba(0,0,0,0.5);width:0;height:100%;z-index:1;display:block;position:fixed}#dice-backdrop{z-index:8}.sidenav-header{height:5em;background-color:#171a1e;width:100%;display:inline-block;color:white;padding:.5em;overflow:hidden;white-space:nowrap}.sidenav-body{padding:.5em}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}.main-header{background-color:#222831;border:1px solid #222831;color:#ff5722;text-align:left;outline:0;font-size:1em;margin-top:.2em;border-radius:.5em .5em 0 0;padding:.3em}.custom-ability-box{height:6em;vertical-align:top}.panel{display:none;overflow:hidden}.beta-info{margin-top:5em;width:30em}.help-p{display:inline-block;max-width:300px;margin:1em;vertical-align:top}.help-img{display:inline-block;border-radius:4px;border:1px solid #ff5722;margin:1em}a:link{color:#ccc}a:visited{color:gray}a:hover{color:#ff5722}a:active{color:#ff5722}.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltip .tooltiptext{visibility:hidden;width:90px;background-color:#222831;color:#fff;text-align:center;padding:5px 0;border:1px solid #ff5722;border-radius:6px;font-size:.9em;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.tooltip .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#555 transparent transparent transparent}.tooltip .tooltiptextCrit{visibility:hidden;width:160px;background-color:#222831;color:#fff;padding:5px;border:1px solid #ff5722;border-radius:6px;font-size:.9em;position:absolute;z-index:5;top:100%;left:50%;margin-left:-80px}.tooltip:hover .tooltiptextCrit{visibility:visible}.crit-text{color:#b4b4b4;margin-left:1.5em}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.pet-column-holder{display:flex;min-height:63.6em}.pet-column-holder-generic{display:flex;min-height:57em}.pet-column-0{display:inline-flex;flex-direction:column;width:32em}.pet-column-1{flex:1;display:inline-flex;flex-direction:column;margin-left:.5em}.familiar-spinner{display:block;width:100%;margin-bottom:.3em}.break-word{word-wrap:break-word}.section15{display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}#gmBar{font-size:1.5em;vertical-align:middle;align-self:center;margin:.3em;display:inline-block}.dot-holder{display:inline-block;vertical-align:middle;height:100%}.dot{vertical-align:middle}@media only screen and (max-width:1300px){.pet-column-holder{display:block}.pet-column-0{width:100%;display:block}.pet-column-1{width:100%;display:block}}.dice-tray{height:100%;width:360px;z-index:10;top:0;position:fixed;right:-360px;background-color:#222831;overflow-x:hidden;transition:.3s;overflow-y:hidden;display:flex;flex-direction:column}#canvas-container{width:340px;height:340px;position:relative}#canvas{width:100%;height:100%;position:absolute;top:0;left:0;border:1px solid #ff5722}#canvas-total{width:100%;height:100%;line-height:340px;text-align:center;position:absolute;top:0;left:0;opacity:0;z-index:9;font-size:10em;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3 ease-in-out}#canvas-total.fade{opacity:.6}.dice-content{padding:10px;display:flex;flex-direction:column;flex:1;overflow:hidden}.dice-button-on{color:#ff5722}#dice-title{font-size:1.4em;text-align:center;font-weight:bold;margin-top:.3em;margin-bottom:.3em}#dice-summary{text-align:center;margin-bottom:1em}#dice-history{margin-top:1em;width:340px;white-space:normal;font-size:.9em;overflow-y:scroll;flex:1}.dice-history-item{margin-top:1em}#dice-result{font-size:2em;font-weight:bold;margin-top:1em;text-align:center}.superscript-damage{font-size:.7em;margin-left:.2em;margin-right:.3em;color:silver}.color-fire{color:#f69c85}.color-cold{color:#a9f5f7}.color-elec{color:#c1baf9}.color-acid{color:#ccf4b0}.color-precision{color:#f9faa2}#dice-switch{bottom:60px;right:60px;position:absolute;cursor:pointer}.dice-switch-image:hover{animation:rotation 1s infinite linear}.dice-proficiency:hover{animation:rotation 1s infinite linear}.dice-button:hover .dice-proficiency{animation:rotation 1s infinite linear}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}.center_field{position:absolute;text-align:center;height:100%;width:100%}.center_field *{position:relative;font-family:Trebuchet MS;background-color:rgba(255,255,255,0.6);padding:5px 15px}.center_field br{background-color:rgba(0,0,0,0)}.bottom_field{position:absolute;text-align:center;bottom:5px;width:inherit;padding:0}#label{font-size:32pt;word-spacing:.5em;padding:5px 15px;color:rgba(21,26,26,0.6);top:45%}#labelhelp{font-size:12pt;padding:5px 15px;color:rgba(21,26,26,0.5);bottom:50px}#set{text-align:center;font-size:26pt;border:0;color:rgba(0,0,0,0.8);background-color:rgba(255,255,255,0);top:60%}#sethelp{font-size:12pt;color:rgba(21,26,26,0.5);background:0;top:25%}#selector_div button{font-size:20pt;color:#fff;background-color:rgba(0,0,0,0.6);cursor:pointer;border:0;width:5em;top:62%}.dice_place{position:absolute;border:solid black 1px}#snackbar{visibility:hidden;min-width:15em;margin-left:-7.5em;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:50;left:50%;bottom:4em;border-radius:1em}#snackbar.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s;bottom:30px}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{from{opacity:1}to{opacity:0}}@keyframes fadeout{from{opacity:1}to{opacity:0}}#slider{height:10px}#slider .noUi-connect{background:#222831}#slider .noUi-tooltip{display:block;position:absolute;border:1px solid #ff5722;border-radius:3px;background:#222831;color:#fff;padding:5px;text-align:center;white-space:nowrap}#slider .noUi-handle{border-radius:3px;background:#222831;cursor:default;box-shadow:inset 0 0 1px #000,inset 0 1px 7px #1f1f1f,0 3px 6px -3px #202020}#slider .noUi-base{background:#222831}.new-load-buttons{cursor:pointer}.new-load-buttons:hover{filter:drop-shadow(1px 1px 0 #ff5722) drop-shadow(-1px 1px 0 #ff5722) drop-shadow(1px -1px 0 #ff5722) drop-shadow(-1px -1px 0 #ff5722)}.div-listview-info-dm{background:#171a1e}.progress-bar-shield{background-color:#2d4059}.dm-skill_background{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:.5em 1em .5em 1em;border-radius:10px 10px 10px 10px;background:#222831}.subtitle-map{color:#ff5722 !important}.button-x-delete{height:1.5em;width:1.5em}.button-x{vertical-align:middle}