.app,html{text-align:center;display:flex;flex-direction:column;background-color:#12151c;min-height:100vh}.app__header{display:flex;justify-content:center;align-items:center;padding:0 20px;height:60px;background-color:var(--color-x-light);color:#fff;font-size:var(--font-size-xxl);position:relative}.app__header-logo{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;gap:12px;padding:4px 32px}.app__logo{height:40px;width:auto}.app__body{display:flex;flex-direction:row;align-items:stretch;flex-grow:1;height:92vh}.app__body--full-screen{width:100vw;height:100%}.app__body--closed-sidebar{width:100vw;height:100%;justify-content:flex-start}.app__sidebar{position:sticky;align-self:flex-start;top:8px;display:flex;flex-direction:column;width:11vw;padding:8px 16px;margin:8px 0;border-right:1px solid #a3b3d0;background-color:transparent;color:#fff;align-items:flex-start;transition:width .5s ease-out;overflow-y:scroll;height:calc(92vh - 16px);scrollbar-width:none}.app__sidebar--closed{width:3vw;padding:10vh 4px}.app__sidebar-action{position:sticky;top:4vh;left:11vw;font-size:var(--font-size-xs);line-height:var(--font-size-l);color:var(--color-pale);background-color:var(--color-dark);width:16px;height:16px;transform:translate(-1vw);margin-top:4vh;padding:4px;border:1px solid var(--color-pale);border-radius:5px;z-index:1;transition:transform .5s ease-out}.app__sidebar-action--closed-sidebar{transform:translate(-8.5vw)}.app__sidebar-action:hover{cursor:pointer;color:var(--color-x-pale);background-color:var(--color-pale);border-color:var(--color-x-pale)}.app__content{position:relative;display:flex;align-items:flex-start;justify-content:center;width:90vw;color:#fff;overflow-y:scroll}.app__content--fullscreen{align-items:center;width:100vw;background-color:#000}.app__content--closed-sidebar{width:100vw}.app__content--fullscreen::-webkit-scrollbar{display:none}.app__button-shadow{width:0%;border-radius:50%;text-align:start}.app__button-label{text-align:left;font-size:var(--font-size-xs);color:var(--color-pale);text-decoration:underline;margin:4px 0 0 14px}.app__button-label--collapsed{font-size:var(--font-size-xxxs)}.app__button{min-height:32px;color:#fff;background-color:transparent;display:flex;justify-content:flex-start;align-items:center;text-decoration:none;cursor:pointer;text-wrap:nowrap;width:100%}.app__button:hover .app__button-shadow{background-color:#232d40;animation:select-menu-item 1s;animation-timing-function:cubic-bezier(0,.5,.5,1);border-radius:5px;width:100%}.app__main-button{margin:2px 0}.app__main-button .app__button-shadow{padding:8px}.app__main-button:hover,.app__main-button.app__button-selected{margin:2px 0 2px 4px}.app__secondary-button{margin:0 0 4px 12px;width:calc(100% - 12px);font-size:var(--font-size-s);color:var(--color-x-pale)}.app__secondary-button .app__button-shadow{padding:4px 8px}.app__secondary-button .app__button-shadow--closed-sidebar{overflow:hidden;padding:4px;text-align:center}.app__secondary-button:hover,.app__secondary-button.app__button-selected{margin:0 0 4px 16px}.app__tertiary-button{margin:0 0 4px 20px}.app__tertiary-button .app__button-shadow{padding:0 8px}.app__tertiary-button:hover{margin:0 0 4px 24px}.app__button-selected .app__button-shadow{background-color:#252937;animation:select-menu-item .1s forwards;animation-timing-function:cubic-bezier(0,.5,.5,1)}@keyframes select-menu-item{0%{border-radius:50%;width:0px}to{border-radius:5px;width:100%}}.app__button--closed-sidebar,.app__button--closed-sidebar:hover{margin:0 0 4px 4px;width:100%}.app__button-shadow--closed-sidebar{width:calc(100% - 16px)}.app__container{width:95%;height:fit-content;padding:0;margin:0 auto;position:relative}.app__container-full-screen{width:100%;height:100%;margin:auto;position:relative}.app__paragraph{width:75%;margin:16px auto;text-align:left}.app__pale-text{color:var(--color-x-pale)}.app__semipale-text{color:var(--color-pale)}.app__section-title{margin:64px 0 16px;color:var(--color-x-pale)}.app__error-text{color:var(--color-red)}.app__error-stack{text-align:left;color:var(--color-x-red);width:90%;margin:36px auto;padding:16px 32px;background-color:var(--color-light);border:1px solid white;font-family:monospace;line-height:1.5;font-size:var(--font-size-m)}.app__h4{text-transform:uppercase;color:var(--color-x-pale);text-align:left;width:75%;margin:24px auto 16px;padding:0 0 0 32px}.app__buttons{display:flex;flex-direction:row;justify-content:center;column-gap:16px}.app__button-large{font-size:var(--font-size-l)}.app__text-xxxl{font-size:var(--font-size-xxxl)}.app__text-big{font-size:var(--font-size-big)}.app__text-md{font-size:var(--font-size-m)}.app__small-text{font-size:var(--font-size-s)}.app__tiny-text{font-size:var(--font-size-xs)}.app__xxs-text{font-size:var(--font-size-xxs)}.app__filter{display:inline-block;margin:16px}.app__input-number{font-family:var(--font-family)}.app__input-button{display:flex;flex-direction:column}.app__input-button-row{display:flex;flex-direction:row;justify-content:center;margin:12px 0 0;position:relative;align-items:center}.app__input-button-column{display:flex;flex-direction:column;justify-content:center;margin:12px 0 0;position:relative;align-items:center}.app__input-with-tag{margin:0 0 8px}.tooltip{position:relative;display:inline-block}.tooltip--absolute{position:absolute}.tooltip .tooltiptext{visibility:hidden;width:max-content;background-color:var(--color-dark);color:var(--color-x-pale);text-align:center;border-radius:4px;padding:4px 8px;position:absolute;z-index:1}.tooltip:hover .tooltiptext{visibility:visible}.new-trait{position:absolute;font-size:var(--font-size-xs);font-weight:700;line-height:.8;animation:bouncing_trait 1s infinite;transition:margin ease-in;right:0}.choose-trait{position:absolute;font-size:var(--font-size-m);font-weight:700;line-height:.8;animation:bouncing_trait 1s infinite .5s;transition:margin ease-in}.leaflet-container{background:#000;border:2px solid #333}.html-input,.html-input *{font-family:var(--font-family)!important;color:#fff!important;font-size:var(--font-size-m)}.html-export,.html-export *{font-family:var(--font-family)!important;font-size:var(--font-size-m);text-align:left!important;background-color:#fff!important;color:#000!important}.html-export p{margin:0!important}.green-text{color:var(--color-green)!important}.orange-text{color:var(--color-orange)!important}.red-text{color:var(--color-red)!important}.blue-ink-text{color:var(--color-blue-ink)!important}.purple-text{color:var(--color-purple)!important}.x-green-text{color:var(--color-x-green)!important}.x-orange-text{color:var(--color-x-orange)!important}.x-blue-ink-text{color:var(--color-x-blue-ink)!important}.x-purple-text{color:var(--color-x-purple)!important}.spinner-container{display:flex;justify-content:center;align-items:center;height:200px}.spinner{border:4px solid rgba(255,255,255,.1);border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.spinner--dark{border-left-color:var(--color-pale)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bouncing_trait{0%{margin-top:2px;color:var(--color-green);transition:margin ease-out}33%{margin-top:-3px;transition:margin ease-in}66%{margin-top:2px;color:var(--color-green);transition:margin ease-out}70.25%{color:var(--color-green)}74.5%{margin-top:-3px;color:var(--color-orange);transition:margin ease-in}78.75%{color:var(--color-green)}83%{margin-top:2px;color:var(--color-green);transition:margin ease-out}87.25%{color:var(--color-green)}91.5%{margin-top:-1px;color:var(--color-orange);transition:margin ease-in}95.75%{color:var(--color-green)}to{margin-top:2px;color:var(--color-green);transition:margin ease-out}}.app__sticky-title{position:sticky;top:0;z-index:1;padding:16px 8px;background-color:var(--color-dark);border-bottom:1px solid white;margin:0 0 8px}.icon-wrapper{display:inline-block;margin-right:8px;line-height:0}.icon-crossed{position:relative;display:inline-block;width:16px;height:16px;margin-right:8px;line-height:0}.icon-crossed svg{position:absolute;top:0;left:0}.app__logout-form{margin:0;padding:4px 32px;position:absolute;top:0;bottom:0;right:0;display:flex;align-items:center}.app__logout-button{background-color:transparent;border:1px solid var(--color-x-pale);color:var(--color-x-pale);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:var(--font-size-s)}.app__logout-button:hover{background-color:var(--color-pale);color:#fff}.app__separator{border-top:1px dashed var(--color-x-pale);margin:16px 32px}