/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button, html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}:link,:visited{text-decoration:none}a img,:link img,:visited img{border:none}h1,h2,h3,h4,h5,h6,pre,code{font-size:1em}ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0}ul,ol{list-style:none;padding:0;margin:0}table{border-collapse:collapse;border-spacing:0}[hidden][hidden]{display:none !important}body{background-color:#fff;color:#2e2b2a}a{color:#2e2b2a}a:visited{color:#2e2b2a}.ffMenu ul{margin-left:px}.ffMenu ul:first-child{margin-left:0px}.ffMenuActive{font-weight:bold}.ffMenuWithinActives{font-weight:bold}.ffMenuInactive{font-weight:normal}div.ffMenu:first-child{margin-left:0px}.prevBoxMeta{border-width:0px;position:relative;float:left}.prevBoxInner{padding:2px}.prevBoxHeaderA{font-size:8pt;font-weight:normal;padding:1px;border-width:1px 1px 0px 1px;border-style:solid;float:left}.prevBoxHeaderB{background-color:transparent;font-size:8pt;font-weight:normal;padding:1px;border-width:0px 0px 1px 0px;border-style:solid}.prevBoxContent{font-size:10px;font-weight:normal;padding:1px;border-width:0px 1px 1px 1px;border-style:solid}.ffLogin-dialog{padding:1em;color:#000;display:none;margin-top:1em}.ffLogin-dialog-err{background-color:#ff0}.ffLogin-dialog-sec{background-color:#f00}.three-way-tgl>input+label:hover{background-color:#5c9b75}.three-way-tgl>input:checked+label,.three-way-tgl>input.checked-implicitly+label{background-color:#448C60}.ffNewsletterMailClientPanel{display:flex}.ffNewsletterMailClientPanel>div{margin: .5em}.ffNewsletterMailClientPanel button.btn{margin:0}.ffNewsletterMailClientPanel button.btn>span{display:inline}.ffNewsletterMailClientPanel .three-way-tgl>label{padding: .5em;margin-bottom:1px;display:block;cursor:pointer}.ffNewsletterMailClientPanel .three-way-tgl>input{display:none}.ffNewsletterMailClientPanel .three-way-tgl>input+label::before{content:"";border:1px solid #fff;display:inline-block;width:0.909em;height:0.909em;margin-right: .5em;background-repeat:no-repeat;background-position:center}.ffNewsletterMailClientPanel .three-way-tgl>input.checked-implicitly+label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Crect fill='%23fff' x='3' y='3' width='4' height='4'/%3E%3C/svg%3E")}.ffNewsletterMailClientPanel .three-way-tgl>input:checked+label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpolygon fill='%23fff' points='1,5 4,8 9,3 8,2 4,6 2,4 '/%3E%3C/svg%3E")}.ffNewsletterMailClientPanel .three-way-tgl>input[disabled]+label{cursor:default;opacity: .5;background-color:transparent}#ffNewsletterMailComposer .editorWorkspace{display:flex}#ffNewsletterMailComposer .editorWorkspace .mail-editor, #ffNewsletterMailComposer .editorWorkspace .mail-preview{margin: .5em;padding: .5em;box-sizing:border-box;display:flex;flex-flow:column;flex-grow:1;border:1px solid rgba(0,0,0,0.1)}#ffNewsletterMailComposer .editorWorkspace .mail-editor >.mail-toolbar, #ffNewsletterMailComposer .editorWorkspace .mail-preview>.mail-toolbar{display:flex;align-items:center;justify-content:center;min-height:3em}#ffNewsletterMailComposer .editorWorkspace .mail-editor >.mail-toolbar >.btn, #ffNewsletterMailComposer .editorWorkspace .mail-preview>.mail-toolbar>.btn{margin: .5em}#ffNewsletterMailComposer .editorWorkspace .mail-editor >.mail-subject, #ffNewsletterMailComposer .editorWorkspace .mail-editor >.mail-body, #ffNewsletterMailComposer .editorWorkspace .mail-preview >.mail-subject, #ffNewsletterMailComposer .editorWorkspace .mail-preview>.mail-body{background:#fff;outline:1px solid rgba(0,0,0,0.1)}#ffNewsletterMailComposer .editorWorkspace .mail-editor >.mail-subject, #ffNewsletterMailComposer .editorWorkspace .mail-preview>.mail-subject{padding: .5em;margin-bottom:1em}#ffNewsletterMailComposer .editorWorkspace .mail-editor >.mail-body, #ffNewsletterMailComposer .editorWorkspace .mail-preview>.mail-body{flex:1 1 0px;display:flex}hr{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.1);border-right-width:0;border-left-width:0;margin:1em}.ffNewsletterMailManager .mailings{display:flex;padding:2em 0;flex-wrap:wrap}.ffNewsletterMailManager .mailings .mailing{position:relative;margin: .5em 0.5em 1.5em 0.5em;padding:0;min-width:100px}.ffNewsletterMailManager .mailings .mailing>div{padding: .5em}.ffNewsletterMailManager .mailings .mailing .mailing-title{background-color:#e9c85daa}.ffNewsletterMailManager .mailings .mailing.btn-active .mailing-title{background-color:#e9c85d}.ffNewsletterMailManager .mailings .mailing .mailing-clicker{display:block;position:absolute;top:0;right:0;bottom:0;left:0}@font-face{font-family:"GradBold";src:url("/system/plugins/helloclient.org/css/fonts/GradBold.eot?#iefix");src:url("/system/plugins/helloclient.org/css/fonts/GradBold.eot?#iefix") format("eot"), url("/system/plugins/helloclient.org/css/fonts/GradBold.woff2") format("woff2"), url("/system/plugins/helloclient.org/css/fonts/GradBold.woff") format("woff"), url("/system/plugins/helloclient.org/css/fonts/GradBold.ttf") format("truetype")}body{background:url('/system/plugins/helloclient.org/pix/fond.svg');background-size:cover;background-position:0 20vh;background-repeat:no-repeat}body,input,textarea,p{font-family:"Segoe Ui",arial,sans-serif}p{margin:1em 0}h1,h2,h3,h4,h5,h6{text-align:center;font-weight:normal}h2{font-family:GradBold,Georgia;font-size:3rem;margin-bottom: .25em}h3{text-transform:uppercase;font-size: .8em;letter-spacing:1px;font-weight:600;margin: .75em 0}h3>span::after{content:"";display:block;text-align:center;width:40px;margin-left:-20px;left:50%;position:relative;border-bottom:1px solid black;margin-top:0.75em}h4{font-size: .9em}.message{border-width:0 0 0 4px;border-style:solid;padding-left:1em;margin:1.5em 0}.message.note{border-color:#e9c85d}.message.success{border-color:#85b497}.message.error{border-color:#BB5757}#logo{text-align:left;margin:0 auto;max-width:900px;padding:1em 0 0 1em}#logo>a{display:inline-block;text-indent:-30000px;width:70px;height:50px;background-image:url('/system/plugins/helloclient.org/pix/logo.svg');background-size:contain;background-repeat:no-repeat}.page-block{width:100%;max-width:900px;margin:1em auto}#claim,#signup,#activate,#signIn,#setPassword,#forgotPassword,#playgroundMyPlaygrounds{position:relative;width:100%;margin:0 auto;left:0;right:0;max-width:300px}#claim fieldset, #signup fieldset, #activate fieldset, #signIn fieldset, #setPassword fieldset, #forgotPassword fieldset, #playgroundMyPlaygrounds fieldset{border:0;box-sizing:border-box;padding:2em}#claim form label, #signup form label, #activate form label, #signIn form label, #setPassword form label, #forgotPassword form label, #playgroundMyPlaygrounds form label{display:block;margin: .5em 0}#claim form label >span, #signup form label >span, #activate form label >span, #signIn form label >span, #setPassword form label >span, #forgotPassword form label >span, #playgroundMyPlaygrounds form label>span{display:block;padding-bottom: .5em}#claim form .button, #signup form .button, #activate form .button, #signIn form .button, #setPassword form .button, #forgotPassword form .button, #playgroundMyPlaygrounds form .button{width:100%;margin: .5em 0;border-radius:2px}#claim form input, #signup form input, #activate form input, #signIn form input, #setPassword form input, #forgotPassword form input, #playgroundMyPlaygrounds form input{display:block;box-sizing:border-box;width:100%;border-radius:2px}#claim form input[type=checkbox], #signup form input[type=checkbox], #activate form input[type=checkbox], #signIn form input[type=checkbox], #setPassword form input[type=checkbox], #forgotPassword form input[type=checkbox], #playgroundMyPlaygrounds form input[type=checkbox]{display:none}#claim form input[type=checkbox] +label:before, #signup form input[type=checkbox] +label:before, #activate form input[type=checkbox] +label:before, #signIn form input[type=checkbox] +label:before, #setPassword form input[type=checkbox] +label:before, #forgotPassword form input[type=checkbox] +label:before, #playgroundMyPlaygrounds form input[type=checkbox]+label:before{font-size:1.25em;content:"☐ ";margin-right: .2em}#claim form input[type=checkbox]:checked+label::before, #signup form input[type=checkbox]:checked+label::before, #activate form input[type=checkbox]:checked+label::before, #signIn form input[type=checkbox]:checked+label::before, #setPassword form input[type=checkbox]:checked+label::before, #forgotPassword form input[type=checkbox]:checked+label::before, #playgroundMyPlaygrounds form input[type=checkbox]:checked+label::before{content:"☑ "}#claim form input[type=text], #claim form input[type=email], #claim form input[type=password], #signup form input[type=text], #signup form input[type=email], #signup form input[type=password], #activate form input[type=text], #activate form input[type=email], #activate form input[type=password], #signIn form input[type=text], #signIn form input[type=email], #signIn form input[type=password], #setPassword form input[type=text], #setPassword form input[type=email], #setPassword form input[type=password], #forgotPassword form input[type=text], #forgotPassword form input[type=email], #forgotPassword form input[type=password], #playgroundMyPlaygrounds form input[type=text], #playgroundMyPlaygrounds form input[type=email], #playgroundMyPlaygrounds form input[type=password]{padding: .5em;border:1.5px solid #000;background:transparent}#activate .btn > span:nth-child(2), #activate .button>span:nth-child(2){font-size:0.65em;text-transform:none;white-space:nowrap;line-height:2em}input[type=submit]{margin-top: .5em}button.btn{padding: .25em;border:1.5px solid #000;background:transparent;border-radius:2px}@keyframes loading{from{background-position:-2.9em}to{background-position:0}}.btnGroup{text-align:center;position:relative}.btn,.button{cursor:pointer;display:inline-block;padding:0.5em 3em;text-align:center;border:1.5px solid rgba(0,0,0,0.9);background:rgba(255,255,255,0.2);margin: .5em 0;transition:transform .1s, box-shadow .1s, background .1s}.btn:hover,.button:hover{box-shadow:3px 3px 0px 0 rgba(0,0,0,0.9);transform:translate(-1px,-1px);background:rgba(255,255,255,0.3)}.btn.btn-active,.button.btn-active{box-shadow:3px 3px 0px 0 rgba(0,0,0,0.9);transform:translate(-1px,-1px);background-color:#e9c85d}.btn.emphasized,.button.emphasized{color:#fff;background:rgba(0,0,0,0.95)}.btn.emphasized:hover,.button.emphasized:hover{background:rgba(0,0,0,0.75)}.btn.loading,.button.loading{background-image:repeating-linear-gradient(-45deg,transparent,transparent 1em,rgba(0,0,0,0.2) 1em,rgba(0,0,0,0.2) 2em) !important;background-size:calc(100% + 2.9em);animation:loading 1s linear 0s infinite normal}.btn>span,.button>span{display:block;font-family:MuseoSans500,arial}.btn>span:nth-child(2),.button>span:nth-child(2){font-size: .55em;text-transform:uppercase}.playgroundMenu{position:absolute;width:100%;height:0;top:0;display:flex;flex-flow:row nowrap;max-width:900px;background-color:white;left:50%;transform:translateX(-50%);z-index:9999}.playgroundMenu>*{transition:padding 0.5s, margin 0.5s, margin-right 0.1s;padding-top:2em;padding-bottom:2em}.playgroundMenu .navigation-menu{flex:2 1 auto}.playgroundMenu ul{display:flex;flex-flow:column nowrap;justify-content:flex-start;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.playgroundMenu ul>li{flex:1 1 auto;transition:min-height 0.5s;flex-grow:1}.playgroundMenu ul>li>a{font-weight:normal;transition:padding 0.5s;display:block;color:black;padding:1em}.playgroundMenu ul>li>a:hover{background-color:#000;color:#fff}.playgroundMenu ul>li>a.L1{border-bottom:2px solid transparent}.playgroundMenu ul>li>a.L1:hover{border-color:#ddd}.playgroundMenu ul > li > a.L1.ffMenuWithinActives, .playgroundMenu ul>li>a.L1.current{border-color:#000}.playgroundMenu.tiny{box-shadow:0 0 5px rgba(0,0,0,0.1)}.playgroundMenu.tiny>*{margin-top:0;margin-bottom:0;padding-top:0.5em;padding-bottom:0.7em}.playgroundMenu.tiny > * li>a{padding-top:0.6em;padding-bottom:0.3em}.playgroundMenu.tiny .loginMenuPopup{transform:translateY(-2em)}.playgroundMenu .ffMenuEntry-em{background-color:#e1ab3b;border-radius:0.2em;padding:0.1em 0.5em;text-shadow:1px 1px rgba(255,255,255,0.2);white-space:nowrap}.account-menu{flex:0 0 auto;padding-right:1em;position:absolute;right:0}.account-menu>ul>li{height:0}.account-menu .loginSection{font-weight:normal;text-transform:none;background-color:transparent}.account-menu .loginSection:hover{background-color:transparent}.account-menu .loginSection::after{display:none}.account-menu .loginSection form{padding:0 1.5em 1em}.account-menu .loginSection form p{margin-bottom:1em}.account-menu .loginSection form p a{color:black;border-bottom:black 1px dashed}.account-menu .loginSection form p a:hover{opacity:0.6}.account-menu .loginSection fieldset{margin-bottom:0.5em}.account-menu .loginSection input, .account-menu .loginSection select, .account-menu .loginSection textarea{margin-top:0.5em;color:black;background-color:rgba(220,220,220,0.33)}.account-menu .loginSection .has-float-label{color:black;border-bottom-color:black}.account-menu .loginSection .has-float-label label{opacity:1}.account-menu .loginSection [type=submit]{height:2.5em;border:none;width:100%;margin-top:0.5em;background-color:rgba(200,200,200,0.5)}.account-menu .loginSection [type=submit]:hover{background-color:rgba(150,150,150,0.5)}.account-menu .loginSection .languages{margin-top:1em;text-transform:uppercase;word-spacing:2em}.ffPopup{display:block;font-size:0.9em;position:absolute;z-index:100;background:#fff;box-sizing:border-box;box-shadow:5px 5px 0 0 #000;margin:2em 0 0 0;right:0.75em;border:1px solid #000;border-radius:2px}.ffPopup.hidden{display:none}.ffPopup::before{content:" ";display:block;position:absolute;right:1.25em;top:-9px;transform:rotate(45deg);width:16px;height:16px;background:#fff;z-index:-1;border-left:1px solid #000;border-top:1px solid #000;background-color:#e9c85d}.ffPopup h1, .ffPopup .legend{padding:1.5em 1.5em 0.75em;font-weight:normal;background-color:#e9c85d}.ffPopup .wrap{padding:0 1.5em 1.5em 1.5em}.ffPopup .wrap > label, .ffPopup .wrap>a{display:block;margin-top:0.75em;color:rgba(0,0,0,0.75)}.ffPopup .wrap > label > span, .ffPopup .wrap>a>span{display:block}.ffPopup .wrap>p{padding-left:0;margin-top:0.75em}.ffPopup .npt{padding:0.75em;display:block;font-size:1.2em;background-color:rgba(0,0,0,0.05);border-width:0;width:100%;box-sizing:border-box}.ffPopup .npt:hover{background-color:rgba(0,0,0,0.075)}.ffPopup .npt:focus{background-color:rgba(0,0,0,0.1)}.ffPopupTrigger{cursor:pointer;display:flex;flex-direction:column;align-items:center}.ffPopupTrigger.hidden{display:none !important}.ffPopupTrigger .account-symbol{display:inline-block;width:1.5em;height:1.5em;box-sizing:border-box;border-radius:50%;border:1px solid #000;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .1s}.ffPopupTrigger .account-symbol>span{display:flex;align-items:flex-start;justify-content:center;width:50%;height:35%;border-bottom:1.5px solid currentColor;border-radius:50%;transform:translate(-10%,20%)}.ffPopupTrigger .account-symbol >span::before, .ffPopupTrigger .account-symbol>span::after{background-color:currentColor;content:"";display:block;width:18%;height:26%;border-radius:50%;opacity: .8}.ffPopupTrigger .account-symbol>span::before{transform:translateX(-80%)}.ffPopupTrigger .account-symbol>span::after{transform:translateX(80%)}.ffPopupTrigger:hover .account-symbol{transform:scale(1.2)}.ffPopupTrigger .account-term{color:#000}.ffPopupTrigger>span:nth-child(2){display:block;height:0;padding-top:0.2em;font-size:0.9em;font-weight:500}.ffPopup .btn.close{position:absolute;top:-1px;right:-1px;border-radius:2px;width:2em;height:2em;box-sizing:border-box;text-align:center;line-height:1em;padding:5px;cursor:pointer;background-color:transparent;transition:background-color 0.3s;margin:0;border-color:transparent}.ffPopup .btn.close:hover{transform:none;box-shadow:none}#ffNewsletterMailManager,#ffNewsletterMailClient{margin:0 auto;max-width:900px}.myPlaygrounds{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:2em}.myPlaygrounds .myPlayground{position:relative;padding:1.5em 1em;border:1.5px solid;border-radius:2px;margin: .5em;background:transparent}.myPlaygrounds .myPlayground h2{font-size:2em;margin:0;padding-bottom: .25em}.myPlaygrounds .myPlayground code{font-size: .8em;white-space:nowrap}.myPlaygrounds .myPlayground:hover{box-shadow:5px 5px 0px 0 rgba(0,0,0,0.9);transform:translate(-1px,-1px)}.myPlaygrounds .myPlaygroundbutton{cursor:pointer}.myPlaygrounds .btn-delete-playground{position:absolute;top:0;right:0;margin: .2em;line-height: .5em}#playgroundAdminActivity th{font-weight:normal;position:sticky;top:-0.5em;position:-webkit-sticky;padding:1em .5em}#playgroundAdminActivity td{padding: .2em .5em}.playgroundAdminDashboard{margin:4em 0}.cards{display:flex;width:100%;max-width:900px;margin:1em auto;flex-flow:wrap}.cards>.card{border:1px solid #000;border-radius:2px;position:relative;margin:1%;padding:0;display:flex;flex-direction:column}.cards>.card>div{padding: .5em}.cards>.card>*::before{content:attr(data-label);display:block;font-size: .7em;text-transform:uppercase;letter-spacing: .05em}.cards.cards-5c>.card{flex:1 0 17.77%}.cards.cards-4c>.card{flex:1 0 22.77%}.playground-card{min-width:160px}.playground-info:nth-child(2n+1){background-color:#e9c85d33}.playground-info.playground-info-active{background-color:#e9c85daa}.playgrounds{padding:0 .5em}.playgrounds>div{position:relative;margin:2em 0 0 0}.playgrounds .playground{max-width:320px;width:100%;border:1px solid currentColor;border-radius:4px;position:relative}.playgrounds .playground>.playground-preview-box{font-size:0;width:100%;height:66%;background:rgba(0,0,0,0.1);position:relative}.playgrounds .playground >.playground-preview-box .playground-preview-clicker{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.playgrounds .playground >.playground-preview-box .playground-preview{width:100%;height:100%;position:relative}.playgrounds .playground-tools{font-size: .8em;padding:1em 0}.playgrounds .playground-tools label{display:flex;border:1px solid currentColor;border-radius:2px}.playgrounds .playground-tools label>span{padding: .2em;border-right:1px solid rgba(0,0,0,0.75);color:rgba(0,0,0,0.75)}.playgrounds .playground-tools label input.url{width:100%;background:transparent;border:none;margin: .2em;display:block;box-sizing:border-box}.playground{max-width:320px;width:100%;border:1px solid currentColor;border-radius:4px}.browser-bar{box-sizing:border-box;width:100%;border-bottom:1px solid currentColor;padding: .25em .5em}.browser-bar>label{display:flex}.browser-bar>label>span{border-radius: .6em;border:1px solid currentColor;width:1em;height:1em;margin:0.25em .5em .25em 0;display:block;box-sizing:border-box;flex-shrink:0}.browser-bar>label>input{flex-grow:1;width:100%;background:transparent;border: .5px solid currentColor;display:block;border-radius:2px;font-size: .75em;padding:0 .25em;box-sizing:border-box}.playground-preview{border:none;overflow:hidden;pointer-events:none;position:absolute;transform-origin:0 0;top:0;left:0;width:100vw;height:100vh;display:block}