.l-front-page__hero{padding:6rem 0;background:#000;color:#fff;text-align:center}.l-front-page .s__title{margin-bottom:4rem;text-align:center}.l-front-page .s__title span{background:linear-gradient(90deg, var(--color-brand-1) 0%, var(--color-brand-2) 50%);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.l-front-page__login{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;margin:3rem 0;padding:6rem 0}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-front-page__login{flex-direction:column;margin:2rem 0;padding:3rem 0}}.l-front-page__login a{display:block;margin:1rem .5rem;padding:1rem 2rem;background:#f0f0f0;border-radius:.5rem}.l-front-page__login a:hover,.l-front-page__login a:focus{background:var(--color-brand-3);color:#fff}.l-front-page .s__text{margin:2rem 0}.l-front-page__dashboard{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;padding:0 0 6rem}.l-front-page__dashboard--left,.l-front-page__dashboard--right{width:49%}.l-front-page__dashboard--right .t-heading{margin-top:2rem;margin-bottom:2rem}.l-front-page__dashboard--right .t-heading:first-of-type{margin-top:0}.l-front-page__dashboard input,.l-front-page__dashboard button{padding:.25rem;min-width:300px}.l-front-page__dashboard input[type=checkbox],.l-front-page__dashboard button[type=checkbox]{min-width:unset;cursor:pointer}.l-front-page__dashboard .s__avatar{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-top:2rem}.l-front-page__dashboard .s__avatar img{margin-right:1rem;max-width:100px}.l-front-page__dashboard .s__avatar label{display:block;margin-bottom:.5rem}.l-front-page__dashboard .s__avatar button{display:block;margin-top:.5rem;cursor:pointer}.l-front-page__dashboard .s__avatar--error{margin-top:.25rem;color:red;font-size:12px;font-weight:400}.l-front-page__dashboard .s__options{margin-top:2rem}.l-front-page__dashboard .s__options-field label{display:inline-block;margin:.5rem .5rem .5rem 0;min-width:100px;text-align:right}.l-front-page__dashboard .s__options-field.ml{margin-left:110px}.l-front-page__dashboard .s__options-field.ml label{cursor:pointer;text-align:left}.l-front-page__code{margin:2rem 0 1rem;padding:1rem;background:#f0f0f0;font-size:.5rem}.l-front-page button{padding:.25rem 0;background:#fff;border:1px solid var(--color-brand-2);border-radius:.5rem;cursor:pointer;color:var(--color-brand-2)}.l-front-page button:hover,.l-front-page button:focus{background:var(--color-brand-2);color:#fff}.l-front-page button.options-submit{margin-top:1rem;margin-left:110px;padding:.5rem 0;width:295px}.l-front-page button.copy-code{padding:.5rem 0;width:100%}.l-front-page .loader{display:none;margin-top:1rem;margin-left:230px;width:15px;border-radius:50%;animation:l5 1s infinite linear alternate;aspect-ratio:1}@keyframes l5{0%{background:var(--color-brand-2);box-shadow:20px 0 var(--color-brand-2),-20px 0 var(--color-brand-3)}33%{background:var(--color-brand-3);box-shadow:20px 0 var(--color-brand-2),-20px 0 var(--color-brand-3)}66%{background:var(--color-brand-3);box-shadow:20px 0 var(--color-brand-3),-20px 0 var(--color-brand-2)}100%{background:var(--color-brand-2);box-shadow:20px 0 var(--color-brand-3),-20px 0 var(--color-brand-2)}}