.app-container{height:100%}.pikto-content-container{padding:35px 0px 50px}.outer-container{width:90%;margin:auto;max-width:1440px}.outer-container-dashboard{width:99%;margin:auto}.accsettings-header{text-transform:capitalize}.show-on-hover{opacity:0;transition:opacity 0.5s linear 0.2s}.show-on-hover:hover,.show-on-hover.showing{opacity:1;transition:opacity 0.3s linear 0s}.immediate-transition{transition-duration:0s !important;transition-delay:0s !important}.pikto-container{min-height:100%;min-width:250px;margin-bottom:-156px;padding-bottom:156px}@media screen and (min-width: 505px){.pikto-container{margin-bottom:-137px;padding-bottom:137px}}@media screen and (min-width: 768px){.pikto-container{margin-bottom:-50px;padding-bottom:50px}}.purple-dropdown-menu{padding:15px 0px;background-color:#252442}.purple-dropdown-menu>li>a,.purple-dropdown-menu>li>button{display:block;padding:7px 20px;text-align:left}.purple-dropdown-menu>li:hover{background-color:#353254;color:white}#intercom-container{z-index:calc(2000 + 1900) !important}.header-layout{position:relative;z-index:1000;width:100%;background:#252442;border-bottom:1px solid #353254}@media screen and (min-width: 768px){.header-layout.absolute-to-top{position:absolute;top:36px;left:0}}.top-menu-container{top:0;width:100%;height:auto;min-height:60px;padding:0 25px;margin-bottom:0;color:#cbc7da;background-color:#252442;border:0;border-radius:0}.top-menu-container svg{fill:#cbc7da}.top-menu-container .svg-icon-crown-white{fill:#fbfbfc}.top-menu-container ul{margin-bottom:0}.top-menu-container .list-inline{margin-right:.3em}.top-menu-container .list-inline>li:first-child{padding-right:0}.top-menu-container .list-inline>li:nth-child(2){display:none}@media screen and (min-width: 480px){.top-menu-container .list-inline>li:nth-child(2){display:inline-block}}.top-menu-container .list-inline [data-toggle="dropdown"]{border-right:1px solid #dae0e7;border-left:1px solid #dae0e7}.top-menu-container .list-inline [data-toggle="dropdown"]:hover{background:#252442}.top-menu-container .navbar-nav{margin:0}.top-menu-container .navbar-nav>li:last-child{border-bottom:none}.top-menu-container .create-button{margin-top:10px;margin-right:20px}.pikto-mainmenu>.pikto-user-wrapper{padding-left:10px}.top-menu-container-notloggedin{position:absolute;width:100%;padding:0% 2.5%}.pikto-navbar>li{float:left}.pikto-navbar>li>button,.pikto-navbar>li>a,.pikto-navbar>li>span{font-size:13px}.pikto-navbar>li>div>.btn,.pikto-navbar>li>.btn,.pikto-navbar>li .pikto-promotion-get-button{padding:6px 12px;margin:14px 0;line-height:13px}.pikto-navbar>li>div>.btn>a,.pikto-navbar>li>.btn>a,.pikto-navbar>li .pikto-promotion-get-button>a{padding:0}.pikto-navbar>li>.pikto-navbar-links{color:#cbc7da;text-decoration:none}.pikto-navbar>li>.pikto-navbar-links:hover{color:#fbfbfc;background-color:transparent}.pikto-navbar>li>.pikto-navbar-links:active{color:#0fb4bb}.pikto-navbar>li>.pikto-navbar-links.active:hover{color:#0fb4bb}.pikto-navbar>li>span{display:inline-block;padding:23.5px 0;font-size:13px;line-height:13px;color:white}.pikto-navbar>li>.header-notloggedin-message{display:none}@media screen and (min-width: 830px){.pikto-navbar>li>.header-notloggedin-message{display:block}}.pikto-navlink .svg-icon-preview,.pikto-navlink .svg-icon-download,.pikto-navlink .svg-icon-share,.pikto-navlink .svg-icon-comments{margin-right:6px;vertical-align:middle;fill:#cbc7da}.pikto-navlink:hover .svg-icon-preview,.pikto-navlink:hover .svg-icon-download,.pikto-navlink:hover .svg-icon-share,.pikto-navlink:hover .svg-icon-comments{fill:#fbfbfc}.pikto-navlink:active .svg-icon-preview,.pikto-navlink:active .svg-icon-download,.pikto-navlink:active .svg-icon-share,.pikto-navlink:active .svg-icon-comments{fill:#0fb4bb}.pikto-navlink__no-active:active{color:#fbfbfc}.pikto-magentalink .svg-icon-crown-magenta{margin-top:-4px;margin-right:5px;vertical-align:top;fill:#f93f85}.pikto-magentalink:active .svg-icon-crown-magenta{fill:#9a053d}.pikto-navbar-divider{position:absolute;margin:0;margin:calc((60px - 15px) / 2) 0;border:0;background-color:#4e496a;content:"";display:inline-block;border-radius:3px;width:3px;height:15px}.navbar-header{display:block;margin-right:0}.navbar-brand{display:flex;align-items:center}.navbar-brand .header-half-logo,.navbar-brand .header-full-logo{height:40px}.navbar-brand .header-half-logo{display:inline-block;width:22px;height:22px}@media screen and (min-width: 768px){.navbar-brand .header-half-logo{display:none}}.navbar-brand .header-full-logo{display:none}@media screen and (min-width: 768px){.navbar-brand .header-full-logo{display:inline-block}}.navbar-brand.editor-navbar-brand .header-half-logo{display:inline-block}.navbar-toggle{display:flex;align-items:center;float:left;height:60px;padding:0;margin:0;font-size:13px;line-height:normal;border:0}.navbar-toggle>button{color:#cbd4dc}.navbar-toggle>.navbar-toggle-menu-btn{padding-right:0;padding-left:0;line-height:60px;cursor:pointer}@media screen and (min-width: 950px){.navbar-toggle{display:none}}.editor-topbar .navbar-toggle{display:inline-block;margin-right:25px}.navbar-toggle:hover>button{color:white}.navbar-toggle:hover .svg-icon-hamburger{fill:white}.navbar-toggle:active svg{fill:#0fb4bb}.navbar-toggle:active>button{color:#0fb4bb}.navbar-toggle:active .svg-icon-hamburger{fill:#0fb4bb}.header-full-logo{width:170px}.header-half-logo{width:40px}.pikto-navbar-collapse{position:relative;display:none;float:left;width:auto;height:auto;border:0}@media screen and (min-width: 950px){.pikto-navbar-collapse{display:block}}.pikto-navbar-collapse>li{width:auto}.pikto-navbar-collapse>li>a{padding:0 20px;line-height:60px}.pikto-navbar-sidebar{position:fixed;top:0;left:0;z-index:1;display:block;width:300px;height:100vh;max-height:none;padding:0 20px;background-color:#353254;transition:transform .4s ease}@media screen and (min-width: 950px){.pikto-navbar-sidebar{display:none}}.pikto-navbar-sidebar .close-menu-btn{margin-top:20px;margin-bottom:45px}.editor-topbar .pikto-navbar-sidebar .close-menu-btn{display:block}.pikto-navbar-sidebar .close-menu-btn .pikto-navlink:hover+.svg-icon-chevron{fill:#eaedf1}.pikto-navbar-sidebar .close-menu-btn .sidebar-close{margin-bottom:3px}.pikto-navbar-sidebar>li{width:100%}.pikto-navbar-sidebar>li>a,.pikto-navbar-sidebar>li button{display:block;float:none;padding:18px 10px}.editor-topbar .pikto-navbar-sidebar{display:block}.pikto-navbar-sidebar.slide-out{transform:translateX(-300px)}.navbar-notification{position:relative;display:flex;align-items:center;height:60px;margin-left:20px;cursor:pointer;fill:#acbac8}.navbar-notification .svg-icon-bell{vertical-align:middle}.navbar-notification .notification-dot{position:absolute;top:20px;right:6px;display:block;width:10px;height:10px;content:"";background-color:#f93f85;border:2px solid #353254;border-radius:50%}.navbar-notification:hover .svg-icon-bell{fill:#fbfbfc}.navbar-notification:active .svg-icon-bell{fill:#0fb4bb}.navbar-usersetting{margin-left:18px}.navbar-usersetting .svg-icon-chevron{vertical-align:middle}.navbar-usersetting .header-dropdown-default{fill:white}.navbar-usersetting .notification-dot{position:absolute;top:6px;right:-3px;display:block;content:"";background-color:#f93f85;width:5px;height:5px;border-radius:50%}.lvlup-text{text-transform:none}.navbar-usersetting-dropdown{position:relative;display:flex;align-items:center;float:left;height:60px;cursor:pointer}.navbar-usersetting-dropdown>a{display:inline-block;float:left}.navbar-usersetting-dropdown:hover .header-currentacct-info{color:#fbfbfc}.navbar-usersetting-dropdown:hover .user-profile-container .svg-icon-chevron{fill:#fbfbfc}.notification-dot-cont{display:inline-flex}.top-menu-container-pronotloggedin{position:absolute;width:100%;padding:0% 2.5%;font-size:11px}.top-menu-container-pronotloggedin ul{float:right;margin-top:1.2em;margin-bottom:1.3em}.navbar-usersetting-dropdown-menu{right:0%;left:inherit;width:320px;padding:0;font-size:13px;cursor:default;background-color:#252442;border:0;border-radius:3px}.navbar-usersetting-dropdown-menu li{padding:0 4px}.navbar-usersetting-dropdown-menu .user-team-account-profile{padding:15px 4px}.navbar-usersetting-dropdown-menu .user-team-account-profile li{padding:0}@media screen and (min-width: 768px){.navbar-usersetting-dropdown-menu{margin-top:5px}}.navbar-usersetting-dropdown-menu.dropdown-menu{margin:0;border-top:3px solid transparent}.navbar-usersetting-dropdown-menu.dropdown-menu li>a:focus{text-decoration:none}.navbar-usersetting-dropdown-menu .usersetting-items .pikto-navlink,.navbar-usersetting-dropdown-menu .usersetting-items .pikto-magentalink,.navbar-usersetting-dropdown-menu .usersetting-items>button{display:flex;align-items:center;padding:7px 16px;text-align:left;transition:background-color .2s ease-in}.navbar-usersetting-dropdown-menu .usersetting-items .pikto-navlink:hover,.navbar-usersetting-dropdown-menu .usersetting-items .pikto-magentalink:hover,.navbar-usersetting-dropdown-menu .usersetting-items>button:hover{background-color:#353254}.navbar-usersetting-dropdown-menu .usersetting-items .pikto-navlink:hover .svg-icon-chevron,.navbar-usersetting-dropdown-menu .usersetting-items .pikto-magentalink:hover .svg-icon-chevron,.navbar-usersetting-dropdown-menu .usersetting-items>button:hover .svg-icon-chevron{fill:white}.navbar-usersetting-dropdown-menu .usersetting-items .user-has-team-account.pikto-navlink:hover{background-color:#353254}.navbar-usersetting-dropdown-menu .notification-container{position:relative;margin-bottom:0}.navbar-usersetting-dropdown-menu .notification-count{top:6px;right:18px;width:20px;height:20px;font-size:9px;font-weight:400;line-height:20px;text-align:center;background-color:#f93f85;border-radius:10px}.navbar-usersetting-dropdown-menu .pikto-username{display:block;width:100%}.navbar-usersetting-dropdown-menu .pikto-username>span{display:block;padding-left:15px;color:white;word-break:break-all}.navbar-usersetting-dropdown-menu .sign-up-img-link>a{padding:10px 10px 0}.navbar-usersetting-dropdown-menu .sign-up-img-link>a>img{height:50px}.navbar-usersetting-dropdown-menu .navbar-usersetting-signout .pikto-navlink{margin:10px 0;color:#676283;border-top:1px solid #4e496a}.navbar-usersetting-dropdown-menu .navbar-usersetting-signout .pikto-navlink:hover{color:#8681a1}.navbar-usersetting-dropdown-menu .pricing-plans{position:relative}.navbar-usersetting-dropdown-menu .pricing-plans button{width:100%}.navbar-usersetting-dropdown-menu .pricing-plans .svg-icon-chevron{position:absolute;top:12px;right:12px}.navbar-usersetting-dropdown-menu .header-dropdown-currentacct-container,.navbar-usersetting-dropdown-menu .header-dropdown-profile-container{display:flex;align-items:center;padding:15px 20px}.header-dropdown-profile-container{margin-bottom:10px;border-bottom:1px solid #4e496a}.pricing-dropdown-menu{top:-17px;left:-50%;margin-left:-5px}.navbar{display:block}.navbar-nav{margin:0}.navbar-notification,.navbar-usersetting{line-height:60px}.multiple-workspace{top:70px;right:15px;color:#252442}.multiple-workspace .popover-content{display:flex;align-items:center;height:125px;padding:0 22px;font-size:13px}.multiple-workspace .popover-title-bold{font-weight:600;font-style:normal;margin-bottom:7px}.multiple-workspace p{margin-bottom:0}.multiple-workspace::after{position:absolute;top:3px;right:2px;box-sizing:border-box;content:"";border:7px solid black;border-color:transparent transparent white white;box-shadow:-2px 1px 2px 0 rgba(0,0,0,0.1);transform:rotate(135deg);transform-origin:0 0}.multiple-workspace .close{position:absolute;top:10px;right:10px}.user-profile-container{display:flex;align-items:center}.user-profile-container .svg-icon-chevron{margin-left:12px}.dropdown-submenu.pricing-plans::after{right:initial;left:-7px;height:95px}.user-team-account-profile{margin-bottom:10px}.lvlup-icon-smallscreen{display:inline-block}.lvlup-icon-largescreen{display:none !important}@media screen and (min-width: 1130px){.lvlup-icon-largescreen.display{display:inline-block !important}}.footer-layout{padding:30px 0;background:#252442;color:#acbac8;font-size:13px;z-index:3;position:relative}.footer-layout .left-menu li{display:inline-block}@media screen and (min-width: 768px){.footer-layout .left-menu{float:left}}@media screen and (min-width: 768px){.footer-layout .right-menu li{float:right}}@media screen and (min-width: 768px){.footer-layout .right-menu{float:right}}@media screen and (min-width: 768px){.footer-layout{height:50px;padding:15px 0}.footer-layout .left-menu li,.footer-layout .right-menu li{border-bottom:none}}.footer-layout .pikto-navlink{display:inline-block}.footer-layout .footer-tnc{float:left;color:#cbc7da}@media screen and (min-width: 768px){.footer-layout .footer-tnc a{padding-right:10px;border-right:1px solid #acbac8}}.footer-layout .footer-resource{margin-bottom:10px}.footer-layout .footer-resource a{padding-left:15px}@media screen and (min-width: 768px){.footer-layout .footer-resource{margin-bottom:0px}}.footer-layout .footer-privacy{display:block;margin-bottom:10px}@media screen and (min-width: 768px){.footer-layout .footer-privacy{display:inline-block;float:right;margin-bottom:0px}.footer-layout .footer-privacy a{padding-left:10px}}.new-release{text-transform:uppercase;color:#f93f85;position:absolute;top:-2px;left:6px;font-size:0.8em}@media screen and (min-width: 768px){.new-release{top:2px}}.tag{text-transform:uppercase;padding:0.1em 0.40em;border-radius:3px;color:white;font-size:0.7em;font-weight:bold;cursor:default}.tag.orange{background:#f93f85}.tag.teal{background:#0fb4bb}.promotion-level-up-container{margin:0px 5px 0px 0px;color:white}.promotion-level-up-container>.level-up-container{margin-bottom:2px;display:block}.promotion-level-up-container .btn>span,.promotion-level-up-container .svg-icon-crown{position:relative;top:1px}.pikto-promotion-count-down-timer{font-size:13px}.promotion-timer{color:#f93f85;width:55px;position:relative;top:1px;margin-right:5px;display:inline-block}.editor-topbar .promotion-timer{display:none}@media screen and (min-width: 1200px){.editor-topbar .promotion-timer{display:inline-block}}.promotion-for-ten-usd{display:none}@media screen and (min-width: 1200px){.promotion-for-ten-usd{display:inline}}.cc-icon{background:#0fb4bb;border-radius:50%;width:25px;height:25px;display:inline-block}.mobile-msg-popover{padding:15px;max-width:initial;text-align:center;right:-40px;opacity:0;z-index:9}.mobile-msg-wrapper .mobile-msg-popover{width:270px;top:-55px}.mobile-disabled:hover+.mobile-msg-popover{display:block;-webkit-animation:cs-fade-in-out 0.5s forwards;animation:cs-fade-in-out 0.5s forwards}.mobile-msg-wrapper .mobile-disabled{background-color:#dae0e7}.mobile-msg-wrapper .mobile-disabled:hover{background-color:#dae0e7}.navbar-usersetting-dropdown{min-height:60px}.navbar-usersetting-dropdown .navbar-usersetting-dropdown-info .svg-icon-user{vertical-align:middle}.navbar-usersetting-dropdown .navbar-usersetting-dropdown-info .navbar-usersetting-dropdown-username{font-size:13px;margin-bottom:-3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:19px;min-width:70px;max-width:110px}.navbar-usersetting-dropdown .navbar-usersetting-dropdown-info .navbar-usersetting-dropdown-account{font-size:9px;margin-bottom:0px;line-height:14px}.navbar-usersetting-dropdown .navbar-usersetting-arrow{float:right;width:20%}.navbar-usersetting-accounts{padding:15px 0px;border-bottom:1px solid #353254;border-top:1px solid #353254}.navbar-usersetting-accounts .navbar-usersetting-switcher-name{color:white;font-size:11px;margin:0px}.navbar-usersetting-switcher-link{color:#cbd4dc;display:flex;-ms-align-items:center;align-items:center;padding:8px;margin:0px 12px}.navbar-usersetting-switcher-link:hover{color:#fbfbfc;background-color:#353254}.navbar-usersetting-switcher-link:hover .header-dropdown-other-profile-name{color:#fbfbfc}.header-dropdown-currentacct-img,.header-dropdown-other-profile-img,.header-currentacct-img{border-radius:50%;background-color:#676283;margin-right:10px;display:flex;-ms-align-items:center;align-items:center;-ms-justify-content:center;justify-content:center}.header-dropdown-currentacct-img svg,.header-dropdown-other-profile-img svg,.header-currentacct-img svg{fill:white}.header-dropdown-currentacct-img{width:50px;height:50px}.header-dropdown-currentacct-info{display:flex;flex-direction:column;line-height:20px;color:#fbfbfc}.header-dropdown-currentacct-info .header-dropdown-currentacct-name{font-size:15px}.header-dropdown-currentacct-info .header-dropdown-currentacct-type{font-size:11px}.header-dropdown-other-profile-img{width:30px;height:30px}.header-dropdown-switch-account-text{font-size:calc(9px + 1px);text-transform:uppercase;position:absolute;top:15px;line-height:1}.navbar-usersetting-profile-info{line-height:0px}.navbar-usersetting-profile-info svg{margin-right:5px}.navbar-usersetting-profile-title{color:white;font-size:13px;width:164px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-currentact-container{display:flex;-ms-align-items:center;align-items:center;min-width:120px;max-width:152px}.header-currentact-img-cont{display:flex;-ms-align-items:center;align-items:center;-ms-justify-content:center;justify-content:center;margin-right:8px}.header-currentacct-img{width:32px;height:32px}.header-currentacct-img .svg-icon-public{width:20px;height:14px}.header-dropdown-other-profile-name,.header-dropdown-currentacct-name{overflow:hidden;text-overflow:ellipsis;width:170px;white-space:nowrap}.header-dropdown-other-profile-name{color:#cbc7da}.usersetting-items{position:relative}.branding-onboarding-popover{display:none;opacity:0;left:-95px;top:0px;padding:10px 15px;line-height:normal}.dropdown-teams-list,.dropdown-teams-personal-list{margin-top:20px;font-size:15px}.dropdown-teams-personal-list{overflow:auto;max-height:140px}.personal-acc-avatar{background-color:white}.personal-acc-avatar .svg-icon-user{fill:#353254;position:relative;top:-1px}.personal-acc-avatar .header-dropdown-current{left:-1px}.pikto-canvas-wrap{position:relative;padding:300px 0 0;margin:0}@media screen and (min-width: 480px){.pikto-canvas-wrap{padding:0 0 50px}}@media screen and (min-width: 960px){.pikto-canvas-wrap{margin:0 auto}}.pikto-output-canvas{float:left;width:100%;background-color:#eaedf1}.pikto-output-canvas .loading-container{margin-top:150px;text-align:center}@media screen and (min-width: 480px){.pikto-output-canvas .loading-container{margin-top:60px}}.pikto-output-canvas .loading-container .loading{width:60px}.output-page-output-canvas{width:100%;min-height:calc(100vh - 60px - 60px - 156px);padding-top:50px}.output-page-output-canvas .pikto-canvas-wrap{padding:0}@media screen and (min-width: 505px){.output-page-output-canvas{min-height:calc(100vh - 60px - 60px - 137px)}}@media screen and (min-width: 768px){.output-page-output-canvas{min-height:calc(100vh - 60px - 125px - 50px)}}@media screen and (min-width: 960px){.output-page-output-canvas{width:calc(100% - 286px);height:calc(100vh - 60px);overflow:auto}}@media screen and (min-width: 1280px){.output-page-output-canvas{width:calc(100% - 320px)}}.output-page-output-canvas .output-comment-wrapper{display:block;width:90%;max-width:1280px;padding-top:1em;padding-bottom:2em;margin:.5em auto 2em;overflow:hidden}.output-page-output-canvas .fb-comments,.output-page-output-canvas .fb-comments *{width:100% !important}.navigation-tabs .tabs-menu{display:inline-block;margin:auto 0;font-weight:500;font-style:normal}.navigation-tabs .tabs-menu li{float:left;cursor:pointer;margin-right:48px}.navigation-tabs .tabs-menu li a{color:#5f707e;padding:4px 0px}.navigation-tabs .tabs-menu li a:hover{color:#1e2832}.navigation-tabs .tabs-menu li a:focus{text-decoration:none}.navigation-tabs .tabs-menu li a.router-link-active{color:#1e2832;position:relative;border-bottom:2px solid #1e2832}.navigation-tabs .tabs-menu li.current a{color:#1e2832;position:relative;border-bottom:2px solid #1e2832}.navigation-tabs hr{border:1px solid #dae0e7}.navigation-tabs .tab-content{min-height:400px;background-color:white;border-radius:3px;border:1px solid #dae0e7;margin-top:18px}.navigation-tabs .tab-content section{padding:30px 50px}.navigation-tabs .tab-content-short{min-height:none}.code-redeem-container,.plans-redeem-container{display:flex;padding:40px;text-align:left;background-color:white;border-radius:3px;border:1px solid #dae0e7;margin:20px auto 0px auto}.code-redeem-container .code-redeem-content .coupon-redemption-message,.plans-redeem-container .code-redeem-content .coupon-redemption-message{font-size:11px;text-align:left;margin:0 auto;max-width:300px}.code-redeem-container .code-redeem-content .coupon-validate,.plans-redeem-container .code-redeem-content .coupon-validate{font-size:13px;padding:10px 35px;margin-top:20px}.plans-redeem-container{margin-bottom:50px;-ms-justify-content:center;justify-content:center;position:relative}.plans-redeem-container .code-redeem-content{display:table-cell;vertical-align:middle}.transaction-message{font-size:15px;font-weight:600;font-style:normal}.redeem-steps-cont{margin-top:80px}.redeem-steps-cont li{margin:70px 0}@media screen and (max-width: 577px){.redeem-steps-cont li img{padding-bottom:16px}}.code-redeem-input{border:1px solid #acbac8;margin-bottom:10px;min-width:300px}.transaction-complete{background-color:white;border-radius:3px;border:1px solid #dae0e7;padding:30px 50px}.transaction-complete .payment-complete-links{margin-top:2em;font-size:11px}
