/*! * Copyright (c) Qwoach LLC 2020. All rights reserved. * Unauthorized copying of this file, via any medium is strictly prohibited * Proprietary and confidential * Created by Artem Bogush on 22/9/2020 */.public-tool-demo-shell-root{max-width:1100px;margin:0 auto;padding:32px 16px 56px;color:#29323a;font-family:Montserrat,sans-serif;font-weight:300}.public-tool-demo-shell-root__header{display:flex;gap:24px;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.public-tool-demo-shell-root__header-copy{max-width:760px}.public-tool-demo-shell-root__header-copy h1{margin:0 0 12px;font-size:2.3rem;font-weight:700;letter-spacing:0;line-height:1.12}.public-tool-demo-shell-root__header-copy p{margin:0;color:#606266;font-size:1.05rem;line-height:1.55}.public-tool-demo-shell-root__eyebrow{margin-bottom:8px;color:#3070d0;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.public-tool-demo-shell-root__faq,.public-tool-demo-shell-root__section{border:1px solid #e4e7ed;border-radius:8px;background:#fff}.public-tool-demo-shell-root__demo{margin-bottom:36px}.public-tool-demo-shell-root__placeholder{min-height:10rem;text-align:center}.public-tool-demo-shell-root__placeholder .el-empty{padding:1.25rem 0 .25rem}.public-tool-demo-shell-root__placeholder-loader{position:relative;min-height:3rem;margin-top:-.5rem}.public-tool-demo-shell-root__renderer{padding-top:16px}.public-tool-demo-shell-root__tab-label{padding-top:16px;color:#606266;font-size:.95rem;font-weight:500;line-height:1.45}.public-tool-demo-shell-root__tab-label+.public-tool-demo-shell-root__placeholder,.public-tool-demo-shell-root__tab-label+.public-tool-demo-shell-root__renderer{padding-top:10px}.public-tool-demo-shell-root__faq-list,.public-tool-demo-shell-root__sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.public-tool-demo-shell-root__faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}.public-tool-demo-shell-root__guide{border-top:1px solid #dcdfe6;margin-top:44px;padding-top:32px}.public-tool-demo-shell-root__guide-header{max-width:760px}.public-tool-demo-shell-root__guide-header h2{margin:0 0 10px;font-size:1.65rem;font-weight:700;letter-spacing:0;line-height:1.2}.public-tool-demo-shell-root__guide-header p{margin:0;color:#606266;line-height:1.55}.public-tool-demo-shell-root__guide-eyebrow{margin-bottom:8px;color:#909399;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.public-tool-demo-shell-root__faq,.public-tool-demo-shell-root__section{padding:16px}.public-tool-demo-shell-root__faq h2,.public-tool-demo-shell-root__faq h3,.public-tool-demo-shell-root__section h2,.public-tool-demo-shell-root__section h3{margin:0 0 8px;font-size:1.05rem;font-weight:700;letter-spacing:0}.public-tool-demo-shell-root__faq p,.public-tool-demo-shell-root__section p{margin:0;color:#606266;line-height:1.5}.public-tool-demo-shell-root__status{margin-top:14px;color:#606266}.public-tool-demo-shell-root__cta{flex:0 0 auto;margin-top:24px}.public-tool-demo-shell-root .el-button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #dcdfe6;border-radius:4px;box-sizing:border-box;color:#606266;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:500;height:32px;justify-content:center;line-height:1;outline:none;padding:8px 15px;text-align:center;transition:.1s;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.public-tool-demo-shell-root .el-button:hover{background-color:#ecf5ff;border-color:#c6e2ff;color:#409eff}.public-tool-demo-shell-root .el-button:active{background-color:#ecf5ff;border-color:#409eff;color:#409eff}.public-tool-demo-shell-root .el-button--primary{background-color:#409eff;border-color:#409eff;color:#fff}.public-tool-demo-shell-root .el-button--primary:hover{background-color:#79bbff;border-color:#79bbff;color:#fff}.public-tool-demo-shell-root .el-button--primary:active{background-color:#337ecc;border-color:#337ecc;color:#fff}.public-tool-demo-shell-root .el-button:disabled{cursor:not-allowed;opacity:.66}.public-tool-demo-shell-root .el-button>span{align-items:center;display:inline-flex}.public-tool-demo-shell-root .el-tabs__header{margin:0}.public-tool-demo-shell-root .el-tabs__nav,.public-tool-demo-shell-root .el-tabs__nav-scroll,.public-tool-demo-shell-root .el-tabs__nav-wrap{position:relative}.public-tool-demo-shell-root .el-tabs__nav-scroll{overflow:hidden}.public-tool-demo-shell-root .el-tabs__nav{display:flex;float:left}.public-tool-demo-shell-root .el-tabs__nav-wrap:after{background-color:#ebeef5;bottom:0;content:"";left:0;height:1px;position:absolute;right:0;z-index:1}.public-tool-demo-shell-root .el-tabs__item{color:#606266;font-family:inherit;font-size:.98rem;font-weight:500;height:40px;line-height:40px;padding:0 18px}.public-tool-demo-shell-root .el-tabs__item.is-active,.public-tool-demo-shell-root .el-tabs__item:hover{color:#3070d0}.public-tool-demo-shell-root .el-tabs__active-bar{background-color:#409eff;bottom:0;height:2px;left:0;position:absolute;transition:transform .3s cubic-bezier(.645,.045,.355,1);z-index:1}.public-tool-demo-shell-root .el-tabs__content{overflow:visible}@media(max-width:820px){.public-tool-demo-shell-root__header{display:block}.public-tool-demo-shell-root__cta{margin-top:12px;width:100%}.public-tool-demo-shell-root__faq-list,.public-tool-demo-shell-root__sections{grid-template-columns:1fr}}