.loading-screen{display:flex;justify-content:center;width:100%}.error-page{display:flex;height:100%;min-height:50vh;padding:2rem}.error-page-container{align-self:center;color:var(--primary-font-color);margin:auto;max-width:500px}.error-page-header{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.error-page-header-text{font-size:1.5rem;margin-bottom:2rem;opacity:.5}.image{height:100%;width:100%}.signout-wrapper{align-items:center;background-color:var(--container-background-color);display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:400px}.avatar-sign-out-wrapper{position:relative}.signout-dropdown{background-color:var(--container-background-color);border-radius:15px;padding:1rem;position:absolute;right:0;top:2.5rem;width:200px;z-index:1}.avatar:hover{cursor:pointer}.organization-menu-container{background-color:var(--primary-background-color);border:1px solid var(--secondary-tint-color);border-radius:.75rem;box-shadow:0 5px 12px var(--primary-background-color);padding:0;right:0;top:.25rem;width:250px}.organization-menu-button{align-items:center;border-radius:50px;color:var(--primary-font-color);cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:center;padding:.5rem 1.5rem;text-decoration:none;transition:opacity .2s ease;-webkit-user-select:none;user-select:none;width:100%}.organization-menu-button:hover{opacity:.6}.studio-dropdown{position:absolute;top:3.5rem;z-index:1}.studio-dropdown .MuiPaper-root{background-color:var(--input-background-color);border:1px solid var(--primary-tint-color);border-radius:.75rem;color:var(--primary-font-color)}.studio-dropdown .MuiSvgIcon-root{color:var(--primary-action-color)}.studio-dropdown hr{border-color:var(--primary-tint-color);margin:.7rem 0}.studio-dropdown .MuiMenuItem-root{border-radius:8px;margin:0 .5rem;min-height:36px!important;padding:0 .5rem}.studio-dropdown .MuiMenuItem-root:hover{background-color:var(--primary-tint-color)}.studio-nav-title{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;padding:0 .5rem;transition:background-color .2s ease-in-out;-webkit-user-select:none;user-select:none}.organization-name{font-size:1.15rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:750px){.nav-bar .studio-dropdown{left:.5rem;top:2.7rem;z-index:10}}.navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--subnav-background-color);border-bottom:1px solid var(--secondary-tint-color);box-shadow:1px 0 5px rgba(0,0,0,.1);color:var(--primary-font-color);font-size:1.2rem;justify-content:space-between;padding:.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.nav-avatar,.navigation{align-items:center;display:flex;font-weight:700}.nav-avatar{background-color:var(--avatar-background-color);border-radius:50%;font-size:1rem;height:2.25rem;justify-content:center;margin-right:.5rem;overflow:hidden;text-align:center;width:2.25rem}.navigation .nav-avatar{margin:-1rem 0}.navigation .login{font-size:1rem}.connectbetter-logo,.navigation .login{color:var(--primary-font-color);text-decoration:none;-webkit-user-select:none;user-select:none}.connectbetter-logo,.studio-nav-title .logo{align-items:center;display:flex}.studio-nav-title .logo{background-color:var(--primary-tint-color);border-radius:6px;color:var(--primary-font-color);font-size:1.25rem;font-weight:700;height:2.25rem;justify-content:center;margin-right:.75rem;min-height:2rem;min-width:2rem;width:2.25rem}.nav-item-container{display:flex}.nav-item{border-radius:.75rem;color:var(--primary-font-color);font-size:1rem;margin:0 .75rem;padding:.5rem;text-decoration:none;-webkit-user-select:none;user-select:none}.nav-item.active,.nav-item:hover{background-color:var(--primary-tint-color)}.nav-item.active{opacity:1}.tag{background-color:var(--container-background-color);border-radius:5px;font-size:14px;margin-left:.75rem;padding:.25rem}.mobile-bottom{display:none}.nav-log-organization-selection-container{display:flex}.sign-out:hover{opacity:.6}@media (max-width:750px){.mobile{display:none}.mobile-bottom{bottom:0;display:block;position:absolute}}.mobile-navigation{display:none}@media (max-width:750px){.mobile-navigation{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--subnav-background-color);border-top:1px solid var(--secondary-tint-color);bottom:0;box-shadow:1px 0 5px rgba(0,0,0,.1);color:var(--primary-font-color);display:flex;font-size:1.2rem;justify-content:space-between;left:0;padding:.5rem;position:fixed;right:0;z-index:10}.mobile-nav-items{align-items:center;display:flex;flex:1 1;flex-direction:row;font-size:1.35rem;text-align:center}.mobile-nav-items a{align-items:center;background-color:transparent;border-radius:.75rem;color:var(--primary-font-color);display:block;display:flex;flex-direction:column;font-size:.85rem;opacity:.5;padding:.5rem .75rem;text-align:left;text-decoration:none;transition:opacity .12s ease-in-out;transition:background-color .12s ease-in-out,opacity .12s ease-in-out;-webkit-user-select:none;user-select:none;width:100%}.mobile-nav-items a.active{background-color:transparent;opacity:1}.mobile-nav-avatar,.nav-menu-items a svg{height:1.75rem;width:1.75rem}.mobile-nav-avatar{align-items:center;background-color:var(--avatar-background-color);border-radius:50%;display:flex;font-size:.9rem;font-size:1rem;font-weight:700;justify-content:center;margin-right:0;min-height:1.75rem;min-width:1.75rem;overflow:hidden;text-align:center}.mobile-nav-profile-name{font-size:.85rem}.mobile-nav-profile-container.mobile{display:block}.mobile-nav-items a:hover,.mobile-nav-profile-container a:hover{background-color:transparent}}.account-balance{margin-top:1rem}.title{margin-bottom:1.5rem}.description{margin-bottom:.3rem}.promotion-error{background:#de8d98;border:1px solid #bd1930;border-radius:5px;color:#bd1930;font-size:.9rem;font-weight:700;margin-bottom:1rem;margin-top:.5rem;padding:.5rem;text-align:center}.created-code{align-items:center;background-color:var(--input-background-color);border:none;border:1px solid var(--secondary-tint-color);border-radius:.75rem;color:var(--primary-font-color);display:flex;font-size:2rem;justify-content:space-between;margin:1rem 0 .5rem;padding:.75rem;width:100%}.icon:hover{cursor:pointer;opacity:.6}p{margin-top:1rem}.modal-code{font-weight:700}.promo-code-status-modal{max-width:500px;width:100%}.dropdown{position:absolute;top:4.5rem;z-index:1}.dropdown .MuiSvgIcon-root{color:var(--primary-action-color)}.dropdown hr{border-color:var(--primary-tint-color);margin:.7rem 0}.dropdown .MuiMenuItem-root{border-radius:8px;color:var(--primary-font-color);margin:0 .5rem;padding:0 .5rem}.dropdown .MuiMenuItem-root:hover{background-color:var(--primary-tint-color)}.dropdown.promo-code-settings{background-color:var(--primary-background-color);border-radius:15px;right:0;top:2.5rem}.dropdown .MuiMenuItem-root .danger{color:#d23e3d}.display-none{display:none}.dropdown .MuiPaper-root{background-color:var(--primary-background-color);border-radius:15px;color:var(--primary-font-color)}.settings-menu-wrapper{position:relative}.promo-code-settings{display:flex}@media (max-width:750px){.promo-settings-button{margin:auto}.promo-code-settings{position:absolute;right:0;top:0}}.empty-hero{display:flex;justify-content:center;margin:10vh auto;max-width:550px;-webkit-user-select:none;user-select:none}.empty-hero svg{stroke:var(--primary-font-color);height:8rem;min-height:8rem;min-width:8rem;width:8rem}.empty-description-container{margin-left:1rem}.empty-title{font-size:1.6rem;margin-bottom:.5rem}.empty-description{opacity:.7}.empty-hero .button{margin-top:2rem;padding:.35rem .85rem}.marketing-wrapper{margin:2rem auto auto;max-width:1000px}.marketing-title-header{font-size:2rem;font-weight:700;margin-bottom:1rem}.promo-credits-container{margin-top:2rem}.created-promo-code-container,.promo-credits-container{border:1px solid var(--secondary-tint-color);border-radius:15px;padding:1rem}.created-promo-code-container{margin:5rem 1rem 1rem;max-width:1000px;width:100%}.promo-codes-header{align-items:center;display:flex;font-weight:700;justify-content:space-between}.promo-codes-header .title{margin-bottom:0}.promo-code{border-top:1px solid var(--secondary-tint-color);display:flex;justify-content:space-between;margin-top:1rem}.promo-settings-button{height:1rem;margin-top:1rem;padding:0}.promo-list-item{flex:1 1;margin-top:1rem}.empty-state{border:1px solid var(--secondary-tint-color);border-radius:15px;margin:1rem auto;max-width:300px;padding:1rem .4rem;width:100%}.empty-state>div{margin-top:1rem;width:70%}.credit-item{margin-top:.2rem}.billing-container{margin:2rem auto auto;max-width:1000px;padding:1rem}.account-credit-container,.promotions-container{background-color:var(--container-background-color);border-radius:15px;display:flex;flex-direction:column;margin-bottom:1rem;max-width:1000px;overflow-x:auto;padding:1.5rem;width:100%}.promotions-container{padding-bottom:6rem}.title{font-weight:700;margin-top:0}.billing-next-attempt-at{display:flex;opacity:.6}@media (max-width:750px){.marketing-wrapper{display:inline;display:initial}.promo-code{position:relative}.promo-code,.promo-codes-header{display:block}.created-promo-code-container{max-width:300px}.create-promo-code-button{margin-top:1rem}}.exercise-action-menu-dropdown-container{position:absolute;right:-6rem;top:-.5rem;z-index:10}.exercise-action-menu-dropdown-container .MuiPaper-root{background-color:var(--input-background-color);border:1px solid var(--primary-tint-color);border-radius:.75rem;color:var(--primary-font-color);width:400px!important}.exercise-action-menu-dropdown-container .MuiSvgIcon-root{color:var(--primary-action-color)}.exercise-action-menu-dropdown-container hr{border-color:var(--primary-tint-color);margin:.7rem 0}.exercise-action-menu-dropdown-container .MuiMenuItem-root{border-radius:8px;padding:0 .5rem;width:100%!important}.exercise-wrapper{width:100%}hr{background-color:var(--primary-font-color);border:none;color:var(--primary-font-color);height:.25px;margin-top:20px}.publish-content{margin-top:1rem}.publish-title{font-weight:700;margin:.5rem 0 .75rem}.publish-message{margin-left:.75rem}.publish-footnote{font-size:small;font-style:italic;padding-top:.5rem}.course-program-update-type{font-weight:600}.course-program-update-type:hover{cursor:pointer;opacity:.6}.activeProgramType{border-bottom:2px solid var(--primary-action-color)}.programs-option-container{display:flex;width:100%}select{background-color:var(--input-background-color);border:1px solid var(--secondary-tint-color);border-radius:.75rem;color:var(--primary-font-color);font-size:1rem;font-weight:700;margin-top:1rem;padding:.75rem;-webkit-user-select:none;user-select:none}.programs-option-container:hover{cursor:pointer}.save-publish-button-wrapper{display:flex;justify-content:flex-end;margin:4rem 0 2rem}.save-publish-button-container{display:flex;justify-content:space-evenly;width:25vw}.exercise-draft-container{padding-left:1.5rem}.new-exercise-button-container{display:flex;justify-content:space-between;margin-top:2rem}.new-exercise-save-container{display:flex;justify-content:space-between;width:40%}.program-label{font-size:18px;font-weight:700;margin-bottom:1rem}.secondary-program-label{margin-top:1rem}.program-draft-item-container{background-color:var(--primary-background-color);border-radius:.75rem;display:flex;font-size:1rem;justify-content:space-between;margin:.5rem 0;padding:.75rem}.program-draft-item-container:hover{border:1px solid var(--secondary-tint-color);cursor:pointer;opacity:.6}.program-draft-item-parentTitle{opacity:.5}.program-draft-item-title{font-weight:700}.program-draft-item-url{display:flex;flex-direction:column;justify-content:center;margin-left:.75rem}.program-draft-item-url a{color:var(--primary-font-color)}.add-item{margin-top:.75rem}.program-draft-item-edit-button-container{display:flex;justify-content:space-between;margin:2rem 0 .75rem}.program-draft-item-save-button-container{display:flex}.save{margin-left:.5rem}.program-header{align-items:center;display:flex;justify-content:space-between}.program-error{background:#de8d98;border:1px solid #bd1930;border-radius:5px;color:#bd1930;font-size:.9rem;font-weight:700;margin-bottom:1rem;margin-top:.5rem;padding:.5rem;text-align:center}.exercise-input-container{padding-top:1rem}.program-draft-title{font-size:24px;font-weight:700;margin:1rem}.program-duplication-container{align-items:center;display:flex;font-size:18px;font-weight:700}.program-duplication-container .MuiSvgIcon-root{color:var(--primary-font-color)!important;font-size:1.25rem!important;margin:0 .5rem 0 .25rem!important;padding-bottom:.25rem!important}.program-duplication-container .MuiSvgIcon-root:hover{cursor:pointer;opacity:.6}.program-duplication-helper-container{position:relative}.program-duplication-helper-description{display:none}.program-duplication-helper-container:hover .program-duplication-helper-description{background-color:var(--container-background-color);border:1px solid var(--secondary-tint-color);border-radius:15px;display:block;font-size:1rem;font-weight:400;left:-150px;padding:.5rem;position:absolute;top:25px;width:300px;z-index:100}.program-preview-draft-container{align-items:center;display:flex;justify-content:space-between}.preview-label{margin-top:.5rem}.draft-button{margin-bottom:.5rem}.course-wrapper{background-color:var(--container-background-color);border-radius:.75rem;margin:2rem auto auto;max-width:1500px;padding:1rem}.course-meta-buttons{display:flex;margin-left:5px}.section-button{font-size:14px!important;margin-right:.5rem;max-height:30px;max-width:140px;padding:.5rem!important}@media (max-width:750px){.course-meta-buttons{flex-direction:column}.save-publish-button-container{width:100%}.new-exercise-save-container{margin-left:1rem;width:55%}.section-button{margin-top:.5rem}}.type-container{border:1px solid var(--secondary-tint-color);border-radius:.75rem;display:flex;margin-top:1rem;padding:10px}.type-container:hover{border:1px solid var(--primary-action-color);cursor:pointer;opacity:.6}.MuiRadio-root{color:var(--primary-action-color)!important}.subnav-button{font-size:.9rem!important;margin-top:0;padding:.35rem .85rem!important}.subnav-header{align-items:center;background-color:var(--subnav-background-color);display:flex;flex-direction:row;justify-content:space-between;margin-left:-1rem;min-height:4.5rem;padding:1rem;width:calc(100% + 2rem)}.subnav-title-container{display:flex}.subnav-title-container .back-button{color:var(--primary-font-color);cursor:pointer;margin-left:-.25rem;margin-right:.5rem;margin-top:.25rem}.subnav-title-container .back-button svg{margin-left:2rem;width:1rem}.title-container{display:flex;flex-direction:column;justify-content:center;-webkit-user-select:none;user-select:none}.title-container h1{font-size:1.15rem}.title-container.with-subtitle h1{font-size:1rem}.title-container.with-subtitle .subtitle{font-size:.9rem;margin:0;opacity:.5;text-align:left}.subnav-logo-container{align-items:center;display:flex;margin-left:2rem}.subnav-program-container{display:flex}.logo{background-color:#53565c;font-size:1.35rem;height:2.5rem;margin-right:.75rem;width:2.5rem}.subnav-program-name{font-size:1rem}.subnav-actions{display:flex}.subnav-actions .button:last-child{margin-left:.5rem}@media (max-width:750px){.subnav-header{margin:1rem auto auto;min-height:3.5rem;padding:0;width:100%}}.register-container .title{font-size:1.5rem;font-weight:700;justify-content:center}.register-container{background-color:var(--container-background-color);border-radius:.75rem;color:var(--primary-font-color);display:flex;flex-direction:column;margin:1rem auto;max-width:400px;padding:2rem;text-align:center;width:100%}.register-container-wrapper{display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 60px);padding:1rem}.register-container-text{color:var(--primary-font-color);font-size:1rem;margin-bottom:1rem;margin-top:0;text-align:center}.register-container .button{margin-top:1rem}.title{font-size:1.5rem;margin-bottom:.5rem}@media (max-width:750px){.login-container{padding:1.5rem}}.insights-container{align-items:center;display:flex;justify-content:center;margin-top:1.5rem}.insight-button{border-radius:.75rem;font-weight:600;margin:0 1rem;padding:.5rem}.insight-button:hover{cursor:pointer}.active,.insight-button:hover{background-color:var(--primary-tint-color)}.subscribe-chip .MuiSvgIcon-root{margin-bottom:.25rem!important}.programs-container{margin:2rem auto auto;max-width:700px;padding:1rem}.program-wrapper{display:flex;flex-wrap:wrap;margin-bottom:2rem;width:100%}.program-card-container{background-color:var(--primary-background-color)}.course-card-container,.program-card-container{border:2px solid var(--container-background-color);border-radius:15px;color:var(--primary-font-color);display:flex;flex-basis:100%;flex-direction:column;justify-content:space-between;margin:0 .5rem .5rem 0;max-width:48%;min-height:10rem;padding:1rem}.course-card-container{background-color:var(--container-background-color)}.course-card-container:hover,.program-card-container:hover{border:2px solid var(--primary-action-color)}.program-name{align-items:center;display:flex;font-weight:700}.program-publisher-name{font-weight:400;margin-top:.15rem}.program-metadata-container{align-items:center;display:flex}.program-status-tag{display:flex;text-align:right}.program-metadata{max-width:85%}.logo{align-items:center;background-color:#d23e3e;border-radius:6px;display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;margin-right:.5rem;width:2rem}.chip-container{display:flex;flex-direction:row-reverse}.chip-container .MuiChip-label{overflow:visible!important}.course-card-container .MuiChip-root,.program-card-container .MuiChip-root{color:var(--primary-font-color);max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.program-header-container{display:flex;justify-content:space-between;margin:2rem auto auto;max-width:700px;padding:1rem}.program-button{height:50%}.subscribe-chip{align-items:center;display:flex}.subscribe-chip .MuiSvgIcon-root{margin-left:1rem;margin-top:.25rem!important}.subscribe-chip .MuiSvgIcon-root:hover{cursor:pointer;opacity:.6}.program-search{align-items:center;display:flex;justify-content:center;margin:auto;max-width:700px}.program-input{margin-right:1.5rem;width:92%}@media (max-width:750px){.course-card-container,.program-card-container{max-width:100%}.program-input{margin-right:0}.program-metadata{max-width:95%}}.app{align-items:center;display:flex;flex-wrap:wrap;height:100dvh;overflow:hidden;width:100vw}.app-content{flex:1 1;height:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;padding:0 1rem 6rem;width:100%}input{border:none;border-radius:.75rem}input,textarea{background-color:var(--input-background-color);border:1px solid var(--secondary-tint-color);color:var(--primary-font-color);font-size:1rem;margin:.5rem 0;padding:.75rem;width:100%}textarea{height:10rem;resize:vertical}.button,textarea{border-radius:.75rem}.button{align-items:center;background-color:var(--primary-action-color);border:1px solid var(--primary-action-color);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:center;padding:.5rem 1.5rem;text-decoration:none;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.button.danger{background-color:#d23e3d;border-color:#d23e3d}.button.secondary{background-color:var(--secondary-tint-color);border-color:var(--secondary-tint-color);color:var(--primary-font-color)}.button.transparent{background-color:transparent;border-color:transparent;color:var(--primary-font-color)}.button.icon{padding:0!important;width:2.5rem}.button:hover{opacity:.6}.button .material-icons{margin-left:.5rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.modal-overlay{align-items:center;display:flex;justify-content:center;overflow:auto;z-index:1000}.modal-close,.modal-overlay{height:100%;left:0;position:fixed;top:0;width:100%}.modal-close{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background-color:rgba(0,0,0,.5);border:none;display:block}.modal{background-color:var(--container-background-color);border-radius:15px;color:var(--primary-font-color);margin:1rem;max-height:90vh;max-width:500px;overflow:auto;position:relative;width:100%}.modal.without-overflow{overflow:visible}.modal-content{padding:0 1.5rem}.modal-header{font-size:1.25rem;font-weight:700;padding:1.5rem 1.5rem .5rem;top:0;z-index:10}.modal-footer,.modal-header{background-color:var(--container-background-color);display:flex;justify-content:space-between;position:-webkit-sticky;position:sticky}.modal-footer{bottom:0;margin-top:2rem;padding:.5rem 0 1.5rem}.modal-footer .button:only-child{margin-left:auto}.modal-close-button{background:transparent;border:none;cursor:pointer;padding:0;position:absolute;right:1.5rem;top:1.5rem}.error-message-outer{align-items:center;background-color:var(--primary-font-color);bottom:5%;color:var(--primary-background-color);display:flex;justify-content:space-between;min-height:70px;padding:15px;position:fixed;right:5%;width:450px;z-index:2000}.error-button{border:none;margin:5px;padding:.5rem}.error-close-button{margin:0 5px}@media (max-width:750px){.app{flex-flow:column-reverse;max-height:-webkit-fill-available}.app-content{padding-top:3.5rem}.modal{border-radius:0;height:100dvh;margin:0;max-height:100dvh;max-height:-webkit-fill-available;max-width:100%}.modal,.modal-header{position:fixed;width:100%}.modal-header{padding:1rem}.modal-close-button{right:1rem;top:1rem}.modal-content{padding:4rem 1rem 5rem}.modal-footer{bottom:0;left:0;padding:1rem;position:fixed;width:100%}.modal-footer .button{width:100%}.modal-footer .button:last-child{margin-left:1rem}.modal-footer .button:only-child{margin-left:0}}*{box-sizing:border-box;font-family:Rubik,sans-serif!important}@media (prefers-color-scheme:dark){:root{--container-background-color:#222834;--input-background-color:#14171e;--primary-action-color:#2196f3;--primary-background-color:#12161e;--primary-font-color:#fff;--primary-tint-color:#222834;--secondary-tint-color:hsla(0,0%,100%,.15);--skeleton-tint-color:hsla(0,0%,100%,.15);--subnav-background-color:rgba(18,22,30,.5);--avatar-background-color:#ffae10}}@media (prefers-color-scheme:light){:root{--container-background-color:#ededed;--input-background-color:#fff;--primary-action-color:#2196f3;--primary-background-color:#fff;--primary-font-color:#232832;--primary-tint-color:rgba(57,62,71,.1);--secondary-tint-color:#ededed;--skeleton-tint-color:rgba(0,0,0,.15);--subnav-background-color:hsla(0,0%,100%,.5);--avatar-background-color:#ffae10}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--primary-background-color);color:var(--primary-font-color);margin:0}body.app-overflow-hidden{overflow:hidden}
/*# sourceMappingURL=main.16b37007.css.map*/