body,html{height:100%;font-family:Poppins,sans-serif}.bg-blue{background-color:#367cff}.bg-gray{background-color:#f0f5fb}.shadow-card-basic{border:0;width:100%!important;border-radius:24px;box-shadow:rgba(0,0,0,.1) 0 4px 12px;transition:.35s}.shadow-card{border:0;width:100%!important;border-radius:24px;box-shadow:rgba(0,0,0,.1) 0 4px 12px;transition:.35s}.shadow-card:hover{box-shadow:rgba(100,100,111,.2) 0 7px 29px 0}.flex-card{height:100%;border:0}.flex-card>.card-body{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center}.svg-name{font-weight:500}.custom-card{cursor:pointer;border:none;text-decoration:none!important}.card-body>svg{width:100%!important;max-height:240px}.custom-card>.card-body>h4{color:#000}.custom-card:hover{box-shadow:rgba(100,100,111,.2) 0 7px 29px 0}.custom-card:hover>.card-body>h4{color:#367cff}.custom-card>.card-body>.jpg{display:block}.custom-card>.card-body>.gif{display:none}.custom-card:hover>.card-body>.jpg{display:none}.custom-card:hover>.card-body>.gif{display:block}.cta-banner{width:100%;margin:0;min-height:320px;background-color:#367cff}.ui-card{border-radius:24px;box-shadow:rgba(0,0,0,.1) 0 4px 12px}.ui-card:hover{box-shadow:rgba(100,100,111,.2) 0 7px 29px 0}.padded-y{padding:4rem 0}.padded-y-min{padding:2rem 0}.full-width{width:100%;background-color:#367cff08;margin-bottom:16px;color:#000}.floating-img-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.floating-img{max-width:400px;transform:scaleX(-1)}@-webkit-keyframes float{from{top:110px}to{top:80px}}@keyframes float{from{top:110px}to{top:80px}}.image-container{margin:24px 0;justify-content:center;align-items:center;display:flex;flex-direction:column}.image-container>svg{width:75%!important}.image-container:hover{transform:scale(1.02)}#color-container{float:right}#skintone-container{float:right;display:flex;flex-direction:row;justify-content:flex-end;padding:0;margin-top:8px;align-items:center}#skintone-container>div{cursor:pointer}.color-box{margin:2px!important;border-radius:100%}.pickr .pcr-button{width:24px!important;height:24px!important}.modal-header{padding:2px 8px!important;border-bottom:0!important}.modal-footer{justify-content:center;text-align:center;border-top:0}.modal-header .close{padding:0!important;margin:0 0 0 auto!important}.hero-section{min-height:640px;display:flex;justify-content:center;align-items:center}svg{padding:10px}.custom-color-picker{position:relative}.skin-tone{width:20px;height:20px;margin:2px;border-radius:100%}.tone-selected{border:2px solid #0084ff}.email-signup{width:80%}.btn-brand{border:1px solid #367cff;background-color:#367cff;color:#fff}.nav-link:hover{color:#367cff!important}.modal-body>.svg-name{font-size:1.2rem!important}.new-tag{position:absolute;background-color:#367cff;top:0;right:40px;color:#fff;padding:0 4px;font-size:.8rem}.loading{text-align:center;padding:24px}.fadeIn{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1!important}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1!important}}.toast-show{position:fixed;left:8px;bottom:0;opacity:1!important;z-index:100}.lds-dual-ring{display:inline-block;width:64px;height:64px}.lds-dual-ring:after{content:" ";display:block;width:40px;height:40px;margin:8px;border-radius:50%;border:6px solid #367cff;border-color:#367cff transparent #367cff transparent;-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite}.search{border-radius:64px}@-webkit-keyframes lds-dual-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes lds-dual-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media only screen and (max-width:767px){.email-signup{width:100%}.main-header{padding-top:60px}.hero-section{margin:32px 0;flex-direction:column-reverse}}