:root{--app-color--primary__hex:#000;--app-color--secondary__hex:#000}h2,h3{font-weight:500}*,h2,h3{font-family:"Avona Serif"}.fa,.fad,.fal,.far,.fas{font-family:Font Awesome\ 5 Pro!important}.ms{font-family:Mana!important}.ss{font-family:Keyrune!important}.app-color--primary{background:linear-gradient(-90deg,var(--app-color--secondary__hex),var(--app-color--primary__hex))}.portrait--small{display:flex;align-items:center;justify-content:center;height:50px;width:50px;border-radius:25px}.font-color--header,.font-color--primary{color:#fff}.font-color--text{color:#9f9f9f}.font-size--tiny{font-size:10px}.font-size--medium{font-size:22px}.font-size--large{font-size:28px}.font-style--readable{font-family:Roboto,sans-serif}.font-style--title{font-family:Cinzel}*{-webkit-tap-highlight-color:transparent}.z-index--1{box-shadow:0 5px 10px #000}.corners--rounded{border-radius:5px}.emptyPage{position:absolute;display:flex;flex-flow:column;top:50%;bottom:50%;width:100%;justify-content:center;align-items:center;opacity:.2;color:#fff}.emptyPage i{font-size:2em;margin-bottom:15px}.emptyPage .text{font-size:.75em;max-width:200px}.fancyScrollbar{scroll-behavior:smooth;overflow-y:overlay;overflow-x:hidden}@media (min-width:768px){.fancyScrollbar::-webkit-scrollbar-track{border-radius:10px}.fancyScrollbar::-webkit-scrollbar{width:10px}.fancyScrollbar::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background:rgba(85,85,85,.2)}}:not(textarea|button){-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button{touch-action:manipulation}.Input{margin:auto;margin-bottom:30px;width:250px;position:relative}.Input>*{color:#fff}.Input label{position:absolute;left:10px;font-size:10px;white-space:nowrap;top:calc(-25% + 4px);color:#ccc;padding:3px 5px 3px 5px;background:#1e1e1e;pointer-events:none}.Input .icon{position:absolute;left:calc(-50% + 16px);z-index:1;bottom:0;top:15px}.Input .icon:before{height:18px;width:18px}.Input .icon--decorative{left:10px}.Input .icon--status{left:auto;right:7px;opacity:0}.Input .icon--status.visible{opacity:1}.Input .icon--status.invalid{color:red}.Input .icon--status.valid{color:green}.Input input,.Input select{height:50px;font-size:16px;outline:none;border:3px solid #777;padding-left:32px;padding-right:32px;box-sizing:border-box;width:100%;color:#fff;background:#1e1e1e}.Input input.invalid,.Input select.invalid{border:3px solid red}.Input input.invalid+label,.Input select.invalid+label{color:red}.Input .underRow{margin-top:2px;font-size:10px;width:100%}.Input .underRow .characterLimit{color:#75756a}.Input .underRow .characterLimit .reason{position:absolute;left:0;text-align:left}.Input .underRow .characterLimit .lengthCount{position:absolute;right:0}.Input .underRow .characterLimit.invalid{color:red}.Input select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,grey 0),linear-gradient(135deg,grey 50%,transparent 0);background-position:calc(100% - 15px) calc(1em + 5px),calc(100% - 10px) calc(1em + 5px),calc(100% - 2.5em) .5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;outline:none}.Input select,.Input select option{text-transform:capitalize}.InputCheckbox{margin:auto;width:250px;display:flex;flex-flow:row;align-items:center;position:relative}.InputCheckbox>*{cursor:pointer;color:#fff}.InputCheckbox input{background:#333;min-height:30px;max-height:30px;min-width:30px;max-width:30px;font-size:16px;margin:0 0 0 0;padding:0;outline:none;border-radius:5px;-webkit-appearance:none;-moz-appearance:none}.InputCheckbox input:checked:after{content:"✕";margin:auto;position:absolute;top:-6px;left:4px;font-weight:bolder;font-size:26px;color:var(--app-color--primary__hex)}.InputCheckbox label{display:flex;justify-content:center;align-items:center;text-align:center;white-space:nowrap;padding-left:10px;height:30px}.InputCheckbox .underRow{margin-top:2px;font-size:.75em;width:100%}.InputCheckbox .underRow .characterLimit{color:#75756a}.InputCheckbox .underRow .characterLimit .reason{position:absolute;left:0;text-align:left}.InputCheckbox .underRow .characterLimit .lengthCount{position:absolute;right:0}.InputCheckbox .underRow .characterLimit.invalid{color:red}