@font-face{font-family:Lato;font-style:normal;font-weight:400;src:url("https://cdn.alwane.io/fonts/lato-400-1.woff2") format("woff2");font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:400;src:url("https://cdn.alwane.io/fonts/lato-400-2.woff2") format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-weight:700;src:url("https://cdn.alwane.io/fonts/lato-700-1.woff2") format("woff2");font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:700;src:url("https://cdn.alwane.io/fonts/lato-700-2.woff2") format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-weight:900;src:url("https://cdn.alwane.io/fonts/lato-900-1.woff2") format("woff2");font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:900;src:url("https://cdn.alwane.io/fonts/lato-900-2.woff2") format("woff2");font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-weight:300;font-display:swap;src:url("https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2") format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:300;font-display:swap;src:url("https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{font-size:1.5rem}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{text-size-adjust:100%}html,button,input,select,textarea{font-family:Arial,Helvetica,sans-serif}body{margin:0}*{box-sizing:border-box}a{color:#3b566e;text-decoration:none;background:rgba(0,0,0,0)}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{color:#000;background:#ff0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"“" "”" "‘" "’"}*::before,*::after{box-sizing:border-box}q:before,q:after{content:"";content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,div pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,figure,header,nav,section,article,aside,footer,figcaption{padding:0;margin:0;border:0;outline:0}ul li{list-style:none}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline}input[type=text],input[type=email],input[type=tel],textarea{-webkit-appearance:none}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{background:none;border:0;-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}div,input,textarea,select,button,h1,h2,h3,h4,h5,h6,a,span,a:focus{outline:none}.button{display:inline-flex;justify-content:center;align-items:center;height:2.1rem;padding:0 28px;color:#fff;font-size:.875rem;font-weight:600;vertical-align:middle;border:1px solid #544cc2;border-radius:5px;transition:all .25s ease-in 0s}.button.button--large{height:2.8rem;font-size:1.125rem}.button.button--small{height:1.8rem;padding:0 10px;font-size:.875rem;font-weight:400}.button.button--primary{background-color:#544cc2}.button.button--primary:hover{background-color:#2e2978}.button.button--light{color:#585858;background-image:linear-gradient(180deg, #fff 0%, #f5f5f7 100%);border-color:#bfc5ca}.button.button--light:hover{border-color:#7d7d8d}.button.button--disabled{background-color:#544cc2;cursor:not-allowed;opacity:.35}.formControls-text{width:100%;padding:15px;color:#7d7d8d;font-size:1rem;word-break:break-all;background-color:#fff;border:1px solid #7d7d8d;border-radius:4px;transition:all .2s ease-in}.formControls-text.formControls-text--textArea{position:relative}.formControls-text.formControls-text--textArea::after{content:"";position:absolute;right:0;bottom:0;width:100%;height:60px;background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.8) 1%, #fff 100%);background-size:100%}.formControls-text.formControls-text--darkBorder{border:1px solid #544cc2}.formControls-text.formControls-text--error{position:relative;background-color:#fce7e8;border:1px solid #cd3240}.formControls-text.formControls-text--error input[type=text],.formControls-text.formControls-text--error textarea{color:#cd3240;background-color:#fce7e8}.formControls-text.formControls-text--error input[type=text]::placeholder,.formControls-text.formControls-text--error textarea::placeholder{color:#ffb0b7}.formControls-text.formControls-text--error.formControls-text--textArea::after{background-image:linear-gradient(180deg, rgba(252, 231, 232, 0.8) 1%, #fce7e8 100%)}.formControls-text.formControls-text--error .formControls-text--error-message{position:absolute;top:3px;right:3px;padding:5px 10px;color:#fff;font-size:.75rem;background-color:#cd3240;border-radius:4px}.formControls-text input[type=text],.formControls-text textarea{width:100%;color:#585858;border:0}.formControls-text input[type=text]::placeholder,.formControls-text textarea::placeholder{color:#bfc5ca}.formControls-text textarea{min-height:140px;line-height:2rem;text-transform:lowercase;resize:none}.formControls-text .formControls-text-fullScreen{position:relative;z-index:50;display:block;width:100%;text-align:right;background:rgba(255,255,255,0)}.formControls-text .formControls-text-fullScreen svg{width:20px;height:20px;fill:#544cc2}.formControls-checkbox{position:relative;display:flex}.formControls-checkbox input[type=checkbox]{visibility:hidden}.formControls-checkbox input[type=checkbox]:checked+label span{border:1px solid #544cc2}.formControls-checkbox input[type=checkbox]:checked+label span::after{opacity:1}.formControls-checkbox input[type=checkbox]:checked+label b{color:#544cc2}.formControls-checkbox label{display:flex;align-items:center;cursor:pointer;user-select:none}.formControls-checkbox label span{position:absolute;top:0;left:0;width:20px;height:20px;background:linear-gradient(180deg, #fff 0%, rgba(231, 231, 231, 0.6) 100%);border:1px solid #bfc5ca;border-radius:4px}.formControls-checkbox label span::after{content:"";position:absolute;top:4px;left:4px;z-index:500;width:11px;height:8px;background-color:rgba(255,255,255,0);border:3px solid #544cc2;border-top:0;border-right:0;transform:rotate(-45deg);opacity:0}.formControls-checkbox label b{margin-top:1px;margin-left:12px;font-size:.875rem;font-weight:400}.formControls-copy{position:relative;box-sizing:border-box;width:100%;min-height:42px;padding:10px 12px;color:#585858;line-height:23.2px;background-color:#fff;border:1px solid #d0d0d0;border-radius:5px;cursor:pointer}.formControls-copy.formControls-copy--copying .formControls-copy-label::after{animation:floatup .5s ease-in-out}.formControls-copy-text{overflow:hidden;display:inline-block;box-sizing:border-box;max-width:calc(100% - 70px);color:#585858;line-height:23.2px;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;cursor:pointer}.formControls-copy-label{position:absolute;top:15px;right:23px;z-index:1;display:inline-block;box-sizing:border-box;color:rgba(255,255,255,0);font-size:.9rem;pointer-events:none;cursor:pointer;opacity:.999;transition:opacity .2s ease-in-out}.formControls-copy-label::after{position:absolute;top:-2px;left:50%;display:inline-block;content:attr(data-label);color:#585858;text-align:center;white-space:nowrap;transform:translate3d(-50%, 0, 0);backface-visibility:hidden;opacity:.001}.formControls-copy-button{position:absolute;top:7px;right:88px;display:inline-block;box-sizing:border-box;width:65px;height:32px;padding:0;margin:0;color:#585858;font-size:.9rem;line-height:32px;text-align:center;background-color:#d0d0d0;border:1px solid #e7e7e7;border-radius:3px;transform:translate(calc(100% + 15px), 0);transition:all .2s ease-in-out;user-select:none;cursor:pointer;appearance:none}@keyframes floatup{20%{opacity:.999}100%{transform:translate3d(-50%, -17px, 0)}}.toggle{display:flex;padding:2px;margin:0;list-style:none;background-color:#f5f5f7;border-radius:8px}.toggle li{display:inline-flex;flex:1 1;justify-content:center;align-items:center;height:45px;padding:.75rem 1rem;color:#929daf;font-size:1rem;font-weight:400;text-align:center;border-radius:8px;cursor:pointer;transition:.3s ease-out}.toggle li.toggle-active{color:#7d7d8d;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.08)}.cardColor{background:#fff;border:1px solid #d0d0d0;border-radius:8px;cursor:pointer}.cardColor.cardColor--selected{border:1px dashed #544cc2;filter:drop-shadow(1px 2px 3px rgba(84, 76, 194, 0.3))}.cardColor-bg{height:100px;margin:2px;background-color:#f5f5f7;border-bottom:1px solid #d0d0d0;border-radius:8px 8px 0 0}.cardColor-infos{display:flex;justify-content:space-between;padding:10px}.cardColor-infos.cardColor-infos--oneItem .cardColor-info:nth-child(1){display:none}.cardColor-infos.cardColor-infos--oneItem .cardColor-info.cardColor-info--hex{width:100%;text-align:center}.cardColor-infos .cardColor-info{font-size:.75rem}.cardColor-infos .cardColor-info h5{margin-bottom:5px;color:#bfc5ca;font-weight:400;text-transform:lowercase}.cardColor-infos .cardColor-info span{color:#585858}.cardColor-infos .cardColor-info.cardColor-info--hex{text-align:right}.cardColor-infos .cardColor-info.cardColor-info--hex span{text-transform:uppercase}.titleIcon{display:flex;align-items:center;height:40px;font-weight:400}.titleIcon.titleIcon--small{font-size:1rem}.titleIcon.titleIcon--large{font-size:1.125rem}.titleIcon.titleIcon--light{color:#929daf}.titleIcon.titleIcon--dark{color:#585858}.titleIcon.titleIcon--border{border-bottom:1px solid #e7e7e7}.titleIcon.titleIcon--border .titleIcon-text{text-transform:initial}.titleIcon .titleIcon-wrapper{display:flex;justify-content:center;align-items:center;width:22px;height:22px}.titleIcon .titleIcon-wrapper svg{width:15px;height:15px;margin-top:2px}.titleIcon .titleIcon-wrapper.titleIcon-wrapper--letter{border:1px solid #929daf}.titleIcon .titleIcon-wrapper.titleIcon-wrapper--letter svg{width:auto;height:auto;margin:0;fill:#929daf}.titleIcon .titleIcon-text{margin-left:5px;text-transform:uppercase}.tabs{font-size:.875rem}.tabs-nav{display:flex}.tabs-nav .tab-nav{padding:10px 15px;color:#d0d0d0;text-transform:uppercase;background-color:#fff;border-bottom:1px solid #d0d0d0;border-radius:4px 4px 0 0}.tabs-nav .tab-nav.tab-nav--active{color:#585858;border:1px solid #d0d0d0;border-bottom:0}.tabs-content{padding:20px;margin-top:-1px;background-image:linear-gradient(180deg, #fff 0%, #f5f5f7 100%);border:1px solid #d0d0d0;border-radius:0 4px 4px}.tabs-content .tab-pane{display:none}.tabs-content .tab-pane.tab-pane--active{display:block}.tabs-content .tab-pane.tab-pane--active>button{margin-top:20px}.tabs-content .tab-pane.tab-pane--active form>button{margin-top:20px}.tabs-content .tab-pane.tab-pane--cssPath .tab-pane--cssPath-cta>div:not(.tab-pane--cssPath-advancedContent){display:flex;justify-content:space-between;margin-top:20px}.tabs-content .tab-pane.tab-pane--cssPath .tab-pane--cssPath-cta .tab-pane--cssPath-advancedNav{display:flex;align-items:center;color:#544cc2}.tabs-content .tab-pane.tab-pane--cssPath .tab-pane--cssPath-cta .tab-pane--cssPath-advancedNav svg{width:12px;margin-right:3px}.tabs-content .tab-pane.tab-pane--cssPath .tab-pane--cssPath-cta .tab-pane--cssPath-advancedContent{padding-top:1.3rem;margin-top:15px;margin-bottom:5px;border-top:1px dashed #d0d0d0}.tabs-content .tab-pane.tab-pane--cssPath .tab-pane--cssPath-cta .tab-pane--cssPath-advancedContent strong{display:block;margin-bottom:25px;color:#585858;font-weight:400;text-transform:uppercase}.tabs-content .tab-pane.tab-pane--cssPath .tab-pane--cssPath-cta .tab-pane--cssPath-advancedContent .tab-pane--cssPath-settings{display:flex}.tabs-content .tab-pane.tab-pane--cssPath .tab-pane--cssPath-cta .tab-pane--cssPath-advancedContent .tab-pane--cssPath-settings .formControls-checkbox:not(:last-child){margin-right:1.3rem}.mobileForm{position:fixed;bottom:0;display:none;align-items:center;width:100%;height:75px;padding:15px;background-color:rgba(245,245,247,.9);box-shadow:0 0 5px 1px rgba(0,0,0,.2)}.mobileForm .formControls-text{height:100%;padding:10px;margin-right:10px}.mobileForm .button{height:100%;text-transform:uppercase}.modal{position:absolute;overflow:auto;z-index:999999;width:100vw;height:100vh;padding:35px;background-color:#f5f5f7}.modal-info{position:absolute}.modal-info button{color:#585858}.modal-info svg{width:35px;height:35px}.modal-content{max-width:800px;margin:auto}.modal-content h1{margin-bottom:75px;color:#585858;font-size:2.0625rem;text-align:center}.modal-content h1 span{text-decoration:underline}.modal-content .modal-content-small{max-width:400px;margin:auto}.modal-content .formControls-text{min-height:50vh}.modal-content .formControls-text.formControls-text--textArea::after{display:none}.modal-content .formControls-text textarea{min-height:inherit}.modal-content .button{margin-top:15px}.modal-video{box-shadow:1px 1px 8px 1px rgba(0,0,0,.1)}@media only screen and (max-width: 960px){.modal{padding:15px}.modal-info svg{width:25px;height:25px}.modal-content h1{margin-top:2px;margin-bottom:25px;font-size:1.125rem;text-align:right}}.alwane-share{position:absolute;top:20px;right:45px;display:flex;align-items:center;height:2.5rem;font-size:1rem}.alwane-share svg{width:15px !important}@media only screen and (max-width: 576px){.preview .preview-nav .alwane-share{top:55px;right:15px;z-index:500;padding:10px;color:#fff;font-size:.875rem;background:#544cc2;border-radius:0 0 5px 5px}}.notice{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.notice h1{font-weight:400;font-size:2.0625rem}.notice span{font-size:.875rem;margin-bottom:2rem}@media only screen and (max-width: 576px){.notice{justify-content:start;transform:scale(0.8);margin-top:-1rem}}.splashScreen{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh}.splashScreen img{width:90px;filter:opacity(0.7)}.splashScreen-wrapper{animation:.8s cubic-bezier(0.53, 0.22, 0.85, 0.58) 0s infinite alternate none running Splash}@keyframes Splash{0%{transform:scale(1);opacity:1;animation-timing-function:cubic-bezier(0.53, 0.22, 0.85, 0.58)}100%{transform:scale(0.95);opacity:.75;animation-timing-function:cubic-bezier(0.53, 0.22, 0.85, 0.58)}}.notFound{display:flex;justify-content:center}.notFound.containerGlobal{padding-top:2rem}.notFound::before{content:"";position:absolute;top:0;z-index:10;width:100%;height:100%;background:#fff}.notFound img,.notFound .notFound-section,.notFound .button--primary{position:relative;z-index:100}.notFound img{margin-top:2rem;width:40rem}.notFound .notFound-section{display:flex;align-items:center;flex-direction:column;text-align:center}.notFound .notFound-headline h2{font-family:"Lato",sans-serif;margin-bottom:.8rem}.notFound .button{margin-top:4rem}.openGraph{overflow:hidden;box-sizing:border-box;width:438px;max-width:100%;margin:auto;color:#f3f4f6;font-size:14px;line-height:1.3em;text-align:left;outline-offset:-1px;transition:background-color .15s ease-in-out,border-color .15s ease-in-out;user-select:none}.openGraph .openGraph-wrapper{background-color:#fff;border:1px solid #e1e8ed;border-radius:.85714em}.openGraph:hover{background-color:#f5f8fa;border-color:rgba(136,153,166,.5)}.openGraph-image{box-sizing:border-box;height:220px;color:#585858;line-height:20.8px;border-bottom:1px solid #e1e8ed}.openGraph-image img{width:100%}.openGraph-meta{box-sizing:border-box;padding:.75em;line-height:20.8px}.openGraph-truncate{overflow:hidden;display:block;box-sizing:border-box;margin:0 0 .15em;color:#000;font-family:inherit;line-height:18px;white-space:nowrap;text-overflow:ellipsis;word-wrap:break-word;border:0 solid #e5e7eb}.openGraph-title{font-weight:600}.openGraph-title .openGraph-title-wrapper{box-sizing:border-box;line-height:20.8px;border:0 solid #e5e7eb;border-collapse:separate}.openGraph-description{max-height:2.6em;margin-top:.32333em}.openGraph-website{max-width:175px;margin-top:.32333em;color:#8899a6}.openGraph-button{display:flex;flex-direction:column;margin-top:1rem}.openGraph-button .button{height:2.6rem;margin-top:1rem;font-size:1.2rem}@media only screen and (max-width: 576px){.openGraph{margin-top:2.5rem}}.palettes{max-width:initial}.palettes.modal{background-color:#f5f5f7}.palettes.modal .modal-info a{color:#000}.palettes.modal .modal-content{max-width:initial}.palettes.modal .modal-content .modal-content-title{margin-bottom:45px;color:#000;text-align:center}.palettes.modal .modal-content .modal-content-title h1{margin-bottom:5px;color:#000;font-size:3rem;letter-spacing:-3px}.palettes.modal .modal-content .modal-content-title p{font-size:1rem}.palettes .palettes-colors{display:flex;box-sizing:border-box;width:100%;height:100%}.palettes .palettes-colors div{position:relative;overflow:hidden;flex-grow:1;flex-basis:1px;box-sizing:border-box;box-shadow:rgba(0,0,0,.05) 0 1px inset,rgba(0,0,0,.05) 0 -1px inset;transition:all .1s ease-in-out;appearance:none}.palettes .palettes-colors div:first-child{border-radius:10px 0 0;box-shadow:rgba(0,0,0,.05) 1px 1px inset,rgba(0,0,0,.05) 0 -1px inset}.palettes .palettes-colors div:last-child{border-radius:0 10px 0 0;box-shadow:rgba(0,0,0,.05) -1px 1px inset,rgba(0,0,0,.05) 0 -1px inset}.palettes .palettes-colors div:hover{flex-basis:80px}.palettes .palettes-colors div:hover span{opacity:1}.palettes .palettes-colors div span{position:absolute;top:50%;display:block;box-sizing:border-box;width:100%;padding:0;margin:-7px 0 0;color:#000;font-size:1.125rem;font-weight:bold;text-align:center;cursor:pointer;opacity:0;appearance:none}.palettes .palettes-colors div span.color-isLight{color:#fff}.palettes .palettes-wrapper{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));grid-gap:20px 35px}.palettes .palettes-wrapper .openGraph{border-radius:15px;box-shadow:2px -1px 5px 1px rgba(0,0,0,.05);user-select:initial}.palettes .palettes-wrapper .openGraph .openGraph-wrapper{border-top:0}.palettes .palettes-wrapper .openGraph .openGraph-wrapper .openGraph-website{position:relative}.palettes .palettes-wrapper .openGraph .openGraph-wrapper .openGraph-website a{text-decoration:underline}@media only screen and (max-width: 1000px){.palettes .openGraph{margin-top:0}.palettes.modal .modal-info svg{width:25px;height:25px}.palettes.modal .modal-content .modal-content-title{margin-bottom:25px;text-align:right}.palettes.modal .modal-content .modal-content-title h1{font-size:1.125rem;letter-spacing:initial;text-align:right}.palettes.modal .modal-content .modal-content-title p{display:none}}.announcement-bar{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;max-height:40px;padding:10px 0 12px;color:#fff;font-size:1rem;background-color:#544cc2}.announcement-bar a{color:#fff;text-decoration:underline}.wrapper--announcement aside,.wrapper--announcement main{margin-top:35px}.wrapper--announcement .alwane-share{top:55px}.wrapper{display:flex;font-family:"Lato",sans-serif}aside{display:flex;width:505px;height:100vh;transition:width .2s ease-in}.aside-section{margin-bottom:30px}.aside-section h2{margin-bottom:25px}.aside-section.aside-section--notAllowed{position:relative}.aside-section.aside-section--notAllowed:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.6);cursor:not-allowed}.aside-section .aside-section-settings .aside-section-setting{margin-bottom:20px}.aside-section .aside-section-settings .aside-section-setting h3{margin-bottom:10px;margin-left:5px;color:#929daf;font-size:1rem;font-weight:400}.aside-nav{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:70px;height:100%;padding:20px 0;box-shadow:8px 0 8px -9px rgba(0,0,0,.1)}.aside-nav .aside-nav-links{display:flex;flex-direction:column}.aside-nav .aside-nav-links a{margin-top:10px}.aside-nav .aside-nav-links a path{transition:fill .2s ease-in}.aside-nav .aside-nav-links a:hover path{fill:#544cc2}.aside-extractor{overflow:auto;width:100%;padding:15px 25px;box-shadow:8px 0 8px -9px rgba(0,0,0,.1)}.wrapper main{width:calc(100% - 505px)}.wrapper .preview{width:100%}.preview .preview-nav{display:flex;justify-content:center;padding:20px 0;font-size:1.125rem;font-weight:700;background-color:#f5f5f7;border-bottom:1px solid #e7e7e7}.preview .preview-nav .preview-nav-item{display:flex;align-items:center;padding:8px 15px;margin-right:20px;color:#585858;transition:background-color .1s ease-in}.preview .preview-nav .preview-nav-item.preview-nav-item--active,.preview .preview-nav .preview-nav-item:hover{background-color:#fff;border-radius:4px}.preview .preview-nav svg{width:20px;margin-right:8px}.preview .preview-palette{position:relative;overflow:auto;height:calc(100vh - 79px);padding:25px}.preview .preview-palette .preview-palette-loader{position:absolute;top:0;left:4px;display:flex;width:100%;height:100%}.preview .preview-palette .preview-palette-loader::before{content:"";position:absolute;z-index:100;width:100%;height:100%;background:rgba(255,255,255,.9)}.preview .preview-palette .preview-palette-loader .lottie{position:relative;z-index:500;transform:scale(0.3);opacity:.7}.preview .preview-palette-group{margin-bottom:10px}.preview .preview-palette-group input[type=text]{padding:5px 10px;margin-bottom:15px;color:#585858;font-size:1.125rem;font-weight:600;border:1px solid #fff}.preview .preview-palette-group input[type=text]:focus{border:1px dashed #7d7d8d}.preview .preview-palette-group .palette-group-actions{position:relative;display:flex;justify-content:space-between;align-items:center;margin-right:25px;margin-left:10px}.preview .preview-palette-group .palette-group-actions>div>button{display:flex;margin-top:-5px;background-color:#fff;border-radius:3px;transition:background-color .2s ease-in}.preview .preview-palette-group .palette-group-actions>div>button svg{fill:#585858}.preview .preview-palette-group .palette-group-actions>div>button:hover{background-color:#f5f5f7}.preview .preview-palette-group .palette-group-actions .palette-group-actions-content{position:absolute;top:40px;right:0;z-index:50;display:none;font-size:1rem;background-color:#fff;border-radius:5px}.preview .preview-palette-group .palette-group-actions .palette-group-actions-content.palette-group-actions-content--active{display:block}.preview .preview-palette-group .palette-group-actions .palette-group-actions-content>button{display:block;box-sizing:border-box;min-width:95px;padding:5px 35px 5px 10px;color:#585858;font-size:.75rem;text-align:left;background-color:#fff;border:1px solid #585858;cursor:pointer;transition:all .2s ease}.preview .preview-palette-group .palette-group-actions .palette-group-actions-content>button:hover{background-color:#f5f5f7}.preview .preview-palette-group .preview-palette-colors{display:flex;flex-wrap:wrap}.preview .preview-palette-group .preview-palette-colors .preview-palette-color{width:20%;padding:0 10px 25px;transition:width .2s ease-in}.preview .preview-palette-group .preview-palette-colors .preview-palette-color .cardColor-wrapper{position:relative}.preview .preview-palette-group .preview-palette-colors .preview-palette-color .cardColor-wrapper:hover .preview-palette-color-delete{display:flex}.preview .preview-palette-group .preview-palette-colors .preview-palette-color .cardColor-wrapper .preview-palette-color-delete{position:absolute;top:5px;right:5px;display:none;justify-content:center;align-items:center;width:18px;height:18px;padding:3px;color:#cd3240;background-color:#ffb0b7;border-radius:5px;transition:all .2s linear}.preview .preview-palette-group .preview-palette-colors .preview-palette-color .cardColor-wrapper .preview-palette-color-delete:hover{color:#fff;background-color:#cd3240}.preview .preview-palette-group .preview-palette-colors .preview-palette-color .cardColor-wrapper .preview-palette-color-delete svg{width:100%;height:100%}.preview-code{position:relative;overflow:auto;height:92vh;padding:25px 35px;font-size:1.125rem}.preview-code .button-copy{position:fixed;right:50px;width:55px}.preview-code pre,.preview-code code{padding:0;margin:0}.preview-code pre .hljs-attr,.preview-code pre .hljs-variable,.preview-code code .hljs-attr,.preview-code code .hljs-variable{display:inline-block;min-width:220px}.preview-code pre .hljs-variable,.preview-code code .hljs-variable{color:#836c28}@media only screen and (max-width: 1500px){aside{width:435px}.wrapper main{width:calc(100% - 435px)}.wrapper main .preview .preview-palette-group .preview-palette-colors .preview-palette-color{width:33.3333333333%}}@media only screen and (max-width: 1200px){.formControls-checkbox label{margin-top:2px}.formControls-checkbox label b{font-size:.75rem}aside{width:400px}.wrapper main{width:calc(100% - 400px)}.wrapper main .preview .preview-palette-group .preview-palette-colors .preview-palette-color{width:50%}.tabs{font-size:.75rem}}@media only screen and (max-width: 960px){aside{display:none}.mobileForm{display:flex}.wrapper main{width:100%}.wrapper main .preview .preview-palette-group .preview-palette-colors .preview-palette-color{width:33.3333333333%}}@media only screen and (max-width: 576px){.wrapper main{width:100%}.wrapper main .preview .preview-palette{height:calc(100vh - 61px);padding:20px 5px}.wrapper main .preview .preview-palette-group .preview-palette-colors .preview-palette-color{width:50%}.wrapper main .preview .preview-palette-group .preview-palette-colors .preview-palette-color .cardColor-info:not(.cardColor-info--hex){display:none}.wrapper main .preview .preview-palette-group .preview-palette-colors .preview-palette-color .cardColor-info--hex{width:100%;text-align:center}.wrapper main .preview .preview-code{height:84vh;padding:25px;font-size:.875rem}.wrapper main .preview .preview-code pre .hljs-attr,.wrapper main .preview .preview-code pre .hljs-variable,.wrapper main .preview .preview-code code.hljs .hljs-attr,.wrapper main .preview .preview-code code.hljs .hljs-variable{min-width:auto}.preview .preview-nav{padding:15px;background-color:#544cc2}.preview .preview-nav .preview-nav-item{padding:5px 10px;color:#2e2978;font-size:.875rem}.preview .preview-nav .preview-nav-item:not(.preview-nav-item--active){color:#fff}.preview .preview-nav .preview-nav-item:not(.preview-nav-item--active):hover{color:#2e2978 !important}.preview-code .button{top:45px}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#fff;color:#000}.xml .hljs-meta{color:silver}.hljs-comment,.hljs-quote{color:#007400}.hljs-attribute,.hljs-keyword,.hljs-literal,.hljs-name,.hljs-selector-tag,.hljs-tag{color:#aa0d91}.hljs-template-variable,.hljs-variable{color:#3f6e74}.hljs-code,.hljs-meta .hljs-string,.hljs-string{color:#c41a16}.hljs-link,.hljs-regexp{color:#0e0eff}.hljs-bullet,.hljs-number,.hljs-symbol,.hljs-title{color:#1c00cf}.hljs-meta,.hljs-section{color:#643820}.hljs-built_in,.hljs-class .hljs-title,.hljs-params,.hljs-title.class_,.hljs-type{color:#5c2699}.hljs-attr{color:#836c28}.hljs-subst{color:#000}.hljs-formula{background-color:#eee;font-style:italic}.hljs-addition{background-color:#baeeba}.hljs-deletion{background-color:#ffc8bd}.hljs-selector-class,.hljs-selector-id{color:#9b703f}.hljs-doctag,.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}[style*="--aspect-ratio"]>:first-child{width:100%}[style*="--aspect-ratio"]>img{height:auto}[style*="--aspect-ratio"]{position:relative}[style*="--aspect-ratio"]::before{content:"";display:block;padding-bottom:calc(100%/(var(--aspect-ratio)))}[style*="--aspect-ratio"]>:first-child{position:absolute;top:0;left:0;height:100%}.alert p{margin-bottom:0}.alert:empty{display:none}.phx-no-feedback.invalid-feedback,.phx-no-feedback .invalid-feedback{display:none}.phx-click-loading{opacity:.5;transition:opacity 1s ease-out}.phx-loading{cursor:wait}.fade-in-scale{animation:.2s ease-in 0s normal forwards 1 fade-in-scale-keys}.fade-out-scale{animation:.2s ease-out 0s normal forwards 1 fade-out-scale-keys}.fade-in{animation:.2s ease-out 0s normal forwards 1 fade-in-keys}.fade-out{animation:.2s ease-out 0s normal forwards 1 fade-out-keys}@keyframes fade-in-scale-keys{0%{scale:.95;opacity:0}100%{scale:1;opacity:1}}@keyframes fade-out-scale-keys{0%{scale:1;opacity:1}100%{scale:.95;opacity:0}}@keyframes fade-in-keys{0%{opacity:0}100%{opacity:1}}@keyframes fade-out-keys{0%{opacity:1}100%{opacity:0}}.designSystem{padding:2rem;font-family:"Lato",sans-serif;background:#f5f5f7}.designSystem .designSystem-wrapper{padding:4rem;background-color:#fff;border:1px solid #e7e7e7}header{padding-bottom:1rem;margin-bottom:30px;border-bottom:1px solid rgba(41,42,44,.2)}header span{font-size:1rem}header h1{font-size:2.3rem}main{display:flex;flex-wrap:wrap}main .designSystem-component{width:50%}main .designSystem-component:nth-child(2n) .designSystem-component-wrapper{margin-right:0}main .designSystem-component h2{font-size:1.2rem}main .designSystem-component h3{color:#7d7d8d;font-size:.7rem;font-weight:300;text-transform:uppercase}main .designSystem-component.designSystem-component--fullWidth{width:100%}main .designSystem-component .designSystem-component-wrapper{margin:1rem 1rem 1rem 0}main .designSystem-component .designSystem-component-wrapper>h2{padding-bottom:1rem;margin-bottom:2rem;font-weight:300;border-bottom:1px solid rgba(41,42,44,.2)}main .designSystem-component--fullWidth .designSystem-component-wrapper>div{display:flex}main .designSystem-component--fullWidth .designSystem-component-wrapper>div h3{padding-bottom:1rem;margin-bottom:30px;border-bottom:1px solid rgba(41,42,44,.2)}main .designSystem-component--fullWidth .designSystem-component-wrapper>div>div:first-child{width:50%;margin-right:50px}main .designSystem-component--fullWidth .designSystem-component-wrapper>div>div:last-child{width:50%}main .designSystem-component--fullWidth .designSystem-component-wrapper>div>div>div{margin-bottom:50px}.designSystem-component--colors .designSystem-colors{display:flex}.designSystem-component--colors .designSystem-colors .designSystem-color{padding-right:1rem}.designSystem-component--colors .designSystem-colors .designSystem-color:last-child{padding-right:0}.designSystem-component--colors .designSystem-colors .designSystem-color h3{margin-bottom:1rem}.designSystem-component--colors .designSystem-colors .designSystem-color ul{display:flex}.designSystem-component--colors .designSystem-colors .designSystem-color ul li{display:flex;flex-direction:column;align-items:center;margin-right:8px}.designSystem-component--colors .designSystem-colors .designSystem-color ul li div{display:block;width:32px;height:32px}.designSystem-component--colors .designSystem-colors .designSystem-color ul li span{display:block;margin-top:10px;font-size:12px}.designSystem-component--colors .designSystem-colors .designSystem-color>.designSystem-color{margin-top:2rem}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--primary{width:30%}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--primary ul li:nth-child(1) div{background-color:#2e2978}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--primary ul li:nth-child(2) div{background-color:#544cc2}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--primary ul li:nth-child(3) div{background-color:#c4c4e9}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--primary ul li:nth-child(4) div{background-color:#efeffc}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--gray{width:55%}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--gray ul li:first-child div{background-color:#585858}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--gray ul li:nth-child(2) div{background-color:#7d8087}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--gray ul li:nth-child(3) div{background-color:#7d7d8d}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--gray ul li:nth-child(4) div{background-color:#929daf}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--gray ul li:nth-child(5) div{background-color:#bfc5ca}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--gray ul li:nth-child(6) div{background-color:#d0d0d0}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--gray ul li:nth-child(7) div{background-color:#e7e7e7}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--gray ul li:nth-child(8) div{background-color:#f5f5f7}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--gray .designSystem-color--errors ul li:first-child div{background-color:#cd3240}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--gray .designSystem-color--errors ul li:nth-child(2) div{background-color:#ffb0b7}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--gray .designSystem-color--errors ul li:nth-child(3) div{background-color:#fce7e8}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--gradients{width:15%}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--gradients ul li:nth-child(1) div{background-image:linear-gradient(180deg, #fff 0%, rgba(231, 231, 231, 0.6) 100%);border:1px solid #e4e4e4}.designSystem-component--colors .designSystem-colors .designSystem-color.designSystem-color--gradients ul li:nth-child(2) div{background-image:linear-gradient(180deg, #fff 0%, #f5f5f7 100%);border:1px solid #e4e4e4}.designSystem-component--typo .designSystem-component-wrapper div{margin-bottom:.5rem}.designSystem-component--typo .designSystem-component-wrapper div:nth-child(2){font-size:2.0625rem}.designSystem-component--typo .designSystem-component-wrapper div:nth-child(3){font-size:1.375rem}.designSystem-component--typo .designSystem-component-wrapper div:nth-child(4){font-size:1.125rem}.designSystem-component--typo .designSystem-component-wrapper div:nth-child(5){font-size:1rem}.designSystem-component--typo .designSystem-component-wrapper div:nth-child(6){font-size:.875rem}.designSystem-component--typo .designSystem-component-wrapper div:nth-child(7){font-size:.75rem}.designSystem-component--icons .designSystem-component-wrapper>div{display:flex;align-items:center}.designSystem-component--icons .designSystem-component-wrapper>div svg{height:22px;margin-right:1rem;fill:#585858}.designSystem-component--buttons .designSystem-component-wrapper>div{display:flex;align-items:center}.designSystem-component--buttons .designSystem-component-wrapper>div .button{margin-right:.8rem}.designSystem-component--formControls>div>div{display:flex;width:100%;margin-bottom:1rem}.designSystem-component--formControls>div>div>div:nth-child(1){margin-right:1rem}.designSystem-component--toggle>div{display:flex}.designSystem-component--toggle>div ul{width:50%}.designSystem-component--toggle>div ul:nth-child(1){margin-right:25px}.designSystem-component--card .cardColor{width:300px}.designSystem-component-tabs .tabs{width:385px}