@import url(https://fonts.googleapis.com/css2?family=Work+Sans&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Work+Sans&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Work+Sans&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Work+Sans&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Work+Sans&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Work+Sans&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Work+Sans&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap);
.password-protection[data-v-3e4a0664] {
  max-width: 500px;
  margin: 0 auto;
}
.tag[data-v-4098ea89] {
  cursor: -webkit-grabbing;
  cursor: grabbing;
  margin: 0.2rem;
}
.dismiss-edit-option-group[data-v-4098ea89] {
  position: absolute;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  right: 0;
  top: 0;
  bottom: 0;
  width: 42px;
}
.dismiss-edit-option[data-v-4098ea89] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  color: white;
  background-color: #b7bcc2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.dismiss-edit-option[data-v-4098ea89]:hover {
  background-color: #8e959f;
}
.icon-tr[data-v-32f1ab4e] {
  position: relative;
}
.icon-tr-icon[data-v-32f1ab4e] {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.tag[data-v-32f1ab4e] {
  margin: 0.2rem;
}
.upload-tile[data-v-af8eb06c] {
  border: dashed;
  display: -webkit-box;
  display: flex;
  border-radius: 0.5rem;
  border-width: 2px;
  border-color: #b7bcc2;
  background-color: #e3e7ec;
}
.photo-preview[data-v-af8eb06c] {
  display: -webkit-box;
  display: flex;
}
.upload-module[data-v-af8eb06c] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.upload-image[data-v-af8eb06c] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.info-table td[data-v-6002e992] {
  padding: 0;
}
.hm-media-file-preview[data-v-61ad3776]  .embed-responsive-3by4 {
  max-height: 600px !important;
}
.product-type-card[data-v-372e6e83] {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  border: 1px solid #b7bcc2;
  border-radius: 4px;
  padding: 1rem;
  cursor: pointer;
  position: relative;
}
.product-type-card-icon img[data-v-372e6e83] {
  width: 90%;
}
.product-type-card-content[data-v-372e6e83] {
  padding: 1rem;
  margin-left: 1rem;
}
.product-type-card-content .subtitle[data-v-372e6e83] {
  font-size: 0.8125rem;
  color: #7a8390;
}
.product-type-card.selected[data-v-372e6e83] {
  background-color: rgba(250, 229, 229, 0.4);
}
.product-type-card[data-v-372e6e83]:hover {
  background-color: rgba(250, 229, 229, 0.4);
}
.product-type-card .lock[data-v-372e6e83] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(128, 128, 128, 0.6);
}
.product-type-card .lock i[data-v-372e6e83] {
  font-size: 48px;
}
.step-card-container[data-v-c3a9f9e2] {
  position: relative;
}
.step-card[data-v-c3a9f9e2] {
  height: auto;
  min-height: 140px;
  text-align: left;
  margin-bottom: 2rem;
  padding-left: 24px;
  padding-right: 24px;
}
.step-card img[data-v-c3a9f9e2] {
  width: 100px;
  height: 100px;
  max-width: 100%;
}
.step-card .top-left-text[data-v-c3a9f9e2] {
  position: absolute;
  left: 1.5rem;
  top: 0.75rem;
  color: #7a8390;
}
.step-card .top-right-text[data-v-c3a9f9e2] {
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  color: #b7bcc2;
  font-size: 1.5rem;
}
.is-active[data-v-c3a9f9e2] {
  border-color: #f26c67 !important;
}
.is-active .top-right-text[data-v-c3a9f9e2],
.is-active .checkmark-icon[data-v-c3a9f9e2],
.is-active .top-left-text[data-v-c3a9f9e2] {
  color: #f26c67;
}
.checkmark-icon[data-v-c3a9f9e2] {
  color: #b7bcc2;
}
@media (min-width: 576px) {
.top-left-text[data-v-c3a9f9e2] {
    left: 0.5rem;
    top: 0.5rem;
}
.step-card[data-v-c3a9f9e2] {
    height: 300px;
    text-align: center;
}
}
a[data-v-31c0f742] {
  text-decoration: none !important;
}
.hm-icon-button[data-v-762f6812] {
  font-size: 1.25rem;
}
.activity-item-container[data-v-762f6812] {
  border-bottom: 1px solid #b7bcc2;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.activity-item-container[data-v-762f6812]:hover {
  background-color: #e3e7ec;
}
.activity-overview-container > *[data-v-762f6812] {
  margin-right: 0.375rem;
}
.activity-content-container > *[data-v-762f6812] {
  margin-top: 1rem;
}
.activity-content-container > * > *[data-v-762f6812] {
  margin-right: 0.375rem;
}
.main-label-title[data-v-762f6812] {
  margin-left: 0.375rem;
}
.cursor-pointer[data-v-762f6812] {
  cursor: pointer;
}
.cursor-normal[data-v-762f6812] {
  cursor: default !important;
}
.break-row-flex[data-v-b72e4fe2] {
  flex-basis: 100%;
  height: 0;
}
.activity-item-icon[data-v-b72e4fe2] {
  font-size: 1.25rem;
}
.circle[data-v-b72e4fe2] {
  background-color: var(--brand-color, #f26c67);
  height: 22px;
  width: 22px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  color: #ffffff;
  position: absolute;
  bottom: 10px;
  right: -2px;
}
.notifications[data-v-b72e4fe2] {
  position: fixed;
  right: 1px;
}
.notifications.top-offset-lg[data-v-b72e4fe2] {
  top: 65px;
  -webkit-transition: top 0.2s ease-out;
  transition: top 0.2s ease-out;
}
.notifications.top-offset[data-v-b72e4fe2] {
  top: 42px;
  -webkit-transition: top 0.2s ease-out;
  transition: top 0.2s ease-out;
}
.beamerTrigger .beamer_icon.active {
  right: 16px;
  top: -6px;
}
@media (max-width: 767.98px) {
.beamerTrigger .beamer_icon.active {
    right: 2px;
}
}
.active-btn-tag[data-v-0f2c8218] {
  pointer-events: none;
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: none;
}
.font-card.active[data-v-0f2c8218] {
  border-color: #f26c67 !important;
  background-color: rgba(250, 229, 229, 0.2);
}
.font-card.active .active-btn-tag[data-v-0f2c8218] {
  display: inline-block;
}
.statistics-container .amount[data-v-31269445] {
  color: #101618;
  font-size: 56px;
}
@media (max-width: 767.98px) {
.statistics-container .amount[data-v-31269445] {
    font-size: 36px;
}
}
.admin-login[data-v-17cc226f] {
  background-position: top left, bottom right;
  background-repeat: no-repeat;
  background-image: url(../img/blob-up.7626d205.svg), url(../img/blob-down.87d5ab7f.svg);
  background-size: 200px auto, 420px auto;
}
@media (min-width: 768px) {
.admin-login[data-v-17cc226f] {
    background-size: 340px auto, 520px auto;
}
}
.admin-login-wrapper[data-v-17cc226f] {
  border: 1px solid #f2f5f5;
  margin-bottom: 60px;
}
@media (min-width: 768px) {
.admin-login-wrapper[data-v-17cc226f] {
    box-shadow: 0 16px 24px rgba(0, 0, 0, 0.07);
    border-radius: 6px;
}
}
[data-v-17cc226f] .modal-wrapper {
  background-color: #ffffff !important;
}
.login-side-image[data-v-17cc226f] {
  max-width: 40%;
}
.logo[data-v-17cc226f] {
  height: 17px;
  margin: 2rem;
}
[data-v-17cc226f] .login h1 {
  font-weight: 700;
}
[data-v-17cc226f] .hm-modal-header {
  display: none !important;
}
.meeting-type-card[data-v-7c833e92] {
  border: 1px solid #e3e7ec;
  border-radius: 6px;
}
.meeting-type-card .footer[data-v-7c833e92] {
  max-height: 80px;
}

.question[data-v-31202df6] {
  font-weight: bold;
  font-size: 1.2rem;
  color: #495057;
}
.answer[data-v-31202df6] {
  font-size: 1.2rem;
  color: #adb5bd;
}
.meeting-card[data-v-318269dd] {
  border-radius: 6px;
  border: 1px solid #b7bcc2;
}
.answers .question[data-v-318269dd] {
  color: #7a8390;
}
.answers .answer[data-v-318269dd] {
  color: #101618;
}
.top .time[data-v-318269dd] {
  height: 1.5rem;
}
.top .who[data-v-318269dd] {
  height: 1.5rem;
  line-height: 1.3;
}
.line-through[data-v-318269dd] {
  text-decoration: line-through;
}
.vm--booking-modal {
  max-width: 1280px !important;
}
.status[data-v-20c4635c] {
  padding: 4px 8px;
  border-radius: 6px;
}
.status--draft[data-v-20c4635c] {
  background-color: #fef0ef;
  color: #f26c67;
}
.status--sent[data-v-20c4635c] {
  background-color: #c7e8b7;
  color: #405c33;
}
.status--scheduled[data-v-20c4635c] {
  background-color: #d89e7e;
  color: #ffffff;
}
.dot[data-v-20c4635c] {
  margin-right: 6px;
  font-size: 0.5rem;
}
.dot--sent[data-v-20c4635c] {
  color: #9ad67d;
}
.dot--scheduled[data-v-20c4635c] {
  color: #a55b32;
}
.dot--draft[data-v-20c4635c] {
  color: #fae5e5;
}
.line-through[data-v-20c4635c] {
  text-decoration: line-through;
}

.published[data-v-43d48a74] {
  color: #9ad67d;
}
.draft[data-v-43d48a74] {
  color: #7a8390;
}
.copy[data-v-43d48a74] {
  cursor: pointer;
  color: #b7bcc2;
}
.copy[data-v-43d48a74]:hover {
  color: #7a8390;
}
.question-outline[data-v-43d48a74] {
  max-width: 100%;
  cursor: pointer;
}
.question-outline.active[data-v-43d48a74] {
  background-color: #f2f5f5;
}
.question-outline[data-v-43d48a74]:hover {
  background-color: #f2f5f5;
}
.question-outline.default[data-v-43d48a74] {
  cursor: not-allowed;
}
.question-outline.default[data-v-43d48a74]:hover {
  background-color: transparent;
}
.question-outline .delete[data-v-43d48a74]:hover {
  background-color: #f2f5f5;
}
[data-v-43d48a74] .hm-upgrade-lock #upgrade-trigger {
  width: 24px;
  height: 24px;
  font-size: 0.8rem;
}
.www-card[data-v-43d48a74] {
  background-color: #fcdedc !important;
}
.www-card .www-logo[data-v-43d48a74] {
  max-width: 300px;
}
.status[data-v-454578b5] {
  padding: 4px 8px;
  border-radius: 6px;
}
.status--draft[data-v-454578b5] {
  background-color: #fef0ef;
  color: #f26c67;
}
.status--sent[data-v-454578b5] {
  background-color: #c7e8b7;
  color: #405c33;
}
.status--scheduled[data-v-454578b5] {
  background-color: #d89e7e;
  color: #ffffff;
}
.dot[data-v-454578b5] {
  margin-right: 6px;
  font-size: 0.5rem;
}
.dot--sent[data-v-454578b5] {
  color: #9ad67d;
}
.dot--scheduled[data-v-454578b5] {
  color: #a55b32;
}
.dot--draft[data-v-454578b5] {
  color: #fae5e5;
}
.content[data-v-00f3d8f3] {
  min-height: 500px;
}
.filter-section[data-v-5497c99f] {
  padding: 1rem;
  border: 1px solid #e3e7ec;
  border-radius: 6px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.filter-section .head[data-v-5497c99f] {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}
hr[data-v-5497c99f] {
  border-color: #e3e7ec;
  margin: 0 -1rem 1rem -1rem;
}
[data-v-5497c99f] .daterangepicker .applyBtn {
  background-color: var(--brand-color, #f26c67) !important;
  color: #ffffff;
  border: none;
  outline: none;
}
[data-v-5497c99f] .daterangepicker .start-date {
  background-color: var(--brand-color, #f26c67) !important;
}
.calendar-icon[data-v-5497c99f] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  background-color: #fef4f4;
  color: var(--brand-color, #f26c67);
}
.social-marketing-card-container[data-v-2482ef96] {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.social-marketing-card-container--square[data-v-2482ef96] {
  height: 1080px;
  width: 1080px;
}
.social-marketing-card-container--story[data-v-2482ef96] {
  height: 1920px;
  width: 1080px;
}
.social-marketing-card-container .download-button[data-v-2482ef96] {
  display: none;
}
.download-spinner[data-v-2482ef96] {
  width: 48.1px;
  height: 48.1px;
}
@media (min-width: 768px) {
.social-marketing-card-container:hover .download-button[data-v-2482ef96] {
    position: absolute;
    top: calc(15px * 3.7);
    right: calc(30px * 3.7);
    width: 185px;
    height: 185px;
    border-radius: 22.2px;
    background-color: #f2f5f5;
    z-index: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    font-size: 3.7rem;
}
}
.social-marketing-card-container_content[data-v-2482ef96] {
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.social-marketing-studio-info[data-v-14e015a2] {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 88.8px;
  text-transform: uppercase;
}
.social-marketing-studio-info.light[data-v-14e015a2] {
  color: white;
}
.social-marketing-studio-info.dark[data-v-14e015a2] {
  color: #101618;
}
.social-marketing-studio-info.dark-opacity[data-v-14e015a2] {
  color: rgba(16, 22, 24, 0.5);
}
.profile-photo[data-v-14e015a2] {
  width: 88.8px;
  height: 88.8px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 29.6px;
}
.hm-logo[data-v-14e015a2] {
  height: 51.8px;
}
.studio-url[data-v-14e015a2] {
  font-size: 37px;
}
.studio-url--small[data-v-14e015a2] {
  font-size: 29.6px;
}
.title[data-v-68b2edf0] {
  font-size: 59.2px;
  color: #101618;
}
.description[data-v-68b2edf0] {
  display: block;
  font-size: 44.4px;
  color: #101618;
  margin-top: 25.9px;
  word-wrap: break-word;
}
.c-dark-opacity[data-v-68b2edf0] {
  color: rgba(16, 22, 24, 0.5);
}

.social-marketing-image[data-v-d95ec4c0] {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  height: 100%;
}
.social-marketing-image--no-image[data-v-d95ec4c0] {
  background-color: #b7bcc2;
}
.image-dragger[data-v-d95ec4c0] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.image-dragger--edit-mode[data-v-d95ec4c0] {
  cursor: all-scroll;
}

.card-p-3[data-v-6121cc72] {
  padding: 59.2px;
}
.card-mb-3[data-v-6121cc72] {
  margin-bottom: 59.2px;
}
.card-mt-3[data-v-6121cc72] {
  margin-top: 59.2px;
}
.card-pt-3[data-v-6121cc72] {
  padding-top: 59.2px;
}
.card-pt-4[data-v-6121cc72] {
  padding-top: 118.4px;
}
.card-p-3[data-v-612fe3f3] {
  padding: 59.2px;
}
.card-mb-3[data-v-612fe3f3] {
  margin-bottom: 59.2px;
}
.card-mt-3[data-v-612fe3f3] {
  margin-top: 59.2px;
}
.card-pt-3[data-v-612fe3f3] {
  padding-top: 59.2px;
}
.card-pt-4[data-v-612fe3f3] {
  padding-top: 118.4px;
}


.social-marketing-studio-image[data-v-414deeaa] {
  position: absolute;
  width: 166.5px;
  height: 166.5px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  border: 11.1px solid white;
  top: -81.4px;
  background: white;
}



.vue-swatches[data-v-1a135d9e] {
  display: block;
}
[data-v-1a135d9e] .vue-swatches > div {
  display: block;
}
.vue-swatches[data-v-1a135d9e]  .vue-swatches__fallback__wrapper {
  display: -webkit-box;
  display: flex;
}
.vue-swatches[data-v-1a135d9e]  .vue-swatches__fallback__input {
  box-sizing: content-box;
}
.vue-swatches[data-v-1a135d9e]  .color-picker__confirm-button {
  background-color: var(--brand-color, #f26c67);
}
.color-picker__container[data-v-1a135d9e] {
  width: 100%;
  border-radius: 6px;
}
.color-picker__circle[data-v-1a135d9e] {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  border: 1px solid #b7bcc2;
}
.marketing-card[data-v-2a086e4a] {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  zoom: 30%;
  display: inline-block;
}

.info-notice-text[data-v-5afdfdf6] {
  line-height: 26px;
}
.status[data-v-bca9fa3e] {
  display: -webkit-inline-box;
  display: inline-flex;
  padding: 0 9px;
  line-height: 28px;
  border-radius: 6px;
}
.status--active[data-v-bca9fa3e] {
  color: #405c33;
  background-color: rgba(64, 92, 51, 0.1);
}
.status--inactive[data-v-bca9fa3e] {
  color: #7a8390;
  background-color: #e3e7ec;
}
@media (min-width: 992px) {
.note-modal[data-v-b9521b88] {
    width: 900px;
}
}
.note-modal-header[data-v-b9521b88] {
  -webkit-box-align: start;
          align-items: flex-start;
}
.note-text[data-v-b9521b88] {
  min-height: 100px;
}

.info-tile[data-v-2749d3c0] {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
  border: 1px solid #b7bcc2;
  border-radius: 6px;
  overflow: auto;
  padding: 1rem;
}
.top-text[data-v-2749d3c0] {
  font-size: 16px;
  font-weight: 400;
  color: #7a8390;
}
.data[data-v-2749d3c0] {
  font-size: 20px;
  font-weight: 700;
  color: #101618;
}
.unit[data-v-2749d3c0] {
  font-size: 20px;
  color: #7a8390;
}
.container[data-v-fa173f9e] {
  max-width: 616px;
}
.icon[data-v-fa173f9e] {
  color: var(--brand-color, #f26c67);
}
.customer-info[data-v-7b3984c4] {
  min-height: 121px;
}
.customer-info-list-item + .customer-info-list-item[data-v-7b3984c4] {
  margin-top: 10px;
}
.info-tile-title[data-v-7b3984c4] {
  line-height: 1;
  margin: 0;
}
.options[data-v-d306bfe2] {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  margin-left: 1rem;
}
[data-v-1e43e6da] .redemptions-available b {
  color: #101618;
}
.status--paused[data-v-c12aa9bc] {
  background-color: rgba(165, 91, 50, 0.5);
  color: white;
}
.customer-info[data-v-69542c52] {
  min-height: 121px;
}
.status[data-v-69542c52] {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
}
.status--no-show[data-v-69542c52] {
  color: #c56661;
  background-color: #fae5e5;
}
.status--registered[data-v-69542c52] {
  color: #7a8390;
  background-color: #e3e7ec;
}
.status--attended[data-v-69542c52], .status--recording[data-v-69542c52] {
  color: #9ad67d;
  background-color: #405c33;
}




.edit-note-header[data-v-68cb68ae] {
  -webkit-box-align: start;
          align-items: flex-start;
}
.card-border[data-v-187ff65a] {
  border: solid 1px #b7bcc2;
  border-radius: 6px;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.card-border[data-v-187ff65a]:hover {
  border-color: #f26c67;
}
.card-border:hover .card-button[data-v-187ff65a] {
  color: #ffffff;
  background-color: #f26c67;
  border-top-color: #f26c67;
}
.card-border:hover .button-plus[data-v-187ff65a] {
  color: #ffffff;
}
.card-title[data-v-187ff65a] {
  color: #f26c67;
}
.card-button[data-v-187ff65a] {
  border-top: solid 1px #b7bcc2;
}
.button-plus[data-v-187ff65a] {
  color: #f26c67;
  font-size: 22px;
}
.report-content[data-v-5553b9f4] {
  min-height: 100%;
  height: 50vh;
}
.report-content iframe[data-v-5553b9f4] {
  border: 1px solid #b7bcc2;
  border-radius: 6px;
  min-width: 100%;
  overflow: hidden;
}
.status-select[data-v-68a74ff4] {
  width: 100%;
  max-width: 300px;
}
.page-template[data-v-306ce80e] {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  border-radius: 6px;
}
.title[data-v-306ce80e] {
  text-decoration: underline;
}
.thumbnail[data-v-306ce80e] {
  background-color: #e3e7ec;
  border-radius: 6px;
}
.thumbnail-content[data-v-306ce80e] {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.thumbnail-content h4[data-v-306ce80e],
.thumbnail-content a[data-v-306ce80e] {
  color: white;
}
.page-template:hover img[data-v-306ce80e] {
  -webkit-filter: brightness(40%);
          filter: brightness(40%);
}
.page-template:hover .thumbnail-content[data-v-306ce80e] {
  display: -webkit-box;
  display: flex;
}
.tag[data-v-306ce80e] {
  background-color: #f26c67;
  color: white;
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.upload-tile[data-v-2129acdd] {
  border: dashed;
  display: -webkit-box;
  display: flex;
  border-radius: 0.5rem;
  border-width: 2px;
  border-color: #b7bcc2;
  background-color: #e3e7ec;
}
.photo-preview[data-v-2129acdd] {
  display: -webkit-box;
  display: flex;
}
.upload-module[data-v-2129acdd] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.upload-image[data-v-2129acdd] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.color-button[data-v-2129acdd] {
  display: -webkit-inline-box;
  display: inline-flex;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  border: 1px solid white;
  margin-bottom: 25px;
  cursor: pointer;
}
.color-button + .color-button[data-v-2129acdd] {
  margin-left: 10px;
}
.color-button--active[data-v-2129acdd] {
  border: 1px solid #b7bcc2;
}
.sidebar[data-v-65478b00] {
  max-width: 450px;
}
.templates-container[data-v-65478b00] {
  max-width: 850px;
  width: 100%;
}
.category[data-v-65478b00]:hover,
.category--active[data-v-65478b00] {
  color: #101618;
}
.picker[data-v-cf2e2fc2] {
  box-shadow: none;
  width: 100%;
}
.page-color-picker .vm--modal[data-v-a0937aea] {
  max-width: 271px;
  padding: 12px 12px;
}
.page-color-picker button[data-v-a0937aea] {
  box-shadow: 0px 3px 6px -6px rgba(0, 0, 0, 0.32);
  border: none;
  outline: none;
}
.dot-1[data-v-a0937aea] {
  background: #f0f0f0;
  width: 7px;
  height: 8px;
}
.dot-2[data-v-a0937aea] {
  background: #fff;
  width: 7px;
  height: 8px;
}
.dot-3[data-v-a0937aea] {
  background: #f0f0f0;
  width: 7px;
  height: 7px;
}
.dot-4[data-v-a0937aea] {
  background: #fff;
  width: 7px;
  height: 7px;
}
.color-default .color-button[data-v-a0937aea] {
  display: inline-block;
  width: 42px;
  height: 42px;
  border-radius: 50% !important;
  margin: 2px;
  cursor: pointer;
}
.color-default .color-button--clear[data-v-a0937aea] {
  background-image: url("/assets/images/opacity-icon.png");
}
.color-default .color-button--outline[data-v-a0937aea] {
  outline: #e3e7eb 1px solid;
  outline-offset: -1px;
}
.black-color-button[data-v-a0937aea] {
  background: #111;
  color: #f3f3f3;
  border: transparent 1px solid;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 10px;
  border-right: none;
}
.white-color-button[data-v-a0937aea] {
  background: #fff;
  color: #111;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 10px;
}
.clear-color-button[data-v-a0937aea] {
  width: 132px;
  height: 35px;
  line-height: 35px;
  border-right: none;
  font-size: 10px;
  margin-left: 4px;
}
.transparency-input-group[data-v-a0937aea] {
  display: -webkit-box;
  display: flex;
  border: 1px solid #b7bcc2;
  overflow: hidden;
  border-radius: 6px;
}
.input-color[data-v-a0937aea] {
  -webkit-box-flex: 0;
          flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 40px;
  height: 40px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  width: 40px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.input-color[data-v-a0937aea]::before {
  content: "";
  width: 100%;
  height: 100%;
  background-size: cover;
  background-image: url("/assets/images/opacity-icon.png");
  position: absolute;
  z-index: -1;
  left: 0;
}
.input-color-2[data-v-a0937aea]  .input-group-text {
  padding: 0;
}
.input-text[data-v-a0937aea] {
  -webkit-box-flex: 1;
          flex: 1;
  width: 100%;
  border-left: 1px solid #b7bcc2;
  border-right: 1px solid #b7bcc2;
  border-top: none;
  border-bottom: none;
  padding: 0.5rem 0.75rem;
}
.input-hsl[data-v-a0937aea] {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 10px;
  margin-left: 4px;
}
.input-ok[data-v-a0937aea] {
  width: 100%;
  height: 42px;
  width: 42px;
  background: transparent;
}
.button-style[data-v-0e34cc6e] {
  width: 100%;
  max-width: 80px;
  height: 40px;
  outline: none !important;
}
.button-style.selected[data-v-0e34cc6e] {
  border: 2px solid #f26c67 !important;
}
.button-style.outline[data-v-0e34cc6e] {
  background: transparent;
  border: 2px solid #b7bcc2;
}
.button-style.outline.oval[data-v-0e34cc6e] {
  border-radius: 30px;
}
.button-style.outline.rounded[data-v-0e34cc6e] {
  border-radius: 6px;
}
.button-style.fill[data-v-0e34cc6e] {
  background: #b7bcc2;
  border: none;
}
.button-style.fill.oval[data-v-0e34cc6e] {
  border-radius: 30px;
}
.button-style.fill.rounded[data-v-0e34cc6e] {
  border-radius: 6px;
}
.color-picker[data-v-0e34cc6e] {
  width: 42px;
  height: 42px;
  border-radius: 100%;
  border: 1px solid #b7bcc2;
  cursor: pointer;
}
.color-button[data-v-068b6ff2] {
  display: -webkit-inline-box;
  display: inline-flex;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  border: 1px solid #b7bcc2;
  margin-bottom: 25px;
}
.top-nav[data-v-1724e03c] {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0.5rem;
}
.toggle-builder-mode[data-v-1724e03c] {
  position: absolute;
  height: 5px;
  width: 5px;
  top: 0;
  right: 0;
}
.palette-icon[data-v-1724e03c] {
  font-size: 20px;
}
.dot[data-v-66b758fa] {
  margin-right: 0.5rem;
  font-size: 0.5rem;
}
.dot--black[data-v-66b758fa] {
  color: #101618;
}
.dot--meeting[data-v-66b758fa] {
  color: #8dafb8;
}
.dot--active[data-v-66b758fa] {
  color: #9ad67d;
}
.dot--new[data-v-66b758fa] {
  color: #9ad67d;
}
.dot--paused[data-v-66b758fa] {
  color: #8dafb8;
}
.dot--removed[data-v-66b758fa] {
  color: #c56661;
}
.dot--canceled[data-v-66b758fa] {
  color: #c56661;
}
.dot--returning[data-v-66b758fa] {
  color: #9ad67d;
}
.dot--gift[data-v-66b758fa] {
  color: #cc9900;
}
.line-through[data-v-66b758fa] {
  text-decoration: line-through;
}
.disabled-warning[data-v-22f40815] {
  color: #f26c67;
  background-color: rgba(242, 108, 103, 0.2);
  padding: 0.5rem 1rem;
  border-radius: 6px;
}
.gift-status[data-v-67f696dc] {
  border-radius: 6px;
  padding: 1px 9px;
  font-size: 1rem;
}
.gift-status--scheduled[data-v-67f696dc] {
  color: #7a8390;
  background-color: rgba(122, 131, 144, 0.1);
}
.gift-status--unclaimed[data-v-67f696dc] {
  color: #cc9900;
  background-color: rgba(204, 153, 0, 0.1);
}
.gift-status--claimed[data-v-67f696dc] {
  color: #405c33;
  background-color: rgba(64, 92, 51, 0.1);
}
.gift-active--false[data-v-67f696dc] {
  color: #b7bcc2;
  background-color: rgba(183, 188, 194, 0.1);
}
.gift-calendar[data-v-67f696dc] {
  width: 25px;
  height: 25px;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  border-radius: 6px;
  color: #7a8390;
  background-color: rgba(122, 131, 144, 0.1);
  margin-left: 0.5rem;
}
.disabled-warning[data-v-5f7ce53d] {
  color: #f26c67;
  background-color: rgba(242, 108, 103, 0.2);
  padding: 0.5rem 1rem;
  border-radius: 6px;
}
.plan-card[data-v-3a9aeccb] {
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  border: 1px solid #b7bcc2;
  padding: 1.2rem 1rem;
  min-width: 75%;
  width: 100%;
  max-width: 75%;
  position: relative;
  margin-top: 2rem;
  border-radius: 6px;
  max-width: 350px;
  cursor: pointer;
}
.plan-card--active[data-v-3a9aeccb] {
  border: 1px solid var(--brand-color, #f26c67);
}
.plan-card--active h3[data-v-3a9aeccb] {
  color: var(--brand-color, #f26c67);
}
@media (min-width: 768px) {
.plan-card[data-v-3a9aeccb] {
    margin-top: 2rem;
    min-width: 200px;
}
}
.plan-card--disabled[data-v-3a9aeccb] {
  cursor: default;
}
@media (min-width: 576px) {
.plan-card + .plan-card[data-v-3a9aeccb] {
    margin-left: 2rem;
}
}
.plan-card.plan-card--most-popular[data-v-3a9aeccb] {
  margin-top: 3rem;
}
@media (min-width: 768px) {
.plan-card.plan-card--most-popular[data-v-3a9aeccb] {
    margin-top: 2rem;
}
}
.plan-most-popular[data-v-3a9aeccb] {
  position: absolute;
  top: -24px;
  color: #f26c67;
}
@media (min-width: 768px) {
.plan-most-popular[data-v-3a9aeccb] {
    top: -34px;
}
}
.plan-hr[data-v-3a9aeccb] {
  display: block;
  border-top: 1px solid #b7bcc2;
  width: calc(100% + 2rem);
}
.plan-list[data-v-3a9aeccb] {
  -webkit-box-flex: 1;
          flex: 1;
}
.plan-list-item[data-v-3a9aeccb] {
  text-align: center;
}
.logo[data-v-1a2515ad] {
  max-width: 100%;
  height: 17px;
  margin: 2rem 2rem 0 2rem;
}
.content-container[data-v-1a2515ad] {
  max-width: 780px;
}
.plans[data-v-1a2515ad] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 2rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
}
.submit-group[data-v-1a2515ad] {
  border: 1px solid #b7bcc2;
  border-radius: 6px;
  margin: 0;
}
.submit-hr[data-v-1a2515ad] {
  margin: 1.5rem -1rem;
}
.logo[data-v-5b9cd60c] {
  max-width: 100%;
  height: 17px;
  margin: 2rem 2rem 0 2rem;
}
.content-container[data-v-5b9cd60c] {
  max-width: 720px;
}
@media (min-width: 768px) {
.content-container[data-v-5b9cd60c] {
    margin-top: 50px;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.07);
    border-radius: 6px;
    padding: 50px;
    position: relative;
}
}
.submark[data-v-5b9cd60c] {
  display: none;
}
@media (min-width: 768px) {
.submark[data-v-5b9cd60c] {
    display: block;
    position: absolute;
    z-index: 1;
    width: 180px;
    right: -90px;
    top: -90px;
}
}
.submit-group[data-v-5b9cd60c] {
  border: 1px solid #b7bcc2;
  border-radius: 6px;
  margin: 0;
}
.submit-hr[data-v-5b9cd60c] {
  margin: 1.5rem -1rem;
}

.signup[data-v-31aa2900] {
  min-height: 100vh;
}
.logo[data-v-31aa2900] {
  max-width: 100%;
  height: 40px;
  margin: 2rem 2rem 0 2rem;
}
.content-container[data-v-31aa2900] {
  max-width: 780px;
}
.cover-photo[data-v-31aa2900] {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/affiliate-marketing.9b40b0a3.jpg);
  background-size: cover;
  width: 100%;
  height: 100%;
  min-height: 100vh;
}
h1.stronger[data-v-31aa2900] {
  font-weight: 700;
}
h1.lighter[data-v-31aa2900] {
  font-weight: 400;
}
.marvelous-logo[data-v-31aa2900] {
  width: 18px;
  height: auto;
}
.subtitle[data-v-31aa2900] {
  line-height: 32px;
}
.form-container[data-v-31aa2900] {
  max-width: 660px;
  margin: 0 auto;
}
.signup[data-v-2ba52bbb] {
  min-height: 100vh;
}
.logo[data-v-2ba52bbb] {
  max-width: 100%;
  height: 29px;
  margin: 2rem 2rem 0 2rem;
}
.content-container[data-v-2ba52bbb] {
  max-width: 780px;
}
.cover-photo[data-v-2ba52bbb] {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/marvelous-bio-signup.aed5e258.jpg);
  background-size: cover;
  width: 100%;
  height: 100%;
  min-height: 100vh;
}
h1.stronger[data-v-2ba52bbb] {
  font-weight: 700;
}
h1.lighter[data-v-2ba52bbb] {
  font-weight: 400;
}
.marvelous-logo[data-v-2ba52bbb] {
  width: 18px;
  height: auto;
}
.subtitle[data-v-2ba52bbb] {
  line-height: 32px;
}
.form-container[data-v-2ba52bbb] {
  max-width: 660px;
  margin: 0 auto;
}
.plan-card[data-v-1c3b1f5d] {
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  border: 1px solid #b7bcc2;
  padding: 1.2rem 1rem;
  width: 100%;
  position: relative;
  border-radius: 6px;
  cursor: pointer;
}
.plan-card--disabled[data-v-1c3b1f5d] {
  cursor: default;
}
.plan-card + .plan-card[data-v-1c3b1f5d] {
  margin-top: 1rem;
}
.plan-radio[data-v-1c3b1f5d] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  border: 1px solid #b7bcc2;
  height: 24px;
  width: 24px;
  border-radius: 50%;
}
.plan-radio .plan-radio-dot[data-v-1c3b1f5d] {
  height: 14px;
  width: 14px;
  border-radius: 50%;
}
.plan-radio--active[data-v-1c3b1f5d] {
  border: 1px solid #f26c67;
}
.plan-radio--active .plan-radio-dot[data-v-1c3b1f5d] {
  background-color: #f26c67;
}
.logo[data-v-83c121ee] {
  max-width: 100%;
  height: 17px;
  margin: 2rem 2rem 0 2rem;
}
.content-container[data-v-83c121ee] {
  max-width: 720px;
}
@media (min-width: 768px) {
.content-container[data-v-83c121ee] {
    margin-top: 50px;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.07);
    border-radius: 6px;
    padding: 50px;
    position: relative;
}
}
.submark[data-v-83c121ee] {
  display: none;
}
@media (min-width: 768px) {
.submark[data-v-83c121ee] {
    display: block;
    position: absolute;
    z-index: 1;
    width: 180px;
    right: -90px;
    top: -90px;
}
}
.plans[data-v-83c121ee] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 2rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
}

.bio-upgrade-modal[data-v-15c745a6] {
  padding: 2rem;
  background-color: #fef4f4;
}
.bio-upgrade-modal .text[data-v-15c745a6] {
  font-weight: 500;
  font-size: 18px;
  color: #000000;
}
.bio-upgrade-modal .description[data-v-15c745a6] {
  color: #000000;
}
.logo[data-v-a00a904c] {
  height: 20px;
}
.nav-link[data-v-a00a904c],
.mobile-nav-link[data-v-a00a904c] {
  margin: 0 0.5rem;
  padding: 0;
  color: #7a8390;
  font-weight: 400;
  text-decoration: none;
}
.nav-link[data-v-a00a904c]:hover,
.mobile-nav-link[data-v-a00a904c]:hover {
  color: #101618;
}
.nav-link[data-v-a00a904c] {
  border-bottom: 2px solid white;
}
.nav-link.router-link-active[data-v-a00a904c], .nav-link.active[data-v-a00a904c] {
  color: #101618;
  border-bottom: 2px solid #f26c67;
}
.upgrade-icon[data-v-a00a904c] {
  height: 24px;
}
.options-popover-icon[data-v-a00a904c] {
  position: relative;
  top: 0;
}
.popover-menu-item[data-v-a00a904c] {
  min-width: 200px;
}
.upgrade-popover[data-v-a00a904c] {
  padding: 2rem;
  background-color: #fef4f4;
}
.upgrade-popover .text[data-v-a00a904c] {
  font-weight: 500;
  font-size: 18px;
  color: #000000;
}
.logo[data-v-5cca83ff] {
  max-width: 100%;
  height: 17px;
  margin: 2rem 2rem 0 2rem;
}
.content-container[data-v-5cca83ff] {
  max-width: 800px;
}
@media (min-width: 768px) {
.content-container[data-v-5cca83ff] {
    margin-top: 50px;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.07);
    border-radius: 6px;
    padding: 50px;
    position: relative;
}
}
.submark[data-v-5cca83ff] {
  display: none;
}
@media (min-width: 768px) {
.submark[data-v-5cca83ff] {
    display: block;
    position: absolute;
    z-index: 1;
    width: 180px;
    right: -90px;
    top: -90px;
}
}
.plans[data-v-5cca83ff] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 2rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
}
.alert-danger[data-v-5cca83ff] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.price-option-container[data-v-e36f74da] {
  padding: 1rem;
  border: 1px solid #b7bcc2;
  border-radius: 6px;
  margin-bottom: 1rem;
}
.title[data-v-42514a8f] {
  font-size: 4rem;
  margin-bottom: 120px;
}
@media (max-width: 991.98px) {
.title[data-v-42514a8f] {
    font-size: 3rem;
}
}
.plans[data-v-42514a8f] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  flex-wrap: nowrap;
}
.submit-group[data-v-42514a8f] {
  border: 1px solid #b7bcc2;
  border-radius: 6px;
  margin: 0;
}
.submit-hr[data-v-42514a8f] {
  margin: 1.5rem -1rem;
}
.footer[data-v-42514a8f] {
  margin-top: 150px;
}
.header-logo[data-v-42514a8f] {
  max-width: 540px;
}
@media (max-width: 767.98px) {
.header-logo[data-v-42514a8f] {
    max-width: 360px;
}
}
@font-face {
  font-family: "ivy_modelight";
  src: url(../fonts/ivymode-light-webfont.38048ef1.woff2) format("woff2"), url(../fonts/ivymode-light-webfont.3352f295.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
#lwi-signup {
  font-family: "Work Sans", sans-serif;
}
#lwi-signup h1,
#lwi-signup h2,
#lwi-signup h3 {
  font-family: "ivy_modelight";
}
#lwi-signup a {
  color: #ebb7ac !important;
}
.included {
  color: #000000;
  line-height: 26px;
}
.included h2 {
  color: #7a8390;
}
.included .bonus {
  text-transform: uppercase;
  color: #ebb7ac;
}
@font-face {
  font-family: "ivy_modelight";
  src: url(../fonts/ivymode-light-webfont.38048ef1.woff2) format("woff2"), url(../fonts/ivymode-light-webfont.3352f295.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
#ll-signup {
  font-family: "Work Sans", sans-serif;
}
#ll-signup h1,
#ll-signup h2,
#ll-signup h3 {
  font-family: "ivy_modelight";
}
#ll-signup a {
  color: #f26c67 !important;
}
.included {
  color: #000000;
  line-height: 26px;
}
.included h2 {
  color: #7a8390;
}
.included .bonus {
  text-transform: uppercase;
  color: #f26c67;
}
@font-face {
  font-family: "ivy_modelight";
  src: url(../fonts/ivymode-light-webfont.38048ef1.woff2) format("woff2"), url(../fonts/ivymode-light-webfont.3352f295.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
#ll-signup {
  font-family: "Work Sans", sans-serif;
}
#ll-signup h1,
#ll-signup h2,
#ll-signup h3 {
  font-family: "ivy_modelight";
}
#ll-signup a {
  color: #f26c67 !important;
}
.included {
  color: #000000;
  line-height: 26px;
}
.included h2 {
  color: #7a8390;
}
.included .bonus {
  text-transform: uppercase;
  color: #f26c67;
}
@font-face {
  font-family: "ivy_modelight";
  src: url(../fonts/ivymode-light-webfont.38048ef1.woff2) format("woff2"), url(../fonts/ivymode-light-webfont.3352f295.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
#ic-signup {
  font-family: "Work Sans", sans-serif;
}
#ic-signup h1,
#ic-signup h2,
#ic-signup h3 {
  font-family: "ivy_modelight";
}
#ic-signup a {
  color: #cc9900 !important;
}
#ic-signup .included {
  color: #000000;
  line-height: 26px;
}
#ic-signup .included h2 {
  color: #7a8390;
}
#ic-signup .included .bonus {
  text-transform: uppercase;
  color: #cc9900;
}
#ic-signup .testimonial {
  max-width: 350px;
  padding: 2rem;
}
#ic-signup .testimonial .image {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-size: cover;
}
#ic-signup .testimonial .description {
  font-style: italic;
}
@font-face {
  font-family: "ivy_modelight";
  src: url(../fonts/ivymode-light-webfont.38048ef1.woff2) format("woff2"), url(../fonts/ivymode-light-webfont.3352f295.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
#ic-signup {
  font-family: "Work Sans", sans-serif;
}
#ic-signup h1,
#ic-signup h2,
#ic-signup h3 {
  font-family: "ivy_modelight";
}
#ic-signup a {
  color: #cc9900 !important;
}
#ic-signup .included {
  color: #000000;
  line-height: 26px;
}
#ic-signup .included h2 {
  color: #7a8390;
}
#ic-signup .included .bonus {
  text-transform: uppercase;
  color: #cc9900;
}
#ic-signup .testimonial {
  max-width: 350px;
  padding: 2rem;
}
#ic-signup .testimonial .image {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-size: cover;
}
#ic-signup .testimonial .description {
  font-style: italic;
}
@font-face {
  font-family: "ivy_modelight";
  src: url(../fonts/ivymode-light-webfont.38048ef1.woff2) format("woff2"), url(../fonts/ivymode-light-webfont.3352f295.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
#mm-signup {
  font-family: "Work Sans", sans-serif;
}
#mm-signup h1,
#mm-signup h2,
#mm-signup h3 {
  font-family: "ivy_modelight";
}
#mm-signup a {
  color: #415d35 !important;
}
#mm-signup .included {
  color: #000000;
  line-height: 26px;
}
#mm-signup .included h2 {
  color: #7a8390;
}
#mm-signup .included .bonus {
  text-transform: uppercase;
  color: #415d35;
}
@font-face {
  font-family: "ivy_modelight";
  src: url(../fonts/ivymode-light-webfont.38048ef1.woff2) format("woff2"), url(../fonts/ivymode-light-webfont.3352f295.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
#cfb-signup {
  font-family: "Work Sans", sans-serif;
}
#cfb-signup h1,
#cfb-signup h2,
#cfb-signup h3 {
  font-family: "ivy_modelight";
}
#cfb-signup a {
  color: #ebb7ac !important;
}
#cfb-signup .included {
  color: #000000;
  line-height: 26px;
}
#cfb-signup .included h2 {
  color: #7a8390;
}
#cfb-signup .included .bonus {
  text-transform: uppercase;
  color: #ebb7ac;
}
.dot[data-v-1c5f68e6] {
  margin-right: 0.25rem;
  font-size: 0.5rem;
}
.dot--light-green[data-v-1c5f68e6] {
  color: #9ad67d;
}
.dot--brown[data-v-1c5f68e6] {
  color: #a55b32;
}
.dot--dark-gray[data-v-1c5f68e6] {
  color: #7a8390;
}
.dot--mustard[data-v-1c5f68e6] {
  color: #cc9900;
}
.dot--blue[data-v-1c5f68e6] {
  color: #8dafb8;
}
.dot[data-v-75ffe42a] {
  font-size: 0.5rem;
}
.dot--expired[data-v-75ffe42a] {
  color: #7a8390;
}
.dot--incompatible[data-v-75ffe42a] {
  color: #c56661;
}
.dot--active[data-v-75ffe42a] {
  color: #9ad67d;
}
.tooltip.popover.coupon-title-popover {
  border: none;
}
.tooltip.popover.coupon-title-popover .popover-inner {
  background-color: #101618;
  color: white;
  padding: 0.7rem;
}
.tooltip.popover.coupon-title-popover .popover-arrow {
  border-color: #101618;
}
.selection-card[data-v-3d818a84] {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 3rem 2rem;
  border: 1px solid #e3e7ec;
  max-width: 50%;
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
}
.selection-card[data-v-3d818a84]:hover {
  background-color: #f7f7f7;
}
.signature-container[data-v-3d818a84] {
  border: 1px dashed #7a8390;
  border-radius: 6px;
}
.selection-card[data-v-648241c0] {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 3rem 2rem;
  border: 1px solid #e3e7ec;
  max-width: 50%;
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
}
.selection-card[data-v-648241c0]:hover {
  background-color: #f7f7f7;
}
.status[data-v-6aa7b0ee] {
  padding: 4px 8px;
  border-radius: 6px;
}
.status--draft[data-v-6aa7b0ee] {
  background-color: #fef0ef;
  color: #f26c67;
}
.status--sent[data-v-6aa7b0ee] {
  background-color: #c7e8b7;
  color: #405c33;
}
.status--scheduled[data-v-6aa7b0ee] {
  background-color: #d89e7e;
  color: #ffffff;
}
.dot[data-v-6aa7b0ee] {
  margin-right: 6px;
  font-size: 0.5rem;
}
.dot--signed[data-v-6aa7b0ee] {
  color: #9ad67d;
}
.dot--pending[data-v-6aa7b0ee] {
  color: #cc9900;
}
.selection-card[data-v-493f407f] {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  padding: 3rem 2rem;
  border: 1px solid #e3e7ec;
  max-width: 50%;
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
}
.selection-card[data-v-493f407f]:hover {
  background-color: #f7f7f7;
}
.signature-container[data-v-493f407f] {
  border: 1px dashed #7a8390;
  border-radius: 6px;
}
.podcast-card[data-v-c38ab56e] {
  min-width: 256px;
}
.podcast-card:hover .podcast-title[data-v-c38ab56e] {
  color: #f26c67;
}
.podcast-title[data-v-c38ab56e] {
  max-width: 180px;
}
@media screen and (max-width: 768px) {
.podcast-title[data-v-c38ab56e] {
    max-width: 270px;
}
}
.archived[data-v-c38ab56e] {
  opacity: 0.5;
}
.cursor-pointer[data-v-c38ab56e] {
  cursor: pointer;
}
.disabled[data-v-09e0716c] {
  pointer-events: none;
  opacity: 0.5;
}


[data-v-5cdbea58] .daterangepicker .applyBtn {
  background-color: var(--brand-color, #f26c67) !important;
  color: #ffffff;
  border: none;
  outline: none;
}
[data-v-5cdbea58] .daterangepicker .start-date {
  background-color: var(--brand-color, #f26c67) !important;
}
.calendar-icon[data-v-5cdbea58] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  background: var(--brand-color-with-opacity-03, #f26c67);
  color: var(--brand-color, #f26c67);
}
@charset "UTF-8";
.drag-handle[data-v-334fb1f1]:before {
  content: "☰";
  cursor: move;
  margin-right: 10px;
}
.dot[data-v-334fb1f1] {
  font-size: 0.5rem;
}
.dot--draft[data-v-334fb1f1] {
  color: #b7bcc2;
}
.dot--scheduled[data-v-334fb1f1] {
  color: #cc9900;
}
.dot--published[data-v-334fb1f1] {
  color: #9ad67d;
}
.dot--error[data-v-334fb1f1] {
  color: #f26c67;
}
.spinner[data-v-334fb1f1] {
  height: 10px;
  width: 10px;
  margin-right: 0.5rem;
}
.activity-icon[data-v-776c71a4] {
  font-size: 0.625rem;
}
.clickable[data-v-46e37cac] {
  cursor: pointer;
  color: #b7bcc2;
}
.clickable[data-v-46e37cac]:hover {
  color: var(--brand-color, #f26c67);
}
.info-box[data-v-46e37cac] {
  border-radius: 6px;
  background-color: #ebf1f3;
  padding: 0.5rem;
}
.clickable[data-v-1700efb9] {
  cursor: pointer;
  color: #b7bcc2;
}
.clickable[data-v-1700efb9]:hover {
  color: var(--brand-color, #f26c67);
}
.info-box[data-v-1700efb9] {
  border-radius: 6px;
  background-color: #ebf1f3;
  padding: 0.5rem;
}
.icon-tr[data-v-68145c92] {
  position: relative;
}
.icon-tr-icon[data-v-68145c92] {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.5rem;
  height: 1.5rem;
}
.tag[data-v-68145c92] {
  margin: 0.2rem;
}


.dot[data-v-99ab5eec] {
  margin-right: 0.25rem;
  font-size: 0.5rem;
}
.product-router-view[data-v-99ab5eec] {
  margin: 2rem 0;
}
.product-parameter-text[data-v-99ab5eec] {
  color: #101618;
  margin-left: 0.5rem;
  margin-right: 1rem;
}
.product-uri[data-v-99ab5eec] {
  table-layout: fixed;
  width: 100%;
}
.product-uri td[data-v-99ab5eec]:first-child {
  width: 120px;
}
.product-uri td[data-v-99ab5eec]:nth-child(2) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product-uri td[data-v-99ab5eec]:last-child {
  width: 20px;
}
.product-uri tr td[data-v-99ab5eec] {
  padding: 0.5rem 0.5rem 0.5rem 0;
}
@media (min-width: 992px) {
.product-uri[data-v-99ab5eec] {
    width: auto;
}
}
.copy[data-v-99ab5eec] {
  cursor: pointer;
  color: #b7bcc2;
}
.copy[data-v-99ab5eec]:hover {
  color: #7a8390;
}
.activity-icon[data-v-99ab5eec] {
  font-size: 0.625rem;
}
.report-section[data-v-99ab5eec] {
  min-height: 300px;
}
.sidebar-bar-item[data-v-25f67dc0] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 42px;
  height: 42px;
  border-radius: 6px;
  cursor: pointer;
}
.sidebar-bar-item[data-v-25f67dc0]:hover, .sidebar-bar-item[data-v-25f67dc0]:active {
  color: #f26c67;
  background-color: #e3e7ec;
}
.active[data-v-25f67dc0] {
  color: #f26c67;
}
.nav-collapse[data-v-3959082c] {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
  cursor: pointer;
  padding: 0.5rem;
}
.nav-collapse:hover .icon[data-v-3959082c], .nav-collapse:active .icon[data-v-3959082c], .nav-collapse.is-open .icon[data-v-3959082c] {
  color: var(--brand-color, #f26c67);
}
.nav-collapse:hover .text[data-v-3959082c], .nav-collapse:active .text[data-v-3959082c], .nav-collapse.is-open .text[data-v-3959082c] {
  color: #101618;
}
.icon[data-v-3959082c] {
  color: #b7bcc2;
  width: 24px;
  text-align: center;
}
.text[data-v-3959082c] {
  -webkit-box-flex: 1;
          flex: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.angle[data-v-3959082c] {
  color: #b7bcc2;
  font-size: 2rem;
  line-height: 0.9;
  height: 24px;
}
.sidebar[data-v-494c9456] {
  z-index: 10;
}
.main-header[data-v-494c9456] {
  border-bottom: 1px solid #b7bcc2;
  padding: 1rem 0.5rem 1rem 1.5rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}
@media (min-width: 768px) {
.main-header[data-v-494c9456] {
    border-bottom: none;
    padding: 2rem 2rem 2.5rem;
}
}
.close-icon[data-v-494c9456] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  width: 3rem;
  height: 30px;
  cursor: pointer;
}
@media (min-width: 768px) {
.close-icon[data-v-494c9456] {
    display: none;
}
}
.main-sidebar[data-v-494c9456] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  display: none;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  background-color: white;
  -webkit-box-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.main-sidebar[data-v-494c9456]::-webkit-scrollbar {
  width: 6px;
  background-color: #e3e7ec;
}
.main-sidebar[data-v-494c9456]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background-color: white;
}
.main-sidebar[data-v-494c9456]::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #e3e7ec;
}
@media (min-width: 992px) {
.main-sidebar[data-v-494c9456] {
    display: -webkit-box;
    display: flex;
    position: static;
    width: 300px;
}
}
@media (max-width: 767.98px) {
.main-sidebar.open[data-v-494c9456] {
    display: -webkit-box;
    display: flex;
}
}
.logo[data-v-494c9456] {
  max-width: 180px;
  height: 30px;
  align-self: flex-start;
}
@media (min-width: 768px) {
.logo[data-v-494c9456] {
    max-width: 100%;
}
}
.main-nav[data-v-494c9456] {
  width: 100%;
  padding: 2rem 1rem 0;
}
@media (min-width: 768px) {
.main-nav[data-v-494c9456] {
    padding: 0 1.5rem;
}
}
.link[data-v-494c9456] {
  display: block;
  text-decoration: none;
  padding: 0.5rem 0;
}
.collapse-menu[data-v-494c9456] {
  margin-left: 1.5rem;
}
.primary[data-v-494c9456]  .text {
  color: #f26c67 !important;
}
.bar-sidebar[data-v-494c9456] {
  padding: 4px;
  border-right: 1px solid #b7bcc2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  display: none;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  height: 100%;
}
@media (min-width: 768px) {
.bar-sidebar[data-v-494c9456] {
    display: -webkit-box;
    display: flex;
}
}
@media (min-width: 992px) {
.bar-sidebar[data-v-494c9456] {
    display: none;
}
}
.bar-sidebar .midsection[data-v-494c9456] {
  -webkit-box-flex: 0.5;
          flex: 0.5;
}
.bar-nav[data-v-494c9456] {
  -webkit-box-flex: 1;
          flex: 1;
}
.bar-popover[data-v-494c9456] {
  padding: 0;
}
.main-midsection[data-v-494c9456] {
  padding: 2rem 1rem 1rem;
}
@media (min-width: 768px) {
.main-midsection[data-v-494c9456] {
    padding: 2rem 1.5rem 1rem;
}
}
.main-footer[data-v-494c9456] {
  padding: 1rem 1rem 1rem;
}
@media (min-width: 768px) {
.main-footer[data-v-494c9456] {
    padding: 1rem 1.5rem 1rem;
}
}
.container[data-v-d67c9022] {
  max-width: 1600px;
}
.unsubscribe[data-v-5b48050c] {
  background-color: #e3e7ec;
}
.title[data-v-5b48050c] {
  color: #7a8390;
}
.title[data-v-5b48050c]  span {
  color: #101618;
}
.onboarding-modal-content[data-v-1bd88dbd] {
  max-width: 800px;
}
.tag[data-v-1bd88dbd] {
  border-radius: 6px;
  padding: 0.5rem 0.75rem;
  border: 1px solid #b7bcc2;
  color: #7a8390;
  background-color: transparent;
  cursor: pointer;
}
.tag.selected[data-v-1bd88dbd] {
  background-color: #b7bcc2;
  color: #101618;
}
.onboarding-modal-content[data-v-13dde1ee] {
  max-width: 800px;
}
.dot[data-v-13dde1ee] {
  opacity: 0;
  -webkit-animation: dotFade-data-v-13dde1ee 3s infinite;
          animation: dotFade-data-v-13dde1ee 3s infinite;
}
.dot[data-v-13dde1ee]:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.dot[data-v-13dde1ee]:nth-child(2) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.dot[data-v-13dde1ee]:nth-child(3) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
@-webkit-keyframes dotFade-data-v-13dde1ee {
0% {
    opacity: 0;
}
20% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
@keyframes dotFade-data-v-13dde1ee {
0% {
    opacity: 0;
}
20% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.svg-container[data-v-13dde1ee] {
  display: -webkit-box;
  display: flex;
  gap: 20px;
  /* Adjust the gap size as needed */
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
@-webkit-keyframes moveElement-data-v-13dde1ee {
0% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
}
50% {
    -webkit-transform: translateX(20px) translateY(-10px);
            transform: translateX(20px) translateY(-10px);
    /* Move 20px horizontally, -10px vertically */
}
100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
}
}
@keyframes moveElement-data-v-13dde1ee {
0% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
}
50% {
    -webkit-transform: translateX(20px) translateY(-10px);
            transform: translateX(20px) translateY(-10px);
    /* Move 20px horizontally, -10px vertically */
}
100% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
}
}
.svg[data-v-13dde1ee] {
  width: 120px;
  height: auto;
}
.svg2[data-v-13dde1ee] {
  -webkit-animation: moveElement-data-v-13dde1ee 1s ease-in-out infinite alternate;
          animation: moveElement-data-v-13dde1ee 1s ease-in-out infinite alternate;
  /* Adjust animation duration */
}
.logo[data-v-7d8c87aa] {
  max-width: 100%;
  height: 17px;
  margin: 2rem 2rem 0 2rem;
}
.thank-you[data-v-7d8c87aa] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.footer[data-v-7d8c87aa] {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 48px;
}
.logo[data-v-50013d2e] {
  max-width: 100%;
  height: 17px;
  margin: 2rem 2rem 0 2rem;
}
.thank-you[data-v-50013d2e] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.footer[data-v-50013d2e] {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 48px;
}
.cover-photo-wrapper[data-v-50013d2e] {
  padding: 3px;
}
.cover-photo-wrapper--audio[data-v-50013d2e] {
  background: var(--brand-color, #f26c67);
  border-radius: 50%;
  background: linear-gradient(50deg, white 0%, var(--brand-color, #f26c67) 70%, var(--brand-color, #f26c67) 100%);
}
.cover-photo-icon[data-v-50013d2e] {
  vertical-align: center;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  width: 87px;
  height: 87px;
  background: rgba(255, 255, 255, 0.4);
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
  border: 2px solid white;
}
.cover-photo-icon-icon[data-v-50013d2e] {
  color: var(--brand-color, #f26c67);
  opacity: 0.6;
  font-size: 33px;
}
.cover-photo-audio[data-v-50013d2e] {
  width: 28px;
  height: 28px;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  color: white;
  background-color: var(--brand-color, #f26c67);
  border: 2px solid white;
  position: absolute;
  bottom: 1px;
  right: 1px;
  font-size: 10px;
  border-radius: 50%;
  padding-left: 2px;
  cursor: pointer;
  -webkit-transform: scale(1);
          transform: scale(1);
}
@-webkit-keyframes bio-pulse-data-v-50013d2e {
0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
}
70% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
}
}
@keyframes bio-pulse-data-v-50013d2e {
0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
}
70% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
100% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
}
}
.bio-pulse[data-v-50013d2e] {
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 0 var(--brand-color-with-opacity-05, #f26c67);
  -webkit-animation: pulse-circle-data-v-50013d2e 2s infinite;
          animation: pulse-circle-data-v-50013d2e 2s infinite;
}
.bio-pulse[data-v-50013d2e]:hover {
  -webkit-animation: none;
          animation: none;
}
@-webkit-keyframes pulse-circle-data-v-50013d2e {
0% {
    box-shadow: 0 0 0 0 var(--brand-color-with-opacity-05, #f26c67);
}
70% {
    box-shadow: 0 0 0 10px transparent;
}
100% {
    box-shadow: 0 0 0 0 transparent;
}
}
@keyframes pulse-circle-data-v-50013d2e {
0% {
    box-shadow: 0 0 0 0 var(--brand-color-with-opacity-05, #f26c67);
}
70% {
    box-shadow: 0 0 0 10px transparent;
}
100% {
    box-shadow: 0 0 0 0 transparent;
}
}

.gray-background[data-v-648773d6] {
  background-color: #e3e7ec;
}
.password-form[data-v-648773d6] {
  background-color: #e3e7ec;
}
.vue-swatches[data-v-7e5c029a] {
  display: block;
}
[data-v-7e5c029a] .vue-swatches > div {
  display: block;
}
.vue-swatches[data-v-7e5c029a]  .vue-swatches__fallback__wrapper {
  display: -webkit-box;
  display: flex;
}
.vue-swatches[data-v-7e5c029a]  .vue-swatches__fallback__input {
  box-sizing: content-box;
}
.vue-swatches[data-v-7e5c029a]  .color-picker__confirm-button {
  background-color: var(--brand-color, #f26c67);
}
.color-picker__container[data-v-7e5c029a] {
  width: 100%;
  border-radius: 6px;
}
.color-picker__circle[data-v-7e5c029a] {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  border: 1px solid #b7bcc2;
}
.active-btn-tag[data-v-69a6fb36] {
  pointer-events: none;
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: none;
}
.font-card.active[data-v-69a6fb36] {
  border-color: #f26c67 !important;
  background-color: rgba(250, 229, 229, 0.2);
}
.font-card.active .active-btn-tag[data-v-69a6fb36] {
  display: inline-block;
}
[data-v-7afa24a2] .hm-file-upload-inner-container {
  width: 100%;
}
.justify-content-stretch[data-v-7afa24a2] {
  -webkit-box-pack: stretch;
          justify-content: stretch;
}
.link[data-v-7afa24a2] {
  color: #7a8390;
  text-decoration: none;
}
.color-picker-component[data-v-7afa24a2] {
  -webkit-box-flex: 1;
          flex: 1;
  width: 100%;
  margin-top: 0.5rem;
}
.default-image-container[data-v-7afa24a2] {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
.color-picker-component[data-v-7afa24a2] {
    margin-top: 0;
    width: auto;
}
.default-image-container[data-v-7afa24a2] {
    margin-left: 0;
    margin-right: 0;
}
}
.btn-outline-white[data-v-7afa24a2]:hover {
  color: white;
}
.flex-container[data-v-7afa24a2] {
  -webkit-box-flex: 1;
          flex: 1;
}
.plan-card[data-v-3ff688a7] {
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
  border: 1px solid #b7bcc2;
  padding: 1rem 1.5rem;
  position: relative;
  margin-top: 1rem;
  border-radius: 6px;
  cursor: pointer;
}
.plan-card--disabled[data-v-3ff688a7] {
  cursor: default;
  opacity: 0.5;
}
.plan-card--active[data-v-3ff688a7] {
  border: 1px solid var(--brand-color, #f26c67);
}
.plan-most-popular[data-v-3ff688a7] {
  color: #f26c67;
}
.radio[data-v-3ff688a7] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 1px solid #b7bcc2;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.radio--active[data-v-3ff688a7] {
  border-color: #f26c67;
}
.radio--active .radio-inner[data-v-3ff688a7] {
  background-color: #f26c67;
}
.radio-inner[data-v-3ff688a7] {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
}
.content-container[data-v-1d685a82] {
  max-width: 560px;
}
.plans[data-v-1d685a82] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  margin-top: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  flex-wrap: wrap;
}
.link[data-v-0dd341ca] {
  color: #7a8390;
  text-decoration: none;
}
.integration-card[data-v-434bfdcd] {
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  border: 1px solid #b7bcc2;
  border-radius: 6px;
  min-height: 240px;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.integration-card--disabled[data-v-434bfdcd] {
  cursor: default;
}
.content-group[data-v-434bfdcd] {
  padding: 1rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.integration-icon[data-v-434bfdcd] {
  padding: 0.5rem 0 1.5rem;
  max-width: 30%;
  max-height: 80px;
}
.integration-icon.icon-small[data-v-434bfdcd] {
  max-width: 20%;
}
.integration-icon.icon-smaller[data-v-434bfdcd] {
  max-width: 15%;
}
.status-text[data-v-434bfdcd] {
  margin-left: 0.5rem;
}
.option-group[data-v-434bfdcd] {
  border-top: 1px solid #b7bcc2;
  padding: 0.5rem 1rem;
  min-height: 42px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.option-group--connect .icon[data-v-434bfdcd] {
  color: #f26c67;
}
.option-group--connected[data-v-434bfdcd] {
  background-color: #f26c67;
}
.option-group--connected .status-text[data-v-434bfdcd],
.option-group--connected .icon[data-v-434bfdcd] {
  color: white;
}

.card-border[data-v-5f0a0ee4] {
  border: solid 1px #b7bcc2;
  border-radius: 6px;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.card-border[data-v-5f0a0ee4]:hover {
  border-color: #f26c67;
}
.img-container[data-v-5f0a0ee4] {
  background-color: #e3e7ec;
  height: 230px;
  border-radius: 6px;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.widget-img[data-v-5f0a0ee4] {
  border-radius: 6px;
  max-height: 200px;
}
.help-banner {
  color: #7a8390;
  background-color: #f2f5f5;
  padding: 0.5rem 1rem;
  border-radius: 6px;
}

.help-link[data-v-0a247150]  a {
  color: #7a8390;
  text-decoration: underline;
}

.help-banner {
  color: #7a8390;
  background-color: #f2f5f5;
  padding: 0.5rem 1rem;
  border-radius: 6px;
}

.help-link[data-v-13b0aed5]  a {
  color: #7a8390;
  text-decoration: underline;
}

.import-card[data-v-0cb23fd6] {
  border-radius: 6px;
  border: 1px solid #e3e7ec;
  padding: 16px;
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.import-card i[data-v-0cb23fd6] {
  font-size: 32px;
  margin-bottom: 16px;
}
.import-card[data-v-0cb23fd6]:hover {
  box-shadow: 0 12px 12px -6px #7a8390;
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
}

.required-format[data-v-360ea0e4] {
  background-color: #f2f5f5;
  border: 1px dotted #7a8390;
  border-radius: 6px;
  padding: 1rem 0.5rem;
}
.status.success[data-v-360ea0e4] {
  color: #9ad67d;
}
.status.failed[data-v-360ea0e4] {
  color: #f26c67;
}
.status.validated[data-v-360ea0e4] {
  color: #cc9900;
}
#status-modal[data-v-360ea0e4]  .vm--modal {
  display: inline-block;
  max-width: inherit;
  min-width: 650px;
}
@media (max-width: 767.98px) {
#status-modal[data-v-360ea0e4]  .vm--modal {
    min-width: 80%;
}
}
@media (max-width: 575.98px) {
#status-modal[data-v-360ea0e4]  .vm--modal {
    min-width: 100%;
}
}
.required-format[data-v-cf528c44] {
  background-color: #f2f5f5;
  border: 1px dotted #7a8390;
  border-radius: 6px;
  padding: 1rem 0.5rem;
}
.status.success[data-v-cf528c44] {
  color: #9ad67d;
}
.status.failed[data-v-cf528c44] {
  color: #f26c67;
}
.status.validated[data-v-cf528c44] {
  color: #cc9900;
}
#status-modal[data-v-cf528c44]  .vm--modal {
  display: inline-block;
  max-width: inherit;
  min-width: 650px;
}
@media (max-width: 767.98px) {
#status-modal[data-v-cf528c44]  .vm--modal {
    min-width: 80%;
}
}
@media (max-width: 575.98px) {
#status-modal[data-v-cf528c44]  .vm--modal {
    min-width: 100%;
}
}
.required-format[data-v-063f9c7e] {
  background-color: #f2f5f5;
  border: 1px dotted #7a8390;
  border-radius: 6px;
  padding: 1rem 0.5rem;
}
.status.success[data-v-063f9c7e] {
  color: #9ad67d;
}
.status.failed[data-v-063f9c7e] {
  color: #f26c67;
}
.status.validated[data-v-063f9c7e] {
  color: #cc9900;
}
#status-modal[data-v-063f9c7e]  .vm--modal {
  display: inline-block;
  max-width: inherit;
  min-width: 650px;
}
@media (max-width: 767.98px) {
#status-modal[data-v-063f9c7e]  .vm--modal {
    min-width: 80%;
}
}
@media (max-width: 575.98px) {
#status-modal[data-v-063f9c7e]  .vm--modal {
    min-width: 100%;
}
}
.required-format[data-v-708ddd8c] {
  background-color: #f2f5f5;
  border: 1px dotted #7a8390;
  border-radius: 6px;
  padding: 1rem 0.5rem;
}
.status.success[data-v-708ddd8c] {
  color: #9ad67d;
}
.status.failed[data-v-708ddd8c] {
  color: #f26c67;
}
.status.validated[data-v-708ddd8c] {
  color: #cc9900;
}
#status-modal[data-v-708ddd8c]  .vm--modal {
  display: inline-block;
  max-width: inherit;
  min-width: 650px;
}
@media (max-width: 767.98px) {
#status-modal[data-v-708ddd8c]  .vm--modal {
    min-width: 80%;
}
}
@media (max-width: 575.98px) {
#status-modal[data-v-708ddd8c]  .vm--modal {
    min-width: 100%;
}
}
.required-format[data-v-d3248c20] {
  background-color: #f2f5f5;
  border: 1px dotted #7a8390;
  border-radius: 6px;
  padding: 1rem 0.5rem;
}
.status.success[data-v-d3248c20] {
  color: #9ad67d;
}
.status.failed[data-v-d3248c20] {
  color: #f26c67;
}
.status.validated[data-v-d3248c20] {
  color: #cc9900;
}
#status-modal[data-v-d3248c20]  .vm--modal {
  display: inline-block;
  max-width: inherit;
  min-width: 650px;
}
@media (max-width: 767.98px) {
#status-modal[data-v-d3248c20]  .vm--modal {
    min-width: 80%;
}
}
@media (max-width: 575.98px) {
#status-modal[data-v-d3248c20]  .vm--modal {
    min-width: 100%;
}
}



.info-box[data-v-38d5ed4e] {
  border-radius: 6px;
  background-color: #ebf1f3;
  padding: 0.5rem;
}
.info-box[data-v-3ea0ab7a] {
  border-radius: 6px;
  background-color: #ebf1f3;
  padding: 0.5rem;
}

.upload-tile[data-v-4f4d0483] {
  border: dashed;
  display: -webkit-box;
  display: flex;
  border-radius: 0.5rem;
  border-width: 2px;
  border-color: #b7bcc2;
  background-color: #e3e7ec;
}
.photo-preview[data-v-4f4d0483] {
  display: -webkit-box;
  display: flex;
}
.upload-module[data-v-4f4d0483] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.upload-image[data-v-4f4d0483] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
#twilio-connect-button[data-v-5974b472] {
  background: url(https://www.twilio.com/bundles/connect-apps/img/connect-button.png);
  width: 130px;
  height: 34px;
  display: block;
  margin: 0 auto;
}










.cursor-pointer[data-v-77e9b2ac] {
  cursor: pointer;
}
.social-icon[data-v-d3db7b1e] {
  width: 30px;
  height: 20px;
}
.social-icon.google[data-v-d3db7b1e] {
  height: 30px;
}
.social-button[data-v-d3db7b1e] {
  font-family: "Roboto", sans-serif;
}
.cursor-pointer[data-v-bf3617b4] {
  cursor: pointer;
}
.cursor-pointer[data-v-3d7db48d] {
  cursor: pointer;
}
.scale-2x[data-v-3d7db48d] {
  width: 54px;
  height: 54px;
}
.cursor-pointer[data-v-19acb3fd] {
  cursor: pointer;
}
.scale-2x[data-v-19acb3fd] {
  height: 54px;
}

.base-url[data-v-80be0caa] {
  padding-top: 12px;
}
.close-icon[data-v-7ea1eda0] {
  cursor: pointer;
  color: #b7bcc2;
}
.close-icon[data-v-7ea1eda0]:hover {
  color: var(--brand-color, #f26c67);
}
.close-icon[data-v-5d99d62b] {
  cursor: pointer;
  color: #b7bcc2;
}
.close-icon[data-v-5d99d62b]:hover {
  color: var(--brand-color, #f26c67);
}
.translation-input-header[data-v-447a24b2] {
  display: none;
  overflow: hidden;
}
.translation-input-container:nth-child(2) .translation-input-header[data-v-447a24b2] {
  display: block !important;
}
.translation-input-container[data-v-447a24b2]:last-child {
  margin-bottom: 0.5rem;
}
[data-v-379d16ac] .hm-toggle-button--false-active {
  background-color: #e3e7ec !important;
}
[data-v-379d16ac] .hm-toggle-button-group {
  background-color: #ffffff;
}
[data-v-379d16ac] .hm-toggle-button {
  margin: 0 !important;
}
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}

/* classes attached to <body> */

.fc-not-allowed,
.fc-not-allowed .fc-event { /* override events' custom cursors */
  cursor: not-allowed;
}

.fc-unselectable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fc {
  /* layout of immediate children */
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;

  font-size: 1em
}
.fc,
  .fc *,
  .fc *:before,
  .fc *:after {
    box-sizing: border-box;
  }
.fc table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em; /* normalize cross-browser */
  }
.fc th {
    text-align: center;
  }
.fc th,
  .fc td {
    vertical-align: top;
    padding: 0;
  }
.fc a[data-navlink] {
    cursor: pointer;
  }
.fc a[data-navlink]:hover {
    text-decoration: underline;
  }
.fc-direction-ltr {
  direction: ltr;
  text-align: left;
}
.fc-direction-rtl {
  direction: rtl;
  text-align: right;
}
.fc-theme-standard td,
  .fc-theme-standard th {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
  }
/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
/* inner-wrappers are responsible for being absolute */
/* TODO: best place for this? */
.fc-liquid-hack td,
  .fc-liquid-hack th {
    position: relative;
  }

@font-face {
  font-family: 'fcicons';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');
  font-weight: normal;
  font-style: normal;
}

.fc-icon {
  /* added for fc */
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;

  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fcicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fc-icon-chevron-left:before {
  content: "\e900";
}

.fc-icon-chevron-right:before {
  content: "\e901";
}

.fc-icon-chevrons-left:before {
  content: "\e902";
}

.fc-icon-chevrons-right:before {
  content: "\e903";
}

.fc-icon-minus-square:before {
  content: "\e904";
}

.fc-icon-plus-square:before {
  content: "\e905";
}

.fc-icon-x:before {
  content: "\e906";
}
/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in the DOM.
*/
.fc {

  /* reset */

}
.fc .fc-button {
    border-radius: 0;
    overflow: visible;
    text-transform: none;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
.fc .fc-button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }
.fc .fc-button {
    -webkit-appearance: button;
  }
.fc .fc-button:not(:disabled) {
    cursor: pointer;
  }
.fc .fc-button::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
.fc {

  /* theme */

}
.fc .fc-button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.4em 0.65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0.25em;
  }
.fc .fc-button:hover {
    text-decoration: none;
  }
.fc .fc-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
  }
.fc .fc-button:disabled {
    opacity: 0.65;
  }
.fc {

  /* "primary" coloring */

}
.fc .fc-button-primary {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50);
  }
.fc .fc-button-primary:hover {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1e2b37;
    background-color: var(--fc-button-hover-bg-color, #1e2b37);
    border-color: #1a252f;
    border-color: var(--fc-button-hover-border-color, #1a252f);
  }
.fc .fc-button-primary:disabled { /* not DRY */
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */
  }
.fc .fc-button-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }
.fc .fc-button-primary:not(:disabled):active,
  .fc .fc-button-primary:not(:disabled).fc-button-active {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1a252f;
    background-color: var(--fc-button-active-bg-color, #1a252f);
    border-color: #151e27;
    border-color: var(--fc-button-active-border-color, #151e27);
  }
.fc .fc-button-primary:not(:disabled):active:focus,
  .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }
.fc {

  /* icons within buttons */

}
.fc .fc-button .fc-icon {
    vertical-align: middle;
    font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */
  }
.fc .fc-button-group {
    position: relative;
    display: -webkit-inline-box;
    display: inline-flex;
    vertical-align: middle;
  }
.fc .fc-button-group > .fc-button {
    position: relative;
    -webkit-box-flex: 1;
            flex: 1 1 auto;
  }
.fc .fc-button-group > .fc-button:hover {
    z-index: 1;
  }
.fc .fc-button-group > .fc-button:focus,
  .fc .fc-button-group > .fc-button:active,
  .fc .fc-button-group > .fc-button.fc-button-active {
    z-index: 1;
  }
.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
.fc .fc-toolbar {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
  }
.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5em;
  }
.fc .fc-toolbar.fc-footer-toolbar {
    margin-top: 1.5em;
  }
.fc .fc-toolbar-title {
    font-size: 1.75em;
    margin: 0;
  }
.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-left: .75em; /* space between */
  }
.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
    margin-right: .75em; /* space between */
  }
.fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
.fc .fc-scroller {
    -webkit-overflow-scrolling: touch;
    position: relative; /* for abs-positioned elements within */
  }
.fc .fc-scroller-liquid {
    height: 100%;
  }
.fc .fc-scroller-liquid-absolute {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
  }
.fc .fc-scroller-harness {
    position: relative;
    overflow: hidden;
    direction: ltr;
      /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */
      /* TODO: demonstrate in codepen */
  }
.fc .fc-scroller-harness-liquid {
    height: 100%;
  }
.fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */
    direction: rtl;
  }
.fc-theme-standard .fc-scrollgrid {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */
  }
.fc .fc-scrollgrid,
    .fc .fc-scrollgrid table { /* all tables (self included) */
      width: 100%; /* because tables don't normally do this */
      table-layout: fixed;
    }
.fc .fc-scrollgrid table { /* inner tables */
      border-top-style: hidden;
      border-left-style: hidden;
      border-right-style: hidden;
    }
.fc .fc-scrollgrid {

    border-collapse: separate;
    border-right-width: 0;
    border-bottom-width: 0;

  }
.fc .fc-scrollgrid-liquid {
    height: 100%;
  }
.fc .fc-scrollgrid-section { /* a <tr> */
    height: 1px /* better than 0, for firefox */

  }
.fc .fc-scrollgrid-section > td {
      height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */
    }
.fc .fc-scrollgrid-section table {
      height: 1px;
        /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */
        /* serves as a min-height. harmless */
    }
.fc .fc-scrollgrid-section-liquid {
    height: auto

  }
.fc .fc-scrollgrid-section-liquid > td {
      height: 100%; /* better than `auto`, for firefox */
    }
.fc .fc-scrollgrid-section > * {
    border-top-width: 0;
    border-left-width: 0;
  }
.fc .fc-scrollgrid-section-header > *,
  .fc .fc-scrollgrid-section-footer > * {
    border-bottom-width: 0;
  }
.fc .fc-scrollgrid-section-body table,
  .fc .fc-scrollgrid-section-footer table {
    border-bottom-style: hidden; /* head keeps its bottom border tho */
  }
.fc {

  /* stickiness */

}
.fc .fc-scrollgrid-section-sticky > * {
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
    position: -webkit-sticky;
    position: sticky;
    z-index: 2; /* TODO: var */
    /* TODO: box-shadow when sticking */
  }
.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
    top: 0; /* because border-sharing causes a gap at the top */
      /* TODO: give safari -1. has bug */
  }
.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
    bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */
  }
.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */
    height: 1px; /* needs height to create scrollbars */
    margin-bottom: -1px;
  }
.fc-sticky { /* no .fc wrap because used as child of body */
  position: -webkit-sticky;
  position: sticky;
}
.fc .fc-view-harness {
    -webkit-box-flex: 1;
            flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
    position: relative;
  }
.fc {

  /* when the harness controls the height, make the view liquid */

}
.fc .fc-view-harness-active > .fc-view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
.fc .fc-col-header-cell-cushion {
    display: inline-block; /* x-browser for when sticky (when multi-tier header) */
    padding: 2px 4px;
  }
.fc .fc-bg-event,
  .fc .fc-non-business,
  .fc .fc-highlight {
    /* will always have a harness with position:relative/absolute, so absolutely expand */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
.fc .fc-non-business {
    background: rgba(215, 215, 215, 0.3);
    background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
  }
.fc .fc-bg-event {
    background: rgb(143, 223, 130);
    background: var(--fc-bg-event-color, rgb(143, 223, 130));
    opacity: 0.3;
    opacity: var(--fc-bg-event-opacity, 0.3)
  }
.fc .fc-bg-event .fc-event-title {
      margin: .5em;
      font-size: .85em;
      font-size: var(--fc-small-font-size, .85em);
      font-style: italic;
    }
.fc .fc-highlight {
    background: rgba(188, 232, 241, 0.3);
    background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
  }
.fc .fc-cell-shaded,
  .fc .fc-day-disabled {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
/* link resets */
/* ---------------------------------------------------------------------------------------------------- */
a.fc-event,
a.fc-event:hover {
  text-decoration: none;
}
/* cursor */
.fc-event[href],
.fc-event.fc-event-draggable {
  cursor: pointer;
}
/* event text content */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event .fc-event-main {
    position: relative;
    z-index: 2;
  }
/* dragging */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */
    opacity: 0.75;
  }
.fc-event-dragging.fc-event-selected { /* TOUCH */
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
  }
/* resizing */
/* ---------------------------------------------------------------------------------------------------- */
/* (subclasses should hone positioning for touch and non-touch) */
.fc-event .fc-event-resizer {
    display: none;
    position: absolute;
    z-index: 4;
  }
.fc-event:hover, /* MOUSE */
.fc-event-selected { /* TOUCH */

}
.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
    display: block;
  }
.fc-event-selected .fc-event-resizer {
    border-radius: 4px;
    border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
    border-width: 1px;
    border-width: var(--fc-event-resizer-dot-border-width, 1px);
    width: 8px;
    width: var(--fc-event-resizer-dot-total-width, 8px);
    height: 8px;
    height: var(--fc-event-resizer-dot-total-width, 8px);
    border-style: solid;
    border-color: inherit;
    background: #fff;
    background: var(--fc-page-bg-color, #fff)

    /* expand hit area */

  }
.fc-event-selected .fc-event-resizer:before {
      content: '';
      position: absolute;
      top: -20px;
      left: -20px;
      right: -20px;
      bottom: -20px;
    }
/* selecting (always TOUCH) */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-selected {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)

  /* expand hit area (subclasses should expand) */

}
.fc-event-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
.fc-event-selected {

  /* dimmer effect */

}
.fc-event-selected:after {
    content: "";
    background: rgba(0, 0, 0, 0.25);
    background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
    position: absolute;
    z-index: 1;

    /* assume there's a border on all sides. overcome it. */
    /* sometimes there's NOT a border, in which case the dimmer will go over */
    /* an adjacent border, which looks fine. */
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
  }
/*
A HORIZONTAL event
*/
.fc-h-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8)

}
.fc-h-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
  }
.fc-h-event .fc-event-main-frame {
    display: -webkit-box;
    display: flex; /* for make fc-event-title-container expand */
  }
.fc-h-event .fc-event-time {
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
  }
.fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */
    -webkit-box-flex: 1;
            flex-grow: 1;
    flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
  }
.fc-h-event .fc-event-title {
    display: inline-block; /* need this to be sticky cross-browser */
    vertical-align: top; /* for not messing up line-height */
    left: 0;  /* for sticky */
    right: 0; /* for sticky */
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
  }
.fc-h-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
  }
/* adjust border and border-radius (if there is any) for non-start/end */
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}
/* resizers */
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
  top: 0;
  bottom: 0;
  width: 8px;
  width: var(--fc-event-resizer-thickness, 8px);
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
  cursor: w-resize;
  left: -4px;
  left: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
  cursor: e-resize;
  right: -4px;
  right: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}
/* resizers for TOUCH */
.fc-h-event.fc-event-selected .fc-event-resizer {
  top: 50%;
  margin-top: -4px;
  margin-top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
  left: -4px;
  left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}
.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
  right: -4px;
  right: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}


:root {
  --fc-daygrid-event-dot-width: 8px;
}
.fc .fc-popover {
    position: fixed;
    top: 0; /* for when not positioned yet */
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
  }
.fc .fc-popover-header {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    padding: 3px 4px;
  }
.fc .fc-popover-title {
    margin: 0 2px;
  }
.fc .fc-popover-close {
    cursor: pointer;
    opacity: 0.65;
    font-size: 1.1em;
  }
.fc-theme-standard .fc-popover {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
  }
.fc-theme-standard .fc-popover-header {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
/* help things clear margins of inner content */
.fc-daygrid-day-frame,
.fc-daygrid-day-events,
.fc-daygrid-event-harness { /* for event top/bottom margins */
}
.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {
  content: "";
  clear: both;
  display: table; }
.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {
  content: "";
  clear: both;
  display: table; }
.fc .fc-daygrid-body { /* a <div> that wraps the table */
    position: relative;
    z-index: 1; /* container inner z-index's because <tr>s can't do it */
  }
.fc .fc-daygrid-day.fc-day-today {
      background-color: rgba(255, 220, 40, 0.15);
      background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
    }
.fc .fc-daygrid-day-frame {
    position: relative;
    min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */
  }
.fc {

  /* cell top */

}
.fc .fc-daygrid-day-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
            flex-direction: row-reverse;
  }
.fc .fc-day-other .fc-daygrid-day-top {
    opacity: 0.3;
  }
.fc {

  /* day number (within cell top) */

}
.fc .fc-daygrid-day-number {
    position: relative;
    z-index: 4;
    padding: 4px;
  }
.fc {

  /* event container */

}
.fc .fc-daygrid-day-events {
    margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */
  }
.fc {

  /* positioning for balanced vs natural */

}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
      position: absolute;
      left: 0;
      right: 0;
    }
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
      position: relative; /* for containing abs positioned event harnesses */
      min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */
    }
.fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */
  }
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
      margin-bottom: 1em;
    }
.fc {

  /* event harness */

}
.fc .fc-daygrid-event-harness {
    position: relative;
  }
.fc .fc-daygrid-event-harness-abs {
    position: absolute;
    top: 0; /* fallback coords for when cannot yet be computed */
    left: 0; /* */
    right: 0; /* */
  }
.fc .fc-daygrid-bg-harness {
    position: absolute;
    top: 0;
    bottom: 0;
  }
.fc {

  /* bg content */

}
.fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 }
.fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 }
.fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 }
.fc {

  /* events */

}
.fc .fc-daygrid-event {
    z-index: 6;
    margin-top: 1px;
  }
.fc .fc-daygrid-event.fc-event-mirror {
    z-index: 7;
  }
.fc {

  /* cell bottom (within day-events) */

}
.fc .fc-daygrid-day-bottom {
    font-size: .85em;
    margin: 2px 3px 0;
  }
.fc .fc-daygrid-more-link {
    position: relative;
    z-index: 4;
    cursor: pointer;
  }
.fc {

  /* week number (within frame) */

}
.fc .fc-daygrid-week-number {
    position: absolute;
    z-index: 5;
    top: 0;
    padding: 2px;
    min-width: 1.5em;
    text-align: center;
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    color: #808080;
    color: var(--fc-neutral-text-color, #808080);
  }
.fc {

  /* popover */

}
.fc .fc-more-popover {
    z-index: 8;
  }
.fc .fc-more-popover .fc-popover-body {
    min-width: 220px;
    padding: 10px;
  }
.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
  margin-left: 2px;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
  margin-right: 2px;
}
.fc-direction-ltr .fc-daygrid-week-number {
    left: 0;
    border-radius: 0 0 3px 0;
  }
.fc-direction-rtl .fc-daygrid-week-number {
    right: 0;
    border-radius: 0 0 0 3px;
  }
.fc-liquid-hack .fc-daygrid-day-frame {
    position: static; /* will cause inner absolute stuff to expand to <td> */
  }
.fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */
  position: relative; /* for z-indexes assigned later */
  white-space: nowrap;
  border-radius: 3px; /* dot event needs this to when selected */
  font-size: .85em;
  font-size: var(--fc-small-font-size, .85em);
}
/* --- the rectangle ("block") style of event --- */
.fc-daygrid-block-event .fc-event-time {
    font-weight: bold;
  }
.fc-daygrid-block-event .fc-event-time,
  .fc-daygrid-block-event .fc-event-title {
    padding: 1px;
  }
/* --- the dot style of event --- */
.fc-daygrid-dot-event {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 2px 0

}
.fc-daygrid-dot-event .fc-event-title {
    -webkit-box-flex: 1;
            flex-grow: 1;
    flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
    overflow: hidden;
    font-weight: bold;
  }
.fc-daygrid-dot-event:hover,
  .fc-daygrid-dot-event.fc-event-mirror {
    background: rgba(0, 0, 0, 0.1);
  }
.fc-daygrid-dot-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
  }
.fc-daygrid-event-dot { /* the actual dot */
  margin: 0 4px;
  box-sizing: content-box;
  width: 0;
  height: 0;
  border: 4px solid #3788d8;
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
  border-radius: 4px;
  border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}
/* --- spacing between time and title --- */
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
    margin-right: 3px;
  }
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
    margin-left: 3px;
  }


/*
A VERTICAL event
*/

.fc-v-event { /* allowed to be top-level */
  display: block;
  border: 1px solid #3788d8;
  border: 1px solid var(--fc-event-border-color, #3788d8);
  background-color: #3788d8;
  background-color: var(--fc-event-bg-color, #3788d8)

}

.fc-v-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
    height: 100%;
  }

.fc-v-event .fc-event-main-frame {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

.fc-v-event .fc-event-time {
    -webkit-box-flex: 0;
            flex-grow: 0;
    flex-shrink: 0;
    max-height: 100%;
    overflow: hidden;
  }

.fc-v-event .fc-event-title-container { /* a container for the sticky cushion */
    -webkit-box-flex: 1;
            flex-grow: 1;
    flex-shrink: 1;
    min-height: 0; /* important for allowing to shrink all the way */
  }

.fc-v-event .fc-event-title { /* will have fc-sticky on it */
    top: 0;
    bottom: 0;
    max-height: 100%; /* clip overflow */
    overflow: hidden;
  }

.fc-v-event:not(.fc-event-start) {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

.fc-v-event:not(.fc-event-end) {
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

.fc-v-event.fc-event-selected:before {
    /* expand hit area */
    left: -10px;
    right: -10px;
  }

.fc-v-event {

  /* resizer (mouse AND touch) */

}

.fc-v-event .fc-event-resizer-start {
    cursor: n-resize;
  }

.fc-v-event .fc-event-resizer-end {
    cursor: s-resize;
  }

.fc-v-event {

  /* resizer for MOUSE */

}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
      height: 8px;
      height: var(--fc-event-resizer-thickness, 8px);
      left: 0;
      right: 0;
    }

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
      top: -4px;
      top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
      bottom: -4px;
      bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
    }

.fc-v-event {

  /* resizer for TOUCH (when event is "selected") */

}

.fc-v-event.fc-event-selected .fc-event-resizer {
      left: 50%;
      margin-left: -4px;
      margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc-v-event.fc-event-selected .fc-event-resizer-start {
      top: -4px;
      top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }

.fc-v-event.fc-event-selected .fc-event-resizer-end {
      bottom: -4px;
      bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
    }
.fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */
    z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
  }
.fc .fc-timegrid-divider {
    padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */
  }
.fc .fc-timegrid-body {
    position: relative;
    z-index: 1; /* scope the z-indexes of slots and cols */
    min-height: 100%; /* fill height always, even when slat table doesn't grow */
  }
.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */
    position: relative /* offset parent for now-indicator-container */

  }
.fc .fc-timegrid-axis-chunk > table {
      position: relative;
      z-index: 1; /* above the now-indicator-container */
    }
.fc .fc-timegrid-slots {
    position: relative;
    z-index: 1;
  }
.fc .fc-timegrid-slot { /* a <td> */
    height: 1.5em;
    border-bottom: 0 /* each cell owns its top border */
  }
.fc .fc-timegrid-slot:empty:before {
      content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */
    }
.fc .fc-timegrid-slot-minor {
    border-top-style: dotted;
  }
.fc .fc-timegrid-slot-label-cushion {
    display: inline-block;
    white-space: nowrap;
  }
.fc .fc-timegrid-slot-label {
    vertical-align: middle; /* vertical align the slots */
  }
.fc {


  /* slots AND axis cells (top-left corner of view including the "all-day" text) */

}
.fc .fc-timegrid-axis-cushion,
  .fc .fc-timegrid-slot-label-cushion {
    padding: 0 4px;
  }
.fc {


  /* axis cells (top-left corner of view including the "all-day" text) */
  /* vertical align is more complicated, uses flexbox */

}
.fc .fc-timegrid-axis-frame-liquid {
    height: 100%; /* will need liquid-hack in FF */
  }
.fc .fc-timegrid-axis-frame {
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; /* vertical align */
    -webkit-box-pack: end;
            justify-content: flex-end; /* horizontal align. matches text-align below */
  }
.fc .fc-timegrid-axis-cushion {
    max-width: 60px; /* limits the width of the "all-day" text */
    flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */
  }
.fc-direction-ltr .fc-timegrid-slot-label-frame {
    text-align: right;
  }
.fc-direction-rtl .fc-timegrid-slot-label-frame {
    text-align: left;
  }
.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  }
.fc .fc-timegrid-col.fc-day-today {
      background-color: rgba(255, 220, 40, 0.15);
      background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
    }
.fc .fc-timegrid-col-frame {
    min-height: 100%; /* liquid-hack is below */
    position: relative;
  }
.fc-liquid-hack .fc-timegrid-col-frame {
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  }
.fc-media-screen .fc-timegrid-cols {
    position: absolute; /* no z-index. children will decide and go above slots */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }
.fc-media-screen .fc-timegrid-cols > table {
      height: 100%;
    }
.fc-media-screen .fc-timegrid-col-bg,
  .fc-media-screen .fc-timegrid-col-events,
  .fc-media-screen .fc-timegrid-now-indicator-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
.fc-media-screen .fc-timegrid-event-harness {
    position: absolute; /* top/left/right/bottom will all be set by JS */
  }
.fc {

  /* bg */

}
.fc .fc-timegrid-col-bg {
    z-index: 2; /* TODO: kill */
  }
.fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 }
.fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 }
.fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 }
.fc .fc-timegrid-bg-harness {
    position: absolute; /* top/bottom will be set by JS */
    left: 0;
    right: 0;
  }
.fc {

  /* fg events */
  /* (the mirror segs are put into a separate container with same classname, */
  /* and they must be after the normal seg container to appear at a higher z-index) */

}
.fc .fc-timegrid-col-events {
    z-index: 3;
    /* child event segs have z-indexes that are scoped within this div */
  }
.fc {

  /* now indicator */

}
.fc .fc-timegrid-now-indicator-container {
    bottom: 0;
    overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */
    /* z-index is set on the individual elements */
  }
.fc-direction-ltr .fc-timegrid-col-events {
    margin: 0 2.5% 0 2px;
  }
.fc-direction-rtl .fc-timegrid-col-events {
    margin: 0 2px 0 2.5%;
  }
.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror {
  box-shadow: 0px 0px 0px 1px #fff;
  box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}
.fc-timegrid-event { /* events need to be root */

  font-size: .85em;

  font-size: var(--fc-small-font-size, .85em);
  border-radius: 3px

}
.fc-timegrid-event .fc-event-main {
    padding: 1px 1px 0;
  }
.fc-timegrid-event .fc-event-time {
    white-space: nowrap;
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em);
    margin-bottom: 1px;
  }
.fc-timegrid-event-condensed .fc-event-main-frame {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    overflow: hidden;
  }
.fc-timegrid-event-condensed .fc-event-time:after {
    content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */
  }
.fc-timegrid-event-condensed .fc-event-title {
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em)
  }
.fc-media-screen .fc-timegrid-event {
    position: absolute; /* absolute WITHIN the harness */
    top: 0;
    bottom: 1px; /* stay away from bottom slot line */
    left: 0;
    right: 0;
  }
.fc {

  /* line */

}
.fc .fc-timegrid-now-indicator-line {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
    border-width: 1px 0 0;
  }
.fc {

  /* arrow */

}
.fc .fc-timegrid-now-indicator-arrow {
    position: absolute;
    z-index: 4;
    margin-top: -5px; /* vertically center on top coordinate */
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
  }
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
    left: 0;

    /* triangle pointing right. TODO: mixin */
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
    right: 0;

    /* triangle pointing left. TODO: mixin */
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
  }


:root {
  --fc-list-event-dot-width: 10px;
  --fc-list-event-hover-bg-color: #f5f5f5;
}
.fc-theme-standard .fc-list {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
  }
.fc {

  /* message when no events */

}
.fc .fc-list-empty {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center; /* vertically aligns fc-list-empty-inner */
  }
.fc .fc-list-empty-cushion {
    margin: 5em 0;
  }
.fc {

  /* table within the scroller */
  /* ---------------------------------------------------------------------------------------------------- */

}
.fc .fc-list-table {
    width: 100%;
    border-style: hidden; /* kill outer border on theme */
  }
.fc .fc-list-table tr > * {
    border-left: 0;
    border-right: 0;
  }
.fc .fc-list-sticky .fc-list-day > * { /* the cells */
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      background: #fff;
      background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */
    }
.fc .fc-list-table th {
    padding: 0; /* uses an inner-wrapper instead... */
  }
.fc .fc-list-table td,
  .fc .fc-list-day-cushion {
    padding: 8px 14px;
  }
.fc {


  /* date heading rows */
  /* ---------------------------------------------------------------------------------------------------- */

}
.fc .fc-list-day-cushion:after {
  content: "";
  clear: both;
  display: table; /* clear floating */
    }
.fc-theme-standard .fc-list-day-cushion {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
  }
.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {
  float: left;
}
.fc-direction-ltr .fc-list-day-side-text,
.fc-direction-rtl .fc-list-day-text {
  float: right;
}
/* make the dot closer to the event title */
.fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 }
.fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 }
.fc .fc-list-event.fc-event-forced-url {
    cursor: pointer; /* whole row will seem clickable */
  }
.fc .fc-list-event:hover td {
    background-color: #f5f5f5;
    background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
  }
.fc {

  /* shrink certain cols */

}
.fc .fc-list-event-graphic,
  .fc .fc-list-event-time {
    white-space: nowrap;
    width: 1px;
  }
.fc .fc-list-event-dot {
    display: inline-block;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border: 5px solid #3788d8;
    border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
    border-radius: 5px;
    border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
  }
.fc {

  /* reset <a> styling */

}
.fc .fc-list-event-title a {
    color: inherit;
    text-decoration: none;
  }
.fc {

  /* underline link when hovering over any part of row */

}
.fc .fc-list-event.fc-event-forced-url:hover a {
    text-decoration: underline;
  }

.event-description[data-v-6ed493aa] {
  overflow: hidden;
}
.pointer[data-v-6ed493aa] {
  cursor: pointer;
}

.button-image-container[data-v-770f7aa7] {
  background-color: #ffffff;
  border: 1px solid #b7bcc2;
  border-left-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  min-height: 41px;
  margin: -9px -14px;
  padding: 13px 20px;
  min-width: 110px;
}
.button-image-container .img-restrict[data-v-770f7aa7] {
  max-width: 90px;
  max-height: 24px;
}
.button-image-container .img-restrict.zoom[data-v-770f7aa7] {
  max-height: 15px;
}
.button-image-container[data-v-61547474] {
  background-color: #ffffff;
  border: 1px solid #b7bcc2;
  border-left-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  min-height: 41px;
  margin: -9px -14px;
  padding: 13px 20px;
  min-width: 110px;
}
.button-image-container .img-restrict[data-v-61547474] {
  max-width: 68px;
  max-height: 24px;
}
.button-image-container .img-restrict.google-meet[data-v-61547474] {
  max-height: 15px;
}
.button-image-container[data-v-178ea34c] {
  background-color: #ffffff;
  border: 1px solid #b7bcc2;
  border-left-color: transparent;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  min-height: 41px;
  margin: -9px -14px;
  padding: 8px 20px;
  min-width: 110px;
}
.button-image-container .img-restrict[data-v-178ea34c] {
  max-width: 90px;
  max-height: 24px;
}

@charset "UTF-8";
#calendar-header .fc-toolbar-chunk {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
#calendar-header .fc-toolbar-chunk .fc-button-group button {
  border-radius: 6px;
  border-width: 0;
}
#calendar-header .fc-toolbar-chunk .fc-button:hover {
  color: #f26c67;
  border-color: #f26c67;
  box-shadow: 0px 0px 1px 1px #f26c67;
}
#calendar-header .fc-toolbar-chunk button:active, #calendar-header .fc-toolbar-chunk button:focus, #calendar-header .fc-toolbar-chunk button:hover {
  box-shadow: none;
}
#calendar-header .fc-toolbar-chunk button.fc-button-active {
  border-width: 1px;
}
#calendar-header .fc-toolbar-chunk .fc-button-group {
  border-radius: 6px;
  padding: 2px;
}
#calendar-header .fc-toolbar-chunk .fc-button-group .fc-button:focus {
  color: #ffffff;
}
#calendar-header .fc-toolbar-title {
  color: #7a8390;
  display: inline-block;
  font-size: 16px;
  border: 1px solid #b7bcc2;
  padding: 7px 10px;
  border-radius: 6px;
  line-height: 1.5;
}
#calendar-header .fc-toolbar-title:before {
  color: #f26c67;
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  display: inline-block;
  margin-right: 5px;
}
#calendar-header .event-type-select {
  min-width: 250px;
}
.event-time[data-v-583bba48] {
  font-size: 13px;
}
@media (max-width: 767.98px) {
.event-time[data-v-583bba48] {
    font-size: 10px;
}
}
.pointer[data-v-583bba48] {
  cursor: pointer;
}
.cancelled-event[data-v-583bba48] {
  text-decoration: line-through;
  opacity: 0.7;
}
@charset "UTF-8";
#calendar .fc-scrollgrid {
  border-radius: 6px;
}
#calendar .fc-daygrid-day-number {
  color: #7a8390;
}
#calendar .fc-event-time {
  color: #7a8390;
  font-weight: 400;
  font-size: 14px;
  overflow: visible !important;
}
#calendar button.fc-button-primary {
  background-color: transparent;
  color: #7a8390;
  border-color: #b7bcc2;
}
#calendar button.fc-button-primary.fc-button-active {
  background-color: #f26c67;
  color: #ffffff;
}
#calendar .fc-col-header-cell {
  font-weight: 500;
  padding: 0.5rem;
  text-align: left;
}
#calendar .fc-col-header-cell .fc-col-header-cell-cushion {
  color: #7a8390;
}
#calendar .fc-event-main {
  padding-top: 0;
  padding-bottom: 0;
}
#calendar .fc-event-end,
#calendar .fc-event-start {
  margin-left: 0;
  margin-right: 0;
}
#calendar .cancelled-event .fc-event-title {
  text-decoration: line-through;
  opacity: 0.7;
}
#calendar .fc-timegrid-event.private_session {
  background-color: #f4fbf1 !important;
}
#calendar .fc-timegrid-event.studio_event {
  background-color: #f5f8f9 !important;
}
#calendar .fc-timegrid-event.broadcasting_event {
  background-color: #fffaeb !important;
}
#calendar .fc-timegrid-event.collaborative_group_event {
  background-color: #f9f1ec !important;
}
#calendar .fc-day-today {
  background-color: transparent;
}
#calendar .fc-day-today .fc-daygrid-day-top {
  padding: 4px 4px;
}
#calendar .fc-day-today .fc-daygrid-day-top .fc-daygrid-day-number {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #f26c67;
  color: #ffffff;
  display: inline-block;
  line-height: 20px;
  text-align: center;
}
#calendar .fc-col-header-cell.fc-day.fc-day-today {
  border-bottom-color: #f26c67;
}
#calendar .fc-col-header-cell.fc-day.fc-day-today .fc-col-header-cell-cushion {
  color: #f26c67 !important;
}
#calendar .private_session .fc-event-time:before {
  content: "";
  border-left: 3px solid #9ad67d;
  margin-right: 2px;
}
#calendar .private_session .fc-event-title:before {
  color: #9ad67d;
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  display: inline-block;
  margin-right: 5px;
}
#calendar .studio_event .fc-event-time:before {
  content: "";
  border-left: 3px solid #8dafb8;
  margin-right: 2px;
}
#calendar .studio_event .fc-event-title:before {
  color: #8dafb8;
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  display: inline-block;
  margin-right: 5px;
}
#calendar .meeting .fc-event-time:before {
  content: "";
  border-left: 3px solid #405c33;
  margin-right: 2px;
}
#calendar .meeting .fc-event-title:before {
  color: #405c33;
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  display: inline-block;
  margin-right: 5px;
}
#calendar .broadcasting_event .fc-event-time:before {
  content: "";
  border-left: 3px solid #cc9900;
  margin-right: 2px;
}
#calendar .broadcasting_event .fc-event-title:before {
  color: #cc9900;
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  display: inline-block;
  margin-right: 5px;
}
#calendar .collaborative_group_event .fc-event-time:before {
  content: "";
  border-left: 3px solid #a55b32;
  margin-right: 2px;
}
#calendar .collaborative_group_event .fc-event-title:before {
  color: #a55b32;
  content: "";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  display: inline-block;
  margin-right: 5px;
}
#calendar .www-event .fc-event-time:before {
  content: "";
  border-left: 3px solid #101618;
  margin-right: 2px;
}
#calendar .loading-calendar {
  position: absolute;
  z-index: 10;
  background-color: #f2f5f5;
  opacity: 0.4;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#calendar .calendar-view {
  position: relative;
}
@media (max-width: 767.98px) {
#calendar .calendar-view {
    display: none;
}
}
#calendar .calendar-view.hide {
  display: none;
}
#calendar .list-view {
  display: none;
}
@media (max-width: 767.98px) {
#calendar .list-view {
    display: block;
}
}
#calendar .show-list {
  display: block;
}
.select-student-form .vm--modal[data-v-428eb392] {
  max-width: 800px;
}
.select-icon[data-v-428eb392] {
  cursor: pointer;
}
.select-icon[data-v-428eb392]:hover {
  color: #f26c67;
}
.product-tag[data-v-1bc2670e] {
  margin-right: 0.5rem;
  margin-bottom: 2px;
  padding: 2px 8px;
  background-color: #e3e7ec;
  border-radius: 6px;
}
.cancelled-event[data-v-1bc2670e] {
  text-decoration: line-through;
  opacity: 0.7;
}
.status[data-v-1bc2670e] {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
}
.status--no-show[data-v-1bc2670e] {
  color: #c56661;
  background-color: #fae5e5;
}
.status--registered[data-v-1bc2670e] {
  color: #7a8390;
  background-color: #e3e7ec;
}
.status--attended[data-v-1bc2670e], .status--recording[data-v-1bc2670e] {
  color: #9ad67d;
  background-color: #405c33;
}
.recording-preview[data-v-1bc2670e] {
  width: 180px;
  height: 120px;
  border-radius: 6px;
  border: 1px solid #e3e7ec;
}
.recording-preview .remove[data-v-1bc2670e] {
  position: absolute;
  background-color: #101618;
  color: #ffffff;
  right: 4px;
  top: 4px;
  font-size: 12px;
  padding: 4px 6px;
  border-radius: 4px;
}
.recording-preview .remove[data-v-1bc2670e]:hover {
  background-color: #f26c67;
}
.hm-toggle-button[data-v-050cd3ea] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #ffffff;
  color: #7a8390;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  cursor: pointer;
  border-radius: 4px;
  padding: 0.25rem 0.75rem;
}
.hm-toggle-button--active[data-v-050cd3ea] {
  background-color: var(--brand-color, #f26c67);
  color: white;
}
[data-v-679f8286] .hm-upgrade-lock #upgrade-trigger {
  width: 24px;
  height: 24px;
  font-size: 0.8rem;
}
.www-card[data-v-679f8286] {
  background-color: #fcdedc !important;
}
.www-card .www-logo[data-v-679f8286] {
  max-width: 300px;
}
.live-streaming-container[data-v-87fb7c78] {
  background-color: #e3e7ec;
  min-height: 100vh;
  height: 100%;
  max-height: 100%;
}
.live-streaming-container .stream[data-v-87fb7c78] {
  max-height: calc(100vh - 54px);
  height: calc(100vh - 54px);
}
.live-streaming-container .live-session[data-v-87fb7c78] {
  width: 100%;
  max-width: 100%;
}
.live-streaming-container .live-session.chat-expanded[data-v-87fb7c78] {
  width: 66%;
  max-width: 66%;
}
@media screen and (max-width: 760px) {
.live-streaming-container .live-session.chat-expanded[data-v-87fb7c78] {
    width: 100%;
    max-width: 100%;
}
}
.live-streaming-container .top-right-btn[data-v-87fb7c78] {
  background-color: #ffffff;
  color: #7a8390;
  border-radius: 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid #e3e7ec;
  padding: 0.5rem 1.5rem;
}
.live-streaming-container .top-right-btn[data-v-87fb7c78]:hover {
  background-color: #b7bcc2;
}
.live-streaming-container .top-right-btn.chat-opened[data-v-87fb7c78] {
  background-color: #101618;
  color: #ffffff;
}
.live-streaming-container .top-right-btn .msg-count[data-v-87fb7c78] {
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  background-color: #f26c67;
  color: white;
  font-size: 0.5rem;
  padding: 4px;
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.live-streaming-container .chat-container[data-v-87fb7c78] {
  position: relative;
  right: 0;
  width: 34%;
  max-width: 34%;
  height: calc(100vh - 54px);
  max-height: calc(100vh - 54px);
  -webkit-transition: width ease-in-out 0.3s;
  transition: width ease-in-out 0.3s;
}
@media screen and (max-width: 1200px) {
.live-streaming-container .chat-container[data-v-87fb7c78] {
    width: 34%;
    max-width: 34%;
}
}
@media screen and (max-width: 992px) {
.live-streaming-container .chat-container[data-v-87fb7c78] {
    width: 34%;
    max-width: 34%;
}
}
@media screen and (max-width: 760px) {
.live-streaming-container .chat-container[data-v-87fb7c78] {
    width: 100%;
    max-width: 100%;
}
}
.live-streaming-container .chat-container.closed[data-v-87fb7c78] {
  position: fixed;
  max-height: 0;
  width: 0;
  visibility: hidden;
}
.upload-tile[data-v-08ba22ae] {
  border: dashed;
  display: -webkit-box;
  display: flex;
  border-radius: 0.5rem;
  border-width: 2px;
  border-color: #b7bcc2;
  background-color: #e3e7ec;
}
.photo-preview[data-v-08ba22ae] {
  display: -webkit-box;
  display: flex;
}
.upload-module[data-v-08ba22ae] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.upload-image[data-v-08ba22ae] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
[data-v-b994493e] .hm-file-upload-inner-container {
  width: 100%;
}
.justify-content-stretch[data-v-b994493e] {
  -webkit-box-pack: stretch;
          justify-content: stretch;
}
.link[data-v-b994493e] {
  color: #7a8390;
  text-decoration: none;
}
.link-group[data-v-b994493e] {
  border: 1px solid #e3e7ec;
  border-radius: 6px;
}
.color-picker-component[data-v-b994493e] {
  -webkit-box-flex: 1;
          flex: 1;
  width: 100%;
  margin-top: 0.5rem;
}
.default-image-container[data-v-b994493e] {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
.color-picker-component[data-v-b994493e] {
    margin-top: 0;
    width: auto;
}
.default-image-container[data-v-b994493e] {
    margin-left: 0;
    margin-right: 0;
}
}
.btn-outline-white[data-v-b994493e]:hover {
  color: white;
}
.flex-container[data-v-b994493e] {
  -webkit-box-flex: 1;
          flex: 1;
}
.itemsContainer[data-v-b994493e] {
  float: left;
  position: relative;
}
.itemsContainer[data-v-b994493e]:hover {
  opacity: 0.8;
  cursor: pointer;
}
.itemsContainer:hover .link-image-icon[data-v-b994493e] {
  display: block;
}
.link-image-icon[data-v-b994493e] {
  color: white;
  position: absolute;
  display: none;
  top: 33%;
  width: 50px;
  margin: 0 auto;
  left: 0px;
  right: 0px;
  z-index: 100;
}
.link-image[data-v-b994493e] {
  border-radius: 50%;
  height: 50px;
  width: 50px;
}
.community-group-thumbnail__title[data-v-0e7563aa] {
  font-size: 16px;
  font-weight: 300;
}
.community-group-thumbnail__tag[data-v-0e7563aa] {
  position: absolute;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  border-radius: 6px 0 6px 0;
  color: #ffffff;
  height: 26px;
  padding: 2px 9px;
  font-size: 0.75rem;
  top: 0;
  left: 0;
  background-color: var(--brand-color, #f26c67);
  font-weight: 500;
}
.community-group-thumbnail__tag--archived[data-v-0e7563aa] {
  background-color: #b7bcc2;
}
.community-group-thumbnail__image[data-v-0e7563aa] {
  position: relative;
  border-radius: 6px;
  background-position: center center;
  background-size: auto 65%;
  background-repeat: no-repeat;
  background-color: var(--brand-color-with-opacity-03, rgba(250, 229, 229, 0.3));
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 100%;
}
.community-group-thumbnail__image--archived[data-v-0e7563aa] {
  background-color: #e3e7ec;
}
.v-select .vs__dropdown-menu[data-v-0cef65b2] {
  z-index: 2;
  position: relative;
}
.community-members-count[data-v-0cef65b2] {
  color: #7a8390;
}
.community-members-table[data-v-0cef65b2] {
  overflow-y: auto;
}
.banned-member[data-v-0cef65b2] {
  color: #f26c67;
}
.dot[data-v-0cef65b2] {
  margin-right: 0.25rem;
  font-size: 0.5rem;
}
.status--admin[data-v-0cef65b2] {
  color: #9ad67d;
}
.status--member[data-v-0cef65b2] {
  color: #7a8390;
}
.status--banned[data-v-0cef65b2] {
  color: #f26c67;
}
.crossed-name[data-v-0cef65b2] {
  text-decoration: line-through;
}
.cursor-pointer[data-v-0cef65b2] {
  cursor: pointer;
}
.member-icon[data-v-0cef65b2] {
  height: 24px;
  width: 24px;
  border-radius: 50%;
}
.v-select .vs__dropdown-menu[data-v-8d4faeb0] {
  z-index: 2;
  position: relative;
}
.community-group-card[data-v-95df0ebe] {
  min-width: 256px;
}
.community-group-card:hover .community-group-name[data-v-95df0ebe] {
  color: #f26c67;
}
.community-group-name[data-v-95df0ebe] {
  max-width: 180px;
}
@media screen and (max-width: 768px) {
.community-group-name[data-v-95df0ebe] {
    max-width: 270px;
}
}
.archived[data-v-95df0ebe] {
  opacity: 0.5;
}
.cursor-pointer[data-v-95df0ebe] {
  cursor: pointer;
}
.community-groups[data-v-70aed2f2] {
  -webkit-box-pack: start;
          justify-content: start;
}
@media screen and (max-width: 768px) {
.community-groups[data-v-70aed2f2] {
    -webkit-box-pack: center;
            justify-content: center;
}
}
@media screen and (max-width: 768px) {
.community-groups-container[data-v-70aed2f2] {
    width: 100%;
}
}
.disabled[data-v-6a38eb7e] {
  pointer-events: none;
  opacity: 0.5;
}
.group-preview[data-v-6a38eb7e] {
  max-width: 100%;
  height: auto;
}
.comment__block-wrapper[data-v-44d1c627] {
  background-color: #e3e7ec;
  border-radius: 6px;
  max-width: 90%;
}
.comment__icon[data-v-44d1c627] {
  height: 48px;
  width: 48px;
}
.comment-content > img[data-v-44d1c627] {
  width: 100%;
}
.comment-preview[data-v-f6e77b80] {
  max-width: 580px;
}
@media screen and (max-width: 768px) {
.comment-preview[data-v-f6e77b80] {
    max-width: 250px;
}
}
.cursor-pointer[data-v-f6e77b80] {
  cursor: pointer;
}
.cursor-pointer[data-v-f6e77b80]:hover {
  text-decoration: underline;
}
.member-icon[data-v-f6e77b80] {
  height: 32px;
  width: 32px;
  border-radius: 50%;
}
.bio-upgrade-banner[data-v-6c9c8b48] {
  position: relative;
  padding: 1rem 2rem;
  background-color: #fef4f4;
  border-radius: 10px;
}
.bio-upgrade-banner .text[data-v-6c9c8b48] {
  font-weight: 600;
  color: #000000;
}
.bio-upgrade-banner .description[data-v-6c9c8b48] {
  color: #000000;
}
.bio-upgrade-banner button[data-v-6c9c8b48] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.bio-upgrade-banner ul[data-v-6c9c8b48] {
  padding: 0 0 0 1rem;
}
.bio-upgrade-banner .close-btn[data-v-6c9c8b48] {
  position: absolute;
  right: 0;
  top: 0;
  padding: 1rem 2rem;
}
.bio-upgrade-banner .watermark[data-v-6c9c8b48] {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 1rem;
}
.bottom-padding[data-v-07190254] {
  padding-bottom: 8rem;
}
.bio-preview[data-v-2858fd1c] {
  position: -webkit-sticky;
  position: sticky;
  top: 2rem;
  width: 350px;
  height: min(100vh, 660px);
  border-radius: 25px;
  border: 3px solid #e3e7ec;
  -webkit-transform: scale(0.75) translateY(-6rem);
          transform: scale(0.75) translateY(-6rem);
}
@media (max-width: 767.98px) {
.bio-preview[data-v-2858fd1c] {
    width: 330px;
    height: min(100vh, 625px);
}
}
.floating-preview[data-v-2858fd1c] {
  height: 100%;
}
.floating-preview .preview-trigger[data-v-2858fd1c] {
  display: none;
}
@media (max-width: 767.98px) {
.floating-preview[data-v-2858fd1c] {
    position: fixed;
    top: 0;
    right: -330px;
    background-color: transparent;
    z-index: 9999999999;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    height: min(100vh, 660px);
}
.floating-preview .preview-trigger[data-v-2858fd1c] {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    position: relative;
    top: calc(50vh - 100px);
    left: -40px;
    color: white;
    background-color: #f26c67;
    width: 40px;
    height: 40px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.floating-preview.visible[data-v-2858fd1c] {
    right: 0;
}
.bio-preview.no-transform[data-v-2858fd1c] {
    -webkit-transform: none;
            transform: none;
}
}
[data-v-ed0e4e40] .hm-file-upload-inner-container {
  width: 100%;
}
.bio-edit-link-content[data-v-ed0e4e40] {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  border: 1px solid #b7bcc2;
  border-radius: 6px;
  padding: 0.5rem;
  width: 100%;
}
@media (min-width: 768px) {
.bio-edit-link-content[data-v-ed0e4e40] {
    padding: 1rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-align: end;
            align-items: flex-end;
}
}
.label-desktop[data-v-ed0e4e40] {
  width: 250px;
}
.link-group[data-v-ed0e4e40] {
  border: 1px solid #e3e7ec;
  border-radius: 6px;
}
.link-imag-container[data-v-ed0e4e40] {
  position: relative;
  height: 42px;
  width: 42px;
}
.link-imag-container[data-v-ed0e4e40]:hover {
  opacity: 0.8;
  cursor: pointer;
}
.link-image-add[data-v-ed0e4e40] {
  width: 42px;
  text-align: center;
  height: 42px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  border: 1px solid #b7bcc2;
  border-radius: 6px;
  cursor: pointer;
}
.link-image-icon[data-v-ed0e4e40] {
  display: none;
  color: white;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.link-imag-container:hover .link-image-icon[data-v-ed0e4e40] {
  display: -webkit-box;
  display: flex;
}
.link-image[data-v-ed0e4e40] {
  border-radius: 50%;
  height: 42px;
  width: 42px;
  -o-object-fit: cover;
     object-fit: cover;
}
.audio-icon[data-v-5b18cc16] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  border-radius: 50%;
  width: 48px;
  height: 48px;
}
.audio-icon.has-recording[data-v-5b18cc16] {
  background: var(--brand-color, #f26c67);
  background: linear-gradient(50deg, white 0%, var(--brand-color, #f26c67) 70%, var(--brand-color, #f26c67) 100%);
}
.audio-icon.no-recording[data-v-5b18cc16] {
  width: 46px;
  height: 46px;
  border: 2px solid #f26c67;
}
@media (min-width: 768px) {
.audio-icon[data-v-5b18cc16] {
    width: 82px;
    height: 82px;
}
.audio-icon.no-recording[data-v-5b18cc16] {
    width: 78px;
    height: 78px;
    border: 2px solid #f26c67;
}
}
#microphone[data-v-5b18cc16] {
  background-color: white;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  padding: 1rem 1rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  font-size: 30px;
  border: 6px solid white;
  width: 44px;
  height: 44px;
}
@media (min-width: 768px) {
#microphone[data-v-5b18cc16] {
    width: 76px;
    height: 76px;
}
}
#microphone.no-recording[data-v-5b18cc16] {
  width: 42px;
  height: 42px;
}
@media (min-width: 768px) {
#microphone.no-recording[data-v-5b18cc16] {
    width: 74px;
    height: 74px;
}
}
.microphone-icon[data-v-5b18cc16] {
  font-size: 16px;
}
@media (min-width: 768px) {
.microphone-icon[data-v-5b18cc16] {
    font-size: 30px;
}
}
.locked-icon[data-v-5b18cc16] {
  width: 26px;
  height: 26px;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  background-color: #101618;
  color: white;
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
  z-index: 2;
  border: 2px solid white;
  font-size: 12px;
}
.top[data-v-5b18cc16] {
  position: absolute;
  margin: 0 auto;
  background-color: white;
  color: #f26c67;
  width: 100px;
  height: 100%;
  z-index: 1;
}
.bottom[data-v-5b18cc16] {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #f26c67;
  color: white;
  width: 100%;
  height: 100%;
  z-index: 2;
  overflow: hidden;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.top-icon[data-v-5b18cc16] {
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  text-align: center;
}
@media (min-width: 768px) {
.top-icon[data-v-5b18cc16] {
    top: 19px;
}
}
.bottom-icon[data-v-5b18cc16] {
  position: absolute;
  bottom: 8px;
  left: 0;
  right: 0;
  text-align: center;
}
@media (min-width: 768px) {
.bottom-icon[data-v-5b18cc16] {
    bottom: 15px;
}
}
.bio-link[data-v-69a00916] {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin-right: 1rem;
  font-size: 20px;
  max-width: calc(100% - 60px);
}
@media (min-width: 768px) {
.bio-link[data-v-69a00916] {
    font-size: 36px;
    max-width: auto;
}
}
.bio-link-truncate[data-v-69a00916] {
  max-width: calc(100% - 200px);
}
[data-v-d4b005e6] .hm-file-upload-inner-container {
  width: 100%;
}
.justify-content-stretch[data-v-d4b005e6] {
  -webkit-box-pack: stretch;
          justify-content: stretch;
}
.link[data-v-d4b005e6] {
  color: #7a8390;
  text-decoration: none;
}
.color-picker-component[data-v-d4b005e6] {
  -webkit-box-flex: 1;
          flex: 1;
  width: 100%;
  margin-top: 0.5rem;
}
.default-image-container[data-v-d4b005e6] {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
.color-picker-component[data-v-d4b005e6] {
    margin-top: 0;
    width: auto;
}
.default-image-container[data-v-d4b005e6] {
    margin-left: 0;
    margin-right: 0;
}
}
.btn-outline-white[data-v-d4b005e6]:hover {
  color: white;
}
.flex-container[data-v-d4b005e6] {
  -webkit-box-flex: 1;
          flex: 1;
}
.bio-template[data-v-1d1ad9cc] {
  cursor: pointer;
  max-width: 270px;
  margin: 0.25rem;
  padding: 5px;
  border: 2px solid transparent;
}
.bio-template--active[data-v-1d1ad9cc] {
  border: 2px solid #f26c67;
  border-radius: 10px;
}
.bio-image-wrapper[data-v-1d1ad9cc] {
  border-radius: 6px;
  box-shadow: 6px 6px 28px -6px #e3e7ec;
  overflow: hidden;
}
.bio-image-wrapper .bio-image[data-v-1d1ad9cc] {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
}
.bio-image-wrapper .no-image[data-v-1d1ad9cc] {
  font-size: 36px;
}
.bio-description[data-v-1d1ad9cc] {
  padding-left: 0.7rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  color: #101618;
}
.vue-swatches[data-v-1d1ad9cc] {
  display: block;
}
[data-v-1d1ad9cc] .vue-swatches > div {
  display: block;
}
.vue-swatches[data-v-1d1ad9cc]  .vue-swatches__fallback__wrapper {
  display: -webkit-box;
  display: flex;
}
.vue-swatches[data-v-1d1ad9cc]  .vue-swatches__fallback__input {
  box-sizing: content-box;
}
.vue-swatches[data-v-1d1ad9cc]  .color-picker__confirm-button {
  background-color: var(--brand-color, #f26c67);
}
.color-picker__container[data-v-1d1ad9cc] {
  width: 100%;
  border-radius: 6px;
}
.color-picker__circle[data-v-1d1ad9cc] {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  outline: none;
  border: 1px solid #e3e7ec;
}
.color-label[data-v-1d1ad9cc] {
  color: #101618;
  line-height: 3;
  width: 140px;
}
.underline[data-v-1d1ad9cc] {
  text-decoration: underline;
}
.background-image-upload[data-v-1d1ad9cc] {
  max-width: 400px;
  max-height: 300px;
  width: 400px;
  height: 300px;
}
.profile-image-upload[data-v-1d1ad9cc] {
  max-width: 300px;
  max-height: 300px;
  width: 300px;
  height: 300px;
}