@font-face{font-display:swap;font-family:Titillium Web;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/titilliumweb/v15/NaPecZTIAOhVxoMyOr9n_E7fdM3mDaZRbryhsA.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Titillium Web;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/titilliumweb/v15/NaPecZTIAOhVxoMyOr9n_E7fdMPmDaZRbrw.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Titillium Web;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/titilliumweb/v15/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGIVzY5abuWIGxA.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Titillium Web;font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/titilliumweb/v15/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGItzY5abuWI.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Titillium Web;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/titilliumweb/v15/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGIVzY5abuWIGxA.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Titillium Web;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/titilliumweb/v15/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGItzY5abuWI.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*,:after,:before{box-sizing:border-box;margin:0;padding:0}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:inherit;margin:0}a{color:inherit}a,a:focus,a:hover{text-decoration:none}button,input,select,textarea{appearance:none;background-color:transparent;border:0;color:inherit;font-family:inherit;font-size:inherit;margin:0;outline:none;padding:0;resize:none}button{cursor:pointer}table{border-collapse:collapse;border-spacing:0}img{border-style:none}*{box-shadow:none;text-shadow:none}audio,video{vertical-align:baseline}::input-placeholder,::placeholder,:input-placeholder{color:inherit;opacity:1}select::-ms-expand{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}fieldset{border:0;margin:0;min-width:0;padding:0}figcaption,legend{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}details,details>summary{display:block;margin:0;padding:0}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}details[open]>summary:before{content:none}body,html{font-family:Titillium Web,sans-serif;font-size:15px;height:100vh;width:100vw}@media(min-width:1600px){body,html{font-size:17px}}body{background-color:#181824;color:#fff;display:flex;overflow:hidden}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-track{background:#181824}::-webkit-scrollbar-thumb{background:rgba(48,48,68,.8)}::-webkit-scrollbar-thumb:hover{background:#232334}@media(max-width:960px){body{flex-direction:column}}.collapse{color:#fff}.collapse.collapse--closed .collapse-arrow{color:#6f6e84;transform:rotate(-90deg)}.collapse.collapse--small .collapse-title{font-size:1.2rem}.collapse.collapse--small .collapse-content{max-height:100%}.collapse-nav{align-items:center;background-color:#181824;border-bottom:1px solid #303044;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;position:sticky;top:0;-webkit-user-select:none;user-select:none}.collapse-nav,.collapse-nav .collapse-title{font-size:1rem}.collapse-nav .collapse-arrow{color:#fff;margin-top:5px}.collapse-content{background-image:linear-gradient(180deg,rgba(24,24,36,.6),transparent)}.collapse-content .collapse-item{display:flex}.collapse-content .collapse-item:not(:last-child){border-bottom:1px dashed hsla(243,9%,47%,.8);margin-bottom:15px;padding-bottom:15px}.collapse-content .collapse-item .collapse-itemIcon{margin-top:4px}.collapse-content .collapse-item .collpase-itemContent{align-items:center;display:flex;font-size:1rem;line-height:1.7;margin-left:10px;width:calc(100% - 28px)}.collapse-content .collapse-item .collpase-itemContent .collpase-itemCode{background-color:#181824;display:inline-block;padding:0 5px}@media(max-width:960px){.collapse.collapse--small .collapse-title{font-size:1rem;font-weight:700}}.group{border-bottom:1px solid #303044;border-top:1px solid #303044;cursor:pointer;display:flex;justify-content:space-between;padding:15px;user-select:none}.group.group--active,.group:hover{background-color:rgba(222,35,190,.2);border-color:#de23be}.group.group--active .group__infos .group__shortDesc,.group:hover .group__infos .group__shortDesc{color:hsla(0,0%,100%,.5)}.group__infos .group__title{font-size:1rem;font-weight:600}.group__infos .group__shortDesc{color:#6f6e84;font-size:.867rem;margin-top:0}.group__longInfo{align-items:self-start;display:flex;margin-top:5px}.group__longInfo svg{fill:#6f6e84;transition:fill .2s ease-in}.group__longInfo:hover{opacity:1}.group__longInfo:hover svg{fill:#fff}@media(max-width:960px){.group__infos .group__title{font-size:.867rem}}.button{align-items:center;border-radius:25px;display:flex;font-size:1rem;font-weight:600;height:45px;justify-content:center;padding:0 30px}.button.button--icon .button__text{margin-right:10px}.button.button--grayLight{background-color:hsla(243,9%,47%,.3);color:#fff;transition:background-color .1s ease-in}.button.button--grayLight:hover{background-color:#de23be}.modal{align-items:center;background-color:rgba(24,24,36,.9);display:flex;height:100%;left:0;padding-bottom:4rem;position:fixed;top:0;width:100%;z-index:1}.modal .modal__dialog{background-color:#232334;border:0;border:3px solid hsla(243,9%,47%,.2);border-radius:15px;color:#fff;cursor:default;display:flex;flex-direction:column;margin:auto;max-height:500px;padding:25px;width:450px}.modal .modal__header{display:flex;flex-direction:row;height:fit-content;justify-content:space-between;width:100%}.modal .modal__header .modal__title{font-size:1.6rem;font-weight:600}.modal .modal__header .modal__close{opacity:.8}.modal .modal__header .modal__close:hover{opacity:1}.modal .modal__header .modal__close svg{height:25px;width:25px}.modal .modal__content{height:100%;margin-top:5px;overflow:auto}.modal .modal__content h4{color:#6f6e84;font-size:1.2rem;font-weight:600;margin:10px 0}.modal .modal__content code.inline-code{background:#181824;border-radius:5px;font-family:monospace;font-size:12px;margin:0 2px;padding:5px}.modal .modal__code{align-items:baseline;background:#181824;border-radius:10px;overflow:auto;padding:10px;width:100%}.modal .modal__code .CodeMirror-line{color:#6f6e84;margin-bottom:5px}.modal .modal__code .cm-curlybrace,.modal .modal__code .cm-pseudo-element{color:#fff}.header{align-items:center;background-color:#181824;box-shadow:8px 0 8px -8px rgba(0,0,0,.3);display:flex;flex-direction:column;height:100vh;justify-content:space-between;position:relative;width:3rem}.header__brand{color:#fff;display:flex;margin-top:15px}.header__previous{display:flex;margin-bottom:15px;opacity:.3;transition:opacity .2s ease-in}.header__previous:hover{opacity:1}.header__previous svg{height:25px;width:45px}.header__cta{align-items:center;background-color:#de23be;border-radius:50%;display:none;height:30px;justify-content:center;width:30px}.header__cta:hover{background-color:rgba(222,35,190,.9)}@media(max-width:960px){.header{align-items:center;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);flex-direction:row;height:60px;padding:15px;width:100%}.header__brand{margin-top:0}.header__previous{display:none}.header__cta{display:flex}}.code{align-items:center;display:flex;flex-direction:column;justify-content:center;width:calc(100% - 27rem)}.code .code__content{margin-top:-10rem;padding:1rem;width:600px}.code .code__command{color:#6f6e84}.code .code__command.code__command--mobile{display:none}span[role=presentation]>*{border:2px solid transparent}.cm-property{color:#5d00ff}.terms{margin-left:25px}.term-item{cursor:pointer}#css-code span[role=presentation]>*{border:2px solid transparent}#css-code span[role=presentation]>.group--active{border:2px solid #de23be}@media(max-width:960px){.code{background:#232334;padding-top:15px;width:100%}.code .code__content{margin-top:0}.code .code__command:not(.code__command.code__command--mobile){display:none}.code .code__command.code__command--mobile{display:block;margin-bottom:15px;margin-top:-5px}}.groups{box-shadow:-8px 0 8px -8px rgba(0,0,0,.3);height:100vh;overflow-y:auto;padding-bottom:100px;right:0}.groups,.groups__cta{background-color:#232334;position:fixed;width:24rem}.groups__cta{align-items:center;bottom:0;display:flex;height:100px;justify-content:center}@media(max-width:960px){.groups{position:inherit;width:100%}.groups__cta{box-shadow:1px -1px 15px 0 rgba(0,0,0,.18);height:75px;width:100%}.group__longInfo{display:none}}.code .CodeMirror{background-color:#12121c;border:3px solid #303044;border-radius:15px;color:#fff;font-size:24px;height:auto!important;line-height:2.8rem;padding:25px}.code .CodeMirror-cursors .CodeMirror-cursor{border-color:#fff}.code .CodeMirror-focused .CodeMirror-selected,.code .CodeMirror-selected{background:rgba(48,48,68,.5)}.code .cm-s-default .cm-atom{color:#ffd22d}.code .cm-s-default .cm-property{color:#a2ff00}.code .cm-s-default .cm-pseudo-class{color:aqua}.code .cm-s-default .cm-qualifier{color:#f0e}.code .cm-s-default .cm-number{color:#ff9100}@media(max-width:960px){.code .code__content{width:100%}.code .CodeMirror{font-size:16px;padding:15px}.code .CodeMirror .CodeMirror-line{line-height:1.6}}
.CodeMirror{color:#000;direction:ltr;font-family:monospace;height:300px}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{background-color:#f7f7f7;border-right:1px solid #ddd;white-space:nowrap}.CodeMirror-linenumber{color:#999;min-width:20px;padding:0 3px 0 5px;text-align:right;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{background:#7e7;border:0!important;width:auto}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}.cm-fat-cursor{caret-color:transparent}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:-50px}.CodeMirror-ruler{border-left:1px solid #ccc;bottom:0;position:absolute;top:0}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:blue}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{background:#fff;overflow:hidden;position:relative}.CodeMirror-scroll{height:100%;margin-bottom:-50px;margin-right:-50px;outline:none;overflow:scroll!important;padding-bottom:50px;position:relative;z-index:0}.CodeMirror-sizer{border-right:50px solid transparent;position:relative}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{display:none;outline:none;position:absolute;z-index:6}.CodeMirror-vscrollbar{overflow-x:hidden;overflow-y:scroll;right:0;top:0}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-x:scroll;overflow-y:hidden}.CodeMirror-scrollbar-filler{bottom:0;right:0}.CodeMirror-gutter-filler{bottom:0;left:0}.CodeMirror-gutters{left:0;min-height:100%;position:absolute;top:0;z-index:3}.CodeMirror-gutter{display:inline-block;height:100%;margin-bottom:-50px;vertical-align:top;white-space:normal}.CodeMirror-gutter-wrapper{background:none!important;border:none!important;position:absolute;z-index:4}.CodeMirror-gutter-background{bottom:0;position:absolute;top:0;z-index:4}.CodeMirror-gutter-elt{cursor:default;position:absolute;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{word-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);background:transparent;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual;line-height:inherit;margin:0;overflow:visible;position:relative;white-space:pre;z-index:2}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.CodeMirror-linewidget{padding:.1px;position:relative;z-index:2}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{height:0;overflow:hidden;position:absolute;visibility:hidden;width:100%}.CodeMirror-cursor{pointer-events:none;position:absolute}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{position:relative;visibility:hidden;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}