:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:inherit;color:var(--foreground-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-color: #242424;--foreground-color: white;--soft-outline: rgb(65, 65, 65);--invert: none;--tooltip-background: none;--OBR-font: white;--OBR-font-transparent: rgba(255, 255, 255, .493);--OBR-offset-foreground: rgb(230, 230, 238);--OBR-offset-background: rgb(49, 49, 65);--OBR-light-blue: rgb(60, 62, 75);--OBR-light-blue-transparent: rgb(60, 62, 75, .5);--OBR-dark-blue: rgb(30, 34, 49);--OBR-dark-blue-transparent: rgba(30, 34, 49, .5);--OBR-dark-purple-transparent: rgba(58, 30, 38, .5);--OBR-Purple-Select: rgb(187, 153, 255);--OBR-Purple-Select-transparent: rgb(187, 153, 255, .5);--OBR-Day-Select: rgb(187, 153, 255, .9);--OBR-Day-Back: rgb(60, 62, 75)}@media (prefers-color-scheme: light){:root{--invert: brightness(75%);--background-color: #e9e9e9;--foreground-color: rgb(49, 49, 49);--soft-outline: rgb(196, 196, 196);--invert: invert(.65);--invert-click: none;--OBR-offset-fore: rgb(44, 44, 46);--OBR-offset-back: rgb(210, 210, 223);--OBR-dark-blue: rgb(209, 210, 217);--OBR-light-blue: rgb(231, 233, 238);--OBR-dark-blue-trans: rgba(255, 255, 255, .507)}}html{height:100%;scrollbar-gutter:stable both-edges}#app{text-align:center;display:flex;flex-direction:column;width:100%;scrollbar-gutter:stable both-edges}body{display:flex;margin:8px 0;height:calc(100% - 16px);width:100%;font-family:Arial,sans-serif}#tabControls{width:100%;display:flex;height:32px}.view-button{width:50%;font-weight:700;cursor:pointer;background-color:var(--OBR-dark-blue-transparent);border-radius:6px;border:1px solid var(--OBR-font);color:var(--OBR-font);margin-left:6px;margin-right:6px}.panel{width:100%;height:calc(100% - 32px)}#calendarHeader{padding-top:6px;height:8%;place-content:center;display:flex}#calendarSpellContainer,#calendarProfContainer{width:25%;justify-content:space-between;margin-left:2px;margin-right:4px}#calendarTitleContainer{width:50%}.title-line{font-weight:bolder;background-color:transparent;border-color:var(--OBR-Purple-Select);border-width:2px;border-style:solid;width:100%}#calendarMoonContainer{display:flex;justify-content:space-between;place-content:center;height:30%;overflow-y:hidden;scrollbar-color:var(--OBR-font) var(--OBR-Purple-Select);scrollbar-width:thin}#importPanel{margin-top:16px}#importTextInput{width:80%;height:80%;resize:none}#configPanel{margin-top:6px;overflow-y:scroll;scrollbar-color:var(--OBR-font) var(--OBR-Purple-Select);scrollbar-width:thin}#configMoonsInputContainer,#configDayNameContainer,#configMonthInputContainer{width:calc(100% - 15px);margin-bottom:8px}.form-group{width:96%;margin-bottom:.5em;display:flex;justify-content:space-between}.form-group label{align-content:center}.day-input-container{display:flex;justify-content:space-between;width:96%;margin-bottom:6px}.day-header{cursor:default}.month-input-container{display:flex;justify-content:space-between}#generateCalendar{width:75%;height:32px;border:1px solid grey;margin:6px}button:hover{background-color:var(--OBR-Purple-Select)}#calendarTimeContainer{height:8%;margin-top:6px;display:flex;justify-content:space-evenly}#calendarContainer{height:53%;overflow-x:hidden;scrollbar-color:var(--OBR-font) var(--OBR-Purple-Select);scrollbar-width:thin}.time-bontrol-button{border:1px solid var(--OBR-Purple-Select);border-radius:6px;padding:4px 6px}#timeContainer{width:70px;font-weight:bolder;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--OBR-font);text-shadow:0 0 1px var(--OBR-Purple-Select),0 0 2px var(--OBR-Purple-Select),0 0 8px var(--OBR-Purple-Select)}table{border-collapse:collapse;width:100%;height:100%;border-radius:6px;overflow:hidden}#calendar{height:98%}.calendar-system td,.calendar-system th{overflow:hidden;text-align:center;white-space:nowrap;padding-left:8px;padding-right:8px}.calendar-system-container{height:96%;width:100%}.calendar-system{width:100%;box-sizing:border-box;table-layout:fixed}.month-table-body{overflow-y:scroll}#spellInput,#spellLevelContainer{float:left;display:flex;justify-content:space-around}#profInput,#profLevelContainer{float:right;display:flex}.mon-forward-button,.day-forward-button{float:right;width:24px;height:24px;filter:var(--invert)}.clickable:active{filter:var(--invert-click);transform:scale(1.5)}.month-row{height:16px}.month-flex-name-container{display:flex}.month-name-flex{width:calc(100% - 48px);text-overflow:ellipsis;overflow-x:hidden;padding-left:6px;padding-right:6px}.current-month-name-flex{width:calc(100% - 96px);text-overflow:ellipsis;overflow-x:hidden;padding-left:6px;padding-right:6px}.month-header-cell{cursor:default;padding:5px;background-color:var(--OBR-Purple-Select-transparent)}.moon-image{width:74px;height:74px;margin-left:2.2px;margin-top:1.2px}.moon-dc-label{position:relative;display:block;top:-20px}.moon-icon{content:"";position:relative;cursor:default;display:flex;mix-blend-mode:color-burn;z-index:100;width:72px;height:72px}.moon-name-label{font-weight:bolder;position:relative;bottom:20px;left:0;z-index:1;overflow-x:hidden;display:block;width:70px;text-overflow:clip;margin-left:4px;margin-right:4px}.moon-container{width:90px;text-align:center;text-align:-webkit-center}.moon-phase-label{position:relative;display:block;top:20px;height:24px;width:100%;font-size:12px;font-weight:100}.moon-icon:after{content:"";position:absolute;border-radius:50%;margin:14px;width:69.5%;height:70%;background-color:var(--moon-color);opacity:.5;z-index:1}.day-cell{padding:6px;cursor:default}#floating-header{position:fixed;top:0;left:0;width:100%;background-color:var(--OBR-dark-blue);padding-top:6px;padding-bottom:6px;display:flex;justify-content:space-around;align-items:center}button{background-color:var(--OBR-light-blue);border-radius:6px;color:var(--foreground-color);border:none;cursor:pointer}.button-selected{background-color:var(--OBR-Purple-Select)}.content{margin-top:20px;padding-top:10px}@keyframes glow{0%{box-shadow:0 0 10px var(--OBR-Day-Select) inset;border-color:var(--OBR-Day-Select);border-width:1px;background-color:var(--OBR-Day-Back)}50%{box-shadow:0 0 20px var(--OBR-Day-Select) inset;border-color:var(--OBR-Day-Select);border-width:1px;background-color:var(--OBR-Day-Back)}to{box-shadow:0 0 10px var(--OBR-Day-Select) inset;border-color:var(--OBR-Day-Select);border-width:1px;background-color:var(--OBR-Day-Back)}}#titleLine{display:flex}#titleName{width:100%}.current-date{animation:glow 2s infinite;font-weight:bolder}input{background-color:var(--OBR-dark-blue-transparent);border-radius:6px;border:1px solid var(--OBR-font);color:var(--OBR-font);height:100%;padding:6px}.moon-input{width:25%;padding:3px}.input-mini{width:5%;margin:3px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.moon-mage-stuff{margin-top:4px;width:24px;height:12px;margin-left:2px;padding:2px}@keyframes battle-system-glow{0%{box-shadow:0 0 2px red}50%{box-shadow:0 0 8px 4px red}to{box-shadow:0 0 2px red}}@keyframes shine{0%{background-position:100% 0}to{background-position:-100% 0}}#patreonContainer{border:1px solid var(--foreground-color);border-radius:6px;padding:4px}.patreon-clickable{filter:var(--invert);background-color:transparent!important;border-style:none!important;height:20px;width:20px}.information{position:relative;display:inline-block;cursor:help}.information:hover:after{content:attr(data-information);display:block;position:absolute;top:100%;left:50%;transform:translate(-75%);padding:5px;background-color:var(--OBR-offset-background);color:var(--OBR-font);border:2px solid grey;border-radius:4px;white-space:pre-line;z-index:1}.imageIcon{width:20px;height:20px;margin-left:6px}.clickable{filter:var(--invert);background-color:transparent!important;border-style:none!important;vertical-align:text-bottom;height:25px;width:25px}hr{width:75%;margin:1.25em auto;border:none;border-top:1px solid #ccc}#importConfirmButton{width:75%;height:32px;font-weight:700;border:1px solid grey}#weatherPanel{height:40px;width:100%;display:flex}#weatherPanel button{margin:2px;width:100%;height:32px;font-weight:700;border:1px solid grey}