/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-539ae332]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.schedule-app[data-v-539ae332] {
  padding: 20px;
  font-family: "Public Sans", sans-serif;
  width: 100%;
}
@media (max-width: 991px) {
.schedule-app[data-v-539ae332] {
    padding: 0;
}
}
.schedule-app--reloading[data-v-539ae332] {
  opacity: 0.6;
  pointer-events: none;
}
.schedule-app__header[data-v-539ae332] {
  margin-bottom: 0;
}
.schedule-app__body[data-v-539ae332] {
  margin-bottom: 2rem;
}
.schedule-app__no-results[data-v-539ae332] {
  text-align: center;
  padding: 3rem;
  color: #9E9E9E;
  font-size: 16px;
}
.schedule-app__footer[data-v-539ae332] {
  margin-top: 1rem;
}
.schedule-day-separator[data-v-539ae332] {
  background: #163874;
  color: white;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  font-family: "Public Sans", sans-serif;
  border-radius: 6px;
  margin-bottom: 12px;
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
@media screen {
.schedule-print-root {
    display: none;
}
}
@media print {
body > *:not(.schedule-print-root) {
    display: none !important;
}
.schedule-print-root {
    display: block;
    width: 100%;
    background: white;
    color: black;
}
.session-print-card,
  .session-print-row,
  .session-print-speaker {
    page-break-inside: avoid;
}
.day-print-band {
    page-break-after: avoid;
}
@page {
    margin: 0.5in;
}
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-e874cc08]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.session-card__time[data-v-e874cc08] {
  color: #163874;
  font-size: 17px;
  font-weight: 700;
  line-height: 17px;
  white-space: nowrap;
  min-width: 170px;
}
.session-card__date-label[data-v-e874cc08] {
  color: #666664;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 2px;
  white-space: nowrap;
}
.session-card__location[data-v-e874cc08] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: #666664;
  font-size: 14px;
  font-weight: 500;
}
.session-card__loc-icon[data-v-e874cc08] {
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #666664;
}
.session-card__tag[data-v-e874cc08] {
  height: 24px;
  padding: 4px 12px;
  border-radius: 20000px;
  font-size: 13px;
  font-weight: 500;
  line-height: 19.5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.session-card__tag--type[data-v-e874cc08] {
  background: #F0F0F0;
  color: #666664;
}
.session-card__tag--topic[data-v-e874cc08] {
  background: #E0F2F1;
  color: #00587C;
}
.session-card__tag--credit[data-v-e874cc08] {
  background: #CFE4F8;
  color: #163874;
}
.session-card__tag--prereg[data-v-e874cc08] {
  background: #FEF2F2;
  color: #93172E;
}
.session-card__tag--sponsor[data-v-e874cc08] {
  background: #FFFAD0;
  color: #A04B01;
}
.session-card__title-link[data-v-e874cc08] {
  color: #202020;
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  text-align: left;
}
.session-card__title-link[data-v-e874cc08]:hover {
  text-decoration: underline;
}
.session-card__title-link[data-v-e874cc08]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
  border-radius: 2px;
}
.session-card--simple[data-v-e874cc08] {
  width: 100%;
  padding: 8px 16px;
  background: white;
  border-radius: 12px;
  border: 1px solid #E6E8EB;
  position: relative;
  min-height: 56px;
  margin-bottom: 24px;
}
.session-card--simple .session-card__time-block[data-v-e874cc08] {
  position: absolute;
  top: 50%;
  left: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.session-card--simple .session-card__simple-body[data-v-e874cc08] {
  margin-left: 194px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 8px 0;
  min-width: 0;
}
.session-card--simple .session-card__icon-wrap[data-v-e874cc08] {
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #EFF0F2;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.session-card--simple .session-card__info[data-v-e874cc08] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.session-card--simple .session-card__title--simple[data-v-e874cc08] {
  color: #202020;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.18px;
  margin: 0;
}
.session-card--expanded[data-v-e874cc08] {
  width: 100%;
  padding: 24px 32px 32px 16px;
  background: white;
  border-top: 1.5px solid #E6E8EB;
  border-right: 1.5px solid #E6E8EB;
  border-bottom: 1.5px solid #E6E8EB;
  border-left: 3px solid #FFD717;
  border-radius: 12px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06);
  position: relative;
  min-height: 180px;
  cursor: pointer;
}
.session-card--expanded.session-card--meal[data-v-e874cc08] {
  border-left-color: #828385;
  cursor: default;
}
.session-card--expanded.session-card--meal[data-v-e874cc08]:hover {
  background: white;
}
.session-card--expanded[data-v-e874cc08]:hover {
  background: #FAFBFC;
}
.session-card--expanded .session-card__time-block[data-v-e874cc08] {
  position: absolute;
  top: 24px;
  left: 16px;
}
.session-card--expanded .session-card__main[data-v-e874cc08] {
  margin-left: 194px;
}
.session-card--expanded .session-card__tags-row[data-v-e874cc08] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.session-card--expanded .session-card__top-badges[data-v-e874cc08] {
  position: absolute;
  top: 24px;
  right: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 320px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.session-card--expanded .session-card__title--expanded[data-v-e874cc08] {
  color: #202020;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  margin: 24px 0 0;
}
.session-card--expanded .session-card__desc[data-v-e874cc08] {
  color: #616161;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
  max-width: 680px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.session-card--expanded .session-card__speakers[data-v-e874cc08] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-top: 24px;
  margin-bottom: 12px;
}
.session-card--expanded .session-card__avatar-group[data-v-e874cc08] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.session-card--expanded .session-card__avatar[data-v-e874cc08] {
  width: 44px;
  height: 44px;
  border-radius: 9999px;
  background: #0E3B74;
  color: white;
  font-size: 13px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid white;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.session-card--expanded .session-card__avatar--overflow[data-v-e874cc08] {
  background: #F0F0F0;
  color: #666664;
}
.session-card--expanded .session-card__avatar--tba[data-v-e874cc08] {
  background: #F0F0F0;
  color: #666664;
}
.session-card--expanded .session-card__avatar .session-card__avatar-img[data-v-e874cc08] {
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.session-card--expanded .session-card__speaker-label[data-v-e874cc08] {
  color: #202020;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}
.session-card--expanded .session-card__speaker-info[data-v-e874cc08] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.session-card--expanded .session-card__speaker-subtitle[data-v-e874cc08] {
  color: #666664;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}
.session-card--expanded .session-card__sponsor-badge[data-v-e874cc08] {
  margin-bottom: 12px;
}
.session-card--expanded .session-card__actions[data-v-e874cc08] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 24px;
}
.session-card--expanded .session-card__btn-add[data-v-e874cc08] {
  height: 32px;
  padding: 0 14px;
  background: white;
  border-radius: 6px;
  border: 1px solid #163874;
  color: #163874;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -webkit-box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
          box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
}
.session-card--expanded .session-card__btn-add[data-v-e874cc08]:hover {
  background: rgba(207, 228, 248, 0.2);
  border-color: #C6C6C7;
}
.session-card--expanded .session-card__btn-add[data-v-e874cc08]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}
.session-card--expanded .session-card__btn-add svg[data-v-e874cc08] {
  height: 16px;
  width: auto;
}
.session-card--expanded .session-card__btn-view svg[data-v-e874cc08] {
  height: auto;
  width: 16px;
}
.session-card--expanded .session-card__btn-view[data-v-e874cc08] {
  height: 32px;
  padding: 0 14px;
  background: #FDDE00;
  border-radius: 6px;
  border: none;
  color: #163874;
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
}
.session-card--expanded .session-card__btn-view[data-v-e874cc08]:hover {
  background: #E0B000;
}
.session-card--expanded .session-card__btn-view[data-v-e874cc08]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}
.session-card--compact[data-v-e874cc08] {
  width: 100%;
  padding: 14px 16px;
  background: white;
  border: 1px solid #E6E8EB;
  border-radius: 0;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  cursor: pointer;
}
.session-card--compact.session-card--meal[data-v-e874cc08] {
  cursor: default;
}
.session-card--compact.session-card--meal[data-v-e874cc08]:hover {
  background: white;
}
.session-card--compact[data-v-e874cc08]:hover {
  background: #FAFBFC;
}
.session-card--compact .session-card__compact-left[data-v-e874cc08] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.session-card--compact .session-card__compact-meta[data-v-e874cc08] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.session-card--compact .session-card__compact-time[data-v-e874cc08] {
  color: #163874;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.session-card--compact .session-card__dot[data-v-e874cc08] {
  width: 8px;
  height: 8px;
  background: #666664;
  border-radius: 9999px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.session-card--compact .session-card__compact-speaker[data-v-e874cc08] {
  color: #666664;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.session-card--compact .session-card__title--compact[data-v-e874cc08] {
  color: #27273F;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.session-card--compact .session-card__compact-tags[data-v-e874cc08] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.session-card--compact .session-card__compact-actions[data-v-e874cc08] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.session-card--compact .session-card__compact-btn-add[data-v-e874cc08] {
  width: 40px;
  height: 40px;
  padding: 12px;
  background: white;
  border-radius: 8px;
  border: 1px solid #E6E8EB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  color: #163874;
}
.session-card--compact .session-card__compact-btn-add[data-v-e874cc08]:hover {
  background: #FAFBFC;
  border-color: #C6C6C7;
}
.session-card--compact .session-card__compact-btn-add[data-v-e874cc08]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}
.session-card--compact .session-card__compact-btn-add svg[data-v-e874cc08] {
  width: 100%;
  height: 100%;
}
.session-card--compact .session-card__compact-btn-view[data-v-e874cc08] {
  width: 40px;
  height: 40px;
  padding: 12px;
  background: #FDDE00;
  border-radius: 8px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
  color: #163874;
}
.session-card--compact .session-card__compact-btn-view[data-v-e874cc08]:hover {
  background: #E0B000;
}
.session-card--compact .session-card__compact-btn-view[data-v-e874cc08]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}
.session-card--compact .session-card__compact-btn-view svg[data-v-e874cc08] {
  height: 100%;
  width: auto;
}
@media (max-width: 1023px) {
.session-card--expanded[data-v-e874cc08] {
    min-height: 0;
}
.session-card--expanded .session-card__time-block[data-v-e874cc08] {
    position: static;
}
.session-card--expanded .session-card__main[data-v-e874cc08] {
    margin-left: 0;
    margin-top: 8px;
}
.session-card--expanded .session-card__title--expanded[data-v-e874cc08] {
    margin-top: 8px;
}
.session-card--expanded .session-card__top-badges[data-v-e874cc08] {
    position: static;
    max-width: none;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 8px;
}
.session-card--compact[data-v-e874cc08] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.session-card--compact .session-card__compact-actions[data-v-e874cc08] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.session-card--simple[data-v-e874cc08] {
    min-height: 0;
    padding: 20px 16px;
}
.session-card--simple .session-card__time-block[data-v-e874cc08] {
    position: static;
    -webkit-transform: none;
            transform: none;
}
.session-card--simple .session-card__simple-body[data-v-e874cc08] {
    margin-left: 0;
    margin-top: 8px;
}
}
@media (max-width: 991px) {
.session-card--compact .session-card__compact-meta[data-v-e874cc08] {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.session-card--compact .session-card__compact-time[data-v-e874cc08] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}
.session-card--compact .session-card__compact-time + .session-card__dot[data-v-e874cc08] {
    display: none;
}
.session-card--compact .session-card__location + .session-card__dot[data-v-e874cc08] {
    display: none;
}
.session-card--compact .session-card__compact-speaker[data-v-e874cc08] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-76b9e393]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.swapcard-login-modal[data-v-76b9e393] {
  font-family: "Public Sans", sans-serif;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.swapcard-login-modal__overlay[data-v-76b9e393] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
}
.swapcard-login-modal__dialog[data-v-76b9e393] {
  position: relative;
  background: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
          box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
  max-width: 480px;
  width: 90%;
  padding: 2rem 2rem 1.5rem;
  z-index: 1;
}
.swapcard-login-modal__close[data-v-76b9e393] {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background: none;
  border: none;
  font-size: 1.6rem;
  line-height: 1;
  color: #666664;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  -webkit-transition: color 0.2s, background-color 0.2s;
  transition: color 0.2s, background-color 0.2s;
}
.swapcard-login-modal__close[data-v-76b9e393]:hover {
  color: #202020;
  background: #E6E8EB;
}
.swapcard-login-modal__content[data-v-76b9e393] {
  text-align: center;
}
.swapcard-login-modal__icon[data-v-76b9e393] {
  color: #666664;
  margin-bottom: 0.75rem;
}
.swapcard-login-modal__title[data-v-76b9e393] {
  font-size: 1.35rem;
  font-weight: 700;
  color: #163874;
  margin: 0 0 0.5rem;
}
.swapcard-login-modal__subtitle[data-v-76b9e393] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #202020;
  margin: 0 0 0.5rem;
}
.swapcard-login-modal__message[data-v-76b9e393] {
  font-size: 0.95rem;
  line-height: 1.5;
  color: #666664;
  margin: 0 0 1.5rem;
}
.swapcard-login-modal__actions[data-v-76b9e393] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.25rem;
}
.swapcard-login-modal__login-btn[data-v-76b9e393] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 324px;
  padding: 0.7rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #163874;
  background: #FDDE00;
  border: none;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
}
.swapcard-login-modal__login-btn[data-v-76b9e393]:hover {
  background: #E0B000;
  text-decoration: none;
  color: #163874;
}
.swapcard-login-modal__login-btn[data-v-76b9e393]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}
.swapcard-login-modal__download-btn[data-v-76b9e393] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  width: 100%;
  max-width: 324px;
  padding: 0.7rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #202020;
  background: #fff;
  border: 1px solid #163874;
  border-radius: 8px;
  text-decoration: none;
  cursor: pointer;
  -webkit-box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
          box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
}
.swapcard-login-modal__download-btn[data-v-76b9e393]:hover {
  background: rgba(207, 228, 248, 0.2);
  border-color: #C6C6C7;
  text-decoration: none;
  color: #202020;
}
.swapcard-login-modal__download-btn[data-v-76b9e393]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}
.swapcard-login-modal__phone-icon[data-v-76b9e393] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.swapcard-login-modal__cancel[data-v-76b9e393] {
  text-align: center;
}
.swapcard-login-modal__cancel-link[data-v-76b9e393] {
  font-size: 0.9rem;
  color: #666664;
  text-decoration: underline;
  cursor: pointer;
}
.swapcard-login-modal__cancel-link[data-v-76b9e393]:hover {
  color: #202020;
}
.modal-enter-active[data-v-76b9e393],
.modal-leave-active[data-v-76b9e393] {
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.modal-enter-active .swapcard-login-modal__dialog[data-v-76b9e393],
.modal-leave-active .swapcard-login-modal__dialog[data-v-76b9e393] {
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
  transition: transform 0.25s ease, opacity 0.25s ease;
  transition: transform 0.25s ease, opacity 0.25s ease, -webkit-transform 0.25s ease;
}
.modal-enter[data-v-76b9e393],
.modal-leave-to[data-v-76b9e393] {
  opacity: 0;
}
.modal-enter .swapcard-login-modal__dialog[data-v-76b9e393],
.modal-leave-to .swapcard-login-modal__dialog[data-v-76b9e393] {
  -webkit-transform: scale(0.95) translateY(-10px);
          transform: scale(0.95) translateY(-10px);
  opacity: 0;
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-62fbbbd6]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.day-tabs-host[data-v-62fbbbd6] {
  display: contents;
}
.day-tabs[data-v-62fbbbd6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 24px;
  position: relative;
}
.day-tabs[data-v-62fbbbd6]::after {
  content: "";
  position: absolute;
  right: -3px;
  bottom: 12px;
  width: 40px;
  height: 64px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(247, 247, 248, 0)), to(rgb(247, 247, 248)));
  background: linear-gradient(to right, rgba(247, 247, 248, 0), rgb(247, 247, 248));
  pointer-events: none;
}
.day-tabs--teleported[data-v-62fbbbd6] {
  position: fixed;
  top: var(--sticky-offset, 0px);
  z-index: 9;
  margin-bottom: 0;
}
.day-tabs--teleported[data-v-62fbbbd6]::before {
  content: "";
  position: absolute;
  left: -2000px;
  right: -2000px;
  top: 0;
  bottom: 0;
  background: rgb(247, 247, 248);
  z-index: -1;
}
@media (prefers-reduced-motion: no-preference) {
.day-tabs--teleported[data-v-62fbbbd6] {
    -webkit-transition: top 0.25s ease;
    transition: top 0.25s ease;
}
}
@media print {
.day-tabs--teleported[data-v-62fbbbd6] {
    position: static !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    -webkit-transition: none !important;
    transition: none !important;
}
.day-tabs--teleported[data-v-62fbbbd6]::before {
    display: none !important;
}
}
.day-tabs__strip[data-v-62fbbbd6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow-x: auto;
  padding: 8px 0 12px;
  scroll-padding-inline: 4px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.day-tabs__strip[data-v-62fbbbd6]::-webkit-scrollbar {
  display: none;
}
.day-tabs__strip > .day-tab[data-v-62fbbbd6] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.day-tabs__strip > .day-tab[data-v-62fbbbd6]:last-child {
  margin-right: 40px;
}
.day-tabs__strip--initial[data-v-62fbbbd6] {
  visibility: hidden;
}
.day-tabs__actions[data-v-62fbbbd6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.day-tab[data-v-62fbbbd6] {
  background: white;
  min-width: 100px;
  height: 64px;
  padding: 16px;
  border-radius: 10px;
  border: 1px solid #E6E8EB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #666664;
  font-family: "Public Sans", sans-serif;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06);
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  text-align: center;
  line-height: 1.3;
}
.day-tab--active[data-v-62fbbbd6] {
  background: #FDDE00;
  border-color: #FDDE00;
  -webkit-box-shadow: 0 16px 24px -6px rgba(3, 57, 120, 0.14), 0 8px 10px -6px rgba(3, 57, 120, 0.1);
          box-shadow: 0 16px 24px -6px rgba(3, 57, 120, 0.14), 0 8px 10px -6px rgba(3, 57, 120, 0.1);
  font-weight: 700;
  color: #163874;
}
.day-tab--active[data-v-62fbbbd6]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}
.day-tab[data-v-62fbbbd6]:hover:not(.day-tab--active) {
  background: #FAFBFC;
  border-color: #C6C6C7;
}
.day-tab[data-v-62fbbbd6]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}
.day-tabs__action--my-schedule[data-v-62fbbbd6] {
  height: 40px;
  padding: 8px 16px;
  background: #FDDE00;
  border-radius: 8px;
  border: none;
  font-size: 14px;
  font-weight: 600;
  color: #163874;
  font-family: "Public Sans", sans-serif;
  cursor: pointer;
  -webkit-box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
          box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
}
.day-tabs__action--my-schedule[data-v-62fbbbd6]:hover {
  background: #E0B000;
}
.day-tabs__action--my-schedule[data-v-62fbbbd6]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}
.day-tabs__action--icon-btn[data-v-62fbbbd6] {
  width: 40px;
  height: 40px;
  padding: 8px;
  background: white;
  border-radius: 8px;
  border: 1px solid #E6E8EB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  color: #163874;
}
.day-tabs__action--icon-btn[data-v-62fbbbd6]:hover {
  background: #FAFBFC;
  border-color: #C6C6C7;
}
.day-tabs__action--icon-btn[data-v-62fbbbd6]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}
.day-tabs__print[data-v-62fbbbd6] {
  position: relative;
  display: inline-block;
}
.day-tabs__print-menu[data-v-62fbbbd6] {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 240px;
  margin: 0;
  padding: 4px 0;
  list-style: none;
  background: white;
  border: 1px solid #E6E8EB;
  border-radius: 8px;
  -webkit-box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12);
  z-index: 20;
}
.day-tabs__print-menu li[data-v-62fbbbd6] {
  margin: 0;
  padding: 0;
}
.day-tabs__print-menu-item[data-v-62fbbbd6] {
  display: block;
  width: 100%;
  padding: 10px 16px;
  background: transparent;
  border: 0;
  text-align: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  color: #202020;
  cursor: pointer;
  white-space: nowrap;
}
.day-tabs__print-menu-item[data-v-62fbbbd6]:hover, .day-tabs__print-menu-item[data-v-62fbbbd6]:focus {
  background: #EFF0F2;
  outline: none;
}
.day-tabs-host[data-v-62fbbbd6] .day-tabs__placeholder {
  visibility: hidden;
  pointer-events: none;
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
.day-tabs[data-v-62fbbbd6] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
}
.day-tabs[data-v-62fbbbd6]::after {
    display: none;
}
.day-tabs--stacked[data-v-62fbbbd6] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.day-tabs--stacked[data-v-62fbbbd6]::after {
    display: block;
}
.day-tabs--stacked .day-tabs__actions[data-v-62fbbbd6] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.day-tabs--stacked .day-tabs__strip[data-v-62fbbbd6] {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.day-tabs--stacked .day-tabs__strip[data-v-62fbbbd6]::-webkit-scrollbar {
    display: none;
}
.day-tabs--stacked .day-tabs__strip > .day-tab[data-v-62fbbbd6]:last-child {
    margin-right: 40px;
}
.day-tabs__strip[data-v-62fbbbd6] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    overflow-x: visible;
    padding: 0;
    background: transparent;
}
.day-tabs__strip > .day-tab[data-v-62fbbbd6]:last-child {
    margin-right: 0;
}
.day-tabs__actions[data-v-62fbbbd6] {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-1ad537de]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.concurrent-group[data-v-1ad537de] {
  margin-bottom: 24px;
  border: 1px solid #E6E8EB;
  border-radius: 8px;
  overflow: hidden;
}
.concurrent-group--sessions[data-v-1ad537de] {
  border-left: 2px solid #058ED9;
}
.concurrent-group__header[data-v-1ad537de] {
  width: 100%;
  padding: 16px 20px 16px 16px;
  background: white;
  border-radius: 0;
  border-bottom: 1px solid #E6E8EB;
  position: relative;
  min-height: 72px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.concurrent-group__header[data-v-1ad537de]:hover {
  background: #FAFBFC;
}
.concurrent-group__time[data-v-1ad537de] {
  position: absolute;
  top: 50%;
  left: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #163874;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  min-width: 170px;
}
.concurrent-group__header-body[data-v-1ad537de] {
  margin-left: 194px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 4px 0;
}
.concurrent-group__icon-box[data-v-1ad537de] {
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #EFF0F2;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.concurrent-group__label[data-v-1ad537de] {
  color: #202020;
  font-size: 17px;
  font-weight: 700;
  white-space: nowrap;
}
.concurrent-group__count[data-v-1ad537de] {
  height: 24px;
  padding: 0 12px;
  background: #F0F0F0;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 500;
  color: #666664;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  margin-left: 12px;
}
.concurrent-group__spacer[data-v-1ad537de] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.concurrent-group__toggle-text[data-v-1ad537de] {
  color: #666664;
  font-size: 13px;
  font-weight: 400;
}
.concurrent-group__line-break[data-v-1ad537de] {
  display: none;
}
.concurrent-group__toggle-btn[data-v-1ad537de] {
  width: 40px;
  height: 40px;
  padding: 8px;
  background: #EFF0F2;
  border-radius: 8px;
  border: 1px solid transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  color: #163874;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.concurrent-group__toggle-btn[data-v-1ad537de]:hover {
  background: #FAFBFC;
  border-color: #C6C6C7;
}
.concurrent-group__toggle-btn[data-v-1ad537de]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}
.concurrent-group__chevron[data-v-1ad537de] {
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.concurrent-group__chevron--collapsed[data-v-1ad537de] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.concurrent-group__cards-wrap[data-v-1ad537de] {
  position: relative;
}
.concurrent-group__cards-wrap[data-v-1ad537de]::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: var(--scrollbar-width, 8px);
  height: 90px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(97%, white));
  background: linear-gradient(to bottom, transparent, white 97%);
  pointer-events: none;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.concurrent-group__cards-wrap--at-bottom[data-v-1ad537de]::after {
  opacity: 0;
}
.concurrent-group__cards[data-v-1ad537de] {
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 0;
  max-height: 440px;
  overflow-y: auto;
  scrollbar-width: thin;
}
@media (max-width: 1023px) {
.concurrent-group__header[data-v-1ad537de] {
    min-height: 0;
}
.concurrent-group__time[data-v-1ad537de] {
    position: static;
    -webkit-transform: none;
            transform: none;
    display: block;
    margin-bottom: 8px;
}
.concurrent-group__header-body[data-v-1ad537de] {
    margin-left: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.concurrent-group__spacer[data-v-1ad537de] {
    display: none;
}
}
@media (max-width: 991px) {
.concurrent-group__line-break[data-v-1ad537de] {
    display: block;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    height: 0;
}
.concurrent-group__count[data-v-1ad537de] {
    margin-left: 0;
}
.concurrent-group__spacer[data-v-1ad537de] {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-57a8667e]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.schedule-controls[data-v-57a8667e] {
  margin-bottom: 16px;
}
.schedule-controls__search-row[data-v-57a8667e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.schedule-controls__search[data-v-57a8667e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.schedule-controls__form[data-v-57a8667e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 10px 16px;
  background: white;
  border-radius: 8px;
  border: 1px solid #E6E8EB;
}
.schedule-controls__input[data-v-57a8667e] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border: none;
  outline: none;
  font-size: 15px;
  font-family: "Public Sans", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #202020;
  background: transparent;
}
.schedule-controls__input[data-v-57a8667e]::-webkit-input-placeholder {
  color: #666664;
}
.schedule-controls__input[data-v-57a8667e]::-moz-placeholder {
  color: #666664;
}
.schedule-controls__input[data-v-57a8667e]:-ms-input-placeholder {
  color: #666664;
}
.schedule-controls__input[data-v-57a8667e]::-ms-input-placeholder {
  color: #666664;
}
.schedule-controls__input[data-v-57a8667e]::placeholder {
  color: #666664;
}
.schedule-controls__search-icon[data-v-57a8667e] {
  background: none;
  border: none;
  cursor: pointer;
  color: #666664;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}
.schedule-controls__search-clear[data-v-57a8667e] {
  background: none;
  border: none;
  cursor: pointer;
  color: #666664;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  line-height: 1;
  padding: 0 8px;
}
.schedule-controls__search-clear[data-v-57a8667e]:hover {
  color: #202020;
}
.schedule-controls__sort[data-v-57a8667e] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
}
.schedule-controls__sort-select[data-v-57a8667e] {
  width: 100%;
  height: 44px;
  padding: 10px 40px 10px 16px;
  background: white;
  border-radius: 8px;
  border: 1px solid #E6E8EB;
  font-size: 14px;
  font-family: "Public Sans", sans-serif;
  font-weight: 400;
  color: #202020;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%230F172A' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
}
.schedule-controls__filters[data-v-57a8667e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
}
.schedule-controls__filter[data-v-57a8667e] {
  position: relative;
}
.schedule-controls__filter-trigger[data-v-57a8667e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  height: 44px;
  padding: 10px 16px;
  background: white;
  border-radius: 8px;
  border: 1px solid #E2E8F0;
  font-size: 14px;
  font-family: "Public Sans", sans-serif;
  font-weight: 400;
  color: #202020;
  cursor: pointer;
  white-space: nowrap;
}
.schedule-controls__filter-trigger--active[data-v-57a8667e] {
  border-color: #163874;
  color: #163874;
}
.schedule-controls__filter-chevron[data-v-57a8667e] {
  display: inline-block;
  width: 10px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%230F172A' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: -webkit-transform 0.15s ease;
  transition: -webkit-transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease;
}
.schedule-controls__filter-chevron--open[data-v-57a8667e] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.schedule-controls__filter-panel[data-v-57a8667e] {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  min-width: 200px;
  background: white;
  border: 1px solid #E6E8EB;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  z-index: 100;
  padding: 8px 0;
}
.schedule-controls__filter-item[data-v-57a8667e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 14px;
  font-family: "Public Sans", sans-serif;
  color: #202020;
  cursor: pointer;
}
.schedule-controls__filter-item[data-v-57a8667e]:hover {
  background: #FAFBFC;
}
.schedule-controls__filter-item input[type=checkbox][data-v-57a8667e] {
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 1024px) {
.schedule-controls__mobile-trigger[data-v-57a8667e] {
    display: none;
}
.schedule-controls__filters--desktop[data-v-57a8667e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.schedule-controls__drawer[data-v-57a8667e] {
    display: none !important;
}
.schedule-controls__sort--desktop[data-v-57a8667e] {
    display: block;
}
.schedule-controls__filter-panel[data-v-57a8667e] {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}
.schedule-controls__filter-item span[data-v-57a8667e] {
    white-space: nowrap;
}
}
@media (max-width: 1023px) {
.schedule-controls__mobile-trigger[data-v-57a8667e] {
    display: block;
    width: 100%;
    height: 44px;
    background: white;
    border: 1px solid #163874;
    border-radius: 8px;
    margin-top: 12px;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
    color: #202020;
    -webkit-box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
            box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
}
.schedule-controls__mobile-trigger[data-v-57a8667e]:hover {
    background: rgba(207, 228, 248, 0.2);
    border-color: #C6C6C7;
}
.schedule-controls__mobile-trigger[data-v-57a8667e]:focus-visible {
    outline: 2px solid #163874;
    outline-offset: 2px;
}
.schedule-controls__filters--desktop[data-v-57a8667e] {
    display: none;
}
.schedule-controls__sort--desktop[data-v-57a8667e] {
    display: none;
}
}
.schedule-controls__drawer[data-v-57a8667e] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 12000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.schedule-controls__drawer-panel[data-v-57a8667e] {
  background: white;
  width: 320px;
  max-width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.schedule-controls__drawer-close[data-v-57a8667e] {
  background: none;
  border: none;
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  color: #202020;
}
.schedule-controls__drawer-section[data-v-57a8667e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.schedule-controls__drawer-section-label[data-v-57a8667e] {
  font-size: 13px;
  font-weight: 600;
  color: #666664;
}
.schedule-controls__drawer-apply[data-v-57a8667e] {
  margin-top: auto;
  height: 44px;
  background: #FDDE00;
  color: #163874;
  border: none;
  border-radius: 8px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.schedule-controls__drawer-apply[data-v-57a8667e]:hover {
  background: #E0B000;
}
.schedule-controls__drawer-apply[data-v-57a8667e]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-150d6ac1]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.schedule-filter-tags[data-v-150d6ac1] {
  margin: 16px 0;
  min-height: 28px;
}
.schedule-filter-tags__inner[data-v-150d6ac1] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px 12px;
}
.schedule-filter-tags__group[data-v-150d6ac1] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.schedule-filter-tags__group-label[data-v-150d6ac1] {
  font-size: 14px;
  font-weight: 700;
  color: #202020;
}
.schedule-filter-tags__chip[data-v-150d6ac1] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  border-radius: 9999px;
  border: 1px solid #E6E8EB;
  background: #F0F0F0;
  color: #202020;
  font-size: 13px;
  font-family: inherit;
  cursor: pointer;
}
.schedule-filter-tags__chip-x[data-v-150d6ac1] {
  font-size: 16px;
  line-height: 1;
  color: #666664;
}
.schedule-filter-tags__clear[data-v-150d6ac1] {
  margin-left: auto;
  background: white;
  border: 1px solid #163874;
  border-radius: 8px;
  padding: 6px 14px;
  color: #202020;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  -webkit-box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
          box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
}
.schedule-filter-tags__clear[data-v-150d6ac1]:hover {
  background: rgba(207, 228, 248, 0.2);
  border-color: #C6C6C7;
}
.schedule-filter-tags__clear[data-v-150d6ac1]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-1b51ae6c]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.schedule-print[data-v-1b51ae6c] {
  font-family: "Public Sans", sans-serif;
  color: black;
  padding: 24px 32px;
}
.schedule-print__header[data-v-1b51ae6c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 16px;
}
.schedule-print__event-title[data-v-1b51ae6c] {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 4px;
}
.schedule-print__event-dates[data-v-1b51ae6c] {
  font-size: 14px;
  color: #616161;
  margin: 0;
}
.schedule-print__scope-label[data-v-1b51ae6c] {
  font-size: 20px;
  font-weight: 700;
}
.schedule-print__rule[data-v-1b51ae6c] {
  border-bottom: 4px solid #163874;
  margin-bottom: 24px;
}
.schedule-print__day[data-v-1b51ae6c] {
  margin-bottom: 24px;
}
.day-print-band[data-v-1b51ae6c] {
  background: #163874;
  color: white;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 16px;
  margin-bottom: 12px;
}
.schedule-print__concurrent-header[data-v-1b51ae6c] {
  font-size: 13px;
  font-weight: 700;
  color: #163874;
  margin: 12px 0 4px;
}
.session-print-row[data-v-1b51ae6c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  padding: 8px 0;
  border-bottom: 1px solid #e6e8eb;
  page-break-inside: avoid;
}
.session-print-row__time[data-v-1b51ae6c] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 180px;
          flex: 0 0 180px;
  font-weight: 600;
  color: #163874;
  font-size: 13px;
}
.session-print-row__main[data-v-1b51ae6c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.session-print-row__title[data-v-1b51ae6c] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
}
.session-print-row__meta[data-v-1b51ae6c] {
  font-size: 13px;
  color: #475569;
  margin-bottom: 4px;
}
.session-print-row__tags[data-v-1b51ae6c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px;
  margin-top: 4px;
}
.session-print-row__tag[data-v-1b51ae6c] {
  height: 22px;
  padding: 2px 10px;
  border-radius: 9999px;
  font-size: 12px;
  background: #f0f0f0;
  color: #1e1e1f;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.session-print-row__tag--credit[data-v-1b51ae6c] {
  background: #cfe4f8;
  color: #163874;
}
.schedule-print__filters[data-v-1b51ae6c] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.schedule-print__filters-label[data-v-1b51ae6c] {
  font-size: 13px;
  font-weight: 700;
  color: #475569;
  margin-right: 4px;
}
.schedule-print__filter-chip[data-v-1b51ae6c] {
  height: 22px;
  padding: 2px 10px;
  border-radius: 9999px;
  font-size: 12px;
  background: #f0f0f0;
  color: #1e1e1f;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-0e68b667]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.add-popover[data-v-0e68b667] {
  pointer-events: auto;
  font-family: "Public Sans", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.add-popover__pointer[data-v-0e68b667] {
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: 16px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  -webkit-filter: drop-shadow(0 -1px 1px rgba(22, 56, 116, 0.08));
          filter: drop-shadow(0 -1px 1px rgba(22, 56, 116, 0.08));
}
.add-popover--above .add-popover__pointer[data-v-0e68b667] {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  border-bottom: none;
  border-top: 10px solid white;
  -webkit-filter: drop-shadow(0 1px 1px rgba(22, 56, 116, 0.08));
          filter: drop-shadow(0 1px 1px rgba(22, 56, 116, 0.08));
}
.add-popover--above .add-popover__panel[data-v-0e68b667] {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.add-popover--left .add-popover__pointer[data-v-0e68b667] {
  margin-left: 16px;
  margin-right: auto;
}
.add-popover__panel[data-v-0e68b667] {
  background: white;
  border: 1px solid #E6E8EB;
  border-radius: 8px;
  padding: 16px;
  -webkit-box-shadow: 0 16px 24px -6px rgba(22, 56, 116, 0.14), 0 8px 10px -6px rgba(22, 56, 116, 0.1);
          box-shadow: 0 16px 24px -6px rgba(22, 56, 116, 0.14), 0 8px 10px -6px rgba(22, 56, 116, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.add-popover__message[data-v-0e68b667] {
  margin: 0;
  font-size: 16px;
  color: #666664;
  line-height: 1.5;
}
.add-popover__actions[data-v-0e68b667] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.add-popover__btn-primary[data-v-0e68b667],
.add-popover__btn-secondary[data-v-0e68b667] {
  height: 32px;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
}
.add-popover__btn-primary[data-v-0e68b667] {
  background: #163874;
  color: white;
  border: none;
}
.add-popover__btn-secondary[data-v-0e68b667] {
  background: white;
  color: #202020;
  border: 1px solid #163874;
  -webkit-box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
          box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
}
.add-popover__btn-secondary[data-v-0e68b667]:hover {
  background: rgba(207, 228, 248, 0.2);
  border-color: #C6C6C7;
}
.add-popover__btn-secondary[data-v-0e68b667]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-b5955010]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.session-print[data-v-b5955010] {
  font-family: "Public Sans", sans-serif;
  color: black;
  padding: 24px 32px;
}
.session-print__header[data-v-b5955010] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 16px;
}
.session-print__event-title[data-v-b5955010] {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 4px;
}
.session-print__event-dates[data-v-b5955010] {
  font-size: 14px;
  color: #616161;
  margin: 0;
}
.session-print__section-label[data-v-b5955010] {
  font-size: 20px;
  font-weight: 700;
}
.session-print__rule[data-v-b5955010] {
  border-bottom: 4px solid #163874;
  margin-bottom: 32px;
}
.session-print__card[data-v-b5955010] {
  padding: 24px 16px;
  margin-bottom: 32px;
}
.session-print__eyebrow[data-v-b5955010] {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #666664;
  margin: 0 0 4px;
}
.session-print__title[data-v-b5955010] {
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 16px;
  line-height: 1.3;
}
.session-print__meta[data-v-b5955010] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 12px;
  font-size: 14px;
  color: #475569;
}
.session-print__tags[data-v-b5955010] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.session-print__tag[data-v-b5955010] {
  height: 24px;
  padding: 4px 12px;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e6e8eb;
  background: #f0f0f0;
  color: #1e1e1f;
}
.session-print__tag--credit[data-v-b5955010] {
  background: #cfe4f8;
  color: #163874;
  border-color: transparent;
}
.session-print__tag--prereg[data-v-b5955010] {
  background: #fef2f2;
  color: #93172e;
  border-color: transparent;
}
.session-print__tag--topic[data-v-b5955010] {
  background: #e0f2f1;
  color: #00587c;
  border-color: transparent;
}
.session-print__description[data-v-b5955010] {
  font-size: 16px;
  line-height: 1.5;
  color: #1e1e1f;
}
.session-print__speakers[data-v-b5955010] {
  margin-top: 24px;
}
.session-print__speakers-heading[data-v-b5955010] {
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 16px;
}
.session-print__speaker[data-v-b5955010] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 24px;
  page-break-inside: avoid;
}
.session-print__speaker-photo[data-v-b5955010] {
  width: 120px;
  height: 120px;
  border-radius: 9999px;
  -o-object-fit: cover;
     object-fit: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.session-print__speaker-name[data-v-b5955010] {
  font-size: 18px;
  font-weight: 700;
  color: #202020;
  margin-bottom: 4px;
}
.session-print__speaker-title[data-v-b5955010] {
  font-size: 16px;
  font-weight: 600;
  color: #666664;
  margin-bottom: 8px;
}
.session-print__speaker-bio[data-v-b5955010] {
  font-size: 16px;
  color: #666664;
  line-height: 1.5;
  margin: 0;
}
@media print {
.session-print__speaker-photo[data-v-b5955010] {
    display: block;
}
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-7c2118fc]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.share-popover[data-v-7c2118fc] {
  pointer-events: auto;
  font-family: "Public Sans", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.share-popover__pointer[data-v-7c2118fc] {
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: 16px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  -webkit-filter: drop-shadow(0 -1px 1px rgba(22, 56, 116, 0.08));
          filter: drop-shadow(0 -1px 1px rgba(22, 56, 116, 0.08));
}
.share-popover--above .share-popover__pointer[data-v-7c2118fc] {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  border-bottom: none;
  border-top: 10px solid white;
  -webkit-filter: drop-shadow(0 1px 1px rgba(22, 56, 116, 0.08));
          filter: drop-shadow(0 1px 1px rgba(22, 56, 116, 0.08));
}
.share-popover--above .share-popover__panel[data-v-7c2118fc] {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.share-popover--left .share-popover__pointer[data-v-7c2118fc] {
  margin-left: 16px;
  margin-right: auto;
}
.share-popover__panel[data-v-7c2118fc] {
  background: white;
  border: 1px solid #E6E8EB;
  border-radius: 8px;
  padding: 12px;
  -webkit-box-shadow: 0 16px 24px -6px rgba(22, 56, 116, 0.14), 0 8px 10px -6px rgba(22, 56, 116, 0.1);
          box-shadow: 0 16px 24px -6px rgba(22, 56, 116, 0.14), 0 8px 10px -6px rgba(22, 56, 116, 0.1);
}
.share-popover__copy-row[data-v-7c2118fc] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.share-popover__url-input[data-v-7c2118fc] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 8px 10px;
  border: 1px solid #E6E8EB;
  border-radius: 6px;
  font-size: 13px;
  font-family: "Public Sans", sans-serif;
  color: #202020;
  background: #FAFBFC;
  outline: none;
  min-width: 0;
}
.share-popover__url-input[data-v-7c2118fc]:focus {
  border-color: #163874;
}
.share-popover__copy-btn[data-v-7c2118fc] {
  padding: 8px 14px;
  background: #FDDE00;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  font-family: "Public Sans", sans-serif;
  color: #163874;
  cursor: pointer;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
}
.share-popover__copy-btn[data-v-7c2118fc]:hover {
  background: #E0B000;
}
.share-popover__copy-btn[data-v-7c2118fc]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-f42e8596]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.session-detail[data-v-f42e8596] {
  font-family: "Public Sans", sans-serif;
  background: rgb(247, 247, 248);
}
.session-detail__nav[data-v-f42e8596] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 20px 0;
}
.session-detail__layout[data-v-f42e8596] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto;
  padding: 16px 20px 24px;
}
.session-detail__main[data-v-f42e8596] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.session-detail__loading[data-v-f42e8596],
.session-detail__error[data-v-f42e8596] {
  padding: 40px 20px;
  color: #666664;
  font-size: 16px;
}
.session-detail__back-btn[data-v-f42e8596] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  padding: 0 12px;
  background: white;
  border: 1px solid #163874;
  border-radius: 8px;
  color: #202020;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  -webkit-box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
          box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
}
.session-detail__back-btn[data-v-f42e8596]:hover {
  background: rgba(207, 228, 248, 0.2);
  border-color: #C6C6C7;
}
.session-detail__back-btn[data-v-f42e8596]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}
.session-detail__card[data-v-f42e8596] {
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06);
  padding: 40px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.session-detail__eyebrow[data-v-f42e8596] {
  font-size: 10px;
  font-weight: 700;
  color: #666664;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  line-height: 1;
}
.session-detail__title[data-v-f42e8596] {
  font-size: 26px;
  font-weight: 700;
  color: #202020;
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin: 0;
}
.session-detail__meta-row[data-v-f42e8596] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}
.session-detail__meta-item[data-v-f42e8596] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 500;
  color: #666664;
  line-height: 1;
}
.session-detail__meta-icon[data-v-f42e8596] {
  color: #666664;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.session-detail__tags[data-v-f42e8596] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.session-detail__tag[data-v-f42e8596] {
  height: 24px;
  padding: 4px 8px;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}
.session-detail__tag--type[data-v-f42e8596] {
  background: #F0F0F0;
  color: #666664;
}
.session-detail__tag--topic[data-v-f42e8596] {
  background: #E0F2F1;
  color: #00587C;
}
.session-detail__tag--credit[data-v-f42e8596] {
  background: #CFE4F8;
  color: #163874;
}
.session-detail__tag--prereg[data-v-f42e8596] {
  background: #FEF2F2;
  color: #93172E;
}
.session-detail__description[data-v-f42e8596] {
  font-size: 16px;
  font-weight: 400;
  color: #666664;
  line-height: 1.5;
}
.session-detail__description[data-v-f42e8596]  p {
  margin: 0 0 16px;
}
.session-detail__description[data-v-f42e8596]  p:last-child {
  margin-bottom: 0;
}
.session-detail__speakers-section[data-v-f42e8596] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.session-detail__speakers-heading[data-v-f42e8596] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 16px;
  font-weight: 700;
  color: #202020;
}
.session-detail__speaker-icon[data-v-f42e8596] {
  color: #202020;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.session-detail__tools[data-v-f42e8596] {
  background: white;
  border: 1px solid #E6E8EB;
  border-radius: 12px;
  padding: 32px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.session-detail__tools-heading[data-v-f42e8596] {
  font-size: 16px;
  font-weight: 700;
  color: #202020;
  line-height: 1.5;
}
.session-detail__tools-subheading[data-v-f42e8596] {
  font-size: 18px;
  font-weight: 700;
  color: #666664;
  line-height: 1.35;
  letter-spacing: -0.01em;
}
.session-detail__tools-body[data-v-f42e8596] {
  font-size: 16px;
  font-weight: 400;
  color: #666664;
  line-height: 1.5;
}
.session-detail__tools-body p[data-v-f42e8596] {
  margin: 0 0 8px;
}
.session-detail__tools-body p[data-v-f42e8596]:last-child {
  margin-bottom: 0;
}
.session-detail__tools-actions[data-v-f42e8596] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 8px;
}
.session-detail__tools-login-btn[data-v-f42e8596] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  padding: 0 12px;
  background: #FDDE00;
  color: #163874;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  text-decoration: none;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
}
.session-detail__tools-login-btn[data-v-f42e8596]:hover {
  background: #E0B000;
}
.session-detail__tools-login-btn[data-v-f42e8596]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}
.session-detail__tools-download-btn[data-v-f42e8596] {
  height: 40px;
  padding: 0 12px;
  background: white;
  border: 1px solid #163874;
  border-radius: 8px;
  color: #202020;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
          box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
}
.session-detail__tools-download-btn[data-v-f42e8596]:hover {
  background: rgba(207, 228, 248, 0.2);
  border-color: #C6C6C7;
}
.session-detail__tools-download-btn[data-v-f42e8596]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}
@media (max-width: 1023px) {
.session-detail__layout[data-v-f42e8596] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
#bluesearch {
  --font-size: 1rem;
  --font-weight: 400;
  --line-height: 1.3;
  --color: #171717;
  --reset-hover-color: rgb(0, 92.72, 183);
  --reset-transition: color 0.2s ease;
  --link-transition: color 0.2s ease;
  --accordion-title-color: #171717;
  --accordion-title-active-color: #1e90ff;
  --accordion-title-transition: color 0.2s ease;
  --border-color: #e5e5e5;
  --label-color: #171717;
  --label-background: #e5e5e5;
  --button-color: #171717;
  --button-background: #e5e5e5;
  --button-hover-color: #fff;
  --button-transition: color 0.2s ease, background 0.2s ease;
  --check-background: transparent;
  --check-border: #e5e5e5;
  --check-active-color: #fff;
  --check-active-background: #1e90ff;
  --check-active-border: #1e90ff;
  --check-transition: color 0.2s ease, background 0.2s ease, border 0.2s ease;
  --tag-color: #171717;
  --tag-background: #e5e5e5;
  --tag-hover-color: #fff;
  --tag-hover-background: #ff6666;
  --tag-transition: color 0.2s ease, background 0.2s ease;
  --pagination-nav-color: #fff;
  --pagination-nav-background: #535353;
  --pagination-nav-hover-color: #fff;
  --pagination-nav-hover-background: #1e90ff;
  --pagination-nav-disabled-opacity: 0.2;
  --pagination-nav-transition: color 0.2s ease, background 0.2s ease;
  --pagination-number-color: #535353;
  --pagination-number-background: transparent;
  --pagination-number-hover-color: #535353;
  --pagination-number-hover-background: #e5e5e5;
  --pagination-number-active-color: #fff;
  --pagination-number-active-background: #1e90ff;
  --pagination-number-transition: color 0.2s ease, background 0.2s ease;
}
#bluesearch *:focus {
  outline: none;
  -webkit-box-shadow: inset 0 0 0 0.125rem var(--focus-color);
          box-shadow: inset 0 0 0 0.125rem var(--focus-color);
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-638edcd4]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
#bluesearch[data-v-638edcd4] {
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  font-family: var(--font-family);
  line-height: var(--line-height);
  color: var(--color);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#bluesearch[data-v-638edcd4] *, #bluesearch[data-v-638edcd4] *::before, #bluesearch[data-v-638edcd4] *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
#bluesearch[data-v-638edcd4] a {
  -webkit-transition: var(--link-transition);
  transition: var(--link-transition);
  color: var(--link-color);
}
#bluesearch[data-v-638edcd4] a:hover {
  color: var(--link-hover-color);
}
.search[data-v-638edcd4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: relative;
}
.search__layout[data-v-638edcd4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
.search__layout[data-v-638edcd4] {
    display: -ms-grid;
    display: grid;
    gap: 2rem 2rem;
    -ms-grid-columns: minmax(15rem, 1fr) 2rem 3fr;
    grid-template-columns: minmax(15rem, 1fr) 3fr;
    -ms-grid-rows: auto 2rem auto 2rem 1fr 2rem auto;
    grid-template-rows: auto auto 1fr auto;
        grid-template-areas: "head head" "rail main" "rail foot";
}
}
@media (min-width: 992px) {
.search__layout[data-hide-rail][data-v-638edcd4] {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: "head" "main" "foot";
}
}
.search__header[data-v-638edcd4] {
  grid-area: head;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  overflow: hidden;
  padding: 3px;
  margin: -3px;
}
.search__rail[data-v-638edcd4] {
  grid-area: rail;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 100%;
  overflow: hidden;
  padding: 3px;
  margin: -3px;
}
.search__main[data-v-638edcd4] {
  grid-area: main;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
  max-width: 100%;
  overflow: hidden;
  padding: 3px;
  margin: -3px;
}
.search__footer[data-v-638edcd4] {
  grid-area: foot;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 100%;
  overflow: hidden;
  padding: 3px;
  margin: -3px;
}
@media (min-width: 992px) {
.search__header[data-v-638edcd4] {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
}
.search__layout[data-hide-rail][data-v-638edcd4] > .search__header[data-v-638edcd4] {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
}
.search__rail[data-v-638edcd4] {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
}
.search__main[data-v-638edcd4] {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}
.search__layout[data-hide-rail][data-v-638edcd4] > .search__main[data-v-638edcd4] {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}
.search__footer[data-v-638edcd4] {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}
.search__layout[data-hide-rail][data-v-638edcd4] > .search__footer[data-v-638edcd4] {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-218c3df2]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
span.root[data-v-218c3df2] {
  display: contents;
}
.search-query[data-v-218c3df2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  gap: 0.5rem;
}
@media (min-width: 576px) {
.search-query[data-v-218c3df2] {
    gap: 0;
}
}
.search-query__form[data-v-218c3df2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  padding: 0;
  margin: 0;
  gap: 0.5rem;
}
@media (min-width: 576px) {
.search-query__form[data-v-218c3df2] {
    gap: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}
}
.search-query__wrapper[data-v-218c3df2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border: 1px solid var(--border-color);
}
.search-query__wrapper[data-v-218c3df2]:focus-within {
  -webkit-box-shadow: inset 0 0 0 0.125rem var(--focus-color);
          box-shadow: inset 0 0 0 0.125rem var(--focus-color);
}
@media (min-width: 576px) {
.search-query__wrapper[data-v-218c3df2] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
}
}
.search-query__label[data-v-218c3df2], .search-query__sort-label[data-v-218c3df2] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
}
.search-query__input[data-v-218c3df2] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  width: 100%;
  margin: 0;
  padding: 1rem;
}
@media (min-width: 576px) {
.search-query__input[data-v-218c3df2] {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
}
}
.search-query__input[data-v-218c3df2]:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.search-query__input[data-v-218c3df2]::-webkit-input-placeholder {
  color: var(--color);
  font-weight: 300;
}
.search-query__input[data-v-218c3df2]::-moz-placeholder {
  color: var(--color);
  font-weight: 300;
}
.search-query__input[data-v-218c3df2]:-ms-input-placeholder {
  color: var(--color);
  font-weight: 300;
}
.search-query__input[data-v-218c3df2]::-ms-input-placeholder {
  color: var(--color);
  font-weight: 300;
}
.search-query__input[data-v-218c3df2]::placeholder {
  color: var(--color);
  font-weight: 300;
}
.search-query__reset[data-v-218c3df2] {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  border-radius: 0;
  cursor: pointer;
  padding: 0.5rem;
  margin: 0 0.5rem;
  font-weight: 700;
  color: var(--reset-color);
  -webkit-transition: var(--reset-transition);
  transition: var(--reset-transition);
}
.search-query__reset[data-v-218c3df2]:hover {
  color: var(--reset-hover-color);
}
.search-query__submit[data-v-218c3df2] {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-decoration: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
.search-query__submit[data-v-218c3df2]:hover {
  text-decoration: none;
}
.search-query__submit[data-v-218c3df2] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 1rem;
  background: var(--button-background);
  color: var(--button-color);
  -webkit-transition: var(--button-transition);
  transition: var(--button-transition);
}
@media (max-width: 576px) {
.search-query__submit[data-v-218c3df2] {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
}
}
.search-query__submit[data-v-218c3df2]:hover {
  background: var(--button-hover-background);
  color: var(--button-hover-color);
}
.search-query__sort[data-v-218c3df2] {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  border: 1px solid var(--border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 576px) {
.search-query__sort[data-v-218c3df2] {
    margin-left: 1rem;
}
}
.search-query__sort[data-v-218c3df2]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.25rem;
  height: 0.5rem;
  width: 0.5rem;
  border-left: 2px solid;
  border-bottom: 2px solid;
  -webkit-transform: translate(50%, -75%) rotate(-45deg);
          transform: translate(50%, -75%) rotate(-45deg);
}
.search-query__sort select[data-v-218c3df2] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  padding: 1rem;
  padding-right: 2.5rem;
  min-width: 100%;
}
.search-query__results[data-v-218c3df2] {
  line-height: 1;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  -ms-flex-item-align: start;
      align-self: flex-start;
  background: var(--label-background);
  color: var(--label-color);
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-3fa5cd31]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
span.root[data-v-3fa5cd31] {
  display: contents;
}
.search__tags[data-v-3fa5cd31] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  margin: 0;
}@charset "UTF-8";
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-1fccfd4a]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
span.root[data-v-1fccfd4a] {
  display: contents;
}
.search-filters[data-v-1fccfd4a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  position: sticky;
  top: 0;
  z-index: 2;
}
.search-filters__inner[data-v-1fccfd4a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 300px;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  z-index: 100;
}
.search-filters__inner[data-v-1fccfd4a]::before, .search-filters__inner[data-v-1fccfd4a]::after {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
}
.search-filters__inner[data-v-1fccfd4a]::before {
  position: absolute;
  z-index: -1;
  left: 0;
  background: #fff;
}
.search-filters__inner[data-v-1fccfd4a]::after {
  position: fixed;
  z-index: -2;
  width: calc(100vw + 300px);
  height: 100vh;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.85);
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateX(-300px);
          transform: translateX(-300px);
}
.search-filters__inner.active[data-v-1fccfd4a] {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.search-filters__inner.active[data-v-1fccfd4a]::after {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media (min-width: 992px) {
.search-filters__inner[data-v-1fccfd4a] {
    position: relative;
    height: auto;
    width: auto;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
    z-index: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.search-filters__inner[data-v-1fccfd4a]::before, .search-filters__inner[data-v-1fccfd4a]::after {
    display: none;
}
}
.search-filters__inner > *[data-v-1fccfd4a]:last-child {
  margin-bottom: 0;
}
.search-filters__content[data-v-1fccfd4a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  padding: 0 1.5rem 1.5rem;
}
@media (min-width: 992px) {
.search-filters__content[data-v-1fccfd4a] {
    padding: 0;
    height: auto;
    overflow: visible;
}
}
.search-filters__form[data-v-1fccfd4a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  margin: 0;
}
.search-filters__toggle[data-v-1fccfd4a], .search-filters__close[data-v-1fccfd4a], .search-filters__btn[data-v-1fccfd4a] {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  text-decoration: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
.search-filters__toggle[data-v-1fccfd4a]:hover, .search-filters__close[data-v-1fccfd4a]:hover, .search-filters__btn[data-v-1fccfd4a]:hover {
  text-decoration: none;
}
.search-filters__toggle[data-v-1fccfd4a], .search-filters__close[data-v-1fccfd4a], .search-filters__btn[data-v-1fccfd4a] {
  padding: 1rem;
  background: var(--button-background);
  color: var(--button-color);
  -webkit-transition: var(--button-transition);
  transition: var(--button-transition);
}
.search-filters__toggle[data-v-1fccfd4a]:hover, .search-filters__close[data-v-1fccfd4a]:hover, .search-filters__btn[data-v-1fccfd4a]:hover {
  background: var(--button-hover-background);
  color: var(--button-hover-color);
}
.search-filters__toggle[data-v-1fccfd4a]:disabled, .search-filters__close[data-v-1fccfd4a]:disabled, .search-filters__btn[data-v-1fccfd4a]:disabled {
  pointer-events: none;
  opacity: 0.75;
}
.search-filters__close[data-v-1fccfd4a] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: -1px;
  padding: 1rem 1.5rem;
  line-height: 1;
  font-size: 0.875rem;
  z-index: 1;
}
.search-filters__close[data-v-1fccfd4a]::after {
  content: "×";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 1.25rem;
  line-height: 0;
}
@media (min-width: 992px) {
.search-filters__toggle[data-v-1fccfd4a], .search-filters__close[data-v-1fccfd4a] {
    display: none;
}
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-20354a8b]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.search-pagination[data-v-20354a8b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: span 1/span 1;
  margin: 3rem 0;
  -webkit-transition: opacity 0.5s 0.5s ease;
  transition: opacity 0.5s 0.5s ease;
}
.search-pagination.adjusting[data-v-20354a8b] {
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}
.search-pagination__inner[data-v-20354a8b] {
  gap: 0.125rem;
}
@media screen and (min-width: 36rem) {
.search-pagination__inner[data-v-20354a8b] {
    gap: calc(0.125rem + 0.2625 * (100vw - 36rem) / 26);
}
}
@media screen and (min-width: 62rem) {
.search-pagination__inner[data-v-20354a8b] {
    gap: 0.3875rem;
}
}
.search-pagination__inner[data-v-20354a8b] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.search-pagination__prev[data-v-20354a8b], .search-pagination__next[data-v-20354a8b] {
  width: 1.375rem;
}
@media screen and (min-width: 36rem) {
.search-pagination__prev[data-v-20354a8b], .search-pagination__next[data-v-20354a8b] {
    width: calc(1.375rem + 1.75 * (100vw - 36rem) / 26);
}
}
@media screen and (min-width: 62rem) {
.search-pagination__prev[data-v-20354a8b], .search-pagination__next[data-v-20354a8b] {
    width: 3.125rem;
}
}
.search-pagination__prev[data-v-20354a8b], .search-pagination__next[data-v-20354a8b] {
  height: 1.375rem;
}
@media screen and (min-width: 36rem) {
.search-pagination__prev[data-v-20354a8b], .search-pagination__next[data-v-20354a8b] {
    height: calc(1.375rem + 1.75 * (100vw - 36rem) / 26);
}
}
@media screen and (min-width: 62rem) {
.search-pagination__prev[data-v-20354a8b], .search-pagination__next[data-v-20354a8b] {
    height: 3.125rem;
}
}
.search-pagination__prev[data-v-20354a8b], .search-pagination__next[data-v-20354a8b] {
  -ms-flex-preferred-size: 1.375rem;
      flex-basis: 1.375rem;
}
@media screen and (min-width: 36rem) {
.search-pagination__prev[data-v-20354a8b], .search-pagination__next[data-v-20354a8b] {
    -ms-flex-preferred-size: calc(1.375rem + 1.75 * (100vw - 36rem) / 26);
        flex-basis: calc(1.375rem + 1.75 * (100vw - 36rem) / 26);
}
}
@media screen and (min-width: 62rem) {
.search-pagination__prev[data-v-20354a8b], .search-pagination__next[data-v-20354a8b] {
    -ms-flex-preferred-size: 3.125rem;
        flex-basis: 3.125rem;
}
}
.search-pagination__prev[data-v-20354a8b], .search-pagination__next[data-v-20354a8b] {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 0;
  color: var(--pagination-nav-color);
  background: var(--pagination-nav-background);
  -webkit-transition: var(--pagination-nav-transition);
  transition: var(--pagination-nav-transition);
}
.search-pagination__prev span[data-v-20354a8b], .search-pagination__next span[data-v-20354a8b] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
}
.search-pagination__prev[data-v-20354a8b]::after, .search-pagination__next[data-v-20354a8b]::after {
  content: "";
  height: 30%;
  width: 30%;
  border-left: 0.125rem solid currentColor;
  border-bottom: 0.125rem solid currentColor;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.search-pagination__prev[data-v-20354a8b]:is(span), .search-pagination__next[data-v-20354a8b]:is(span) {
  opacity: var(--pagination-nav-disabled-opacity);
}
.search-pagination__prev[data-v-20354a8b]:is(button), .search-pagination__next[data-v-20354a8b]:is(button) {
  cursor: pointer;
}
.search-pagination__prev[data-v-20354a8b]:is(button):hover, .search-pagination__next[data-v-20354a8b]:is(button):hover {
  background: var(--pagination-nav-hover-background);
  color: var(--pagination-nav-hover-color);
}
.search-pagination__prev[data-v-20354a8b]::after {
  -webkit-transform: translateX(25%) rotate(45deg);
          transform: translateX(25%) rotate(45deg);
}
.search-pagination__next[data-v-20354a8b]::after {
  -webkit-transform: translateX(-25%) rotate(-135deg);
          transform: translateX(-25%) rotate(-135deg);
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-6a2da600]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
span.root[data-v-6a2da600] {
  display: contents;
}
.search__results[data-v-6a2da600] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
.search__results-empty[data-v-6a2da600] {
  font-style: italic;
  margin: 2rem;
  text-align: center;
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-0d9632dc]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.session-type-icon[data-v-0d9632dc] {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-393dec0c]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.speaker-card[data-v-393dec0c] {
  background: white;
  border-radius: 12px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06);
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.speaker-card__photo-wrap[data-v-393dec0c] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 9999px;
  overflow: hidden;
  background: #0E3B74;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.speaker-card__photo[data-v-393dec0c] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.speaker-card__photo-fallback[data-v-393dec0c] {
  color: white;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}
.speaker-card__info[data-v-393dec0c] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.speaker-card__name[data-v-393dec0c] {
  font-size: 18px;
  font-weight: 700;
  color: #202020;
  line-height: 1.35;
  margin-bottom: 4px;
}
.speaker-card__title[data-v-393dec0c] {
  font-size: 13px;
  font-weight: 600;
  color: #666664;
  margin-bottom: 12px;
  line-height: 1.3;
}
.speaker-card__bio[data-v-393dec0c] {
  font-size: 16px;
  font-weight: 400;
  color: #666664;
  line-height: 1.5;
  margin: 0;
}
@media (max-width: 1023px) {
.speaker-card[data-v-393dec0c] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.speaker-card__info[data-v-393dec0c] {
    text-align: center;
    width: 100%;
}
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-4cda2be8]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.session-sidebar[data-v-4cda2be8] {
  width: 368px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (max-width: 1023px) {
.session-sidebar[data-v-4cda2be8] {
    width: 100%;
    max-width: none;
}
}
.session-sidebar__card[data-v-4cda2be8] {
  background: white;
  border: 1px solid #E6E8EB;
  border-radius: 12px;
  padding: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.session-sidebar__manage-btn[data-v-4cda2be8] {
  width: 100%;
  height: 48px;
  background: #FDDE00;
  color: #163874;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
}
.session-sidebar__manage-btn[data-v-4cda2be8]:hover {
  background: #E0B000;
}
.session-sidebar__manage-btn[data-v-4cda2be8]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}
.session-sidebar__actions[data-v-4cda2be8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.session-sidebar__action-btn[data-v-4cda2be8] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  padding: 0 12px;
  background: white;
  border: 1px solid #163874;
  border-radius: 8px;
  color: #202020;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  -webkit-box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
          box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
}
.session-sidebar__action-btn[data-v-4cda2be8]:hover {
  background: rgba(207, 228, 248, 0.2);
  border-color: #C6C6C7;
}
.session-sidebar__action-btn[data-v-4cda2be8]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}
.session-sidebar__materials[data-v-4cda2be8] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.session-sidebar__materials-label[data-v-4cda2be8] {
  font-size: 13px;
  font-weight: 600;
  color: #666664;
  line-height: 1;
}
.session-sidebar__materials-panel[data-v-4cda2be8] {
  border: 1px dashed #E6E8EB;
  background: #EFF0F2;
  border-radius: 8px;
  padding: 16px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.session-sidebar__lock-icon[data-v-4cda2be8] {
  color: #666664;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.session-sidebar__materials-copy[data-v-4cda2be8] {
  font-size: 16px;
  font-weight: 400;
  color: #666664;
  line-height: 1.5;
  margin: 0;
  text-align: center;
  width: 100%;
}
.session-sidebar__login-btn[data-v-4cda2be8] {
  height: 40px;
  padding: 0 12px;
  background: white;
  border: 1px solid #163874;
  border-radius: 8px;
  color: #202020;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  -webkit-box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
          box-shadow: 0px 4px 4px -2px rgba(10, 9, 13, 0.04), 0px 1px 4px -2px rgba(10, 9, 13, 0.08);
}
.session-sidebar__login-btn[data-v-4cda2be8]:hover {
  background: rgba(207, 228, 248, 0.2);
  border-color: #C6C6C7;
}
.session-sidebar__login-btn[data-v-4cda2be8]:focus-visible {
  outline: 2px solid #163874;
  outline-offset: 2px;
}
.session-sidebar__sponsor[data-v-4cda2be8] {
  background: white;
  border: 1px solid #E6E8EB;
  border-radius: 8px;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.session-sidebar__sponsor-label[data-v-4cda2be8] {
  font-size: 12px;
  font-weight: 600;
  color: #666664;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.session-sidebar__sponsor-logo[data-v-4cda2be8] {
  font-size: 14px;
  font-weight: 400;
  color: #A04B01;
  background: #FFFAD0;
  border: 1px solid #E6E8EB;
  border-radius: 8px;
  padding: 12px 24px;
  text-align: center;
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.navigate-enter-active,
.navigate-leave-active {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.navigate-enter-from {
  opacity: 0;
  position: absolute;
}
.navigate-leave-to {
  opacity: 0;
  z-index: 1;
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-3253ecbd]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.loader[data-v-3253ecbd] {
  position: relative;
  display: inline-block;
  font-size: 10rem;
  width: 1em;
  height: 1em;
  margin: 0.333em auto;
}
.loader div[data-v-3253ecbd] {
  -webkit-animation: loader-data-v-3253ecbd 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: loader-data-v-3253ecbd 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -webkit-transform-origin: 0.5em 0.5em;
          transform-origin: 0.5em 0.5em;
}
.loader div[data-v-3253ecbd]:after {
  content: " ";
  display: block;
  position: absolute;
  width: 0.0875em;
  height: 0.0875em;
  border-radius: 50%;
  background: var(--loader-color);
  margin: -0.05em 0 0 -0.05em;
}
.loader div[data-v-3253ecbd]:nth-child(1) {
  -webkit-animation-delay: -0.036s;
          animation-delay: -0.036s;
}
.loader div[data-v-3253ecbd]:nth-child(1):after {
  top: 0.7875em;
  left: 0.7875em;
}
.loader div[data-v-3253ecbd]:nth-child(2) {
  -webkit-animation-delay: -0.072s;
          animation-delay: -0.072s;
}
.loader div[data-v-3253ecbd]:nth-child(2):after {
  top: 0.85em;
  left: 0.7em;
}
.loader div[data-v-3253ecbd]:nth-child(3) {
  -webkit-animation-delay: -0.108s;
          animation-delay: -0.108s;
}
.loader div[data-v-3253ecbd]:nth-child(3):after {
  top: 0.8875em;
  left: 0.6em;
}
.loader div[data-v-3253ecbd]:nth-child(4) {
  -webkit-animation-delay: -0.144s;
          animation-delay: -0.144s;
}
.loader div[data-v-3253ecbd]:nth-child(4):after {
  top: 0.9em;
  left: 0.5em;
}
.loader div[data-v-3253ecbd]:nth-child(5) {
  -webkit-animation-delay: -0.18s;
          animation-delay: -0.18s;
}
.loader div[data-v-3253ecbd]:nth-child(5):after {
  top: 0.8875em;
  left: 0.4em;
}
.loader div[data-v-3253ecbd]:nth-child(6) {
  -webkit-animation-delay: -0.216s;
          animation-delay: -0.216s;
}
.loader div[data-v-3253ecbd]:nth-child(6):after {
  top: 0.85em;
  left: 0.3em;
}
.loader div[data-v-3253ecbd]:nth-child(7) {
  -webkit-animation-delay: -0.252s;
          animation-delay: -0.252s;
}
.loader div[data-v-3253ecbd]:nth-child(7):after {
  top: 0.7875em;
  left: 0.2125em;
}
.loader div[data-v-3253ecbd]:nth-child(8) {
  -webkit-animation-delay: -0.288s;
          animation-delay: -0.288s;
}
.loader div[data-v-3253ecbd]:nth-child(8):after {
  top: 0.7em;
  left: 0.15em;
}
@-webkit-keyframes loader-data-v-3253ecbd {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes loader-data-v-3253ecbd {
0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}@charset "UTF-8";
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-5248fa2c]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.search__tag[data-v-5248fa2c] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  background: var(--tag-background);
  color: var(--tag-color);
  cursor: pointer;
  -webkit-transition: var(--tag-transition);
  transition: var(--tag-transition);
}
.search__tag[data-v-5248fa2c]:hover {
  background: var(--tag-hover-background);
  color: var(--tag-hover-color);
}
.search__tag[data-v-5248fa2c]::after {
  content: "×";
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-1b399021]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.search-pagination__number[data-v-1b399021] {
  width: 1.375rem;
}
@media screen and (min-width: 36rem) {
.search-pagination__number[data-v-1b399021] {
    width: calc(1.375rem + 1.75 * (100vw - 36rem) / 26);
}
}
@media screen and (min-width: 62rem) {
.search-pagination__number[data-v-1b399021] {
    width: 3.125rem;
}
}
.search-pagination__number[data-v-1b399021] {
  height: 1.375rem;
}
@media screen and (min-width: 36rem) {
.search-pagination__number[data-v-1b399021] {
    height: calc(1.375rem + 1.75 * (100vw - 36rem) / 26);
}
}
@media screen and (min-width: 62rem) {
.search-pagination__number[data-v-1b399021] {
    height: 3.125rem;
}
}
.search-pagination__number[data-v-1b399021] {
  font-size: 0.875rem;
}
@media screen and (min-width: 36rem) {
.search-pagination__number[data-v-1b399021] {
    font-size: calc(0.875rem + 0.25 * (100vw - 36rem) / 26);
}
}
@media screen and (min-width: 62rem) {
.search-pagination__number[data-v-1b399021] {
    font-size: 1.125rem;
}
}
.search-pagination__number[data-v-1b399021] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: var(--pagination-number-color);
  background: var(--pagination-number-background);
  -webkit-transition: var(--pagination-nav-transition);
  transition: var(--pagination-nav-transition);
  border: none;
  border-radius: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.search-pagination__number[data-v-1b399021]:is(span) {
  color: var(--pagination-number-active-color);
  background: var(--pagination-number-active-background);
}
.search-pagination__number[data-v-1b399021]:is(button) {
  cursor: pointer;
}
.search-pagination__number[data-v-1b399021]:is(button):hover {
  color: var(--pagination-number-hover-color);
  background: var(--pagination-number-hover-background);
}
.search-pagination__ellipsis[data-v-1b399021] {
  width: 1.375rem;
}
@media screen and (min-width: 36rem) {
.search-pagination__ellipsis[data-v-1b399021] {
    width: calc(1.375rem + 1.75 * (100vw - 36rem) / 26);
}
}
@media screen and (min-width: 62rem) {
.search-pagination__ellipsis[data-v-1b399021] {
    width: 3.125rem;
}
}
.search-pagination__ellipsis[data-v-1b399021] {
  min-width: 1.375rem;
}
@media screen and (min-width: 36rem) {
.search-pagination__ellipsis[data-v-1b399021] {
    min-width: calc(1.375rem + 1.75 * (100vw - 36rem) / 26);
}
}
@media screen and (min-width: 62rem) {
.search-pagination__ellipsis[data-v-1b399021] {
    min-width: 3.125rem;
}
}
.search-pagination__ellipsis[data-v-1b399021] {
  height: 1.375rem;
}
@media screen and (min-width: 36rem) {
.search-pagination__ellipsis[data-v-1b399021] {
    height: calc(1.375rem + 1.75 * (100vw - 36rem) / 26);
}
}
@media screen and (min-width: 62rem) {
.search-pagination__ellipsis[data-v-1b399021] {
    height: 3.125rem;
}
}
.search-pagination__ellipsis[data-v-1b399021] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  color: var(--pagination-number-color);
  font-size: 0.125rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.search-pagination__ellipsis[data-v-1b399021]::after {
  content: "";
  height: 1em;
  width: 1em;
  background: currentColor;
  border-radius: 50%;
  opacity: 0.5;
  -webkit-box-shadow: 0.25rem 0 0 currentColor, -0.25rem 0 0 currentColor;
          box-shadow: 0.25rem 0 0 currentColor, -0.25rem 0 0 currentColor;
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-64013d02]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.search-result[data-v-64013d02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0;
  padding: 0;
}
.search-result[data-v-64013d02]:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 1.5rem;
}
@media (min-width: 768px) {
.search-result[data-v-64013d02] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.25rem;
}
}
.search-result__img[data-v-64013d02] {
  margin: 0 0 1rem;
}
@media (min-width: 768px) {
.search-result__img[data-v-64013d02] {
    margin: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
}
}
.search-result__img img[data-v-64013d02] {
  max-width: 100%;
}
.search-result__content[data-v-64013d02] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.search-result__title[data-v-64013d02] {
  font-size: 1.125rem;
  line-height: 1.25;
  padding: 0;
  margin: 0 0 0.25rem;
}
.search-result__date[data-v-64013d02] {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  font-size: 0.75rem;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 700;
  opacity: 0.5;
}
.search-result__summary[data-v-64013d02] {
  font-size: 0.875rem;
  line-height: 1.35rem;
  margin: 0.5rem 0 0;
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-1eda347e]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.search-filters-item[data-v-1eda347e] {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 1.125rem;
  padding-top: 0.5rem;
}
.search-filters-item[data-v-1eda347e]:not(:last-child) {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid transparent;
}
.search-filters-item[data-v-1eda347e]:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--border-color);
  opacity: 0.5;
}
.search-filters-item__input[data-v-1eda347e] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
}
.search-filters-item__input:focus + .search-filters-item__label[data-v-1eda347e]::before {
  -webkit-box-shadow: inset 0 0 0 2px var(--check-active-border);
          box-shadow: inset 0 0 0 2px var(--check-active-border);
}
.search-filters-item__input:checked + .search-filters-item__label[data-v-1eda347e]::before {
  background-color: var(--check-active-background);
  border-color: var(--check-active-border);
}
.search-filters-item__input:checked + .search-filters-item__label[data-v-1eda347e]::after {
  opacity: 1;
}
.search-filters-item__input:disabled + .search-filters-item__label[data-v-1eda347e] {
  opacity: 0.5;
  cursor: default;
}
.search-filters-item__input:disabled + .search-filters-item__expand[data-v-1eda347e] {
  opacity: 0.5;
}
.search-filters-item__label[data-v-1eda347e] {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: 1/1/2/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
  font-size: 0.875rem;
  line-height: 1.5;
  position: relative;
}
.search-filters-item__label[data-v-1eda347e]::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1.25rem;
  width: 1.25rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.25rem;
          flex: 0 0 1.25rem;
  margin-right: 0.75rem;
  font-size: 1rem;
  border: 1px solid var(--check-border);
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}
.search-filters-item__label[data-v-1eda347e]::after {
  content: "";
  height: 0.75rem;
  width: 0.3875rem;
  color: var(--check-active-color);
  border-bottom: 0.125rem solid currentColor;
  border-right: 0.125rem solid currentColor;
  position: absolute;
  left: 0.45rem;
  top: 0.125rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
}
.search-filters-item__expand[data-v-1eda347e] {
  all: unset;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: 1/2/2/3;
  cursor: pointer;
  background-color: currentColor;
  margin-left: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
  opacity: 0.2;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.search-filters-item__expand[data-v-1eda347e]::before, .search-filters-item__expand[data-v-1eda347e]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -0.3125rem;
  margin-top: -0.0625rem;
  width: 0.625rem;
  height: 0.125rem;
  background-color: currentColor;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.search-filters-item__expand[data-v-1eda347e]::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.search-filters-item__expand[data-v-1eda347e]:hover {
  color: var(--accordion-title-active-color);
  opacity: 0.6;
}
.search-filters-item__expand.active[data-v-1eda347e]::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.search-filters-item__expand.active[data-v-1eda347e], .search-filters-item__expand[data-v-1eda347e]:hover {
  opacity: 0.6;
  color: var(--accordion-title-active-color);
}
.search-filters-item__filters[data-v-1eda347e] {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: 2/1/3/3;
}
.search-filters-item__filters-inner[data-v-1eda347e] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0.75rem;
  margin-left: 0.875rem;
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-a3e3aae6]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.search-filters-group[data-v-a3e3aae6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.search-filters-group:first-child .search-filters-group__title[data-v-a3e3aae6] {
  border-top: 1px solid var(--border-color);
}
.search-filters-group[data-v-a3e3aae6]:last-of-type {
  padding-bottom: 0.5rem;
  margin-bottom: 1.25rem;
}
.search-filters-group__title[data-v-a3e3aae6] {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 0 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  cursor: pointer;
  border-bottom: 1px solid var(--border-color);
  color: var(--accordion-title-color);
  -webkit-transition: var(--accordion-title-transition);
  transition: var(--accordion-title-transition);
}
.search-filters-group__title[data-v-a3e3aae6]::before, .search-filters-group__title[data-v-a3e3aae6]::after {
  content: "";
  position: absolute;
  right: 0;
  width: 0.625rem;
  height: 0.125rem;
  background-color: currentColor;
}
.search-filters-group__title[data-v-a3e3aae6]::after {
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.search-filters-group__title[data-v-a3e3aae6]:hover {
  color: #19305b;
}
.search-filters-group__title.active[data-v-a3e3aae6]::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.search-filters-group__title.active[data-v-a3e3aae6], .search-filters-group__title[data-v-a3e3aae6]:hover {
  color: var(--accordion-title-active-color);
}
.search-filters-group__options[data-v-a3e3aae6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 1px solid var(--border-color);
}
.search-filters-group__options-inner[data-v-a3e3aae6] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.875rem 0 0.875rem 0.875rem;
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
.expand-enter-active,
.expand-leave-active {
  overflow: hidden;
  -webkit-transition: height 350ms ease, opacity 350ms ease;
  transition: height 350ms ease, opacity 350ms ease;
  will-change: height opacity;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
.expand-enter-from,
.expand-leave-to {
  height: 0;
  opacity: 0;
}
.expand-enter-to,
.expand-leave-from {
  height: auto;
  opacity: 1;
}/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
[data-v-9d526870]:root {
  --xs: 0;
  --sm: 576px;
  --md: 768px;
  --lg: 992px;
  --xl: 1200px;
  --sm_dn: 575px;
  --md_dn: 767px;
  --lg_dn: 991px;
  --xl_dn: 1199px;
}

/* 
create a fluid property value that adjusts from $min to $max, 
based on screen size (default $minWidth and $maxWidth in the _variables.scss)
example:
h1 {
  @include fluid(font-size, 2rem, 3rem);
  @include fluid(margin-bottom, 20px, 30px);
  @include fluid(padding-left, 0.5rem, 5rem, 900px, 1200px);
}
*/
/*******************************************
******* GLOBAL OVERRIDES *******************
**** You can reassign these global *********
**** defaults by un-commenting the *********
**** variables below & giving them *********
**** new values. The comments show *********
**** the default values.           *********
*******************************************/
/******************************************/
/*******************************************
******* BRAND/GLOBAL COLORS ****************
*******************************************/
/******************************************/
/******************************************/
/*******************************************
******* COMPOSITION BACKGROUNDS ************
**** Any colors included in this   *********
**** map will have composition     *********
**** fill classes automatically    *********
**** generated.                    *********
**** EX. .composition--fill-blue   *********
*******************************************/
/******************************************/
/*******************************************
******* TYPOGRAPHY *************************
*******************************************/
/******************************************/
span[data-v-9d526870] {
  display: contents;
}