@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.usage-informations{width:fit-content;min-height:100vh;padding-bottom:50vh}.usage-informations .examples{display:flex;flex-direction:column;gap:20px}.usage-informations .examples .title{font-size:25px;font-weight:700}.usage-informations .examples .example{font-size:20px}button.primary:hover{background-color:darker(#3E4DED,4.5%);border-color:darker(#3E4DED,4.5%)}button.secondary:hover{background-color:lighter(#3E4DED,4.5%);border-color:lighter(#3E4DED,4.5%);color:#fff}button.tertiary{color:lighter(#3E4DED,4.5%)}button.tertiary:hover{border-color:lighter(#3E4DED,4.5%)}.input input:focus{border-color:darker(#3E4DED,4.5%)}.input label{position:absolute;height:calc(100% - 44px);width:0px;border-radius:24px;left:10px;display:flex;align-items:center;background-color:transparent;z-index:1;top:-20px;bottom:0;margin:auto;white-space:nowrap;color:lighter(#000000,30%)}.select .choices .choice:hover{background-color:darker(#ffffff,4.5%)}.menu-picker{width:100%;display:flex;flex-direction:column;gap:20px}.menu-picker .pick{display:flex;flex-direction:column;gap:5px}.menu-picker .pick .title{font-size:20px;font-weight:700}.picker{width:100%}.picker{width:calc(100% - 10px);padding:5px;height:fit-content;position:relative}.picker .selector{width:100%;display:flex;flex-direction:row;justify-content:center;gap:5px}.picker .selector div .selection{width:calc(100% - 20px);border-radius:24px;display:flex;padding:5px 10px;flex-direction:row;align-items:center;z-index:2;justify-content:center;transition:all .5s;text-align:center;cursor:pointer;position:relative;background-color:transparent}.picker .selector div .selection.active{color:#fff;cursor:default;background-color:#3e4ded;transition:all .5s}.picker.line div .selection:before{content:"";position:absolute;width:calc(100% - 20px);height:2px;bottom:0;left:10px;background-color:#3e4ded;visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out}.picker.line div .selection.active{background-color:unset}.picker.line div .selection.active:before{visibility:visible;transform:scaleX(1)}.picker.vertical .selector-display{width:calc(100% - 10px);height:0;overflow:hidden}.picker.vertical .selector{flex-direction:column;gap:5px}.picker.vertical .selector .selection{width:calc(100% - 20px)}.picker.line{position:relative!important}.picker.line .selector-display{height:2px!important;margin-left:10px!important}.picker.line .active{color:#3e4ded!important;font-weight:700}.menu-picker .selector-display{background-color:#3e4ded;height:calc(100% - 10px);border-radius:24px;z-index:1;transition:all .5s;position:absolute}.menu-picker.vertical .selector-display{width:calc(100% - 10px);height:0}.menu-picker.line .selector-display{height:2px!important;margin-left:10px!important}button{padding:10px 15px;border-radius:24px;cursor:pointer;border:2px solid transparent;transition:all .3s;font-weight:600;background-color:transparent;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}button.primary{border-color:#3e4ded;background-color:#3e4ded;color:#fff}button.primary:hover{background-color:#293aeb;border-color:#293aeb}button.secondary{border-color:#3e4ded;color:#3e4ded}button.secondary:hover{background-color:#5360ef;border-color:#5360ef;color:#fff}button.tertiary{color:#5360ef}button.tertiary:hover{border-color:#5360ef}.input{position:relative;width:fit-content}.input *{transition:all .3s}.input input{padding:10px 15px;border:2px solid #3E4DED;border-radius:24px;z-index:10;outline:none}.input input:focus{border-color:#293aeb}.input label{position:absolute;height:calc(100% - 44px);width:0px;border-radius:24px;left:10px;display:flex;align-items:center;background-color:transparent;z-index:1;top:-20px;bottom:0;margin:auto;white-space:nowrap;color:#4d4d4d}.input .warning{color:#ed583e;font-weight:700;font-size:12px;height:21px}.input:hover input,.input:focus-within input,.input.in input{z-index:1}.input:hover label,.input:focus-within label,.input.in label{background-color:#fff;padding:0 5px;font-size:13px;transform:translateY(calc(-100% - 4px));z-index:2;color:#3e4ded;width:fit-content}.select{border:2px solid #3E4DED;border-radius:24px;width:fit-content;display:flex;flex-direction:column;transition:all .3s;min-width:150px;color:#3e4ded;font-weight:600;position:relative}.select *{transition:all .3s}.select *{fill:#3e4ded}.select.open{border-radius:10px 10px 0 0;border-color:#3E4DED #3E4DED transparent #3E4DED}.select.open .choice{border-radius:10px 10px 0 0}.select.open .choices{border-color:#3e4ded;z-index:10;transition:all .2s}.select .choice{display:flex;flex-direction:row;align-items:center;cursor:pointer;justify-content:space-between;width:calc(100% - 30px);padding:5px 15px;height:24px;border-radius:24px;background-color:#fff;-webkit-user-select:none;user-select:none}.select .choices{overflow:hidden;width:100%;left:-2px;transition:all .2s;position:absolute;top:100%;border-radius:24px;border:2px solid transparent;border-style:none solid solid solid}.select .choices .choice:hover{background-color:#f4f4f4}.select .choices:last-child{border-radius:0 0 10px 10px}body{font-family:Nunito,sans-serif}body #root{margin:auto;display:flex;flex-direction:row;gap:20px;padding-left:calc(18% + 90px)}body #root a{text-decoration:none;color:#3e4ded}body #root a:hover{color:#5360ef;text-decoration:underline}body #root .app{width:90%}body #root .app-picker{padding:20px;height:calc(100vh - 40px);width:calc(18% - 10px);border:2px solid rgb(243.525,243.525,243.525);border-style:none solid none none;display:flex;flex-direction:column;gap:20px;position:fixed;left:0;top:0;justify-content:space-between}body #root .app-picker img{width:80%}body #root .app-picker .top-column{display:flex;flex-direction:column;gap:20px}body #root .app-picker .bottom-row{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;height:fit-content;gap:10px}body #root .app-picker .bottom-row * svg{width:20px;height:20px}body #root .welcome-screen{width:100%}body #root .usage-informations{display:flex;flex-direction:column;gap:50px;min-height:50%;min-height:100vh;padding-top:15px}body #root .usage-informations.component{gap:5px}body #root .usage-informations .usage-informations-header .title{font-size:50px;font-weight:700}body #root .usage-informations .usage-informations-header .sub-title{font-size:20px;color:#4d4d4d}body #root .usage-informations .changelogs{display:flex;flex-direction:row;flex-wrap:nowrap;gap:50px}body #root .usage-informations .changelogs .changelog{background-color:#f4f4f4;padding:20px;display:flex;flex-direction:column;gap:20px;border-radius:24px}body #root .usage-informations .changelogs .changelog .version .sub-title,body #root .usage-informations .changelogs .changelog .date .sub-title,body #root .usage-informations .changelogs .changelog .changes .sub-title,body #root .usage-informations .changelogs .changelog .whats-coming .sub-title{font-size:15px;color:#4d4d4d}body #root .usage-informations .changelogs .changelog .version .value,body #root .usage-informations .changelogs .changelog .date .value{font-size:20px;font-weight:700;color:#3e4ded}body #root .usage-informations .usage-informations-description{display:flex;flex-direction:column;gap:20px}body #root .usage-informations .usage-informations-description .paragraph{display:flex;flex-direction:column;gap:10px}body #root .usage-informations .usage-informations-description .paragraph .paragraph-title{font-size:30px;font-weight:700}body #root .usage-informations .usage-informations-description .paragraph .paragraph-content{color:#4d4d4d}body #root .usage-informations .requirements{display:flex;flex-direction:row;gap:50px;height:max-content}body #root .usage-informations .requirements .requirement{width:100%;padding:20px;border-radius:24px;background-color:#f4f4f4;display:flex;flex-direction:column;gap:20px}body #root .usage-informations .requirements .requirement .requirement-number{padding:10px;display:flex;align-items:center;justify-content:center;border-radius:24px;background-color:#3e4ded;color:#fff;width:30px}body #root .usage-informations .requirements .requirement .requirement-header{display:flex;flex-direction:column;height:100%;gap:5px}body #root .usage-informations .requirements .requirement .requirement-header .requirement-name{font-size:20px;font-weight:700}body #root .usage-informations .requirements .requirement .requirement-header .requirement-description{color:#4d4d4d}body #root .usage-informations .requirements .requirement .latest-version-informations{display:flex;flex-direction:column;gap:20px}body #root .usage-informations .requirements .requirement .latest-version-informations .informations{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:10px}body #root .usage-informations .requirements .requirement .latest-version-informations .informations .value{font-weight:600;display:flex;flex-direction:column}@media screen and (max-width: 1024px){.requirements,.changelogs{flex-direction:column!important}}