/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./apps/frontend/resources/less/Troubadour/components/Nanopopup.less ***!
  \********************************************************************************************************************************************************************************************************************/
.troubadour-popup .close-button {
  color: var(--troubadour-main);
}
.troubadour-popup .title {
  font-family: FatFrank, sans-serif;
  color: var(--troubadour-main);
}
.troubadour-popup .main-text {
  text-align: center;
  opacity: 1;
  font-family: Sofia Pro, sans-serif;
  font-size: 24px;
  line-height: 28px;
}
.troubadour-popup .inputs-group {
  margin: 15px 0;
  width: 49%;
  display: inline-block;
}
.troubadour-popup .button-group .cancel-button {
  border: none;
}
.troubadour-popup .button-group .cancel-button:hover .button-text {
  color: var(--troubadour-main) !important;
}
.troubadour-popup .button-group .action-button:hover .button-text {
  color: var(--button-action) !important;
}
.troubadour-popup.newsletter-popup {
  padding: 0 !important;
  height: 725px !important;
  min-width: 35vw !important;
}
.troubadour-popup.newsletter-popup iframe {
  height: 99%;
}
@media screen and (max-width: 1368px) {
  .troubadour-popup.newsletter-popup {
    min-width: 50vw !important;
  }
}
@media screen and (max-width: 768px) {
  .troubadour-popup .inputs-group {
    width: 100%;
    display: block;
  }
  .troubadour-popup .button-group button {
    margin: 15px 0;
  }
  .troubadour-popup.newsletter-popup {
    width: 90%;
    max-width: 90% !important;
    min-width: 85% !important;
    left: 5% !important;
  }
}
@media screen and (max-width: 480px) {
  .troubadour-popup.newsletter-popup {
    width: 90%;
    max-width: 90% !important;
    min-width: 85vw !important;
    left: 5% !important;
  }
}

/*!***************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./apps/frontend/resources/less/components/Popups/informationPagePopup.less ***!
  \***************************************************************************************************************************************************************************************************************************/
.nanopopup.information-page-popup {
  overflow: visible;
  background-color: var(--info-pages-popup-bg);
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
  border-radius: 25px;
}
@media screen and (max-height: 768px) {
  .nanopopup.information-page-popup {
    height: 90vh;
    width: 90vw;
  }
}
.nanopopup.information-page-popup .close-container {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--info-pages-popup-close-bg);
  right: 15px;
  top: 15px;
  z-index: 10;
}
.nanopopup.information-page-popup .close-container svg {
  font-size: 20px;
  color: var(--info-pages-popup-close-fg);
}
.nanopopup.information-page-popup .close-container:hover {
  background-color: var(--info-pages-popup-close-hover-bg);
}
.nanopopup.information-page-popup .popup-section {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.nanopopup.information-page-popup .popup-section .information-page-popup-heading {
  padding: 0 !important;
  margin: 0 0 30px !important;
  text-align: center !important;
  font-size: clamp(24px, 3vw, 40px) !important;
  line-height: 1em !important;
  color: var(--info-pages-popup-heading) !important;
  text-transform: none !important;
}
.nanopopup.information-page-popup .popup-section .information-page-popup-content {
  color: var(--info-pages-popup-text) !important;
  font-size: clamp(16px, 3vw, 24px);
  line-height: 1.2em;
  width: 100%;
  padding-right: 20px;
  height: 40vh;
  margin: 0 0 40px;
  word-break: break-word;
  overflow-x: hidden;
  overflow-y: scroll;
}
.nanopopup.information-page-popup .popup-section .information-page-popup-content h1,
.nanopopup.information-page-popup .popup-section .information-page-popup-content h2,
.nanopopup.information-page-popup .popup-section .information-page-popup-content h3 {
  font-family: "Sophia Pro", sans-serif;
  line-height: 1.2em;
  font-weight: 800;
}
.nanopopup.information-page-popup .popup-section .information-page-popup-content h1 {
  font-size: clamp(20px, 3vw, 34px);
}
.nanopopup.information-page-popup .popup-section .information-page-popup-content h2 {
  font-size: clamp(18px, 3vw, 30px);
}
.nanopopup.information-page-popup .popup-section .information-page-popup-content h3 {
  font-size: clamp(16px, 3vw, 28px);
}
.nanopopup.information-page-popup .popup-section .information-page-popup-content p {
  font-weight: 400;
  font-size: clamp(14px, 3vw, 24px);
}
.nanopopup.information-page-popup .popup-section .information-page-popup-content ol li,
.nanopopup.information-page-popup .popup-section .information-page-popup-content ul li {
  margin: 0 0 10px;
}
.nanopopup.information-page-popup .popup-section .information-page-popup-content::-webkit-scrollbar {
  width: 8px;
}
.nanopopup.information-page-popup .popup-section .information-page-popup-content::-webkit-scrollbar-thumb {
  background-color: var(--info-pages-popup-scroll-thumb);
  border-radius: 5px;
}
.nanopopup.information-page-popup .popup-section .information-page-popup-content::-webkit-scrollbar-track {
  background-color: var(--info-pages-popup-scroll-track);
  border-radius: 5px;
}
@supports not selector(::-webkit-scrollbar) {
  .nanopopup.information-page-popup .popup-section .information-page-popup-content {
    scrollbar-color: var(--info-pages-popup-scroll-thumb) var(--info-pages-popup-scroll-track);
    scrollbar-width: thin;
  }
}
.nanopopup.information-page-popup .popup-section .information-page-popup-content a {
  color: var(--news-troubadour-action-button-icon-bg);
}
.nanopopup.information-page-popup .information-page-popup-confirm {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
  gap: 20px 100px;
}
@media (min-width: 1px), (max-width: 1280px), (max-width: 992px), (max-width: 767px), (max-width: 480px) {
  .nanopopup.information-page-popup {
    padding: clamp(20px, 4vw, 60px) !important;
    height: auto !important;
    min-height: auto !important;
    max-height: auto !important;
    min-width: 320px !important;
    max-width: 1000px !important;
  }
}

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./apps/frontend/resources/less/Admin/theme.less ***!
  \************************************************************************************************************************************************************************************************/
:root[data-theme="light"] {
  --reading-font: Sofia Pro, sans-serif;
  --title-font: FatFrank, Eagle, Lato, sans-serif;
  --primary-text-1: #006a52;
  --primary-text-2: #32bf9a;
  --primary-text-3: #36a081;
  --primary-text-4: #006a52;
  --primary-text-3-dark: #004939;
  --primary-text-3-light: #006a52;
  --admin-1: #006a52;
  --admin-2: #ff7b4d;
  --admin-3: #c63030;
  --secondary-text: #004939;
  --secondary-text-light: #32bf9a;
  --default-bg: #ffffff;
  --default-bg-2: #fff9f2;
  --default-bg-3: #fff8e7;
  --default-bg-semitrans: rgba(255, 255, 255, 0.5);
  --default-dark-bg: #fbfbfb;
  --default-darker-bg: #e9e9e9ff;
  --default-color: #515151;
  --default-color-2: #ffffff;
  --default-color-3: #000000;
  --default-color-4: #404040;
  --default-color-5: #dddddd;
  --default-color-6: #6e6e6e;
  --default-color-7: #cecccc;
  --default-color-8: #212121;
  --default-color-9: #fdf7f7;
  --default-color-10: #ededed;
  --troubleshooting-mode: #eeeeee;
  --backdrop: #5e6e8de5;
  --dropdown-bg: #707070;
  --dropdown-all: #707070;
  --bg-semitrans-blk: rgba(0, 0, 0, 0.5);
  --bg-semitrans-high-opacity: rgba(255, 255, 255, 0.7);
  --bg-semitrans-low-opacity: rgba(255, 255, 255, 0.2);
  --dropshadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.2);
  --dropshadow2: 2px 2px 5px 2px rgba(0, 0, 0, 0.2);
  --dropshadow3: 1px 1px 10px -2px rgba(0, 0, 0, 0.2);
  --dropshadow4: 0 0 10px rgba(0, 0, 0, 0.15);
  --dropshadow5: 0 8px 8px 0 rgba(101, 17, 42, 0.3);
  --dropshadow6: 0 16px 16px 0 rgba(101, 17, 42, 0.3);
  --dropshadow7: 0 4px 4px 0px rgba(101, 17, 42, 0.3);
  --dropshadow8: 0 8px 8px 0px rgba(101, 17, 42, 0.3);
  --horiz-dotted-line-notdone: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.5) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0) 6px);
  --horiz-dotted-line-orange: repeating-linear-gradient(to right, #f1610d 0, #f1610d 2px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0) 8px);
  --horiz-dotted-line-yellow: repeating-linear-gradient(to right, #ffac48 0, #ffacff 2px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0) 8px);
  --side-menu-dropshadow: 1px 7px 5px 1px rgba(0, 0, 0, 0.2);
  --border: #e3e3e3;
  --line-separator: #ececec;
  --line-separator-2: #b4b4b4;
  --scrollbar: #b4b4b4;
  --scrollbar-hover: #979797;
  --ui-disabled: #9b9b9b;
  --ui-disabled-2: #ededed;
  --button-border: #2f2f2f;
  --landing-bg-1: #004939;
  --landing-bg-2: #36a081;
  --landing-bg-3: #f2fefb;
  --landing-troub-logo-bg: #65112a;
  --landing-troub-desc-bg: #f74f4f;
  --landing-cdo-logo-bg: #151433;
  --landing-cdo-desc-bg: #4d5c90;
  --landing-page-login-btn-fg: #ffffff;
  --landing-page-login-btn-bg1: #32bf9a;
  --landing-page-login-btn-bg2: #004939;
  --landing-page-heading-light: #36a081;
  --landing-page-heading-dark: #004939;
  --landing-page-color1: #212121;
  --landing-page-color2: #ffffff;
  --landing-page-scroll-arrow: #36a081;
  --landing-page-popup-close-bg: #00382c;
  --landing-page-popup-close-bg-hover: #515151;
  --landing-page-popup-link: #32bf9a;
  --landing-page-popup-checkbox-bg: #d6d6d6e5;
  --landing-page-popup-checkbox-border: #d6d6d6;
  --account-creation-bg: #32bf9a;
  --classroom-management-color1: #ffd1b7;
  --classroom-management-color2: #890f1a;
  --classroom-management-color3: #ffe0e0;
  --onboarding-bg: #006a52;
  --onboarding-bg-2: #32bf9a;
  --onboarding-bg-3: #004939;
  --onboarding-bg-4: #00382c;
  --onboarding-bg-5: #cff8ea;
  --onboarding-bg-6: #f2fefb;
  --onboarding-bg-7: #7d5abe;
  --onboarding-bg-8: #52338a;
  --onboarding-bg-9: #eff8ff;
  --onboarding-bg-10: #628efe;
  --onboarding-bg-11: #123289;
  --onboarding-bg-12: #cce3ff;
  --onboarding-bg-13: #3f6fe9;
  --onboarding-bg-14: #62269e;
  --onboarding-bg-15: #fdebbf;
  --onboarding-constellation-bg: #2081cb;
  --onboarding-constellation-fg: #ffffff;
  --troubadour-main: #f74f4f;
  --troubadour-main-dark: #651124;
  --troubadour-main-2: #651124;
  --troubadour-main-3: #ffa26e;
  --troubadour-main-4: #ba2121;
  --troubadour-main-5: #65112a;
  --troubadour-main-6: #fc6c4d;
  --troubadour-main-7: #ffac48;
  --troubadour-main-8: #4b0a1e;
  --troubadour-main-9: #ff6d4d;
  --troubadour-main-10: #ffe9b5;
  --troubadour-main-11: #350614;
  --troubadour-main-12: #bf6800;
  --troubadour-main-13: #e57d00;
  --troubadour-main-14: #b32c2c;
  --troubadour-main-15: #fff5df;
  --troubadour-main-16: #ffebbe;
  --troubadour-main-17: #ffdc88;
  --troubadour-main-18: #96314f;
  --troubadour-main-19: #451423;
  --troubadour-main-20: #e0648c;
  --troubadour-main-21: #fefbf3;
  --troubadour-main-22: #fff5db;
  --troubadour-main-23: #ffa36e;
  --troubadour-main-24: #ffecfb;
  --constellation-main: #4d5c90;
  --constellation-main-dark: #006c80;
  --constellation-main-2: #151433;
  --constellation-main-3: #433e7e;
  --constellation-main-4: #23224f;
  --constellation-main-5: #5ec5b2;
  --constellation-main-6: #e6fffa;
  --admin-main: #006a52;
  --admin-main-dark: #004939;
  --admin-main-darker: #00382c;
  --admin-main-2: #32bf9a;
  --admin-main-3: #004939;
  --admin-main-4: #36a081;
  --admin-main-5: #ebfffa;
  --admin-main-6: #f7fdfb;
  --admin-main-7: #73bda7;
  --admin-main-8: #8ddbe5;
  --admin-main-9: #075d6d;
  --troubadour-main-button-bg: linear-gradient(228deg, #ff7b4d 37%, #f74f4f 100%);
  --troubadour-gradient-button-bg: linear-gradient(231deg, #ff7b4d -1.35%, #f74f4f 78.22%);
  --troubadour-section-bg: linear-gradient(225deg, #ff7b4d 42.96%, #f74f4f 77.73%);
  --troubadour-section-bg2: linear-gradient(342deg, #ff7d4f 18.86%, #f74f4f 77.96%);
  --nav-topmenu-link: #f74f4f;
  --nav-topmenu-product-link: #65112a;
  --nav-topmenu-product-link-hover: #000000;
  --nav-topmenu-text: #ff7a66;
  --nav-sidemenu-link: #f74f4f;
  --nav-sidemenu-link-hover-bg: rgba(247, 79, 79, 0.1);
  --nav-sidemenu-common-link: #f74f4f;
  --nav-sidemenu-common-link-hover-bg: rgba(247, 79, 79, 0.1);
  --nav-topmenu-link-hover-bg: #fff5df;
  --nav-social-links: #004939;
  --top-nav-greeting: #9b9b9b;
  --top-nav-heading: #fcdc8b;
  --top-nav-separator: #dddddd;
  --top-nav-login-separator: #faac4c;
  --top-nav-lang-separator: #faac4c;
  --nav-filter-color: hue-rotate(80deg);
  --input-border: #ededed;
  --input-text: #9b9b9b;
  --aren: #4b67db;
  --package-news: #2ecff8;
  --activity-none: #bebebe;
  --activity-very-low: #f92d2d;
  --activity-low: #f9a72d;
  --activity-average: #2eb7e2;
  --activity-high: #43d586;
  --content-neutral: #767676;
  --content-valid: #2f896e;
  --content-valid-light: #74d9be;
  --content-warning: #ffac48;
  --content-invalid: #c12b58;
  --content-invalid-light: #f59595;
  --adm-showcase-header-left-bg: #126651;
  --adm-showcase-header-right-bg: #004939;
  --valid: #00c779;
  --warning: #fda63e;
  --disabled: #aeb2c2;
  --disabled-border: #a0a0a0;
  --disabled-2: #aeb2c2;
  --tooltip-border: #628efe;
  --tooltip-text: #123289;
  --tooltip-troub-border: #ff7b4d;
  --tooltip-troub-bg: #fff6f3;
  --tooltip-troub-text: #890f1a;
  --tooltip-troub-dark-bg: #ffdc88;
  --student-archived: #f56e6eff;
  --student-pending: #f99f18;
  --button-removed: #d3353e;
  --family-fancy-text-field-fg: #fdc4b5;
  --family-radio-field-bg: #fffcf5;
  --custom-media-xs: 480px;
  --custom-media-sm: 767px;
  --custom-media-md: 992px;
  --custom-media-lg: 1200px;
  --custom-media-xlg: 1366px;
  --left-menu-color: #647483;
  --left-menu-hover: #41585c;
  --left-menu-hover-bg: #091e420f;
  --left-menu-selected-bg: #35a7c11e;
  --popup-error: #f53a54;
  --popup-error-dark: #c20018;
  --popup-success: #1ed27c;
  --popup-default: #36a081;
  --popup-important: #f5223b;
  --popup-warning: #f28300;
  --popup-delete-bg: #fff8f8;
  --news-nanomonx-bg: linear-gradient(230.76deg, #006a52 -48.08%, #36a081 78.22%);
  --news-troubadour-bg: linear-gradient(141.02deg, #c63030 7.94%, #310d0d 323.14%);
  --news-constellation-bg: linear-gradient(230.76deg, #1d1a47 -1.35%, #4d5c90 78.22%);
  --news-nanomonx-action-button-bg: #ff7a66;
  --news-troubadour-action-button-bg: #ff7a66;
  --news-constellation-action-button-bg: linear-gradient(141.02deg, #53819c 7.94%, #5ec4b2 323.14%);
  --news-nanomonx-action-button-icon-bg: #ffa26e;
  --news-troubadour-action-button-icon-bg: #ffa26e;
  --news-constellation-action-button-icon-bg: #5ec5b2;
  --news-nanomonx-close-button: #ff7a66;
  --news-troubadour-close-button: #ff7a66;
  --news-constellation-close-button: #ff7a66;
  --news-nanomonx-close-mobile-button: #36a081;
  --news-troubadour-close-mobile-button: #fc6c4d;
  --news-constellation-close-mobile-button: #717eab;
  --news-backdrop: rgba(30, 30, 30, 0.8);
  --quote-form-dark: #52338a;
  --quote-form-med: #934bf4;
  --quote-form-light: #7d5abe;
  --breadcrumb-text-1: #32bf9a;
  --breadcrumb-text-2: #ffffff;
  --breadcrumb-success: #1ed27c;
  --button-light-second-color: #ffffff;
  --button-heavy-second-color: #ffffff;
  --button-alt-third-color: #ffffff;
  --button-disabled-bg: #aeb2c2;
  --button-disabled-color: #ffffff;
  --button-action: #36a081;
  --button-action-2: #006a52;
  --button-info: #36a081;
  --button-news: #36a081;
  --button-top-bar: #009cb4;
  --button-back: #009cb4;
  --button-signup: #4c4fa7;
  --button-onboarding: #006a52;
  --button-download: #1ed27c;
  --button-uc-not-started: #44bb65;
  --button-uc-resend: #c92a33;
  --button-uc-revision: #f9b957;
  --button-uc-private: #c20018;
  --button-uc-done: #476eb7;
  --button-excell: #1e6e43;
  --button-contest: #00873e;
  --button-download-pwd: #ff7a66;
  --button-add-group: #ffac48;
  --button-save: #1ed27c;
  --button-delete: #d3353e;
  --button-cancel: #d3353e;
  --button-send: #36a081;
  --tab-container-bg: #e9e9e9ff;
  --tab-container-bg-hover: #606569ff;
  --tab-container-header-bg: #ebebeb;
  --toast-error: #f53a54;
  --toast-info: #009cb4;
  --toast-success: #1ed27c;
  --toast-warning: #f28300;
  --filter-group-1: #009cb4;
  --filter-group-2: #2d91d8;
  --lexincon: #26aaaf;
  --lexincon-hover: #3992b6;
  --pagination-color: #ffffff;
  --pagination-bg: #006a52;
  --pagination-hover: #004939;
  --quill-color-active: #30c1e5;
  --quill-button-bg-active: #43c6e63f;
  --quill-button-bg: #e0e0e08c;
  --quill-color: #5a5a5aff;
  --copyright-link-color-admin: #36a081;
  --copyright-link-color-const: #433e7e;
  --copyright-link-color-troub: #f74f4f;
  --package-bg: #edfcf8;
  --package-bg-2: #004939;
  --troubadour-bg: #65112a;
  --package-text-color: #006a52;
  --package-details-color-1: #36a081;
  --package-details-color-2: #32bf9a;
  --package-contrast: #ffffff;
  --package-reduction-bg: #fff2eb;
  --package-reduction-text-color: #ff7a66;
  --package-reduction-contrast: #f74f4f;
  --package-reduction-details-color-1: #ffa26e;
  --package-infopanel-expiration: #fff5df;
  --package-payment-modes-button-fg: #212121;
  --package-payment-modes-button-bg: #ffffff;
  --package-payment-modes-button-bd: #2f2f2f;
  --package-learn-more-button-fg: #212121;
  --package-learn-more-button-bg: #ffffff;
  --package-buy-button-fg: #212121;
  --package-buy-button-bg-1: #ffac48;
  --package-buy-button-bg-2: #fc6c4d;
  --package-promo-bg-1: #ff7b4d;
  --package-promo-bg-2: #f74f4f;
  --cart-checkout-btn-bg: #006a52;
  --cart-custom-form-select-bg: rgba(0, 0, 0, 0);
  --cart-province-selector-bg: #c4c4c4;
  --info-pages-popup-bg: #f7fdfb;
  --info-pages-popup-close-fg: #ffffff;
  --info-pages-popup-close-bg: #32bf9a;
  --info-pages-popup-close-hover-bg: #006a52;
  --info-pages-popup-scroll-thumb: #32bf9a;
  --info-pages-popup-scroll-track: #d0f0e8;
  --info-pages-popup-scroll-thumb-hover: #00382c;
  --info-pages-popup-heading: #36a081;
  --info-pages-popup-text: #404040;
  --package-redeem-code-color-1: #075d6d;
  --package-redeem-code-color-2: #49caab;
  --package-redeem-code-color-3: #a8ebdb;
  --comms-popup-turquoise-color-1: #3ab1c1;
  --comms-popup-turquoise-color-2: #075d6d;
  --comms-popup-turquoise-color-3: #8ddbe5;
  --comms-popup-turquoise-color-4: #cfedb9;
  --comms-popup-orange-color-1: #fc6c4d;
  --comms-popup-orange-color-2: #890f1a;
  --comms-popup-orange-color-3: #ba2121;
  --comms-popup-orange-color-4: #e45434;
  --comms-popup-orange-color-5: #ffac48;
  --comms-popup-orange-color-6: #ffdc88;
  --comms-popup-yellow-color-1: #ffac48;
  --comms-popup-yellow-color-2: #ba2121;
  --comms-popup-yellow-color-3: #f74f4f;
  --comms-popup-yellow-color-4: #890f1a;
  --comms-popup-yellow-color-5: #e57d00;
  --comms-popup-yellow-color-6: #ff7b4d;
  --comms-popup-red-color-1: #f74f4f;
  --comms-popup-red-color-2: #890f1a;
  --comms-popup-red-color-3: #ffffff;
  --comms-popup-red-color-4: #ba2121;
  --comms-popup-red-color-5: #ffdc88;
  --set-school-popup-color-1: #3ab1c1;
  --set-school-popup-color-2: #075d6d;
  --set-school-popup-color-3: #cef2f4;
}

/*!********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./apps/frontend/resources/less/Admin/Signup/signup.less ***!
  \********************************************************************************************************************************************************************************************************/
.promo-banner {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 0;
  background: linear-gradient(45deg, #ffb94f 17.85%, #ff9d31 64.76%, #ff8a1d 96.35%);
}
.promo-banner .promo-inner {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  max-width: 1400px;
  padding: 0 10%;
}
@media screen and (min-width: 768px) {
  .promo-banner .promo-inner {
    flex-flow: row nowrap;
    align-items: unset;
  }
  .promo-banner .promo-inner .promo-content {
    flex: 3;
  }
  .promo-banner .promo-inner::after {
    width: 25%;
    flex: 2;
  }
}
.promo-banner .promo-inner .promo-content {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 40px 0;
}
.promo-banner .promo-inner .promo-content h2 {
  color: var(--troubadour-main-5);
  font-family: Eagle, Lato, sans-serif;
  font-size: clamp(20px, 3vw, 30px);
  font-weight: 400;
  line-height: 1.2em;
  letter-spacing: 0.93px;
  margin: 0;
  text-transform: none;
}
.promo-banner .promo-inner .promo-content a,
.promo-banner .promo-inner .promo-content button {
  align-self: flex-start;
}
.promo-banner .promo-inner::after {
  content: "";
  width: 80%;
  aspect-ratio: 247 / 173;
  max-width: 247px;
  background-image: url("https://constellation-backend-images.s3.ca-central-1.amazonaws.com/production/interfaces/troub-squirrel-promo-banner.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.container-signup {
  background-color: var(--troubadour-main-15);
  margin: 0;
  padding: 60px 2rem 120px;
  flex: 1;
}
.container-signup .header {
  max-width: 800px;
  margin: 0 auto 80px;
  padding: 0;
}
.container-signup .header .page-title {
  color: var(--troubadour-main);
  text-align: center;
  font-size: clamp(30px, 4vw, 49px);
  font-style: normal;
  font-weight: 900;
  line-height: 1em;
  letter-spacing: 1.47px;
  text-transform: none;
  margin: 0 0 30px;
}
.container-signup .header .page-subtitle {
  color: var(--troubadour-main-5);
  text-align: center;
  font-size: clamp(14px, 2vw, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.2em;
  text-transform: none;
  margin: 0;
}
.container-signup .header .page-subtitle span {
  font-weight: 800;
}
.container-signup .header .connect-options {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background-color: var(--troubadour-main-10);
  border-radius: 8px;
  margin: 80px 0 0;
}
.container-signup .header .connect-options p {
  color: var(--troubadour-main-5);
  font-family: "Sofia Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2em;
  margin: 0;
}
.container-signup .header .connect-options p strong {
  font-weight: 800;
}
.container-signup .header .connect-options p a {
  color: var(--troubadour-main-5);
  text-decoration: underline;
}
.container-signup .header .connect-options hr {
  width: 80%;
  height: 2px;
  background-color: var(--troubadour-main-7);
  border: none;
  margin: 20px 0;
}
.container-signup .header .connect-options .partner-login {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.container-signup .form-content {
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
}
.container-signup .form-content .error-text {
  color: var(--content-invalid);
  font-size: 14px;
  font-weight: 700;
  margin-top: 10px;
  opacity: 0;
}
.container-signup .form-content .error-text:empty {
  display: none;
}
.container-signup .form-content .check-loader {
  position: relative;
  top: 5px;
  float: right;
}
.container-signup .form-content .check-loader i {
  margin: 0;
  font-size: 14px;
}
.container-signup .form-content .check-loader .fa-circle-o-notch {
  color: var(--primary-text-1) !important;
}
.container-signup .form-content .check-loader .fa-check {
  color: var(--content-valid) !important;
}
.container-signup .form-content label {
  color: var(--default-color-3);
  font-size: 14px;
  line-height: 1.2em;
  margin: 0 0 10px;
}
.container-signup .form-content label span {
  display: block;
  font-weight: 700;
}
.container-signup .form-content .row {
  margin-bottom: 25px;
}
.container-signup .form-content .row.birthday-row .birthday-label legend {
  font-weight: 700;
}
.container-signup .form-content .input-section {
  margin: 0 0 15px;
  text-align: left;
}
.container-signup .form-content .input-section *:focus {
  box-shadow: none;
}
.container-signup .form-content .input-section input:not([type="checkbox"]),
.container-signup .form-content .input-section input:not([type="radio"]) {
  position: relative;
  padding: 1rem 2.5rem 1rem 1rem;
  height: auto;
  line-height: 1em;
  display: block;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  background-clip: padding-box;
  color: var(--default-color-3);
  border: 1px solid var(--troubadour-main-5);
  border-radius: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.container-signup .form-content .input-section select {
  border-radius: 4px;
  width: 100%;
  font-size: 17px;
  padding: 8px 10px !important;
  border: 1px solid var(--troubadour-main-5);
  font-weight: 500;
  height: 50px !important;
  border-radius: 10px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.container-signup .form-content .input-section input::placeholder {
  opacity: 0.6;
  padding-left: 5px;
  font-style: italic;
}
.container-signup .form-content .input-section .fa {
  cursor: pointer;
  pointer-events: all;
}
.container-signup .form-content .input-section select {
  font-size: 14px;
}
.container-signup .form-content .input-section .birthday-fields {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  gap: 0 10px;
  max-width: 300px;
}
.container-signup .form-content .input-section .birthday-fields label,
.container-signup .form-content .input-section .birthday-fields select {
  flex: 1;
}
.container-signup .form-content .input-section .birthday-fields select {
  width: 80px;
}
.container-signup .form-content .input-section .birthday-fields .break {
  flex-basis: 100%;
  height: 0;
}
.container-signup .form-content .input-section .birthday-fields .error-text {
  position: absolute;
  top: 70px;
  left: 0;
  font-size: 12px;
  color: var(--content-invalid);
}
.container-signup .form-content .email-notice {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  min-width: 300px;
  flex: 1;
}
.container-signup .form-content .email-notice .form-check {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
}
.container-signup .form-content .email-notice .form-check label {
  color: var(--default-color-4);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3em;
  cursor: pointer;
  margin: 0 40px 0 0;
  padding: 0;
}
.container-signup .form-content .email-notice .form-check .form-check-input {
  position: relative;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--default-color-2);
  border: 1px solid var(--troubadour-main-5);
  border-radius: 5px;
  width: 24px;
  height: 24px;
  min-width: 24px;
  max-width: 24px;
  aspect-ratio: 1 / 1;
  margin-right: 10px;
  outline: none;
}
.container-signup .form-content .email-notice .form-check .form-check-input:focus {
  outline: none;
}
.container-signup .form-content .email-notice .form-check .form-check-input:checked {
  background-color: transparent;
  background-color: var(--default-color-2);
  outline: none;
}
.container-signup .form-content .email-notice .form-check .form-check-input:checked:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 2px;
  transform: rotate(45deg);
  width: 7px;
  height: 15px;
  border-bottom: 3px solid var(--troubadour-main-5);
  border-right: 2px solid var(--troubadour-main-5);
}
.container-signup .form-content .submit {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  flex: 1;
}
.container-signup .form-content .submit button {
  margin: 0;
}
.container-signup .form-content .captcha-error {
  color: var(--popup-error);
}
.container-signup .select-user-type {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 920px;
  margin: 0 auto;
  padding: 0;
}
.container-signup .select-user-type h2 {
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 40px;
  line-height: 45px;
  color: var(--troubadour-main);
  font-weight: 800;
  text-transform: none;
  text-align: center;
}
.container-signup .select-user-type .user-types-container {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  gap: 20px;
  width: 100%;
}
.container-signup .select-user-type .user-types-container .user-type-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: 400px;
  padding: 20px 10px;
  color: var(--troubadour-main);
  background-color: var(--troubadour-main-21);
  border: 2px solid var(--troubadour-main-7);
  border-radius: 20px;
  text-decoration: none;
  align-self: stretch;
  cursor: pointer;
}
.container-signup .select-user-type .user-types-container .user-type-item:focus {
  outline: 0;
}
.container-signup .select-user-type .user-types-container .user-type-item:hover {
  text-decoration: underline;
  border-color: var(--troubadour-main);
}
.container-signup .select-user-type .user-types-container .user-type-item p {
  color: var(--troubadour-main);
  font-weight: 800;
  font-size: clamp(16px, 2vw, 20px);
  line-height: 20px;
  text-align: center;
  white-space: nowrap;
  margin: 15px 0 0;
}
.container-signup .select-user-type .user-types-container .user-type-item img {
  max-width: 100%;
}
.container-signup .select-user-type .user-types-container .user-type-child-selection-warning {
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 30px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: var(--troubadour-main-10);
  border: 1px solid var(--troubadour-main-5);
  border-radius: 20px;
}
.container-signup .select-user-type .user-types-container .user-type-child-selection-warning h3 {
  font-size: 30px;
  line-height: 35px;
  font-weight: 800;
  margin: 0 0 20px;
}
.container-signup .select-user-type .user-types-container .user-type-child-selection-warning p {
  font-size: 23px;
  line-height: 25px;
  font-weight: 400;
  margin: 0 0 20px;
}
.container-signup .select-user-type .user-types-container .user-type-child-selection-warning .action-buttons {
  text-align: center;
}
.container-signup .select-user-type .user-types-container .user-type-child-selection-warning .close-warning {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: -20px;
  top: -20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--troubadour-main-5);
  cursor: pointer;
}
.container-signup .select-user-type .user-types-container .user-type-child-selection-warning .close-warning svg {
  color: var(--default-color-2);
}
.container-signup.google-signup .connect-options {
  margin-top: 40px;
}
.container-account-confirmation {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--troubadour-main-15);
  position: relative;
  padding: 0;
  flex-direction: column;
  z-index: 20;
  flex: 1;
}
.container-account-confirmation .confirmation-content {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  max-width: 920px;
  margin: 0 auto;
  padding: 100px 40px 120px;
}
.container-account-confirmation .visual {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 / 1;
  width: 25vw;
  min-width: 100px;
  max-width: 236px;
  margin: 0 0 40px;
}
.container-account-confirmation .visual img {
  width: 100%;
}
.container-account-confirmation h1 {
  color: var(--troubadour-main);
  text-align: center;
  font-size: clamp(30px, 3vw, 49px);
  font-weight: 900;
  line-height: 1em;
  letter-spacing: 1.47px;
  text-transform: none;
  margin: 0 0 30px;
}
.container-account-confirmation h2 {
  color: var(--troubadour-main-5);
  text-align: center;
  font-size: clamp(14px, 3vw, 18px);
  font-weight: 400;
  line-height: 1.2em;
  text-transform: none;
  margin: 0 auto 30px;
}
.container-account-confirmation h2 strong {
  font-weight: 800;
}
.container-account-confirmation p {
  color: var(--troubadour-main-5);
  text-align: center;
  font-size: clamp(14px, 2vw, 18px);
  font-weight: 800;
  line-height: 1em;
  margin: 0 auto;
}
.container-account-confirmation p a {
  color: var(--troubadour-main-5);
  text-decoration: underline;
}


/*# sourceMappingURL=Signup.2d77fd5fe49c957b5e2f.css.map*/