/**
 * Tile headings on the redesigned Today page (IPD-2903). A display voice rather than a heading
 * one: the secondary family at its lightest weight, set solid. It reads its size from
 * --today-tile-title-size when it is inside .today-page, and falls back to the design's own size
 * elsewhere, so the mixin is not silently a no-op outside that subtree.
 */
/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-499b27e7 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.svg-wrapper[data-v-499b27e7] svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f5b731 {
  color: #f5b731;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f2e5d1 {
  color: #f2e5d1;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f5f3f1 {
  color: #f5f3f1;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-dceadf {
  color: #dceadf;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-ffa595 {
  color: #ffa595;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-486a6e {
  color: #486a6e;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-2d5257 {
  color: #2d5257;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-454138 {
  color: #454138;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f8725a {
  color: #f8725a;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-2e3343 {
  color: #2e3343;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-fa806b {
  color: #fa806b;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-d4d9da {
  color: #d4d9da;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f1e4d0 {
  color: #f1e4d0;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-393c4b {
  color: #393c4b;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-ede1cf {
  color: #ede1cf;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-3a3d48 {
  color: #3a3d48;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-d3d8d9 {
  color: #d3d8d9;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-343948 {
  color: #343948;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-b0b5b8 {
  color: #b0b5b8;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-48696d {
  color: #48696d;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-434755 {
  color: #434755;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f5735b {
  color: #f5735b;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f1c158 {
  color: #f1c158;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-c1c6c7 {
  color: #c1c6c7;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-e9bb59 {
  color: #e9bb59;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-fea494 {
  color: #fea494;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f5715a {
  color: #f5715a;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f6715a {
  color: #f6715a;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-fda494 {
  color: #fda494;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-efe3cf {
  color: #efe3cf;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f2f0ee {
  color: #f2f0ee;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f3f1ef {
  color: #f3f1ef;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-d3d5d6 {
  color: #d3d5d6;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f2715b {
  color: #f2715b;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f1eeeb {
  color: #f1eeeb;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-ee735d {
  color: #ee735d;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-eae8e7 {
  color: #eae8e7;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f3efe9 {
  color: #f3efe9;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-3d3946 {
  color: #3d3946;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-c2bfbc {
  color: #c2bfbc;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-e0ddd9 {
  color: #e0ddd9;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-bfd0c3 {
  color: #bfd0c3;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-385052 {
  color: #385052;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f2e4d0 {
  color: #f2e4d0;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-dce8de {
  color: #dce8de;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f5f2f0 {
  color: #f5f2f0;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f2c159 {
  color: #f2c159;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-91949a {
  color: #91949a;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f7a99b {
  color: #f7a99b;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-fff0d5 {
  color: #fff0d5;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-dceade {
  color: #dceade;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-fdfefe {
  color: #fdfefe;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f18976 {
  color: #f18976;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-334e52 {
  color: #334e52;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-ebebeb {
  color: #ebebeb;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-383b45 {
  color: #383b45;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-ff6a4f {
  color: #ff6a4f;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-ffd2ca {
  color: #ffd2ca;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f3c259 {
  color: #f3c259;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-334041 {
  color: #334041;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-abb6ad {
  color: #abb6ad;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-e4cba4 {
  color: #e4cba4;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-f2e9e3 {
  color: #f2e9e3;
}
.svg-wrapper[data-v-499b27e7] svg .current-color-36595d {
  color: #36595d;
}/**
 * Tile headings on the redesigned Today page (IPD-2903). A display voice rather than a heading
 * one: the secondary family at its lightest weight, set solid. It reads its size from
 * --today-tile-title-size when it is inside .today-page, and falls back to the design's own size
 * elsewhere, so the mixin is not silently a no-op outside that subtree.
 */
/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.spinner-tail {
  animation: spinner-tail-spin 0.8s linear infinite;
}
.q-loading .spinner-tail {
  width: 50px !important;
  height: 50px !important;
}
@media screen and (min-width: 768px) {
.q-loading .spinner-tail {
    width: 80px !important;
    height: 80px !important;
}
}
@keyframes spinner-tail-spin {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}/**
 * Tile headings on the redesigned Today page (IPD-2903). A display voice rather than a heading
 * one: the secondary family at its lightest weight, set solid. It reads its size from
 * --today-tile-title-size when it is inside .today-page, and falls back to the design's own size
 * elsewhere, so the mixin is not silently a no-op outside that subtree.
 */
/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-ce691904 {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.icon-holder[data-v-ce691904] {
  flex-shrink: 0;
}
.icon-left .icon-holder[data-v-ce691904] {
  order: 1;
  margin-right: 10px;
}
.icon-right .icon-holder[data-v-ce691904] {
  order: 3;
  margin-left: 10px;
}
.icon-only.icon-right .icon-holder[data-v-ce691904] {
  margin: 0;
}
.icon-size-sm .icon-holder[data-v-ce691904] {
  width: 16px;
  height: 16px;
}
.icon-size-sm .icon-holder[data-v-ce691904] svg {
  width: 100%;
  height: 100%;
}
.balm-btn[data-v-ce691904] {
  flex-shrink: 0;
  /* Body/Body - Bold */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
}
.balm-btn[data-v-ce691904]:focus-visible {
  outline: 2px solid var(--Primary-primary-color-1) !important;
  outline-offset: 2px;
}
.balm-btn[data-v-ce691904] {
  border-radius: var(--button-border-radius);
  width: fit-content;
  transition: all 0.2s ease-in-out;
}
.balm-btn[data-v-ce691904]:hover:not(:disabled) {
  transform: translateY(-1px);
  filter: brightness(1.05);
}
.balm-btn[data-v-ce691904]:active:not(:disabled) {
  transform: translateY(0);
  filter: brightness(0.95);
}
.balm-btn[data-v-ce691904]:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.balm-btn[data-v-ce691904]:focus-visible {
  outline: 2px solid var(--Primary-primary-color-1) !important;
  outline-offset: 2px;
  box-shadow: 0 0 0 4px rgba(var(--Primary-primary-color-1-rgb), 0.2);
}
.balm-btn[data-v-ce691904] .q-btn__content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.balm-btn[data-v-ce691904] .q-btn__content > span:first-child {
  order: 2;
}
.balm-btn.white[data-v-ce691904] {
  background-color: var(--Neutral-UI-neutral-ui-0);
}
.balm-btn.inverse[data-v-ce691904] {
  color: var(--balm-btn-inverse-ink, var(--Neutral-UI-neutral-ui-0));
  background-color: var(--balm-btn-inverse-surface, var(--Neutral-UI-neutral-ui-100));
}
.balm-btn.light-white[data-v-ce691904] {
  color: var(--Light-Scheme-Neutral-UI-neutral-ui-100);
  background-color: var(--Light-Scheme-Neutral-UI-neutral-ui-0);
}
.balm-btn.grey[data-v-ce691904] {
  background-color: var(--Neutral-UI-neutral-ui-20);
}
.balm-btn.blue[data-v-ce691904] {
  color: var(--Neutral-UI-neutral-ui-100);
  background-color: var(--Secondary-secondary-color-1);
}
.balm-btn.green[data-v-ce691904] {
  color: var(--Neutral-UI-neutral-ui-100);
  background-color: var(--Secondary-secondary-color-2);
}
.balm-btn.enroll[data-v-ce691904] {
  color: var(--Light-Scheme-Functional-wl-current-text);
  background-color: var(--Light-Scheme-Functional-wl-current-surface);
}
.balm-btn.red[data-v-ce691904] {
  color: var(--Neutral-UI-neutral-ui-100);
  background-color: var(--Secondary-secondary-color-3);
}
.balm-btn.plain[data-v-ce691904] {
  background-color: transparent;
}
.balm-btn.plain-underline[data-v-ce691904] {
  color: var(--Neutral-UI-neutral-ui-60);
  text-decoration: underline;
  /* Body/Body */
  font-family: var(--Font-Primary-Font);
  font-size: var(--Typography-Body);
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  min-height: 0;
  min-width: 0;
  border-radius: 0;
}
.balm-btn.plain-underline[data-v-ce691904]:hover:not(:disabled) {
  transform: none;
  filter: none;
}
.balm-btn.plain-underline[data-v-ce691904] .q-btn__wrapper {
  min-height: 0;
  padding: var(--Spacing-spacing-1) var(--Spacing-spacing-2);
}
.balm-btn.plain-underline[data-v-ce691904] .q-focus-helper {
  display: none;
}
.balm-btn.outline[data-v-ce691904] {
  color: var(--Functional-wl-current-surface);
  border: 2px solid var(--Neutral-UI-neutral-ui-100);
}
.balm-btn.p3-7.icon-only[data-v-ce691904] {
  padding: var(--Spacing-spacing-3) var(--Spacing-spacing-3);
}
.balm-btn.p3-7[data-v-ce691904]:not(.icon-only) {
  padding: var(--Spacing-spacing-3) var(--Spacing-spacing-7) var(--Spacing-spacing-3) var(--Spacing-spacing-7);
}
.balm-btn.p2-5.icon-only[data-v-ce691904] {
  padding: var(--Spacing-spacing-2) var(--Spacing-spacing-2);
}
.balm-btn.p2-5[data-v-ce691904]:not(.icon-only) {
  padding: var(--Spacing-spacing-2) var(--Spacing-spacing-5) var(--Spacing-spacing-2) var(--Spacing-spacing-5);
}
.balm-btn.p3-1.icon-only[data-v-ce691904] {
  padding: var(--Spacing-spacing-3) var(--Spacing-spacing-3);
}
.balm-btn.p3-1[data-v-ce691904]:not(.icon-only) {
  padding: var(--Spacing-spacing-3) var(--Spacing-spacing-1) var(--Spacing-spacing-3) var(--Spacing-spacing-1);
}
.balm-btn.p3-2.icon-only[data-v-ce691904] {
  padding: var(--Spacing-spacing-3) var(--Spacing-spacing-3);
}
.balm-btn.p3-2[data-v-ce691904]:not(.icon-only) {
  padding: var(--Spacing-spacing-3) var(--Spacing-spacing-2) var(--Spacing-spacing-3) var(--Spacing-spacing-2);
}
.balm-btn.p1-4-1-3.icon-only[data-v-ce691904] {
  padding: var(--Spacing-spacing-1) var(--Spacing-spacing-1);
}
.balm-btn.p1-4-1-3[data-v-ce691904]:not(.icon-only) {
  padding: var(--Spacing-spacing-1) var(--Spacing-spacing-4) var(--Spacing-spacing-1) var(--Spacing-spacing-3);
}
.balm-btn[data-v-ce691904] {
  min-height: 44px;
  min-width: 44px;
}
.balm-btn.icon-only[data-v-ce691904] {
  min-height: 44px;
  min-width: 44px;
}
.balm-btn.compact[data-v-ce691904] {
  min-height: unset !important;
  min-width: unset !important;
  height: 28px;
  padding: 0 6px !important;
}
@media screen and (min-width: 768px) {
.balm-btn.compact[data-v-ce691904] {
    height: 40px;
    padding: 0 var(--Spacing-spacing-3) !important;
}
}
@media screen and (min-width: 1280px) {
.balm-btn.compact[data-v-ce691904] {
    height: 56px;
    padding: var(--Spacing-spacing-3) var(--Spacing-spacing-6) !important;
}
}
@media (prefers-reduced-motion: reduce) {
.balm-btn[data-v-ce691904] {
    transition: none;
}
.balm-btn[data-v-ce691904]:hover:not(:disabled) {
    transform: none;
}
.balm-btn[data-v-ce691904]:active:not(:disabled) {
    transform: none;
}
}/**
 * Tile headings on the redesigned Today page (IPD-2903). A display voice rather than a heading
 * one: the secondary family at its lightest weight, set solid. It reads its size from
 * --today-tile-title-size when it is inside .today-page, and falls back to the design's own size
 * elsewhere, so the mixin is not silently a no-op outside that subtree.
 */
/**
  Utility class for accessibility
  Hides content visual, but provides it for screen readers
  Inspired by https://getbootstrap.com/docs/4.0/utilities/screenreaders/
 */
@keyframes skeleton-shimmer-32a2366a {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
/**
 This file is used directly by Quasar.
 It's not imported anywhere in the code.
 Thus if you don't use Quasar component it's not relevant.
 */
.modal-inner[data-v-32a2366a] {
  display: flex;
  flex-direction: column;
  background-color: var(--Neutral-UI-neutral-ui-10);
  padding: var(--Spacing-spacing-4);
  border-radius: var(--card-border-radius);
  min-width: 300px;
}
.message[data-v-32a2366a] {
  margin-bottom: var(--Spacing-spacing-4);
}
.buttons[data-v-32a2366a] {
  display: flex;
  gap: var(--Spacing-spacing-3);
  flex-direction: column-reverse;
}
@media screen and (min-width: 640px) {
.buttons[data-v-32a2366a] {
    flex-direction: row;
    justify-content: center;
}
}
.button[data-v-32a2366a] {
  width: 100%;
}
@media screen and (min-width: 640px) {
.button[data-v-32a2366a] {
    width: auto;
}
}