.calendar{display:flex;flex-direction:column}.calendar .calendar-header{display:flex;padding:var(--app-spacing-large)}.calendar .calendar-header .calendar-header-title{margin-right:var(--app-spacing-large);min-width:170px}.calendar .calendar-header .calendar-action-page-left{margin-right:var(--app-spacing-large)}.calendar .calendar-header .calendar-actions{display:flex;flex:1}.calendar .calendar-header .calendar-actions .calendar-action-refresh{margin-left:auto}.calendar .calendar-grid{position:absolute;width:100%}.calendar .calendar-grid .calendar-now{position:absolute;left:35px;right:10px;height:1px;background:var(--app-text-warning-color);z-index:1}.calendar .calendar-grid .calendar-now:before{content:"";position:absolute;left:0;top:-5px;right:0;height:10px;width:10px;background:var(--app-text-warning-color);border-radius:10px;z-index:1}.calendar .calendar-grid .calendar-grid-hour{height:60px;box-sizing:border-box;border-top:1px solid var(--app-tertiary-background-color);color:var(--app-text-subtle-color);font-size:.8rem}.calendar .calendar-grid .calendar-grid-hour .calendar-grid-hour-label{padding-left:var(--app-spacing-medium);-webkit-user-select:none;user-select:none}.calendar .calendar-events{position:relative}.calendar .calendar-events .calendar-event{background:var(--app-text-info-color);border:1px solid var(--app-text-low-contrast-color);margin-left:50px;margin-right:10px;width:calc(100% - 60px);color:var(--app-text-badge-color);border-radius:var(--app-spacing-medium);position:absolute;font-size:.7rem;padding:var(--app-spacing-small);box-sizing:border-box}.calendar .calendar-events .calendar-event.calendar-event-type-outOfOffice{background:var(--app-text-low-contrast-color);opacity:.5}.calendar .calendar-events .calendar-event .calendar-primary-details,.calendar .calendar-events .calendar-event .calendar-secondary-details{display:flex}.calendar .calendar-events .calendar-event .calendar-event-title{font-weight:600}.calendar .calendar-events .calendar-event .calendar-event-time,.calendar .calendar-events .calendar-event .calendar-event-time-relative{font-size:.8rem;font-weight:400}.calendar .calendar-events .calendar-event .calendar-event-time-relative{margin-left:auto;font-style:italic}.calendar .calendar-events .calendar-event .calendar-event-actions{margin-left:auto}.calendar .calendar-events .calendar-event .calendar-event-actions .button{color:var(--app-text-color);font-size:.8rem}.todo-list{display:flex;flex-direction:column;height:100%;padding:var(--app-spacing-large)}.todo-list .toggle-complete-button{width:100%;margin:var(--app-spacing-medium) 0}.todo-list .todo-list-items .todo-list-item{display:flex;align-items:center;margin:var(--app-spacing-medium) 0;background:var(--app-tertiary-background-color);border-radius:var(--app-spacing-small);padding:var(--app-spacing-large)}.todo-list .todo-list-items .todo-list-item .alert-icon{color:var(--app-text-warning-color)}.todo-list .todo-list-items .todo-list-item.todo-list-item--complete{text-decoration:line-through}.todo-list .todo-list-items .todo-list-item.todo-list-item--complete,.todo-list .todo-list-items .todo-list-item.todo-list-item--complete .alert-icon{color:var(--app-text-subtle-color)}.todo-list .todo-list-items .todo-list-item.todo-list-item--collapsed .todo-list-item-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.todo-list .todo-list-items .todo-list-item .todo-list-item-action{opacity:0;margin-left:var(--app-spacing-medium)}.todo-list .todo-list-items .todo-list-item:hover .todo-list-item-action{opacity:1}.todo-list .todo-list-items .todo-list-item .todo-list-item-text{white-space:pre-wrap;flex:1;line-height:1}.todo-list .todo-list-items .todo-list-item .todo-list-item-checkbox{cursor:pointer;margin-right:12px}.settings{padding:var(--app-spacing-large);height:100%;display:flex;flex-direction:column}.settings .setting{margin-bottom:var(--app-spacing-xlarge)}.settings .logout-button{margin-top:auto;align-self:center}.settings .connection-list{display:flex;flex-direction:column;margin-bottom:var(--app-spacing-large)}.settings .connection-list .connection{flex-wrap:wrap;border:1px var(--app-text-low-contrast-color) solid;margin-top:var(--app-spacing-large);border-radius:var(--app-spacing-small);background-color:var(--app-tertiary-background-color);display:flex;flex-direction:column}.settings .connection-list .connection .service-info{display:flex;justify-content:space-between;padding:var(--app-spacing-medium) var(--app-spacing-large);font-weight:700}.settings .connection-list .connection .service-actions{flex:100%;border-top:1px var(--app-text-low-contrast-color) solid;font-size:.8em}.settings .connection-list .connection .service-actions .disconnect-button{display:block;width:100%}.settings .connection-list.highlight{background-color:var(--app-text-warning)}.App{display:grid;grid-template-rows:var(--app-header-height) minmax(var(--app-left-pane-width),calc(100vh - var(--app-header-height)));height:100vh;color:var(--app-text-color);background-color:var(--app-background-color)}.App .app-header{display:grid;grid-template-columns:1fr var(--app-right-pane-width);background-color:var(--app-tertiary-background-color)}.App .app-header h1{line-height:var(--app-header-height);padding:0 var(--app-spacing-large);font-size:1.8rem}.App .app-content{display:grid;grid-template-columns:65px min-content 1fr min-content min-content}.App .col{overflow:auto}.icon-menu{display:flex;flex-direction:column}.icon-menu .menu-button{outline:0;cursor:pointer;height:65px;width:65px}.icon-menu .theme-menu-button{position:relative}.icon-menu .theme-menu-button .theme-menu{position:absolute;display:flex;flex-direction:column;width:150px;right:0;top:50px;background:var(--app-background-color);border:1px var(--button-background-color) solid;border-radius:var(--app-spacing-small)}.icon-menu .theme-menu-button .theme-menu:before{content:"";position:absolute;display:block;width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent var(--button-background-color) transparent;top:-10px;right:22px}.icon-menu .theme-menu-button .theme-menu .button{text-align:left;display:flex;justify-content:space-between}.icon-menu .aside-icons{margin-top:auto}.icon-menu.icon-menu-horizontal{flex-direction:row;justify-content:flex-end}.icon-menu.icon-menu-horizontal .aside-icons{margin-right:auto;margin-top:0}.icon-menu.icon-menu-horizontal .menu-button{height:100%}.icon-menu.icon-menu-horizontal .menu-button.active:after{display:none}.icon-menu.icon-menu-right .menu-button.active:after{left:auto;right:0}.main-content{padding:var(--app-spacing-large)}.left-pane{display:flex;flex-direction:column;position:relative;width:var(--app-left-pane-width);height:0;min-height:100%}.left-pane .note-list{overflow:auto}.left-pane input.subtle-input{margin:var(--app-spacing-medium) 0}.left-pane .resize-button{position:absolute;right:-6px;top:0;height:100%;width:6px;transition:background-color var(--app-animation-duration) ease-in-out}.left-pane .resize-button:hover,.left-pane .resize-button .active{cursor:ew-resize;transition-delay:var(--app-animation-duration)}.left-pane .resize-button:hover{background-color:var(--app-text-info-color)}.right-pane,.right-pane>div{width:var(--app-right-pane-width);box-sizing:border-box}.left-pane,.right-pane{background-color:var(--app-secondary-background-color);transition:width var(--app-animation-duration) ease-in-out}.left-pane>*,.right-pane>*{transition:opacity var(--app-animation-duration) ease-in-out}.left-pane.collapse,.right-pane.collapse{width:0;overflow:hidden}.left-pane.collapse>*,.right-pane.collapse>*{opacity:0}.no-animate{transition:none!important}.resize-active *{cursor:ew-resize!important}.add-note-button{margin:var(--app-spacing-medium);align-self:center}.note-list-item{padding:var(--app-spacing-medium);padding-left:0;cursor:pointer;display:flex;font-size:15px;transition:background-color var(--app-animation-duration)}.note-list-item .note-list-item-details{display:flex;align-items:center;width:100%}.note-list-item .note-list-item-details .pip{margin-left:auto}.note-list-item .note-list-item-details .note-list-item-expand{min-width:26px;display:flex;justify-content:center}.note-list-item .note-list-item-details .note-list-item-expand .pip{margin:1px 0 0}.note-list-item .note-list-item-details .note-list-item-expand button{border:none;background:none}.note-list-item .note-list-item-details .note-list-item-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.note-list-item .note-list-item-details .note-list-item-type-icon{margin-left:var(--app-spacing-medium);font-size:.85rem;color:var(--app-text-subtle-color);font-weight:700}.note-list-item .note-list-item-details .note-list-item-date{font-style:italic;color:var(--app-text-subtle-color)}.note-list-item .note-list-item-actions{display:none;margin-left:auto;grid-template-columns:1fr;gap:var(--app-spacing-small)}.note-list-item .note-list-item-actions button{text-align:center;min-width:16px}.note-list-item.note-list-item--active,.note-list-item:hover{background:var(--app-highlight-background-color)}.note-list-item:hover .note-list-item-actions{display:grid}.suggestion-list{position:absolute;background-color:var(--app-tertiary-background-color);border-radius:var(--app-spacing-small);min-width:300px;max-height:200px;overflow-y:auto;margin-top:5px;display:flex;flex-direction:column;text-align:left}.suggestion-item{color:var(--app-text-color);cursor:pointer;padding:var(--app-spacing-medium) var(--app-spacing-large);text-align:left;border:none;background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:space-between}.suggestion-item .ancestry{font-size:.85em;color:var(--app-text-subtle-color);margin-left:var(--app-spacing-xlarge)}.suggestion-item:first-child{border-top:none}.suggestion-item:not(.empty):hover,.suggestion-item.is-selected{background-color:var(--app-highlight-background-color)}.stat-block{font-family:Noto Sans,Myriad Pro,Calibri,Helvetica,Arial,sans-serif;font-size:13px;box-sizing:border-box;width:400px;background:var(--stat-block-background);color:var(--stat-block-text-color);padding:10px 10px 20px;border:5px var(--stat-block-border-color) solid;border-left:0;border-right:0}.stat-block.selected{outline:2px solid var(--app-text-info-color)}.stat-block .monster-name{font-family:Libre Baskerville,Lora,Calisto MT,Bookman Old Style,Bookman,Goudy Old Style,Garamond,Hoefler Text,Bitstream Charter,Georgia,serif;color:var(--stat-block-text-color);font-size:22px;font-variant:small-caps;font-weight:700}.stat-block .monster-type{font-style:italic;margin:0;color:var(--stat-block-text-color-light)}.stat-block .tapered-rule{display:block;width:100%;height:5px;color:var(--stat-block-text-color);fill:var(--stat-block-text-color);margin:10px 0}.stat-block .abilities{display:flex;justify-content:space-around}.stat-block .abilities .ability{text-align:center}.stat-block .abilities .ability-name{font-weight:700}.stat-block .property{display:flex}.stat-block .property .property-name{font-weight:700;margin-right:5px}.stat-block .property .property-value{font-weight:400}.note-tree{border:1px solid var(--app-text-low-contrast-color);background-color:var(--app-tertiary-background-color);display:inline-block;border-radius:2px}.note-tree.selected{border-color:var(--app-text-info-color)}.encounter{width:400px;border:1px solid var(--app-text-low-contrast-color);border-radius:var(--app-spacing-small);padding:var(--app-spacing-large);background-color:var(--app-tertiary-background-color)}.encounter .party-builder{display:grid;grid-template-columns:3fr 2fr;grid-gap:var(--app-spacing-medium)}.encounter .party-builder .xp-budgets{text-align:right}.encounter .party-builder .xp-budgets .budget{display:grid;grid-template-columns:3fr 2fr;grid-gap:var(--app-spacing-medium)}.encounter .party-builder .xp-budgets .budget .label{text-transform:capitalize}.encounter .monster-builder{width:50%}.encounter .subheader{font-size:1.1rem;color:var(--app-text-subtle-color);margin-bottom:var(--app-spacing-small)}.encounter input{width:50px;padding:var(--app-spacing-small);border-radius:var(--app-spacing-small);background-color:var(--app-secondary-background-color);border:1px solid var(--app-text-low-contrast-color);line-height:1.25rem}.encounter .col2,.encounter .col3{display:grid;grid-template-columns:1fr 1fr 1fr}.encounter .col3{grid-template-columns:1fr 1fr 1fr}.formatbar{display:flex;margin:var(--app-spacing-medium) 0;border-radius:var(--app-spacing-small);border:1px var(--app-text-low-contrast-color) solid;overflow:hidden;width:fit-content;min-height:var(--app-spacing-xxlarge)}.formatbar .divider{border-right:1px var(--app-text-subtle-color) solid;height:100%;justify-content:center;align-self:center}.formatbar .format-button{text-align:center;height:var(--app-spacing-xxlarge);line-height:var(--app-spacing-xxlarge);width:var(--app-spacing-xxlarge);cursor:pointer}.formatbar .format-button:hover,.formatbar .format-button.is-active{background-color:var(--app-highlight-background-color)}.formatbar .format-button.format-bold{font-weight:700}.formatbar .format-button.format-italic{font-style:italic}.formatbar .format-button.format-strikethrough{text-decoration:line-through}.formatbar .format-button.format-underline{text-decoration:underline}.ProseMirror{outline:none;min-height:calc(100% - 17px)}.ProseMirror>*+*{margin-top:.75em}.ProseMirror a,.ProseMirror a:visited{color:var(--app-link-color);cursor:pointer;text-decoration:none}.ProseMirror a:hover,.ProseMirror a:visited:hover{text-decoration:underline}.ProseMirror ul,.ProseMirror ol{padding:0 2rem}.ProseMirror ul p,.ProseMirror ol p{margin-block-start:.25em;margin-block-end:.25em}.ProseMirror ul ol li,.ProseMirror ol ol li{list-style-type:lower-alpha}.ProseMirror ul ol li ol li,.ProseMirror ol ol li ol li{list-style-type:lower-roman}.ProseMirror ul ol li ol li ol li,.ProseMirror ol ol li ol li ol li{list-style-type:decimal}.ProseMirror ul[data-type=taskList]{list-style:none;padding:0;display:flex;flex-direction:column}.ProseMirror ul[data-type=taskList] p{margin:0}.ProseMirror ul[data-type=taskList] li{display:flex}.ProseMirror ul[data-type=taskList] li>label{flex:0 0 auto;margin-right:.5rem;-webkit-user-select:none;user-select:none}.ProseMirror ul[data-type=taskList] li>div{flex:1 1 auto}.ProseMirror ul[data-type=taskList] li[data-checked=true] p{text-decoration:line-through}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{line-height:1.3}.ProseMirror h1{font-size:2.4rem}.ProseMirror h2{font-size:2rem}.ProseMirror h3{font-size:1.6rem}.ProseMirror h4{font-size:1.4rem}.ProseMirror code{background-color:var(--code-background-color);color:var(--code-text-color);padding:var(--app-spacing-small);border:1px var(--app-text-low-contrast-color) solid;border-radius:var(--app-spacing-small)}.ProseMirror pre{background:#0D0D0D;color:#fff;font-family:JetBrainsMono,monospace;padding:.75rem 1rem;border-radius:.5rem}.ProseMirror pre code{color:inherit;background:none;font-size:.8rem;border:none;border-radius:0;padding:0}.ProseMirror pre .hljs-comment,.ProseMirror pre .hljs-quote{color:#616161}.ProseMirror pre .hljs-variable,.ProseMirror pre .hljs-template-variable,.ProseMirror pre .hljs-attribute,.ProseMirror pre .hljs-tag,.ProseMirror pre .hljs-name,.ProseMirror pre .hljs-regexp,.ProseMirror pre .hljs-link,.ProseMirror pre .hljs-selector-id,.ProseMirror pre .hljs-selector-class{color:#f98181}.ProseMirror pre .hljs-number,.ProseMirror pre .hljs-meta,.ProseMirror pre .hljs-built_in,.ProseMirror pre .hljs-builtin-name,.ProseMirror pre .hljs-literal,.ProseMirror pre .hljs-type,.ProseMirror pre .hljs-params{color:#fbbc88}.ProseMirror pre .hljs-string,.ProseMirror pre .hljs-symbol,.ProseMirror pre .hljs-bullet{color:#b9f18d}.ProseMirror pre .hljs-title,.ProseMirror pre .hljs-section{color:#faf594}.ProseMirror pre .hljs-keyword,.ProseMirror pre .hljs-selector-tag{color:#70cff8}.ProseMirror pre .hljs-emphasis{font-style:italic}.ProseMirror pre .hljs-strong{font-weight:700}.ProseMirror img{max-width:100%;height:auto}.ProseMirror blockquote{padding-left:1rem;border-left:var(--app-spacing-small) solid var(--app-text-subtle-color);opacity:.75;margin-inline-start:var(--app-spacing-xlarge);margin-inline-end:var(--app-spacing-xlarge)}.ProseMirror hr{border:none;border-top:2px solid var(--app-text-subtle-color);opacity:.5;margin:2rem 0}.note-detail{display:flex;flex-direction:column;height:100%}.note-detail .note-save-status{display:flex;align-items:center}.note-detail .tiptap-editor{display:flex;flex-direction:column;flex:1}.note-detail .tiptap-menu{display:flex;justify-content:space-between}.note-detail .tiptap-menu .note-detail-header{display:flex}.note-detail .note-list-item-actions{margin-left:auto;display:flex}.note-detail .note-list-item-actions .note-list-item-action{margin-left:var(--app-spacing-large)}.note-detail .note-body{order:2;flex:100%;outline:none;overflow-y:auto}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.login .login-card{border:1px solid var(--app-text-low-contrast-color);border-radius:var(--app-spacing-small);background-color:var(--app-secondary-background-color);width:285px}.login .login-card h1{font-size:24px;font-weight:600;margin:48px 0;text-align:center}.login .login-card .login-form{display:flex;flex-direction:column;padding:var(--app-spacing-large);padding-top:0}.login .login-card .login-form label{margin-bottom:var(--app-spacing-large)}.login .login-card .login-form button,.login .login-card .login-form input{width:100%;box-sizing:border-box}.login .login-card .login-form .button{margin-top:var(--app-spacing-large)}:root{--app-background-color: #25252a;--app-secondary-background-color: #2c2c30;--app-tertiary-background-color: #35353c;--app-right-pane-width: 400px;--app-left-pane-width: 350px;--app-text-color: #e0e0e0;--app-text-subtle-color: #909090;--app-text-low-contrast-color: #454545;--app-text-badge-color: #f0f0f0;--app-text-info-color: #4373a9;--app-text-success-color: #30af33;--app-text-warning-color: #ff8c00;--app-text-error-color: #ff0000;--app-link-color: #547dd5;--app-link-color-hover: #535bf2;--button-background-color: #404050;--app-highlight-background-color: #404050;--app-header-height: 56px;--app-spacing-small: 3px;--app-spacing-medium: 6px;--app-spacing-large: 12px;--app-spacing-xlarge: 24px;--app-spacing-xxlarge: 32px;--app-pip-size: 8px;--app-edge-shadow: 0 0 var(--app-spacing-large) var(--app-spacing-large) rgba(30, 30, 35, .3);--app-animation-duration: .2s;--code-background-color: rgba(53, 53, 53, .95);--code-text-color: rgba(255, 125, 0, .8);--stat-block-background: var(--app-tertiary-background-color);--stat-block-border-color: var(--app-text-subtle-color);--stat-block-text-color: var(--app-text-color);--stat-block-text-color-light: var(--app-text-subtle-color)}@media (prefers-color-scheme: light){:root{--app-background-color: #f0f0f0;--app-text-color: #213547;--app-text-subtle-color: #757575;--app-link-color-hover: #747bff;--app-secondary-background-color: #e8e8e8;--app-tertiary-background-color: #f9f9f9;--button-background-color: #dadada;--app-highlight-background-color: #c7c7c7;--code-background-color: rgba(0,0,0,.35);--code-text-color: rgba(255, 255, 255, 1);--app-edge-shadow: var(--app-spacing-small) 0 var(--app-spacing-small) var(--app-spacing-small) rgba(30, 30, 30, .08);--stat-block-border-color: #E69A28;--stat-block-background: #FDF1DC;--stat-block-text-color: #922610;--stat-block-text-color-light: #333}}.App.light-theme{--app-background-color: #f0f0f0;--app-text-color: #213547;--app-text-subtle-color: #757575;--app-link-color-hover: #747bff;--app-secondary-background-color: #e8e8e8;--app-tertiary-background-color: #f9f9f9;--button-background-color: #dadada;--app-highlight-background-color: #c7c7c7;--code-background-color: rgba(0,0,0,.35);--code-text-color: rgba(255, 255, 255, 1);--app-edge-shadow: var(--app-spacing-small) 0 var(--app-spacing-small) var(--app-spacing-small) rgba(30, 30, 30, .08);--stat-block-border-color: #E69A28;--stat-block-background: #FDF1DC;--stat-block-text-color: #922610;--stat-block-text-color-light: #333}.App.dark-theme{--app-background-color: #25252a;--app-secondary-background-color: #2c2c30;--app-tertiary-background-color: #35353c;--app-right-pane-width: 400px;--app-left-pane-width: 350px;--app-text-color: #e0e0e0;--app-text-subtle-color: #909090;--app-text-low-contrast-color: #454545;--app-text-badge-color: #f0f0f0;--app-text-info-color: #4373a9;--app-text-success-color: #30af33;--app-text-warning-color: #ff8c00;--app-text-error-color: #ff0000;--app-link-color: #547dd5;--app-link-color-hover: #535bf2;--button-background-color: #404050;--app-highlight-background-color: #404050;--app-header-height: 56px;--app-spacing-small: 3px;--app-spacing-medium: 6px;--app-spacing-large: 12px;--app-spacing-xlarge: 24px;--app-spacing-xxlarge: 32px;--app-pip-size: 8px;--app-edge-shadow: 0 0 var(--app-spacing-large) var(--app-spacing-large) rgba(30, 30, 35, .3);--app-animation-duration: .2s;--code-background-color: rgba(53, 53, 53, .95);--code-text-color: rgba(255, 125, 0, .8);--stat-block-background: var(--app-tertiary-background-color);--stat-block-border-color: var(--app-text-subtle-color);--stat-block-text-color: var(--app-text-color);--stat-block-text-color-light: var(--app-text-subtle-color)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{text-decoration:none;color:inherit;font-weight:inherit}a.link{font-weight:500;color:var(--app-link-color);text-decoration:inherit}a.link:hover{color:var(--app-link-color-hover)}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4{line-height:1;margin:0;padding:0}h1{font-size:2.8rem}h2{font-size:2em}h3{font-size:1.4em}h4{font-size:1.1em}input.subtle-input{background-color:var(--app-tertiary-background-color);padding:var(--app-spacing-large) var(--app-spacing-large);border:0;outline:0}input.text-input{padding:var(--app-spacing-small) var(--app-spacing-large);margin:var(--app-spacing-medium)}.button-group{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:var(--app-spacing-large);border:1px solid var(--button-background-color);border-radius:var(--app-spacing-small)}.button-group .button{flex:1;border-right:1px var(--button-background-color) solid}.button-group .button:last-child{border-right:none}.button-group.button-group-vertical{flex-direction:column}.button-group.button-group-vertical .button{border-bottom:1px var(--button-background-color) solid;width:100%;text-align:left}.button-group.button-group-vertical .button:last-child{border-bottom:none}button.button,.button{border-radius:var(--border-radius-small);border:none;padding:var(--app-spacing-medium) var(--app-spacing-large);font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-background-color);color:var(--app-text-subtle-color);box-shadow:none;cursor:pointer;outline:0}button.button:focus,button.button:focus-visible,.button:focus,.button:focus-visible{outline:0}button.button.icon-button,.button.icon-button{border:none;background:none;padding:0}button.button.circle-button,.button.circle-button{border-radius:48px;height:48px;width:48px}button.button.subtle-button,.button.subtle-button{background:none}button.button.subtle-button:hover,button.button.subtle-button.active,.button.subtle-button:hover,.button.subtle-button.active{background-color:var(--button-background-color)}button.button.secret-button,.button.secret-button{background:none;border:none;font-size:inherit;padding:0;margin:0;color:unset;border-radius:0;font-weight:unset;transition:color var(--app-animation-duration)}button.button.secret-button.active,.button.secret-button.active{color:var(--app-text-warning-color)}button.button.menu-button,.button.menu-button{background:none;position:relative;font-size:1.35em}button.button.menu-button.active,.button.menu-button.active{color:var(--app-text-color)}button.button.menu-button.active:after,.button.menu-button.active:after{content:"";height:70%;top:15%;left:0;width:2px;position:absolute;background:var(--app-text-color)}button.button.link-button,.button.link-button{background:none;border:none;padding:0;font-size:inherit;color:var(--app-link-color);font-weight:500}button.button.link-button:hover,.button.link-button:hover{text-decoration:underline}button.button:hover,.button:hover{color:var(--app-text-color)}.button:focus,.button:focus-visible{outline:4px auto -webkit-focus-ring-color}.text-info{color:var(--app-text-info-color)}.text-success{color:var(--app-text-success-color)}.text-warning{color:var(--app-text-warning-color)}.text-error{color:var(--app-text-error-color)}.text-subtle{color:var(--app-text-low-contrast-color)}.pip{display:inline-block;width:var(--app-pip-size);height:var(--app-pip-size);border-radius:50%;background-color:var(--app-text-subtle-color);margin:0 6px 0 -14px}.pip.pip-square{border-radius:0}.pip.pip-small{width:calc(var(--app-pip-size) / 2);height:calc(var(--app-pip-size) / 2)}.pip.pip-dash{height:3px;border-radius:1px}.pip.pip-info{background-color:var(--app-text-info-color)}.pip.pip-warning{background-color:var(--app-text-warning-color)}.pip.pip-error{background-color:var(--app-text-error-color)}.badge{border-radius:var(--app-spacing-small);font-size:75%;padding:.25em .4em;color:var(--app-text-color)}.badge.button-badge{position:absolute;top:4px;font-size:12px;right:12px;border-radius:30px;padding:0;width:20px;height:20px;display:block;line-height:20px;text-align:center}.badge.badge-info{background-color:var(--app-text-info-color);color:var(--app-text-badge-color)}.badge.badge-warning{background-color:var(--app-text-warning-color);color:var(--app-text-badge-color)}.spin{animation-name:spin;animation-duration:.75s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}