.factor-btn-load{transition:all .2s;position:relative;overflow:hidden}.factor-btn-load.with-img .btn-content,.factor-btn-load .wrap-items{display:flex;align-items:center;justify-content:center}.factor-btn-load.with-img .btn-content img{display:block;width:1em;left:1em;margin-right:1em}.factor-btn-load .btn-content{transition:opacity .2s}.factor-btn-load.loading .btn-content{opacity:0}.factor-btn-load .waitload{position:absolute;left:50%;transform:translateX(-50%)}.factor-btn{-webkit-appearance:none;background:transparent;color:inherit;display:inline-block;margin-bottom:0;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;white-space:nowrap;text-decoration:none;user-select:none;line-height:1;font-size:.9em}.factor-btn.disabled{cursor:not-allowed;pointer-events:none;opacity:.6}figure.figure-posting{max-width:100%}@media (max-width:900px){figure.figure-posting{margin:1rem auto 4rem;width:450px}}figure.figure-posting .stage-wrap{transform-origin:center right;perspective:1000px;transform-style:preserve-3d}@media (max-width:900px){figure.figure-posting .stage-wrap{transform-origin:center}}figure.figure-posting .posting{padding:30% 0;width:500px;position:relative;transform-style:preserve-3d;transform:translateY(-1.2rem) translateZ(-12rem) scale(.86)}@media (max-width:900px){figure.figure-posting .posting{transform:translateY(-.85rem) translateZ(-16rem) translateX(-3.45rem)}}figure.figure-posting .posting .screenshot{background:#fff;display:inline-block}figure.figure-posting .posting .screenshot.card-posting-list{position:absolute;top:0;right:0;z-index:0;transform:rotateX(2deg) rotateY(-20deg);box-shadow:0 50px 100px rgba(50,50,93,.13),0 15px 35px rgba(50,50,93,.11),0 5px 15px rgba(0,0,0,.07);overflow:hidden;border-radius:.5rem}figure.figure-posting .posting .screenshot.card-posting-page{transform:rotateX(12deg) rotateY(-22deg) translateZ(90px) translateY(80%)}figure.figure-posting .posting .screenshot.card-posting-clip,figure.figure-posting .posting .screenshot.card-posting-page{position:absolute;top:0;left:0;background:#fff;box-shadow:1px 1px 4px 0 rgba(26,26,67,.1),-19px 32.5px 105px -5px rgba(50,50,93,.3),13.4px 37.5px 55px -37.5px rgba(0,0,0,.3);overflow:hidden;border-radius:.5rem}figure.figure-posting .posting .screenshot.card-posting-clip{transform:rotateX(12deg) rotateY(-22deg) translateZ(6rem) translateY(12rem) translateX(7rem) scale(.48)}.spinner-example{display:flex}.spinner-example .factor-spinner{margin:1rem}.user-loading{padding-top:30vh}.app-layout{background:var(--color-bg-contrast);--menu-shadow:0 0 0 1px rgba(50,50,93,0.1),0 2px 5px -1px rgba(50,50,93,0.25),0 15px 15px -6px rgba(50,50,93,0.2),0 1px 3px -1px rgba(0,0,0,0.3);--panel-border-color:rgba(200,204,228,0.7);min-height:100vh;margin:0 auto;display:grid;grid-template-columns:17rem 1fr;grid-template-areas:"nav main"}.app-layout .app-main,.app-layout .app-nav{height:100vh;overflow:auto}.app-layout .app-main{grid-area:main;min-width:0;background:var(--color-bg-contrast);box-shadow:inset 0 0 5rem rgba(200,204,228,.1)}.app-layout .app-main .app-main-content{height:100%}.app-layout .app-nav{grid-area:nav;position:relative}@media (max-width:900px){.app-layout{display:block}.app-layout.nav-overlay{opacity:.6}.app-layout .app-main{height:auto}.app-layout .app-nav{height:4rem;overflow:initial}.app-layout .app-nav .app-manager{position:absolute;background:#fff;z-index:100;border-right:none;width:100%}.app-layout .app-nav .app-manager .app-manager{height:100%}}.user-list-items{display:flex;flex-direction:column}.user-list-items .added-user{margin-bottom:1em}.user-list-items .added-user .card-wrap{width:auto;max-width:100%}.user-list-items .added-user .card-wrap .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-item{display:flex;align-items:center;padding:.5em;margin-top:5px;cursor:pointer}.card-item:hover{box-shadow:0 0 0 1px rgba(0,0,0,.05);border-radius:5px}.card-item .media{margin-right:1em}.card-item .media img{width:25px;height:25px;display:block;border-radius:50%}.card-item .text{font-size:.9em;text-align:left;line-height:1.2}.post-grid{display:grid}@media (max-width:960px){.post-grid{grid-gap:1em 0}}.post-grid .content-column,.post-grid .meta-column{min-width:0}@media (max-width:960px){.post-grid .content-column,.post-grid .meta-column{grid-column:span 3}}.post-grid .meta-column .post-actions{top:20px;position:sticky}@media (max-width:767px){.post-grid .meta-column .post-actions .foot{position:fixed;bottom:0;top:auto;width:100%;left:0}}.post-grid .save-info{line-height:1.5;font-size:12px;opacity:.4}.post-grid .save-info .draft-actions{display:flex;justify-content:space-between;padding:8px 0}.post-grid .save-info .draft-actions .el-tag{margin-right:8px}.post-grid .save-info .unpublished{font-weight:var(--font-weight-bold)}.post-grid .save-info .revert{cursor:pointer}.post-grid .post-title input[type=text]{width:100%;font-size:1.2em}.post-grid .post-actions .foot .actions{width:100%;display:flex;justify-content:space-between;align-items:center}.post-grid .post-actions .foot .actions .trash{font-size:.9em;font-weight:500}.view-product-design .content-pad{max-width:1100px;margin:0 auto;padding:0 1.5em;width:100%;z-index:10;position:relative}.view-product-design .benefits .content-pad{padding-top:3rem;padding-bottom:6rem}@media (max-width:900px){.view-product-design .benefits .content-pad{padding-top:6rem;padding-bottom:3rem}}.view-product-design .features.content.last{box-shadow:none}@media (max-width:900px){.view-product-design .features.content{padding:4rem 0;box-shadow:none}}.view-product-design .features .split-feature{display:grid;grid-column-gap:3rem;grid-template-columns:1fr 1fr;grid-template-areas:"a b";align-items:center}.view-product-design .features .split-feature.even .feature-content-container{justify-self:flex-end}.view-product-design .features .split-feature.odd{grid-template-areas:"b a"}.view-product-design .features .split-feature.odd .feature-figure-container{justify-content:flex-end}@media (max-width:900px){.view-product-design .features .split-feature.odd .feature-figure-container{justify-content:center}}.view-product-design .features .split-feature .feature-content-container{grid-area:a;min-width:0}.view-product-design .features .split-feature .feature-content-container .feature-content{padding:5rem 1.5rem;max-width:500px}.view-product-design .features .split-feature .feature-figure-container{grid-area:b;min-width:0;height:100%;position:relative;display:flex;align-items:center}.view-product-design .features .split-feature .feature-figure-container .figure-container{max-width:100%}@media (max-width:900px){.view-product-design .features .split-feature{grid-template-columns:1fr;grid-template-areas:"a" "b"}.view-product-design .features .split-feature.odd{grid-template-areas:"a" "b"}.view-product-design .features .split-feature .feature-content-container .feature-content{padding:3rem 1.5rem 1rem;max-width:100%}.view-product-design .features .split-feature .feature-figure-container{justify-content:center}}.view-product-design .features .title{font-weight:700;font-size:3rem;line-height:1.1;margin-bottom:1.5rem}.view-product-design .features .text{font-weight:400;font-size:1.4em;line-height:1.6;margin-bottom:1rem;opacity:.8}.view-product-design .features .action{font-weight:700;font-size:1.35rem;margin-top:2rem}@media (max-width:900px){.view-product-design .features .title{font-size:1.8em}.view-product-design .features .text{font-size:1.1em}}.mobile-nav-toggle-wrap{justify-self:center;align-self:center}.mobile-nav-toggle{display:grid;grid-template-columns:auto 1rem;transition:all .2s;grid-gap:.5rem}.mobile-nav-toggle .avatar{transition:all .2s;width:2.25rem}.mobile-nav-toggle .bars{display:flex;flex-direction:column;width:1.5rem;height:2rem;justify-content:center;position:relative;align-self:center}.mobile-nav-toggle .bars .bar{background:var(--panel-border-color);height:.25rem;width:1.25rem;border-radius:4px;left:0;position:absolute;transition:all .2s}.mobile-nav-toggle .bars .bar:first-child{transform:translateY(-8px)}.mobile-nav-toggle .bars .bar:last-child{transform:translateY(8px)}.mobile-nav-toggle.active{z-index:10}.mobile-nav-toggle.active .avatar{opacity:0}.mobile-nav-toggle.active .bars{z-index:10;width:2rem}.mobile-nav-toggle.active .bars .bar{transform:translateY(0);margin:0;width:1.75rem}.mobile-nav-toggle.active .bars .bar:first-child{transform:translateX(-50%) rotate(45deg)}.mobile-nav-toggle.active .bars .bar:nth-child(2){transform:translateX(-50%) rotate(-45deg)}.mobile-nav-toggle.active .bars .bar:last-child{display:none}figure.custom-design{max-width:100%}figure.custom-design .stage-wrap{transform-origin:0}figure.custom-design .stage{padding:30% 0;width:800px;position:relative;transform:translateX(-3.25rem) translateY(-12rem) translateZ(12rem) scale(.68);perspective:1012px}@media (max-width:1200px){figure.custom-design .stage{padding:30% 0;width:800px;position:relative;transform:translateX(-17.5rem) translateY(-10.5rem) translateZ(12rem) scale(.6);perspective:1012px}}@media (max-width:900px){figure.custom-design .stage{width:500px;transform:translate(-6.5rem,-7.5rem) scale(.48)}}figure.custom-design .stage .custom-design-wrap{width:500px;top:0;left:0;position:absolute;box-shadow:1px 1px 4px 0 rgba(26,26,67,.1),-19px 32.5px 105px -5px rgba(50,50,93,.3),13.4px 37.5px 55px -37.5px rgba(0,0,0,.3);overflow:hidden;border-radius:.75rem;background:#fff}figure.custom-design .stage .custom-design-wrap img,figure.custom-design .stage .custom-design-wrap svg{width:100%;display:block}figure.custom-design .stage .custom-design-wrap:first-child{z-index:6;transform:rotate(0deg) rotateY(4deg) rotateX(3.5deg) translateZ(-2rem) translateX(4rem) translateY(8.5rem);width:780px}figure.custom-design .stage .custom-design-wrap:nth-child(2){transform:rotate(0deg) rotateY(-4deg) rotateX(-3deg) translateZ(-22rem) translateX(8.5rem) translateY(34rem);top:-3.5rem;left:17.75rem;z-index:6;transform:rotate(0deg) rotateY(4deg) rotateX(3.5deg) translateZ(-22rem) translateX(2rem) translateY(18.5rem)}figure.custom-design .stage .custom-design-wrap:nth-child(3){transform:rotate(0deg) rotateY(0deg) rotateX(1.5deg) translateZ(-74rem) translateX(-2.5rem) translateY(31.5rem);top:4rem;z-index:6;border-radius:1rem}.quick-menu{display:inline-block;position:relative}.quick-menu:hover .toggle-btn{cursor:pointer}.quick-menu.active .toggle-btn{opacity:.5}.quick-menu .toggle-content{user-select:none;position:absolute;top:100%;bottom:auto;box-shadow:0 0 1px 0 rgba(0,0,0,.4),0 6px 14px 0 rgba(24,32,41,.08),0 12px 34px 0 rgba(24,32,41,.06);z-index:100;font-weight:600;width:160px;background:var(--menu-el-bg,#fff);border-radius:6px;left:0;text-align:left;overflow:hidden}.quick-menu .toggle-content.drop-up{bottom:100%;top:auto}.quick-menu .toggle-content .toggle-item{padding:.5em 1em;border-bottom:1px solid var(--menu-el-border,#eee)}.quick-menu .toggle-content .toggle-item:hover{background:var(--menu-el-hover,#f7f7f7);cursor:pointer}.quick-menu .toggle-content .toggle-item:last-child{border-bottom:none}.pricing-open{padding:4rem 2rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;background:#fff;border-radius:.5rem;margin-top:8rem;margin-bottom:12rem;position:relative;box-shadow:0 4px 35px 0 rgba(23,55,87,.1),0 5px 15px 0 rgba(0,0,0,.07)}.pricing-open:before{left:-12rem;top:-9.5rem}.pricing-open:after,.pricing-open:before{content:"";background-image:url(/nbb-bg-c-3ccf039b.svg);background-size:contain;background-repeat:no-repeat;background-position:0;display:block;z-index:-1;position:absolute;height:400px;width:700px}.pricing-open:after{transform:rotate(32deg);right:-32rem;top:7rem}.pricing-open .header{padding-left:5rem;position:relative}.pricing-open .header .icon{width:3.5rem;height:4.225rem;margin:-.25rem 0;font-size:1.5rem;position:absolute;left:0}.pricing-open p,.pricing-open ul li{margin-bottom:1rem}.pricing-open .title{font-size:2rem;font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:1rem;color:#1a1f36}.pricing-open .sub{font-size:1.25rem;font-weight:400}.pricing-open .figure{justify-self:center}@media (max-width:1200px){.pricing-open{margin-bottom:6rem;margin-top:6rem}}@media (max-width:900px){.pricing-open{grid-template-columns:1fr;margin-bottom:4.5rem;margin-top:5rem}.pricing-open .header{padding-left:0}.pricing-open .header .icon{position:relative}.pricing-open .title{font-size:1.5rem}.pricing-open .btn-link,.pricing-open .btn-link button{width:100%;display:block;margin-top:.5rem}}