:root{font-family:system-ui,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--demo-app-width: 960px;--footer-space: 80px}body{margin:0;padding:0;background-color:var(--demo-background-color);scrollbar-gutter:stable}*{box-sizing:border-box}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;transition:background-color .5s ease-in}h1{font-size:2em;line-height:1.1}.main{flex:1;display:flex;gap:2em;border:var(--pyro-border);border-radius:var(--pyro-border-radius);padding:var(--pyro-spacing-l);width:100%;max-width:var(--demo-app-width);margin:0 auto;margin-bottom:var(--footer-space)}.main main{width:100%}@media screen and (max-width: 600px){.main{flex-direction:column;padding:0}.main main{margin:var(--pyro-spacing-s)}}.pyro{--demo-background-color: #fff;--pyro-font-family: system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue", sans-serif;--pyro-font-size: 1em;--pyro-font-size-s: .75em;--pyro-font-size-l: 1.5em;--pyro-text-color: #050505;--pyro-line-height: normal;--pyro-spacing: .5em;--pyro-spacing-s: calc(var(--pyro-spacing) * .5);--pyro-spacing-m: var(--pyro-spacing);--pyro-spacing-l: calc(var(--pyro-spacing) * 2);--pyro-border-width: 1px;--pyro-border-style: solid;--pyro-border-color: #4444;--pyro-border: var(--pyro-border-width) var(--pyro-border-style) var(--pyro-border-color);--pyro-border-radius: .1em;--pyro-accent-color: #464646;--pyro-surface-color: #fbfbfb;--pyro-foreground-color: #eee;--pyro-hover-color: #eee;--pyro-disabled-color: #ccc6;--pyro-primary-color: #212121;--pyro-text-color-on-primary: #f3f3f3;--pyro-secondary-color: #414141;--pyro-text-color-on-secondary: #f3f3f3;--pyro-tertiary-color: #d1d1d1;--pyro-text-color-on-tertiary: #000;--pyro-info-color: #1c95d7;--pyro-success-color: #408944;--pyro-warning-color: #ef7d1d;--pyro-error-color: #d94343;--pyro-info-color-lighter: hsl(from var(--pyro-info-color) h s 90);--pyro-success-color-lighter: hsl(from var(--pyro-success-color) h s 90);--pyro-warning-color-lighter: hsl(from var(--pyro-warning-color) h s 90);--pyro-error-color-lighter: hsl(from var(--pyro-error-color) h s 90);--pyro-checkbox-text-color: white;--pyro-fields-min-width: 200px}pyro-button{outline:none}.pyro{--pyro-avatar-text-color: white}.pyro pyro-list-item{cursor:pointer;padding:var(--pyro-spacing)}.pyro pyro-list-item:hover{border-radius:var(--pyro-border-radius);background-color:#8881}.pyro pyro-list-item[selected]{border-radius:var(--pyro-border-radius);background-color:#8883}.pyro pyro-button[variant=tertiary]:not([transparent=true]){background-color:transparent;--pyro-border: none;border-bottom:2px solid #333}.debug pyro-accordion:hover,.debug pyro-accordion-group:hover,.debug pyro-alert:hover,.debug pyro-avatar:hover,.debug pyro-badge:hover,.debug pyro-box:hover,.debug pyro-button:hover,.debug pyro-card:hover,.debug pyro-checkbox:hover,.debug pyro-colorpicker:hover,.debug pyro-dialog:hover,.debug pyro-divider:hover,.debug pyro-icon:hover,.debug pyro-list:hover,.debug pyro-list-item:hover,.debug pyro-progressbar:hover,.debug pyro-progresscircle:hover,.debug pyro-radio:hover,.debug pyro-radio-group:hover,.debug pyro-range:hover,.debug pyro-scrollbox:hover,.debug pyro-select:hover,.debug pyro-select-item:hover,.debug pyro-skeleton:hover,.debug pyro-switch:hover,.debug pyro-tab:hover,.debug pyro-tab-group:hover,.debug pyro-tag:hover,.debug pyro-textfield:hover,.debug pyro-toast:hover{outline:2px solid #f74553!important}.debug pyro-accordion:hover:before,.debug pyro-accordion-group:hover:before,.debug pyro-alert:hover:before,.debug pyro-avatar:hover:before,.debug pyro-badge:hover:before,.debug pyro-box:hover:before,.debug pyro-button:hover:before,.debug pyro-card:hover:before,.debug pyro-checkbox:hover:before,.debug pyro-colorpicker:hover:before,.debug pyro-dialog:hover:before,.debug pyro-divider:hover:before,.debug pyro-icon:hover:before,.debug pyro-list:hover:before,.debug pyro-list-item:hover:before,.debug pyro-progressbar:hover:before,.debug pyro-progresscircle:hover:before,.debug pyro-radio:hover:before,.debug pyro-radio-group:hover:before,.debug pyro-range:hover:before,.debug pyro-select:hover:before,.debug pyro-select-item:hover:before,.debug pyro-skeleton:hover:before,.debug pyro-switch:hover:before,.debug pyro-tab:hover:before,.debug pyro-tab-group:hover:before,.debug pyro-tag:hover:before,.debug pyro-textfield:hover:before{background:#f74553;border:.2rem solid #f74553;padding:0 .1rem;border-radius:.5rem;position:absolute;margin-top:-1.5rem;margin-left:-1.5rem}.debug pyro-accordion:hover:before{content:"pyro-accordion"}.debug pyro-accordion-group:hover:before{content:"pyro-accordion-group"}.debug pyro-alert:hover:before{content:"pyro-alert"}.debug pyro-avatar:hover:before{content:"pyro-avatar"}.debug pyro-badge:hover:before{content:"pyro-badge"}.debug pyro-box:hover:before{content:"pyro-box"}.debug pyro-button:hover:before{content:"pyro-button"}.debug pyro-card:hover:before{content:"pyro-card"}.debug pyro-checkbox:hover:before{content:"pyro-checkbox"}.debug pyro-colorpicker:hover:before{content:"pyro-colorpicker"}.debug pyro-dialog:hover:before{content:"pyro-dialog"}.debug pyro-divider:hover:before{content:"pyro-divider"}.debug pyro-icon:hover:before{content:"pyro-icon"}.debug pyro-list:hover:before{content:"pyro-list"}.debug pyro-list-item:hover:before{content:"pyro-list-item"}.debug pyro-progressbar:hover:before{content:"pyro-progressbar"}.debug pyro-progresscircle:hover:before{content:"pyro-progresscircle"}.debug pyro-radio:hover:before{content:"pyro-radio"}.debug pyro-radio-group:hover:before{content:"pyro-radio-group"}.debug pyro-range:hover:before{content:"pyro-range"}.debug pyro-select:hover:before{content:"pyro-select"}.debug pyro-select-item:hover:before{content:"pyro-select-item"}.debug pyro-skeleton:hover:before{content:"pyro-skeleton"}.debug pyro-switch:hover:before{content:"pyro-switch"}.debug pyro-tab:hover:before{content:"pyro-tab"}.debug pyro-tab-group:hover:before{content:"pyro-tab-group"}.debug pyro-tag:hover:before{content:"pyro-tag"}.debug pyro-textfield:hover:before{content:"pyro-textfield"}.progresscircle{width:36px;height:36px;font-size:.8em}@media screen and (max-width: 600px){.progresscircle{width:24px;height:24px;--pyro-progresscircle-text-color: transparent}}.header{display:flex;align-items:center;justify-content:space-evenly;width:100%;max-width:var(--demo-app-width);margin:0 auto;overflow-x:auto;color:var(--pyro-text-color);height:5em;transition:height .5s,max-width .5s,background-color .5s ease-in}.header h1{margin:0 1em 0 0;white-space:nowrap}@media screen and (max-width: 600px){.header{flex-wrap:wrap;padding:1em 0;height:auto}.header>span{display:grid;grid-template-columns:5fr 1fr 1fr;justify-items:end;align-items:center;width:100%;margin:0 1em 1em}.header h1{font-size:1.5em;justify-self:left}}.header .mobile{display:none}@media screen and (max-width: 600px){.header .mobile{display:flex}.header .desktop{display:none}}.menu{display:flex;flex-direction:column;justify-content:space-between;height:100%}.menu pyro-list{padding:var(--pyro-spacing-l) 0}.menu pyro-tab-group{display:none}.menu .lowermenu{display:flex;flex-direction:column;align-items:center;gap:1em;padding-bottom:1em}aside{max-height:70vh}@media screen and (max-width: 600px){aside{width:100%!important}.menu pyro-list{display:none}.menu pyro-tab-group{display:flex;padding:var(--pyro-spacing-s) 0}.menu pyro-tab{width:25%}.menu .lowermenu{display:none}}.footer{left:0;bottom:0;width:100%;padding:var(--pyro-spacing-s);border-top:var(--pyro-border);background-color:var(--pyro-foreground-color);color:var(--pyro-text-color);text-align:center;max-height:var(--footer-space)}.form{width:100%}.form>section{padding:0 1em}.form .content{display:flex;flex-direction:column;align-items:flex-start;padding:var(--pyro-spacing-l) var(--pyro-spacing-s);gap:var(--pyro-spacing-l)}.form .subtitle{max-width:600px}.form pyro-box{width:100%;padding:var(--pyro-spacing)}.form pyro-box>*,.form pyro-radio-group>div{padding:var(--pyro-spacing-s) 0;display:flex;align-items:center;gap:var(--pyro-spacing)}.form pyro-radio-group label{display:flex;gap:var(--pyro-spacing);align-items:center}.login section.skeleton{display:flex;justify-content:center;align-items:center;height:300px}.login .skeleton-stuff{display:flex;gap:1em;cursor:pointer}.login .skeleton-stuff>div{display:flex;width:300px;flex-direction:column;gap:var(--pyro-spacing)}.login .skeleton-stuff span{line-height:1em}.center-it{display:flex;justify-content:space-evenly;align-items:center}.login .login-dialog{display:flex;flex-direction:column;gap:calc(var(--pyro-spacing-l) * 2)}.login .login-form{display:flex;gap:var(--pyro-spacing-l);flex-wrap:wrap}.login .login-form>div{width:calc(50% - var(--pyro-spacing-l))}@media screen and (max-width: 600px){pyro-dialog::part(dialog){max-width:100%}.login .login-form{flex-direction:column}}.themes pyro-accordion{border-radius:0}.themes pyro-radio-group{display:flex;justify-content:space-evenly;align-items:center}.themes pyro-radio-group div{display:flex;align-items:center;gap:var(--pyro-spacing)}.themes .tagbar{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;width:100%;min-height:5em}.themes pyro-tag{margin:var(--pyro-spacing)}.scroll-area{width:100%;height:500px}monogon-el{width:100%;height:100%;caret-color:#fff;border:1px solid #999}