/*!
 * https://github.com/YouCanBookMe/react-datetime
 */

.rdt {
  position: relative;
}
.rdtPicker {
  display: none;
  position: absolute;
  width: 250px;
  padding: 4px;
  margin-top: 1px;
  z-index: 99999 !important;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  border: 1px solid #f9f9f9;
}
.rdtOpen .rdtPicker {
  display: block;
}
.rdtStatic .rdtPicker {
  box-shadow: none;
  position: static;
}

.rdtPicker .rdtTimeToggle {
  text-align: center;
}

.rdtPicker table {
  width: 100%;
  margin: 0;
}
.rdtPicker td,
.rdtPicker th {
  text-align: center;
  height: 28px;
}
.rdtPicker td {
  cursor: pointer;
}
.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover,
.rdtPicker .rdtTimeToggle:hover {
  background: #eeeeee;
  cursor: pointer;
}
.rdtPicker td.rdtOld,
.rdtPicker td.rdtNew {
  color: #999999;
}
.rdtPicker td.rdtToday {
  position: relative;
}
.rdtPicker td.rdtToday:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #428bca;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.rdtPicker td.rdtActive,
.rdtPicker td.rdtActive:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.rdtPicker td.rdtActive.rdtToday:before {
  border-bottom-color: #fff;
}
.rdtPicker td.rdtDisabled,
.rdtPicker td.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}

.rdtPicker td span.rdtOld {
  color: #999999;
}
.rdtPicker td span.rdtDisabled,
.rdtPicker td span.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.rdtPicker th {
  border-bottom: 1px solid #f9f9f9;
}
.rdtPicker .dow {
  width: 14.2857%;
  border-bottom: none;
  cursor: default;
}
.rdtPicker th.rdtSwitch {
  width: 100px;
}
.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
  font-size: 21px;
  vertical-align: top;
}

.rdtPrev span,
.rdtNext span {
  display: block;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
}

.rdtPicker th.rdtDisabled,
.rdtPicker th.rdtDisabled:hover {
  background: none;
  color: #999999;
  cursor: not-allowed;
}
.rdtPicker thead tr:first-child th {
  cursor: pointer;
}
.rdtPicker thead tr:first-child th:hover {
  background: #eeeeee;
}

.rdtPicker tfoot {
  border-top: 1px solid #f9f9f9;
}

.rdtPicker button {
  border: none;
  background: none;
  cursor: pointer;
}
.rdtPicker button:hover {
  background-color: #eee;
}

.rdtPicker thead button {
  width: 100%;
  height: 100%;
}

td.rdtMonth,
td.rdtYear {
  height: 50px;
  width: 25%;
  cursor: pointer;
}
td.rdtMonth:hover,
td.rdtYear:hover {
  background: #eee;
}

.rdtCounters {
  display: inline-block;
}

.rdtCounters > div {
  float: left;
}

.rdtCounter {
  height: 100px;
}

.rdtCounter {
  width: 40px;
}

.rdtCounterSeparator {
  line-height: 100px;
}

.rdtCounter .rdtBtn {
  height: 40%;
  line-height: 40px;
  cursor: pointer;
  display: block;

  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;
}
.rdtCounter .rdtBtn:hover {
  background: #eee;
}
.rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em;
}

.rdtMilli {
  vertical-align: middle;
  padding-left: 8px;
  width: 48px;
}

.rdtMilli input {
  width: 100%;
  font-size: 1.2em;
  margin-top: 37px;
}

.rdtTime td {
  cursor: default;
}

.PresetDateRangePicker_panel {
  padding: 0 22px 11px
}
.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer
}
.PresetDateRangePicker_button:active {
  outline: 0
}
.PresetDateRangePicker_button__selected {
  color: #fff;
  background: #00a699
}
.SingleDatePickerInput {
  display: inline-block;
  background-color: #fff
}
.SingleDatePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb
}
.SingleDatePickerInput__rtl {
  direction: rtl
}
.SingleDatePickerInput__disabled {
  background-color: #f2f2f2
}
.SingleDatePickerInput__block {
  display: block
}
.SingleDatePickerInput__showClearDate {
  padding-right: 30px
}
.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%
}
.SingleDatePickerInput_clearDate__small {
  padding: 6px
}
.SingleDatePickerInput_clearDate__hide {
  visibility: hidden
}
.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle
}
.SingleDatePickerInput_clearDate_svg__small {
  height: 9px
}
.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px
}
.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle
}
.SingleDatePicker {
  position: relative;
  display: inline-block
}
.SingleDatePicker__block {
  display: block
}
.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute
}
.SingleDatePicker_picker__rtl {
  direction: rtl
}
.SingleDatePicker_picker__directionLeft {
  left: 0
}
.SingleDatePicker_picker__directionRight {
  right: 0
}
.SingleDatePicker_picker__portal {
  background-color: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff
}
.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2
}
.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: darken(#cacccd,10%);
  text-decoration: none
}
.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px
}
.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0
}
.DayPickerKeyboardShortcuts_show {
  width: 33px;
  height: 26px;
  position: absolute;
  z-index: 2
}
.DayPickerKeyboardShortcuts_show::before {
  content: "";
  display: block;
  position: absolute
}
.DayPickerKeyboardShortcuts_show__bottomRight {
  bottom: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  border-right: 33px solid #008489
}
.DayPickerKeyboardShortcuts_show__topRight {
  top: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__topRight::before {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__topRight:hover::before {
  border-right: 33px solid #008489
}
.DayPickerKeyboardShortcuts_show__topLeft {
  top: 0;
  left: 0
}
.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0
}
.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  border-left: 33px solid #008489
}
.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute
}
.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: 5px
}
.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: 5px
}
.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: 5px
}
.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
  text-align: left
}
.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0
}
.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px
}
.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2
}
.DayPickerKeyboardShortcuts_close:active {
  outline: 0
}
.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a
}
.CalendarDay {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center
}
.CalendarDay:active {
  outline: 0
}
.CalendarDay__defaultCursor {
  cursor: default
}
.CalendarDay__default {
  border: 1px solid #e4e7e7;
  color: #484848;
  background: #fff
}
.CalendarDay__default:hover {
  background: #e4e7e7;
  border: 1px solid #e4e7e7;
  color: inherit
}
.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit
}
.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #484848
}
.CalendarDay__outside:hover {
  border: 0
}
.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd
}
.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd
}
.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848
}
.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #484848
}
.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff
}
.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px double #33dacd;
  color: #fff
}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff
}
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87
}
.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px double #80e8e0;
  color: #007a87
}
.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a
}
.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd
}
.CalendarDay__hovered_start_first_possible_end {
  background: #eceeee;
  border: 1px double #eceeee
}
.CalendarDay__hovered_start_blocked_min_nights {
  background: #eceeee;
  border: 1px double #e4e7e7
}
.CalendarMonth {
  background: #fff;
  text-align: center;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0
}
.CalendarMonth_verticalSpacing {
  border-collapse: separate
}
.CalendarMonth_caption {
  color: #484848;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: initial
}
.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px
}
.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0
}
.CalendarMonthGrid__animating {
  z-index: 1
}
.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px
}
.CalendarMonthGrid__vertical,
.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto
}
.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%
}
.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none
}
.CalendarMonthGrid_month__hidden {
  visibility: hidden
}
.DayPickerNavigation {
  position: relative;
  z-index: 2
}
.DayPickerNavigation__horizontal {
  height: 0
}
.DayPickerNavigation__verticalScrollable_prevNav {
  z-index: 1
}
.DayPickerNavigation__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0
}
.DayPickerNavigation__verticalScrollableDefault {
  position: relative
}
.DayPickerNavigation__bottom {
  height: auto
}
.DayPickerNavigation__bottomDefault {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}
.DayPickerNavigation_button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  margin: 0
}
.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575
}
.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4
}
.DayPickerNavigation_button__default:active {
  background: #f2f2f2
}
.DayPickerNavigation_button__disabled {
  cursor: default;
  border: 1px solid #f2f2f2
}
.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: 1px solid #f2f2f2
}
.DayPickerNavigation_button__disabled:active {
  background: 0 0
}
.DayPickerNavigation_button__horizontalDefault {
  position: absolute;
  top: 18px;
  line-height: .78;
  border-radius: 3px;
  padding: 6px 9px
}
.DayPickerNavigation_bottomButton__horizontalDefault {
  position: static;
  margin: -10px 22px 30px
}
.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px
}
.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px
}
.DayPickerNavigation_button__verticalDefault {
  padding: 5px;
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%
}
.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0
}
.DayPickerNavigation_nextButton__verticalScrollableDefault,
.DayPickerNavigation_prevButton__verticalScrollableDefault {
  width: 100%
}
.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
  display: block
}
.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848
}
.DayPickerNavigation_svg__disabled {
  fill: #f2f2f2
}
.DayPicker {
  background: #fff;
  position: relative;
  text-align: left
}
.DayPicker__horizontal {
  background: #fff
}
.DayPicker__verticalScrollable {
  height: 100%
}
.DayPicker__hidden {
  visibility: hidden
}
.DayPicker__withBorder {
  box-shadow: 0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);
  border-radius: 3px
}
.DayPicker_portal__horizontal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%
}
.DayPicker_portal__vertical {
  position: initial
}
.DayPicker_focusRegion {
  outline: 0
}
.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top
}
.DayPicker_weekHeaders {
  position: relative
}
.DayPicker_weekHeaders__horizontal {
  margin-left: 9px
}
.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  text-align: left
}
.DayPicker_weekHeader__vertical {
  left: 50%
}
.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center
}
.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px
}
.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center
}
.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px
}
.DayPicker_transitionContainer__horizontal {
  -webkit-transition: height .2s ease-in-out;
  -moz-transition: height .2s ease-in-out;
  transition: height .2s ease-in-out
}
.DayPicker_transitionContainer__vertical {
  width: 100%
}
.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll
}
.DateInput {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle
}
.DateInput__small {
  width: 97px
}
.DateInput__block {
  width: 100%
}
.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb
}
.DateInput_input {
  font-weight: 200;
  font-size: 19px;
  line-height: 24px;
  color: #484848;
  background-color: #fff;
  width: 100%;
  padding: 11px 11px 9px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0
}
.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: .2px;
  padding: 7px 7px 5px
}
.DateInput_input__regular {
  font-weight: auto
}
.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.DateInput_input__focused {
  outline: 0;
  background: #fff;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0
}
.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic
}
.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0,0,0,0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2
}
.DateInput_fangShape {
  fill: #fff
}
.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent
}
.DateRangePickerInput {
  background-color: #fff;
  display: inline-block
}
.DateRangePickerInput__disabled {
  background: #f2f2f2
}
.DateRangePickerInput__withBorder {
  border-radius: 2px;
  border: 1px solid #dbdbdb
}
.DateRangePickerInput__rtl {
  direction: rtl
}
.DateRangePickerInput__block {
  display: block
}
.DateRangePickerInput__showClearDates {
  padding-right: 30px
}
.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848
}
.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px
}
.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}
.DateRangePickerInput_clearDates__small {
  padding: 6px
}
.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%
}
.DateRangePickerInput_clearDates__hide {
  visibility: hidden
}
.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle
}
.DateRangePickerInput_clearDates_svg__small {
  height: 9px
}
.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px
}
.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle
}
.DateRangePicker {
  position: relative;
  display: inline-block
}
.DateRangePicker__block {
  display: block
}
.DateRangePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute
}
.DateRangePicker_picker__rtl {
  direction: rtl
}
.DateRangePicker_picker__directionLeft {
  left: 0
}
.DateRangePicker_picker__directionRight {
  right: 0
}
.DateRangePicker_picker__portal {
  background-color: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff
}
.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2
}
.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: darken(#cacccd,10%);
  text-decoration: none
}
.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
/**
 * Encore Foundation - 7.24.0
 *
 * The contents of this file is owned and generated by the Encore team.
 * If you need to make changes to the values stored here please reach out
 * to #encore on Slack.
 *
 * Links:
 *
 * - Source & Documentation: https://ghe.spotify.net/encore/foundation
 *
 * Tack!
 *
 * Encore
 * encore.spotify.net
 */
:root {
  --aquamarine: #9bf0e1;
  --aubergine: #503750;
  --azure: #509bf5;
  --bole: #c87d55;
  --bright-red: #e61e32;
  --chocolate: #7d4b32;
  --citric: #cdf564;
  --electric-seafoam: #19e68c;
  --factory-yellow: #fae62d;
  --forest: #006450;
  --fuchsia: #dc148c;
  --gold: #f59b23;
  --klein-blue: #4100f5;
  --lavender: #b49bc8;
  --maroon: #8c1932;
  --midnight: #1e3264;
  --neon-green: #5ff550;
  --orange: #ff6437;
  --pink: #ffcdd2;
  --plum: #705378;
  --powder-green: #c3f0c8;
  --royal-blue: #2d46b9;
  --salmon: #f573a0;
  --spearmint: #27856a;
  --storm: #a0c3d2;
  --sunflower: #ffc864;
  --tan: #c39687;
  --tangerine: #e3230e;
  --violet: #af2896;
  --gray-7: #121212;
  --gray-10: #181818;
  --gray-15: #282828;
  --gray-20: #333333;
  --gray-30: #535353;
  --gray-50: #7f7f7f;
  --gray-70: #b3b3b3;
  --gray-80: #cccccc;
  --gray-85: #d9d9d9;
  --gray-90: #eeeeee;
  --gray-95: #f8f8f8;
  --opacity-black-0: rgba(0, 0, 0, 0);
  --opacity-black-10: rgba(0, 0, 0, 0.1);
  --opacity-black-30: rgba(0, 0, 0, 0.3);
  --opacity-black-50: rgba(0, 0, 0, 0.5);
  --opacity-black-60: rgba(0, 0, 0, 0.6);
  --opacity-black-70: rgba(0, 0, 0, 0.7);
  --opacity-black-90: rgba(0, 0, 0, 0.9);
  --opacity-white-0: rgba(255, 255, 255, 0);
  --opacity-white-10: rgba(255, 255, 255, 0.1);
  --opacity-white-30: rgba(255, 255, 255, 0.3);
  --opacity-white-50: rgba(255, 255, 255, 0.5);
  --opacity-white-60: rgba(255, 255, 255, 0.6);
  --opacity-white-70: rgba(255, 255, 255, 0.7);
  --opacity-white-90: rgba(255, 255, 255, 0.9);
  --black-0: rgba(0, 0, 0, 0);
  --black-10: rgba(0, 0, 0, 0.1);
  --black-30: rgba(0, 0, 0, 0.3);
  --black-50: rgba(0, 0, 0, 0.5);
  --black-60: rgba(0, 0, 0, 0.6);
  --black-70: rgba(0, 0, 0, 0.7);
  --black-90: rgba(0, 0, 0, 0.9);
  --white-0: rgba(255, 255, 255, 0);
  --white-10: rgba(255, 255, 255, 0.1);
  --white-30: rgba(255, 255, 255, 0.3);
  --white-50: rgba(255, 255, 255, 0.5);
  --white-60: rgba(255, 255, 255, 0.6);
  --white-70: rgba(255, 255, 255, 0.7);
  --white-90: rgba(255, 255, 255, 0.9);
  --black-20: rgba(0, 0, 0, 0.2);
  --black-40: rgba(0, 0, 0, 0.4);
  --white-5: rgba(255, 255, 255, 0.05);
  --white-20: rgba(255, 255, 255, 0.2);
  --white-40: rgba(255, 255, 255, 0.4);
  --solid-black-0: #000000;
  --solid-white-200: #ffffff;
  --spotify-black-7: #121212;
  --midnight-35: #202f72;
  --aubergine-46: #503659;
  --maroon-55: #8a202b;
  --royal-blue-55: #283ea3;
  --klein-blue-61: #4100f4;
  --forest-75: #056952;
  --chocolate-75: #834f34;
  --violet-84: #b02897;
  --bright-red-100: #e91429;
  --spearmint-114: #4b917d;
  --fuchsia-115: #f036a4;
  --tangerine-120: #ff4834;
  --bole-123: #c87d55;
  --salmon-135: #ef77a1;
  --lavender-135: #af93c4;
  --azure-135: #2ea3ff;
  --pumpkin-135: #ff7439;
  --tan-135: #c19384;
  --storm-155: #a5bbd1;
  --gold-155: #ffa42b;
  --spotify-green-157: #1ed760;
  --sunflower-172: #ffc862;
  --rose-180: #ffd2d7;
  --aquamarine-180: #91eeda;
  --factory-yellow-184: #fce54f;
  --powder-green-185: #c5f0c9;
  --citric-186: #cff56a;
  --neon-green-176: #5ff550;
  --electric-seafoam-167: #19e68c;
  --solid-black-0: #000000;
  --solid-white-200: #ffffff;
  --spotify-black-7: #121212;
  --spotify-green-157: #1ed760;
  --red-orange-25: #560f00;
  --red-orange-55: #911600;
  --red-orange-75: #b71800;
  --red-orange-100: #e81b00;
  --red-orange-120: #ff4834;
  --red-orange-135: #ff7163;
  --red-orange-155: #ff9e95;
  --red-orange-180: #ffd3cf;
  --brown-25: #3d2418;
  --brown-55: #683e2a;
  --brown-75: #834f34;
  --brown-100: #a96440;
  --brown-123: #c87d55;
  --brown-135: #d38e67;
  --brown-155: #e5ac8a;
  --brown-180: #f7d7c3;
  --brown-desat-25: #3b251d;
  --brown-desat-55: #653f32;
  --brown-desat-75: #805040;
  --brown-desat-100: #a36652;
  --brown-desat-135: #c19384;
  --brown-desat-155: #d2b1a6;
  --brown-desat-180: #eadad5;
  --orange-25: #4f1800;
  --orange-55: #862800;
  --orange-75: #a83200;
  --orange-100: #d64000;
  --orange-135: #ff7439;
  --orange-155: #ffa178;
  --orange-180: #ffd4c2;
  --brown-yellow-25: #491e00;
  --brown-yellow-55: #793500;
  --brown-yellow-75: #964400;
  --brown-yellow-100: #bc5900;
  --brown-yellow-135: #f47e00;
  --brown-yellow-155: #ffa42b;
  --brown-yellow-172: #ffc862;
  --brown-yellow-180: #ffd97e;
  --brown-yellowdesat-25: #39260e;
  --brown-yellowdesat-55: #624218;
  --brown-yellowdesat-75: #7c531e;
  --brown-yellowdesat-100: #9f6b27;
  --brown-yellowdesat-135: #d0913f;
  --brown-yellowdesat-155: #deb076;
  --brown-yellowdesat-180: #efdabf;
  --yellow-25: #352901;
  --yellow-55: #594602;
  --yellow-75: #705903;
  --yellow-100: #8e7203;
  --yellow-135: #bd9a03;
  --yellow-155: #dab503;
  --yellow-184: #fce54f;
  --yellow-green-25: #222e03;
  --yellow-green-55: #3b4f05;
  --yellow-green-75: #4a6406;
  --yellow-green-100: #5f8008;
  --yellow-green-135: #80ac0b;
  --yellow-green-155: #95c90d;
  --yellow-green-186: #cff56a;
  --yellow-greendesat-25: #262d11;
  --yellow-greendesat-55: #414d1e;
  --yellow-greendesat-75: #526226;
  --yellow-greendesat-100: #697d30;
  --yellow-greendesat-135: #8da841;
  --yellow-greendesat-155: #a9c261;
  --yellow-greendesat-180: #d7e3b5;
  --green-25: #073116;
  --green-55: #0c5426;
  --green-75: #0f6a2f;
  --green-100: #13873c;
  --green-135: #19b551;
  --green-157: #1ed760;
  --green-180: #96f0b6;
  --green-desat-25: #182f21;
  --green-desat-55: #265135;
  --green-desat-75: #2d6740;
  --green-desat-100: #34854d;
  --green-desat-135: #3db35e;
  --green-desat-155: #5cce77;
  --green-desat-185: #c5f0c9;
  --green-blue-25: #013126;
  --green-blue-55: #035341;
  --green-blue-75: #056952;
  --green-blue-100: #088569;
  --green-blue-135: #10b28e;
  --green-blue-155: #16d0a6;
  --green-blue-180: #91eeda;
  --green-bluedesat-25: #182e28;
  --green-bluedesat-55: #294f44;
  --green-bluedesat-75: #346557;
  --green-bluedesat-100: #43816f;
  --green-bluedesat-114: #4b917d;
  --green-bluedesat-135: #5eac96;
  --green-bluedesat-155: #8bc3b3;
  --green-bluedesat-180: #c9e3db;
  --blue-25: #00285d;
  --blue-55: #004695;
  --blue-75: #005ab7;
  --blue-100: #0074e0;
  --blue-135: #2ea3ff;
  --blue-146: #4cb3ff;
  --blue-155: #66c0ff;
  --blue-180: #b5e4ff;
  --blue-desat-25: #1d2b3a;
  --blue-desat-55: #324b64;
  --blue-desat-75: #405e7e;
  --blue-desat-100: #5179a1;
  --blue-desat-135: #82a1c0;
  --blue-desat-155: #a5bbd1;
  --blue-desat-180: #d4dfe9;
  --blue-violet-25: #26008d;
  --blue-violet-55: #3c00e4;
  --blue-violet-61: #4100f4;
  --blue-violet-75: #5925ff;
  --blue-violet-100: #7358ff;
  --blue-violet-135: #9691ff;
  --blue-violet-155: #afb1ff;
  --blue-violet-180: #d7dbff;
  --blue-violetdesat-25: #1b2658;
  --blue-violetdesat-35: #202f72;
  --blue-violetdesat-55: #283ea3;
  --blue-violetdesat-75: #334fcd;
  --blue-violetdesat-100: #576dd6;
  --blue-violetdesat-135: #8a9ae3;
  --blue-violetdesat-155: #aab6ea;
  --blue-violetdesat-180: #d7dcf5;
  --violet-25: #400073;
  --violet-55: #6900ba;
  --violet-75: #8400e7;
  --violet-100: #a833ff;
  --violet-135: #c87dff;
  --violet-155: #d8a3ff;
  --violet-180: #edd4ff;
  --violet-desat-25: #35243a;
  --violet-desat-46: #503659;
  --violet-desat-75: #734d85;
  --violet-desat-100: #8e65a9;
  --violet-desat-135: #af93c4;
  --violet-desat-155: #c4b1d4;
  --violet-desat-180: #e3daeb;
  --violet-pink-25: #4c1141;
  --violet-pink-55: #801d6d;
  --violet-pink-75: #a1258a;
  --violet-pink-84: #b02897;
  --violet-pink-100: #cc2faf;
  --violet-pink-135: #e079cd;
  --violet-pink-155: #e9a1dc;
  --violet-pink-180: #f5d3ef;
  --violet-pinkdesat-25: #3c1c4c;
  --violet-pinkdesat-55: #673081;
  --violet-pinkdesat-67: #773796;
  --violet-pinkdesat-100: #9e57bf;
  --violet-pinkdesat-135: #bb8dd0;
  --violet-pinkdesat-155: #cdaddc;
  --violet-pinkdesat-180: #e7d9ed;
  --pink-25: #550635;
  --pink-55: #8d0b58;
  --pink-75: #b00d6e;
  --pink-100: #df118b;
  --pink-115: #f036a4;
  --pink-135: #f46ebe;
  --pink-155: #f79bd2;
  --pink-180: #fcd2eb;
  --pink-desat-25: #4c172a;
  --pink-desat-55: #871f43;
  --pink-desat-75: #ad2152;
  --pink-desat-100: #de2666;
  --pink-desat-135: #ef77a1;
  --pink-desat-155: #f1a2bc;
  --pink-desat-180: #f4d6df;
  --red-25: #590810;
  --red-55: #930d1a;
  --red-75: #b81021;
  --red-100: #e91429;
  --red-135: #f97481;
  --red-155: #fe9da7;
  --red-180: #ffd2d7;
  --red-desat-25: #521319;
  --red-desat-55: #8a202b;
  --red-desat-75: #ad2836;
  --red-desat-100: #d33f4e;
  --red-desat-135: #e2828c;
  --red-desat-155: #eaa6ad;
  --red-desat-180: #f5d6d9;
  --blue-facebook-100: #2374e1;
  --fluorescent-red-109: #ff001a;
  --fluorescent-orange-144: #ff8b1f;
  --fluorescent-yellow-194: #f3ff46;
  --fluorescent-green-176: #5ff550;
  --fluorescent-greenblue-167: #19e68c;
  --fluorescent-cyan-185: #00ffff;
  --fluorescent-blueviolet-69: #2d28ff;
  --fluorescent-violet-111: #c13fff;
  --fluorescent-pink-119: #ff1abf;
  --green: #1db954;
  --green-light: #1ed760;
  --green-focus: #1da64d;
  --green-dark: #14833b;
  --black: #000000;
  --white: #ffffff;
  --red: #cd1a2b;
  --red-light: #e22134;
  --red-dark: #941320;
  --blue: #2e77d0;
  --blue-light: #4687d6;
  --blue-facebook: #1877f2;
  --blue-dark: #1d4c85;
  --orange-light: #ff5722;
  --opacity-0: 0;
  --opacity-10: 0.1;
  --opacity-30: 0.3;
  --opacity-50: 0.5;
  --opacity-70: 0.7;
  --opacity-90: 0.9;
  --spacer-4: 4px;
  --spacer-8: 8px;
  --spacer-12: 12px;
  --spacer-16: 16px;
  --spacer-20: 20px;
  --spacer-24: 24px;
  --spacer-32: 32px;
  --spacer-40: 40px;
  --spacer-48: 48px;
  --spacer-56: 56px;
  --spacer-64: 64px;
  --spacer-72: 72px;
  --spacer-80: 80px;
  --screen-xxs-max: 479px;
  --screen-xs-min: 480px;
  --screen-xs-max: 767px;
  --screen-sm-min: 768px;
  --screen-sm-max: 991px;
  --screen-md-min: 992px;
  --screen-md-max: 1199px;
  --screen-lg-min: 1200px;
  --screen-lg-max: 1919px;
  --screen-xl-min: 1920px;
  --expressive: cubic-bezier(0.4, 0, 0.6, 1);
  --expressive-decelerate: cubic-bezier(0.3, 0, 0.4, 1);
  --expressive-accelerate: cubic-bezier(0.6, 0, 0.7, 1);
  --productive: cubic-bezier(0.3, 0, 0, 1);
  --productive-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --productive-accelerate: cubic-bezier(0.8, 0, 1, 1);
  --linear: cubic-bezier(0, 0, 1, 1);
  --shortest-1: 50ms;
  --shortest-2: 100ms;
  --shortest-3: 150ms;
  --shortest-4: 200ms;
  --short-1: 250ms;
  --short-2: 300ms;
  --short-3: 400ms;
  --short-4: 500ms;
  --long-1: 600ms;
  --long-2: 700ms;
  --long-3: 800ms;
  --long-4: 900ms;
  --long-5: 1000ms;
  --longest-1: 1100ms;
  --longest-2: 1200ms;
  --longest-3: 1300ms;
  --longest-4: 1400ms;
  --longest-5: 1500ms;
  --expressive-default-duration: var(--short-4);
  --expressive-enter-duration: var(--short-3);
  --expressive-exit-duration: var(--shortest-4);
  --productive-default-duration: var(--short-2);
  --productive-enter-duration: var(--short-1);
  --productive-exit-duration: var(--shortest-4);
  --expressive-default-timing-function: var(--expressive);
  --expressive-enter-timing-function: var(--expressive-decelerate);
  --expressive-exit-timing-function: var(--expressive-accelerate);
  --productive-default-timing-function: var(--productive);
  --productive-enter-timing-function: var(--productive-decelerate);
  --productive-exit-timing-function: var(--productive-accelerate);
}

/*
  Don't include Spotify fonts. Instead ask consumers to load them
  into their own application via the README.
*/

:root {
  --focus-border-width: 1px;

  /*
    Nested css variables for date picker for primary colors.
    Eventually we can have users theme this themselves by having
    ReactDatesThemeProvider overwrite these css variables via inline styles.
  */
}

[data-using-keyboard='true'] {
  --focus-border-width: 3px;
}

.SingleDatePicker_picker,
.DateRangePicker_picker {
  background: transparent;
}

/** BEGIN Date Input **/

.DateRangePickerInput,
.SingleDatePickerInput {
  /* theme */
  /* override airbnb's #f2f2f2 background on container */
  background-color: transparent;
}

.DateInput {
  /* theme */
  /* override airbnb's white background */
  background-color: transparent;
}

.DateInput_input {
  /* formControlBase() */
  /* prevents inset box-shadow on iOS */
  /* stylelint-disable-next-line */
  -webkit-appearance: none;
  /* Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 */
  background-image: none;
  border: 0;
  box-sizing: border-box;
  display: block;
  font-size: var(--body-1-font-size);
  font-weight: var(--body-1-font-weight);
  line-height: var(--body-1-line-height);
  letter-spacing: var(--body-1-letter-spacing);

  transition: box-shadow ease-in-out 0.1s, color fade 0.1s;
  width: 100%;

  /* theme */
  color: var(--text-base);
}

/** Overrides border shown on
  .SingleDatePickerInput__withBorder
  .DateRangePickerInput__withBorder
**/
.SingleDatePickerInput,
.DateRangePickerInput {
  border: none;
}

.DateRangePickerInput__disabled {
  /* override airbnb's #f2f2f2 on entire container */
  background-color: var(--background-base);
}

.DateInput_input:focus,
.DateInput_input:hover:focus {
  /* formControlBase() */
  outline: 0;
}

.DateInput_input::placeholder {
  /* Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526. */
  opacity: 1;

  /* theme */
  /* formControlTheme() */
  color: var(--text-subdued);
}

/*
  Disabled and read-only inputs
  HTML5 says that controls under a fieldset > legend:first-child won't be
  disabled if the fieldset is disabled. Due to implementation difficulty, we
  don't honor that edge case; we style them as disabled anyway.
  */
.DateInput_input:disabled,
.DateInput_input:read-only {
  cursor: not-allowed;
  /* iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655. */
  opacity: 1;

  /* override airbnb's italic */
  font-style: normal;

  /* theme */
  /* formControlTheme() */
  box-shadow: inset 0 0 0 1px var(--essential-subdued);
  background-color: var(--background-highlight);
  color: var(--text-subdued);
}

/* CSS variables not supported in media queries */
/* max-width: var(--screen-xs-max) */
@media (max-width: 767px) {
  /* formControlMobileStyles() */
  .DateInput_input {
    border-radius: 0;
    border-bottom: 1px solid;
    padding-bottom: 9px; /* 10px - 1px for the border */
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 10px;

    /* theme */
    border-color: var(--essential-subdued);
    background-color: var(--background-inputXs);
    box-shadow: none;
  }

  .DateInput_input:focus,
  .DateInput_input:hover:focus {
    border-color: var(--essential-base);

    /* formControlTheme() */
    padding-bottom: calc(10px - var(--focus-border-width));
    border-bottom-width: var(--focus-border-width);
  }
}

/* CSS variables not supported in media queries */
/* min-width: var(--screen-sm-min) */
@media (min-width: 768px) {
  .DateInput_input {
    border-radius: var(--spacer-4);
    padding: 14px;

    /* theme */
    background-color: var(--background-base);
    box-shadow: inset 0 0 0 1px var(--essential-subdued);
  }

  .DateInput_input:focus,
  .DateInput_input:hover:focus {
    /* formControlTheme() */
    box-shadow: inset 0 0 0 var(--focus-border-width) var(--essential-base);
  }

  .DateInput__disabled,
  .DateInput_input:disabled,
  .DateInput_input:read-only {
    background-color: var(--background-highlight);
  }
}

.DateRangePickerInput_arrow_svg {
  visibility: hidden;
}

/** END Date Input **/

/** BEGIN Date Input Icons **/

/* improves vertical centering, esp of custom icons */
.SingleDatePickerInput_clearDate,
.SingleDatePickerInput_calendarIcon,
.DateRangePickerInput_clearDates,
.DateRangePickerInput_calendarIcon {
  display: inline-flex;
}

/* Undo the absolute positioning of the clear dates icon, and related styles,
   to fix overlap with Encore styling and to the mirror layout of the calendar icon. */
.SingleDatePickerInput__showClearDate,
.DateRangePickerInput__showClearDates {
  padding-right: unset;
}

.SingleDatePickerInput_clearDate,
.DateRangePickerInput_clearDates {
  position: unset;
  vertical-align: middle;
  transform: unset;
}

/** END Date Input

/** BEGIN Date Input Fang **/

.DateInput_fang {
  display: none;
}

/** END Date Input Fang * */

/** BEGIN Keyboard Shortcuts **/
/** Override airbnb's teal colors **/

.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-right: 33px solid var(--text-base);
}
.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  border-right: 33px solid var(--text-subdued);
}
.DayPickerKeyboardShortcuts_show__topRight::before {
  border-right: 33px solid var(--text-base);
}
.DayPickerKeyboardShortcuts_show__topRight:hover::before {
  border-right: 33px solid var(--text-subdued);
}
.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-left: 33px solid var(--text-base);
}
.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  border-left: 33px solid;
}

/* theme */

.DayPickerKeyboardShortcuts_panel {
  background: var(--background-base);
  color: var(--text-base);
}

.DayPickerKeyboardShortcuts_closeSvg {
  fill: var(--text-subdued);
}

/** END Keyboard Shortcuts **/

/** BEGIN Default CalendarDay **/

.CalendarDay__default {
  border: none;
  color: var(--text-base);
  background: var(--background-base);
}

.CalendarDay__default:hover {
  background: var(--background-tinted-base);
  border: none;
  border-radius: 100px;
  color: var(--text-base);
}

.CalendarDay__default:focus {
  background: var(--text-base); /* press state */
  border: none;
  border-radius: 100px;
  color: var(--background-base);
}

.CalendarDay__hovered_offset {
  /* TODO figure this out */
  background: red;
  border: none;
  color: inherit;
}
/** END Default CalendarDay **/

/** BEGIN CalendarDay Today **/

.CalendarDay__today {
  border: 1px solid var(--essential-subdued);
  border-radius: 100%;
}

.CalendarDay__today.CalendarDay__selected {
  border: 0;
}

/** END CalendarDay Today **/

/** BEGIN
  Blocked Out Of Range CalendarDay
  Blocked Minimum Nights CalendarDay
**/

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover,
.CalendarDay__blocked_minimum_nights,
.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  border: none;
  color: var(--gray-75);
  background-color: transparent;
}

/** END
  Blocked Out Of Range CalendarDay
  Blocked Minimum Nights CalendarDay
**/

/** BEGIN Highlighted Calendar Days **/

.CalendarDay__highlighted_calendar {
  background: var(--essential-warning);
  border-radius: 100px;
}

.CalendarDay__highlighted_calendar:hover {
  background: var(--essential-warning);
  border-radius: 100px;
}

.CalendarDay__hovered_span.CalendarDay__highlighted_calendar,
.CalendarDay__hovered_span.CalendarDay__default.CalendarDay__highlighted_calendar:active {
  background: var(--text-subdued);
  border-radius: inherit;
}

.CalendarDay__after_hovered_start.CalendarDay__highlighted_calendar {
  border-radius: 0px 100px 100px 0px;
}

.CalendarDay__selected_span.CalendarDay__highlighted_calendar,
.CalendarDay__selected_span.CalendarDay__highlighted_calendar:active,
.CalendarDay__selected_span.CalendarDay__highlighted_calendar:hover {
  border-radius: 0px;
}

.CalendarDay__selected_start.CalendarDay__highlighted_calendar:active,
.CalendarDay__selected_start.CalendarDay__highlighted_calendar:hover {
  border-radius: 100px 0px 0px 100px;
}

.CalendarDay__selected_end.CalendarDay__highlighted_calendar,
.CalendarDay__selected_end.CalendarDay__highlighted_calendar:active,
.CalendarDay__selected_end.CalendarDay__highlighted_calendar:hover {
  border-radius: 0px 100px 100px 0px;
}

/** END Highlighted Calendar Days **/

/** BEGIN Blocked Calendar Days **/

.CalendarDay__default.CalendarDay__blocked_calendar,
.CalendarDay__default.CalendarDay__blocked_calendar:active,
.CalendarDay__default.CalendarDay__blocked_calendar:hover {
  background: var(--reactdates-blocked-background-color);
  color: var(--gray-60);
  border-radius: 100px;
}

.CalendarDay__selected_span.CalendarDay__blocked_calendar,
.CalendarDay__selected_span.CalendarDay__blocked_calendar:active,
.CalendarDay__selected_span.CalendarDay__blocked_calendar:hover {
  border-radius: 0px;
}

.CalendarDay__selected_start.CalendarDay__blocked_calendar,
.CalendarDay__selected_start.CalendarDay__blocked_calendar:active,
.CalendarDay__selected_start.CalendarDay__blocked_calendar:hover {
  border-radius: 100px 0px 0px 100px;
}

.CalendarDay__selected_end.CalendarDay__blocked_calendar,
.CalendarDay__selected_end.CalendarDay__blocked_calendar:active,
.CalendarDay__selected_end.CalendarDay__blocked_calendar:hover {
  border-radius: 0px 100px 100px 0px;
}

/** END Blocked Calendar Days **/

/** BEGIN
  Selected Calendar Days
  Selected Span Calendar Days
**/

.CalendarDay__selected,
.CalendarDay__selected:active {
  background: var(--text-base);
  color: var(--background-base);
  position: relative;
}

.SingleDatePicker_picker .CalendarDay__selected,
.SingleDatePicker_picker .CalendarDay__selected:active {
  border-radius: 100px;
}

.CalendarDay__selected_span {
  background: var(--text-base);
  border: none;
  color: var(--background-base);
}

.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: var(--text-subdued);
  border: none;
  color: var(--background-base);
}

.CalendarDay__selected_span:focus {
  border-radius: 0;
}

/**
  Creates mini circle background to be
  displayed on hover of CalendarDay
  within selected span
 **/
.DayPicker .CalendarDay__selected::before,
.DayPicker .CalendarDay__selected_span::before,
.DateRangePicker .CalendarDay__selected::before,
.DateRangePicker .CalendarDay__selected_span::before {
  background-color: var(--text-base);
  content: '';
  height: 38px;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 39px;
  /* z-index doesn't work with pseudo-elements */
  transform: translateZ(-1px);
}
.DayPicker .CalendarDay__selected::after,
.DayPicker .CalendarDay__selected_span::after,
.DateRangePicker .CalendarDay__selected::after,
.DateRangePicker .CalendarDay__selected_span::after {
  align-items: center;
  background-color: var(--text-subdued);
  border-radius: 50%;
  content: '';
  display: flex;
  height: 36px;
  justify-content: center;
  left: 0;
  opacity: 0;
  padding-bottom: 2px;
  position: absolute;
  top: 0;
  width: 39px;
  /* z-index doesn't work with pseudo-elements */
  transform: translateZ(-1px);
}
.CalendarDay__selected:hover::before,
.CalendarDay__selected_span:hover::before,
.CalendarDay__selected:hover::after,
.CalendarDay__selected_span:hover::after {
  opacity: 1;
}
.CalendarDay__selected_span:hover {
  border-radius: 0;
}
.DateRangePicker .CalendarDay__selected:hover,
.CalendarDay__selected_start:hover,
.CalendarDay__selected_span:hover,
.CalendarDay__selected_end:hover,
.CalendarDay__hovered_span:hover {
  background: transparent;
  color: var(--background-base);
  position: relative;
  transform-style: preserve-3d;
}

.SingleDatePicker_picker .CalendarDay__selected:before,
.SingleDatePicker_picker .CalendarDay__selected:after {
  background-color: transparent;
}

/** END
  Selected Calendar Days
  Selected Span Calendar Days
**/

/** BEGIN Selected Start Calendar Day **/
.CalendarDay__selected_start {
  border-radius: 100px 0px 0px 100px;
}

.CalendarDay__selected_start:focus {
  border-radius: 100px 0px 0px 100px;
}

.CalendarDay__selected_start_in_hovered_span,
.CalendarDay__selected_start:hover::before {
  border-radius: 100px 0px 0px 100px;
}

.CalendarDay__selected_start.CalendarDay__selected_start_in_hovered_span {
  background: transparent;
  color: var(--background-base);
  position: relative;
  transform-style: preserve-3d;
}
.CalendarDay__selected_start.CalendarDay__selected_start_in_hovered_span::before {
  background-color: var(--text-base);
  content: '';
  height: 38px;
  justify-content: center;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 39px;
  /* z-index doesn't work with pseudo-elements */
  transform: translateZ(-1px);
  border-radius: 100px 0px 0px 100px;
}
.CalendarDay__selected_start.CalendarDay__selected_start_in_hovered_span::after {
  align-items: center;
  background-color: var(--text-base);
  border-radius: 50%;
  content: '';
  display: flex;
  height: 36px;
  justify-content: center;
  left: 0;
  opacity: 1;
  padding-bottom: 2px;
  position: absolute;
  top: 0;
  width: 39px;
  /* z-index doesn't work with pseudo-elements */
  transform: translateZ(-1px);
}

/** END Selected Start Calendar Day **/

/** BEGIN Selected End Calendar Day **/
.CalendarDay__selected_end {
  border-radius: 0px 100px 100px 0px;
}

.CalendarDay__selected_end:focus {
  border-radius: 0px 100px 100px 0px;
}

.CalendarDay__selected_end_in_hovered_span,
.CalendarDay__selected_end:hover::before {
  border-radius: 0px 100px 100px 0px;
}

.CalendarDay__selected_end.CalendarDay__selected_end_in_hovered_span {
  background: transparent;
  color: var(--background-base);
  position: relative;
  transform-style: preserve-3d;
}

.CalendarDay__selected_end.CalendarDay__selected_end_in_hovered_span::before {
  background-color: var(--text-base);
  content: '';
  height: 38px;
  justify-content: center;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 39px;
  /* z-index doesn't work with pseudo-elements */
  transform: translateZ(-1px);
  border-radius: 0px 100px 100px 0px;
}

.CalendarDay__selected_end.CalendarDay__selected_end_in_hovered_span::after {
  align-items: center;
  background-color: var(--text-base);
  border-radius: 50%;
  content: '';
  display: flex;
  height: 36px;
  justify-content: center;
  left: 0;
  opacity: 1;
  padding-bottom: 2px;
  position: absolute;
  top: 0;
  width: 39px;
  /* z-index doesn't work with pseudo-elements */
  transform: translateZ(-1px);
}

/** END Selected End Calendar Day **/

/** BEGIN
  Selected Start No Selcted End CalendarDay
  Selected End No Selected Start CalendarDay
  Hovering over Selected Start
  Hovering over Selected End
**/

.CalendarDay__selected_start_no_selected_end,
.CalendarDay__selected_end_no_selected_start {
  border-radius: 100px;
}

.CalendarDay__after_hovered_start:not(.CalendarDay__selected_span) {
  border-radius: 0px 100px 100px 0px;
  background-color: var(--text-base);
}

.CalendarDay__before_hovered_end:not(.CalendarDay__selected_span) {
  border-radius: 100px 0px 0px 100px;
  background-color: var(--text-base);
}

/** END **/

/** BEGIN
  CalendarDays within hovered span
  Given a start date, these are the Calendar Days that are within
  the range of user's  potential date range when hovering to choose an
  end date. The same goes if given an end date and choosing a start date.
**/
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: var(--text-base);
  color: var(--background-base);
}
.CalendarDay__hovered_span:hover {
  border-radius: 0px 100px 100px 0px;
}
.CalendarDay__hovered_span:active {
  background: var(--text-base);
  border: none;
  color: var(--background-base);
}
.CalendarDay__hovered_span.CalendarDay__no_selected_start_before_selected_end:hover {
  border-radius: 100px 0px 0px 100px;
}

/** END
  CalendarDays within hovered span
  Given a start date, these are the Calendar Days that are within
  the range of user's  potential date range when hovering to choose an
  end date. The same goes if given an end date and choosing a start date.
**/

/** BEGIN Day Picker Nav **/

.DayPickerNavigation_button {
  outline: none;
}

.DayPickerNavigation_leftButton__horizontalDefault {
  left: 0;
  padding-left: var(--spacer-32);
}

.DayPickerNavigation_rightButton__horizontalDefault {
  right: 0;
  padding-right: var(--spacer-32);
}

.DayPickerNavigation_button__default {
  border: none;
  background-color: var(--background-base);
  color: var(--background-base);
}

.DayPickerNavigation_button__default:active {
  background: var(--background-base);
}

.DayPickerNavigation_button__default:hover {
  color: var(--background-base);
}

.DayPickerNavigation_button__disabled,
.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover,
.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: none;
}

.DayPickerNavigation_svg__horizontal {
  fill: var(--text-subdued);
}

.DayPickerNavigation_svg__vertical {
  fill: var(--text-subdued);
}

.DayPickerNavigation_svg__disabled {
  fill: var(--text-subdued);
}

.DayPickerKeyboardShortcuts_showSpan {
  color: var(--background-base);
}

/** END Day Picker Nav Button **/

/** BEGIN Day Picker **/

.DayPicker {
  padding-bottom: var(--spacer-24);
  padding-top: var(--spacer-8);
}

.DayPicker,
.DayPicker__horizontal {
  background: var(--background-base);
}

.DayPicker__withBorder {
  box-shadow: 0 0 4px var(--background-tinted-press), 0 0 0 1px var(--background-tinted-highlight);
  border-radius: var(--spacer-4);
}

/** END Day Picker **/

/** BEGIN Day Picker Week Header **/

.DayPicker_weekHeader {
  color: var(--text-subdued);
}

.DayPicker_weekHeader small {
  font-size: var(--body-2-font-size);
  line-height: var(--body-2-line-height);
  letter-spacing: var(--body-2-letter-spacing);
}

.DayPicker_weekHeader__verticalScrollable {
  border-bottom: 1px solid var(--essential-subdued);
  background: var(--background-base);
  color: var(--text-base);
}

/** END Day Picker Week Header **/

/** BEGIN Calendar Month **/

.CalendarMonth_table {
  border-collapse: separate;
  border-spacing: 0px 4px;
}

.CalendarMonth {
  background: var(--background-base);
}

.CalendarMonth_caption {
  color: var(--text-base);
  font-size: var(--body-1-font-size);
  margin-bottom: var(--spacer-4);
}

.CalendarMonthGrid {
  background: var(--background-base);
}
/** END Calendar Month **/

/**
 * Encore Foundation - 7.24.0
 *
 * The contents of this file is owned and generated by the Encore team.
 * If you need to make changes to the values stored here please reach out
 * to #encore on Slack.
 *
 * Links:
 *
 * - Source & Documentation: https://ghe.spotify.net/encore/foundation
 *
 * Tack!
 *
 * Encore
 * encore.spotify.net
 */

/* The S4P Light theme is used for Spotify Creator Studio, a product used to create, distribute, and monetize podcasts. */
/* Lifecycle status: experimental */
.encore-s4p-light-theme,
.encore-s4p-light-theme .encore-base-set {
  /* The default background color of the base set. */
  --background-base: #ffffff;
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-highlight: #f5f5f5;
  /* A background color that indicates the press state of a component. */
  --background-press: #e2e2e2;
  /* The default background color for elevated elements in the base set. */
  --background-elevated-base: #ffffff;
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-elevated-highlight: #f5f5f5;
  /* A background color that indicates the press state of a component. */
  --background-elevated-press: #e7e7e7;
  /* The default background color for tinted elements in the base set. */
  --background-tinted-base: rgba(0, 0, 0, 0.08);
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-tinted-highlight: rgba(0, 0, 0, 0.12);
  /* A background color that indicates the press state of a component. */
  --background-tinted-press: rgba(0, 0, 0, 0.19);
  /* The default text color of the base set. */
  --text-base: #000000;
  /* A subdued variant of the base text color. */
  --text-subdued: #656565;
  /* A bright text color that contrasts with the set’s background colors. Often used to give key interactive elements more prominence. */
  --text-bright-accent: #4d44ff;
  /* A text color associated with negativity. Often used for errors, destructive actions, or to highlight negative metrics or data. */
  --text-negative: #c91123;
  /* A text color associated with caution. Often used to highlight potential problems or slightly negative metrics or data. */
  --text-warning: #955500;
  /* A text color associated with positivity. Often used for success states, or to highlight positive metrics or data. */
  --text-positive: #107434;
  /* A text color associated with system announcements and notifications. */
  --text-announcement: #0064c1;
  /* The default essential color of the base set. */
  --essential-base: #000000;
  /* A subdued variant of the base essential color. */
  --essential-subdued: #818181;
  /* A bright essential color that contrasts with the set’s background colors. Often used to give key interactive elements more prominence. */
  --essential-bright-accent: #746dff;
  /* An essential color associated with negativity. Often used for errors, destructive actions, or to highlight negative metrics or data. */
  --essential-negative: #e91429;
  /* An essential color associated with caution. Often used to highlight potential problems or slightly negative metrics or data */
  --essential-warning: #bf6d00;
  /* An essential color associated with positivity. Often used for success states, or to highlight positive metrics or data. */
  --essential-positive: #159542;
  /* An essential color associated with system announcements and notifications. */
  --essential-announcement: #0074e0;
  /* The default decorative color of the base set. */
  --decorative-base: #000000;
  /* A subdued variant of the base decorative color. */
  --decorative-subdued: #dedede;
}
.encore-s4p-light-theme > *,
.encore-s4p-light-theme .encore-base-set > * {
  --parents-essential-base: #000000;
}
.encore-s4p-light-theme .encore-bright-accent-set {
  /* The default background color of the brightAccent set. */
  --background-base: #9691ff;
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-highlight: #a39eff;
  /* A background color that indicates the press state of a component. */
  --background-press: #7e77ff;
  /* Fallback color */
  --background-elevated-base: #a39eff;
  /* Fallback color */
  --background-elevated-highlight: #a39eff;
  /* Fallback color */
  --background-elevated-press: #7e77ff;
  /* Fallback color */
  --background-tinted-base: #9691ff;
  /* Fallback color */
  --background-tinted-highlight: #9691ff;
  /* Fallback color */
  --background-tinted-press: #9691ff;
  /* The default text color of the brightAccent set. */
  --text-base: #000000;
  /* Fallback color */
  --text-subdued: #000000;
  /* Fallback color */
  --text-bright-accent: #000000;
  /* Fallback color */
  --text-negative: #000000;
  /* Fallback color */
  --text-warning: #000000;
  /* Fallback color */
  --text-positive: #000000;
  /* Fallback color */
  --text-announcement: #000000;
  /* The default essential color of the brightAccent set. */
  --essential-base: #000000;
  /* Fallback color */
  --essential-subdued: #000000;
  /* Fallback color */
  --essential-bright-accent: #000000;
  /* Fallback color */
  --essential-negative: #000000;
  /* Fallback color */
  --essential-warning: #000000;
  /* Fallback color */
  --essential-positive: #000000;
  /* Fallback color */
  --essential-announcement: #000000;
  /* The default decorative color of the brightAccent set. */
  --decorative-base: #000000;
  /* A subdued variant of the base decorative color. */
  --decorative-subdued: #807aff;
}
.encore-s4p-light-theme .encore-bright-accent-set > * {
  --parents-essential-base: #000000;
}
.encore-s4p-light-theme .encore-negative-set {
  /* The default background color of the negative set. */
  --background-base: #e91429;
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-highlight: #d81326;
  /* A background color that indicates the press state of a component. */
  --background-press: #a60e1d;
  /* Fallback color */
  --background-elevated-base: #d81326;
  /* Fallback color */
  --background-elevated-highlight: #d81326;
  /* Fallback color */
  --background-elevated-press: #a60e1d;
  /* Fallback color */
  --background-tinted-base: #e91429;
  /* Fallback color */
  --background-tinted-highlight: #e91429;
  /* Fallback color */
  --background-tinted-press: #e91429;
  /* The default text color of the negative set. */
  --text-base: #ffffff;
  /* Fallback color */
  --text-subdued: #ffffff;
  /* Fallback color */
  --text-bright-accent: #ffffff;
  /* Fallback color */
  --text-negative: #ffffff;
  /* Fallback color */
  --text-warning: #ffffff;
  /* Fallback color */
  --text-positive: #ffffff;
  /* Fallback color */
  --text-announcement: #ffffff;
  /* The default essential color of the negative set. */
  --essential-base: #ffffff;
  /* Fallback color */
  --essential-subdued: #ffffff;
  /* Fallback color */
  --essential-bright-accent: #ffffff;
  /* Fallback color */
  --essential-negative: #ffffff;
  /* Fallback color */
  --essential-warning: #ffffff;
  /* Fallback color */
  --essential-positive: #ffffff;
  /* Fallback color */
  --essential-announcement: #ffffff;
  /* The default decorative color of the negative set. */
  --decorative-base: #ffffff;
  /* A subdued variant of the base decorative color. */
  --decorative-subdued: #ee3a4c;
}
.encore-s4p-light-theme .encore-negative-set > * {
  --parents-essential-base: #ffffff;
}
.encore-s4p-light-theme .encore-negative-subdued-set {
  /* The default background color of the negativeSubdued set. */
  --background-base: #ffd2d7;
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-highlight: #ffe5e8;
  /* A background color that indicates the press state of a component. */
  --background-press: #ffadb6;
  /* Fallback color */
  --background-elevated-base: #ffe5e8;
  /* Fallback color */
  --background-elevated-highlight: #ffe5e8;
  /* Fallback color */
  --background-elevated-press: #ffadb6;
  /* Fallback color */
  --background-tinted-base: #ffd2d7;
  /* Fallback color */
  --background-tinted-highlight: #ffd2d7;
  /* Fallback color */
  --background-tinted-press: #ffd2d7;
  /* The default text color of the negativeSubdued set. */
  --text-base: #590810;
  /* Fallback color */
  --text-subdued: #590810;
  /* Fallback color */
  --text-bright-accent: #590810;
  /* Fallback color */
  --text-negative: #590810;
  /* Fallback color */
  --text-warning: #590810;
  /* Fallback color */
  --text-positive: #590810;
  /* Fallback color */
  --text-announcement: #590810;
  /* The default essential color of the negativeSubdued set. */
  --essential-base: #590810;
  /* Fallback color */
  --essential-subdued: #590810;
  /* Fallback color */
  --essential-bright-accent: #590810;
  /* Fallback color */
  --essential-negative: #590810;
  /* Fallback color */
  --essential-warning: #590810;
  /* Fallback color */
  --essential-positive: #590810;
  /* Fallback color */
  --essential-announcement: #590810;
  /* The default decorative color of the negativeSubdued set. */
  --decorative-base: #590810;
  /* A subdued variant of the base decorative color. */
  --decorative-subdued: #ffb9c1;
}
.encore-s4p-light-theme .encore-negative-subdued-set > * {
  --parents-essential-base: #590810;
}
.encore-s4p-light-theme .encore-warning-set {
  /* The default background color of the warning set. */
  --background-base: #ffa42b;
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-highlight: #ffb656;
  /* A background color that indicates the press state of a component. */
  --background-press: #ee8800;
  /* Fallback color */
  --background-elevated-base: #ffb656;
  /* Fallback color */
  --background-elevated-highlight: #ffb656;
  /* Fallback color */
  --background-elevated-press: #ee8800;
  /* Fallback color */
  --background-tinted-base: #ffa42b;
  /* Fallback color */
  --background-tinted-highlight: #ffa42b;
  /* Fallback color */
  --background-tinted-press: #ffa42b;
  /* The default text color of the warning set. */
  --text-base: #000000;
  /* Fallback color */
  --text-subdued: #000000;
  /* Fallback color */
  --text-bright-accent: #000000;
  /* Fallback color */
  --text-negative: #000000;
  /* Fallback color */
  --text-warning: #000000;
  /* Fallback color */
  --text-positive: #000000;
  /* Fallback color */
  --text-announcement: #000000;
  /* The default essential color of the warning set. */
  --essential-base: #000000;
  /* Fallback color */
  --essential-subdued: #000000;
  /* Fallback color */
  --essential-bright-accent: #000000;
  /* Fallback color */
  --essential-negative: #000000;
  /* Fallback color */
  --essential-warning: #000000;
  /* Fallback color */
  --essential-positive: #000000;
  /* Fallback color */
  --essential-announcement: #000000;
  /* The default decorative color of the warning set. */
  --decorative-base: #000000;
  /* A subdued variant of the base decorative color. */
  --decorative-subdued: #f18900;
}
.encore-s4p-light-theme .encore-warning-set > * {
  --parents-essential-base: #000000;
}
.encore-s4p-light-theme .encore-warning-subdued-set {
  /* The default background color of the warningSubdued set. */
  --background-base: #ffd97e;
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-highlight: #ffeab8;
  /* A background color that indicates the press state of a component. */
  --background-press: #ffb504;
  /* Fallback color */
  --background-elevated-base: #ffeab8;
  /* Fallback color */
  --background-elevated-highlight: #ffeab8;
  /* Fallback color */
  --background-elevated-press: #ffb504;
  /* Fallback color */
  --background-tinted-base: #ffd97e;
  /* Fallback color */
  --background-tinted-highlight: #ffd97e;
  /* Fallback color */
  --background-tinted-press: #ffd97e;
  /* The default text color of the warningSubdued set. */
  --text-base: #491e00;
  /* Fallback color */
  --text-subdued: #491e00;
  /* Fallback color */
  --text-bright-accent: #491e00;
  /* Fallback color */
  --text-negative: #491e00;
  /* Fallback color */
  --text-warning: #491e00;
  /* Fallback color */
  --text-positive: #491e00;
  /* Fallback color */
  --text-announcement: #491e00;
  /* The default essential color of the warningSubdued set. */
  --essential-base: #491e00;
  /* Fallback color */
  --essential-subdued: #491e00;
  /* Fallback color */
  --essential-bright-accent: #491e00;
  /* Fallback color */
  --essential-negative: #491e00;
  /* Fallback color */
  --essential-warning: #491e00;
  /* Fallback color */
  --essential-positive: #491e00;
  /* Fallback color */
  --essential-announcement: #491e00;
  /* The default decorative color of the warningSubdued set. */
  --decorative-base: #491e00;
  /* A subdued variant of the base decorative color. */
  --decorative-subdued: #ffc742;
}
.encore-s4p-light-theme .encore-warning-subdued-set > * {
  --parents-essential-base: #491e00;
}
.encore-s4p-light-theme .encore-positive-set {
  /* The default background color of the positive set. */
  --background-base: #1ed760;
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-highlight: #3be477;
  /* A background color that indicates the press state of a component. */
  --background-press: #1abc54;
  /* Fallback color */
  --background-elevated-base: #3be477;
  /* Fallback color */
  --background-elevated-highlight: #3be477;
  /* Fallback color */
  --background-elevated-press: #1abc54;
  /* Fallback color */
  --background-tinted-base: #1ed760;
  /* Fallback color */
  --background-tinted-highlight: #1ed760;
  /* Fallback color */
  --background-tinted-press: #1ed760;
  /* The default text color of the positive set. */
  --text-base: #000000;
  /* Fallback color */
  --text-subdued: #000000;
  /* Fallback color */
  --text-bright-accent: #000000;
  /* Fallback color */
  --text-negative: #000000;
  /* Fallback color */
  --text-warning: #000000;
  /* Fallback color */
  --text-positive: #000000;
  /* Fallback color */
  --text-announcement: #000000;
  /* The default essential color of the positive set. */
  --essential-base: #000000;
  /* Fallback color */
  --essential-subdued: #000000;
  /* Fallback color */
  --essential-bright-accent: #000000;
  /* Fallback color */
  --essential-negative: #000000;
  /* Fallback color */
  --essential-warning: #000000;
  /* Fallback color */
  --essential-positive: #000000;
  /* Fallback color */
  --essential-announcement: #000000;
  /* The default decorative color of the positive set. */
  --decorative-base: #000000;
  /* A subdued variant of the base decorative color. */
  --decorative-subdued: #1abc54;
}
.encore-s4p-light-theme .encore-positive-set > * {
  --parents-essential-base: #000000;
}
.encore-s4p-light-theme .encore-positive-subdued-set {
  /* The default background color of the positiveSubdued set. */
  --background-base: #96f0b6;
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-highlight: #c5f7d7;
  /* A background color that indicates the press state of a component. */
  --background-press: #21df65;
  /* Fallback color */
  --background-elevated-base: #c5f7d7;
  /* Fallback color */
  --background-elevated-highlight: #c5f7d7;
  /* Fallback color */
  --background-elevated-press: #21df65;
  /* Fallback color */
  --background-tinted-base: #96f0b6;
  /* Fallback color */
  --background-tinted-highlight: #96f0b6;
  /* Fallback color */
  --background-tinted-press: #96f0b6;
  /* The default text color of the positiveSubdued set. */
  --text-base: #073116;
  /* Fallback color */
  --text-subdued: #073116;
  /* Fallback color */
  --text-bright-accent: #073116;
  /* Fallback color */
  --text-negative: #073116;
  /* Fallback color */
  --text-warning: #073116;
  /* Fallback color */
  --text-positive: #073116;
  /* Fallback color */
  --text-announcement: #073116;
  /* The default essential color of the positiveSubdued set. */
  --essential-base: #073116;
  /* Fallback color */
  --essential-subdued: #073116;
  /* Fallback color */
  --essential-bright-accent: #073116;
  /* Fallback color */
  --essential-negative: #073116;
  /* Fallback color */
  --essential-warning: #073116;
  /* Fallback color */
  --essential-positive: #073116;
  /* Fallback color */
  --essential-announcement: #073116;
  /* The default decorative color of the positiveSubdued set. */
  --decorative-base: #073116;
  /* A subdued variant of the base decorative color. */
  --decorative-subdued: #60e890;
}
.encore-s4p-light-theme .encore-positive-subdued-set > * {
  --parents-essential-base: #073116;
}
.encore-s4p-light-theme .encore-announcement-set {
  /* The default background color of the announcement set. */
  --background-base: #0074e0;
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-highlight: #006bcf;
  /* A background color that indicates the press state of a component. */
  --background-press: #00529e;
  /* Fallback color */
  --background-elevated-base: #006bcf;
  /* Fallback color */
  --background-elevated-highlight: #006bcf;
  /* Fallback color */
  --background-elevated-press: #00529e;
  /* Fallback color */
  --background-tinted-base: #0074e0;
  /* Fallback color */
  --background-tinted-highlight: #0074e0;
  /* Fallback color */
  --background-tinted-press: #0074e0;
  /* The default text color of the announcement set. */
  --text-base: #ffffff;
  /* Fallback color */
  --text-subdued: #ffffff;
  /* Fallback color */
  --text-bright-accent: #ffffff;
  /* Fallback color */
  --text-negative: #ffffff;
  /* Fallback color */
  --text-warning: #ffffff;
  /* Fallback color */
  --text-positive: #ffffff;
  /* Fallback color */
  --text-announcement: #ffffff;
  /* The default essential color of the announcement set. */
  --essential-base: #ffffff;
  /* Fallback color */
  --essential-subdued: #ffffff;
  /* Fallback color */
  --essential-bright-accent: #ffffff;
  /* Fallback color */
  --essential-negative: #ffffff;
  /* Fallback color */
  --essential-warning: #ffffff;
  /* Fallback color */
  --essential-positive: #ffffff;
  /* Fallback color */
  --essential-announcement: #ffffff;
  /* The default decorative color of the announcement set. */
  --decorative-base: #ffffff;
  /* A subdued variant of the base decorative color. */
  --decorative-subdued: #0386ff;
}
.encore-s4p-light-theme .encore-announcement-set > * {
  --parents-essential-base: #ffffff;
}
.encore-s4p-light-theme .encore-announcement-subdued-set {
  /* The default background color of the announcementSubdued set. */
  --background-base: #b5e4ff;
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-highlight: #d5f0ff;
  /* A background color that indicates the press state of a component. */
  --background-press: #75cdff;
  /* Fallback color */
  --background-elevated-base: #d5f0ff;
  /* Fallback color */
  --background-elevated-highlight: #d5f0ff;
  /* Fallback color */
  --background-elevated-press: #75cdff;
  /* Fallback color */
  --background-tinted-base: #b5e4ff;
  /* Fallback color */
  --background-tinted-highlight: #b5e4ff;
  /* Fallback color */
  --background-tinted-press: #b5e4ff;
  /* The default text color of the announcementSubdued set. */
  --text-base: #00285d;
  /* Fallback color */
  --text-subdued: #00285d;
  /* Fallback color */
  --text-bright-accent: #00285d;
  /* Fallback color */
  --text-negative: #00285d;
  /* Fallback color */
  --text-warning: #00285d;
  /* Fallback color */
  --text-positive: #00285d;
  /* Fallback color */
  --text-announcement: #00285d;
  /* The default essential color of the announcementSubdued set. */
  --essential-base: #00285d;
  /* Fallback color */
  --essential-subdued: #00285d;
  /* Fallback color */
  --essential-bright-accent: #00285d;
  /* Fallback color */
  --essential-negative: #00285d;
  /* Fallback color */
  --essential-warning: #00285d;
  /* Fallback color */
  --essential-positive: #00285d;
  /* Fallback color */
  --essential-announcement: #00285d;
  /* The default decorative color of the announcementSubdued set. */
  --decorative-base: #00285d;
  /* A subdued variant of the base decorative color. */
  --decorative-subdued: #85d3ff;
}
.encore-s4p-light-theme .encore-announcement-subdued-set > * {
  --parents-essential-base: #00285d;
}
.encore-s4p-light-theme .encore-inverted-dark-set {
  /* The default background color of the invertedDark set. */
  --background-base: #000000;
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-highlight: #141414;
  /* A background color that indicates the press state of a component. */
  --background-press: #343434;
  /* Fallback color */
  --background-elevated-base: #141414;
  /* Fallback color */
  --background-elevated-highlight: #141414;
  /* Fallback color */
  --background-elevated-press: #343434;
  /* Fallback color */
  --background-tinted-base: #000000;
  /* Fallback color */
  --background-tinted-highlight: #000000;
  /* Fallback color */
  --background-tinted-press: #000000;
  /* The default text color of the invertedDark set. */
  --text-base: #ffffff;
  /* A subdued variant of the base text color. */
  --text-subdued: #939393;
  /* A bright text color that contrasts with the set’s background colors. Often used to give key interactive elements more prominence. */
  --text-bright-accent: #9691ff;
  /* Fallback color */
  --text-negative: #ffffff;
  /* Fallback color */
  --text-warning: #ffffff;
  /* Fallback color */
  --text-positive: #ffffff;
  /* Fallback color */
  --text-announcement: #ffffff;
  /* The default essential color of the invertedDark set. */
  --essential-base: #ffffff;
  /* A subdued variant of the base essential color. */
  --essential-subdued: #626262;
  /* A bright essential color that contrasts with the set’s background colors. Often used to give key interactive elements more prominence. */
  --essential-bright-accent: #9691ff;
  /* Fallback color */
  --essential-negative: #ffffff;
  /* Fallback color */
  --essential-warning: #ffffff;
  /* Fallback color */
  --essential-positive: #ffffff;
  /* Fallback color */
  --essential-announcement: #ffffff;
  /* The default decorative color of the invertedDark set. */
  --decorative-base: #ffffff;
  /* A subdued variant of the base decorative color. */
  --decorative-subdued: #1f1f1f;
}
.encore-s4p-light-theme .encore-inverted-dark-set > * {
  --parents-essential-base: #ffffff;
}
.encore-s4p-light-theme .encore-inverted-light-set {
  /* The default background color of the invertedLight set. */
  --background-base: #ffffff;
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-highlight: #f0f0f0;
  /* A background color that indicates the press state of a component. */
  --background-press: #c7c7c7;
  /* Fallback color */
  --background-elevated-base: #f0f0f0;
  /* Fallback color */
  --background-elevated-highlight: #f0f0f0;
  /* Fallback color */
  --background-elevated-press: #c7c7c7;
  /* Fallback color */
  --background-tinted-base: #ffffff;
  /* Fallback color */
  --background-tinted-highlight: #ffffff;
  /* Fallback color */
  --background-tinted-press: #ffffff;
  /* The default text color of the invertedLight set. */
  --text-base: #000000;
  /* A subdued variant of the base text color. */
  --text-subdued: #5a5a5a;
  /* A bright text color that contrasts with the set’s background colors. Often used to give key interactive elements more prominence. */
  --text-bright-accent: #5a52ff;
  /* Fallback color */
  --text-negative: #000000;
  /* Fallback color */
  --text-warning: #000000;
  /* Fallback color */
  --text-positive: #000000;
  /* Fallback color */
  --text-announcement: #000000;
  /* The default essential color of the invertedLight set. */
  --essential-base: #000000;
  /* A subdued variant of the base essential color. */
  --essential-subdued: #8a8a8a;
  /* A bright essential color that contrasts with the set’s background colors. Often used to give key interactive elements more prominence. */
  --essential-bright-accent: #8079ff;
  /* Fallback color */
  --essential-negative: #000000;
  /* Fallback color */
  --essential-warning: #000000;
  /* Fallback color */
  --essential-positive: #000000;
  /* Fallback color */
  --essential-announcement: #000000;
  /* The default decorative color of the invertedLight set. */
  --decorative-base: #000000;
  /* A subdued variant of the base decorative color. */
  --decorative-subdued: #dedede;
}
.encore-s4p-light-theme .encore-inverted-light-set > * {
  --parents-essential-base: #000000;
}
.encore-s4p-light-theme .encore-inverted-set {
  /* The default background color of the inverted set. */
  --background-base: #000000;
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-highlight: #141414;
  /* A background color that indicates the press state of a component. */
  --background-press: #343434;
  /* Fallback color */
  --background-elevated-base: #141414;
  /* Fallback color */
  --background-elevated-highlight: #141414;
  /* Fallback color */
  --background-elevated-press: #343434;
  /* Fallback color */
  --background-tinted-base: #000000;
  /* Fallback color */
  --background-tinted-highlight: #000000;
  /* Fallback color */
  --background-tinted-press: #000000;
  /* The default text color of the inverted set. */
  --text-base: #ffffff;
  /* A subdued variant of the base text color. */
  --text-subdued: #939393;
  /* A bright text color that contrasts with the set’s background colors. Often used to give key interactive elements more prominence. */
  --text-bright-accent: #9691ff;
  /* Fallback color */
  --text-negative: #ffffff;
  /* Fallback color */
  --text-warning: #ffffff;
  /* Fallback color */
  --text-positive: #ffffff;
  /* Fallback color */
  --text-announcement: #ffffff;
  /* The default essential color of the inverted set. */
  --essential-base: #ffffff;
  /* A subdued variant of the base essential color. */
  --essential-subdued: #626262;
  /* A bright essential color that contrasts with the set’s background colors. Often used to give key interactive elements more prominence. */
  --essential-bright-accent: #9691ff;
  /* Fallback color */
  --essential-negative: #ffffff;
  /* Fallback color */
  --essential-warning: #ffffff;
  /* Fallback color */
  --essential-positive: #ffffff;
  /* Fallback color */
  --essential-announcement: #ffffff;
  /* The default decorative color of the inverted set. */
  --decorative-base: #ffffff;
  /* A subdued variant of the base decorative color. */
  --decorative-subdued: #1f1f1f;
}
.encore-s4p-light-theme .encore-inverted-set > * {
  --parents-essential-base: #ffffff;
}
.encore-s4p-light-theme .encore-muted-accent-set {
  /* The default background color of the mutedAccent set. */
  --background-base: #121212;
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-highlight: #1b1b1b;
  /* A background color that indicates the press state of a component. */
  --background-press: #040404;
  /* The default background color for elevated elements in the mutedAccent set. */
  --background-elevated-base: #1b1b1b;
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-elevated-highlight: #232323;
  /* A background color that indicates the press state of a component. */
  --background-elevated-press: #171717;
  /* The default background color for tinted elements in the mutedAccent set. */
  --background-tinted-base: rgba(255, 255, 255, 0.07);
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-tinted-highlight: rgba(255, 255, 255, 0.1);
  /* A background color that indicates the press state of a component. */
  --background-tinted-press: rgba(255, 255, 255, 0.15);
  /* The default text color of the mutedAccent set. */
  --text-base: #ffffff;
  /* A subdued variant of the base text color. */
  --text-subdued: #a7a7a7;
  /* A bright text color that contrasts with the set’s background colors. Often used to give key interactive elements more prominence. */
  --text-bright-accent: #9691ff;
  /* Fallback color */
  --text-negative: #ffffff;
  /* Fallback color */
  --text-warning: #ffffff;
  /* Fallback color */
  --text-positive: #ffffff;
  /* Fallback color */
  --text-announcement: #ffffff;
  /* The default essential color of the mutedAccent set. */
  --essential-base: #ffffff;
  /* A subdued variant of the base essential color. */
  --essential-subdued: #727272;
  /* A bright essential color that contrasts with the set’s background colors. Often used to give key interactive elements more prominence. */
  --essential-bright-accent: #9691ff;
  /* Fallback color */
  --essential-negative: #ffffff;
  /* Fallback color */
  --essential-warning: #ffffff;
  /* Fallback color */
  --essential-positive: #ffffff;
  /* Fallback color */
  --essential-announcement: #ffffff;
  /* The default decorative color of the mutedAccent set. */
  --decorative-base: #ffffff;
  /* A subdued variant of the base decorative color. */
  --decorative-subdued: #292929;
}
.encore-s4p-light-theme .encore-muted-accent-set > * {
  --parents-essential-base: #ffffff;
}
.encore-s4p-light-theme .encore-over-media-set {
  /* The default background color of the overMedia set. */
  --background-base: rgba(0, 0, 0, 0.54);
  /* A background color that indicates the hover state of a component, or adds some oomph to a focus state. */
  --background-highlight: rgba(0, 0, 0, 0.58);
  /* A background color that indicates the press state of a component. */
  --background-press: rgba(0, 0, 0, 0.68);
  /* Fallback color */
  --background-elevated-base: rgba(0, 0, 0, 0.58);
  /* Fallback color */
  --background-elevated-highlight: rgba(0, 0, 0, 0.58);
  /* Fallback color */
  --background-elevated-press: rgba(0, 0, 0, 0.68);
  /* Fallback color */
  --background-tinted-base: rgba(0, 0, 0, 0.54);
  /* Fallback color */
  --background-tinted-highlight: rgba(0, 0, 0, 0.54);
  /* Fallback color */
  --background-tinted-press: rgba(0, 0, 0, 0.54);
  /* The default text color of the overMedia set. */
  --text-base: #ffffff;
  /* Fallback color */
  --text-subdued: #ffffff;
  /* Fallback color */
  --text-bright-accent: #ffffff;
  /* Fallback color */
  --text-negative: #ffffff;
  /* Fallback color */
  --text-warning: #ffffff;
  /* Fallback color */
  --text-positive: #ffffff;
  /* Fallback color */
  --text-announcement: #ffffff;
  /* The default essential color of the overMedia set. */
  --essential-base: #ffffff;
  /* Fallback color */
  --essential-subdued: #ffffff;
  /* Fallback color */
  --essential-bright-accent: #ffffff;
  /* Fallback color */
  --essential-negative: #ffffff;
  /* Fallback color */
  --essential-warning: #ffffff;
  /* Fallback color */
  --essential-positive: #ffffff;
  /* Fallback color */
  --essential-announcement: #ffffff;
  /* The default decorative color of the overMedia set. */
  --decorative-base: #ffffff;
  /* A subdued variant of the base decorative color. */
  --decorative-subdued: rgba(255, 255, 255, 0.13);
}
.encore-s4p-light-theme .encore-over-media-set > * {
  --parents-essential-base: #ffffff;
}

@font-face {
  font-family: CircularSp-Deva;
  font-weight: 800;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7,
    U+0901-097F, U+200C-200E, U+FFFF;
  src:
    url('../../fonts/CircularSp-Deva-Black-409aaab18f0fc439f0658d5556df302b.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Deva-Black-f1dca2ee660273063af0316d4b7da438.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Deva;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7,
    U+0901-097F, U+200C-200E, U+FFFF;
  src:
    url('../../fonts/CircularSp-Deva-Bold-b2a990e06d50b37c1516c3d140496934.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Deva-Bold-a218ed3bd8e480245847933a79f4ebfb.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Deva;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7,
    U+0901-097F, U+200C-200E, U+FFFF;
  src:
    url('../../fonts/CircularSp-Deva-Book-adf5439f4c3e684fd5dd69f64d659efc.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Deva-Book-e1dc3d746b24723f8d3dadb314b97705.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Grek;
  font-weight: 800;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7, U+0375,
    U+037A, U+0384, U+0386, U+0388-038A, U+038C, U+038E-03A1, U+03A3-03CF,
    U+03D7, U+2126, U+FFFF;
  src:
    url('../../fonts/CircularSp-Grek-Black-b45055a950eac7560342cb7fa07559ad.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Grek-Black-49883536c1a3bfc688235ce40572731d.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Grek;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7, U+0375,
    U+037A, U+0384, U+0386, U+0388-038A, U+038C, U+038E-03A1, U+03A3-03CF,
    U+03D7, U+2126, U+FFFF;
  src:
    url('../../fonts/CircularSp-Grek-Bold-fafb1410c85fe7e6e81c68e609d4b823.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Grek-Bold-53bb923248ba22cf5554bbe5f434c5c8.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Grek;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7, U+0375,
    U+037A, U+0384, U+0386, U+0388-038A, U+038C, U+038E-03A1, U+03A3-03CF,
    U+03D7, U+2126, U+FFFF;
  src:
    url('../../fonts/CircularSp-Grek-Book-5d5a3a10aa26b63a2575ce872ad43f07.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Grek-Book-c9de2c0741586c1ab7b6e95541fc7807.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Arab;
  font-weight: 800;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7,
    U+01C4-01C6, U+01F1-01F3, U+02BB-02BC, U+0600-0603, U+060B-060C, U+0610,
    U+061B, U+061F, U+0621-063A, U+0640-0659, U+0660-0671, U+0679-0681,
    U+0683-068A, U+068C-068D, U+068F, U+0691, U+0693, U+0696, U+0698-069A,
    U+06A1, U+06A4, U+06A6, U+06A9-06AB, U+06AF, U+06B1, U+06B3, U+06BA-06BC,
    U+06BE, U+06C0-06C3, U+06CC-06CD, U+06D0, U+06D2-06D5, U+06F0-06F9,
    U+06FD-06FE, U+2002-2003, U+2009, U+200C-200F, U+25CC, U+FB50-FB85,
    U+FB88-FBBB, U+FBBD-FBC1, U+FBE4-FBE9, U+FBFC-FBFF, U+FC48, U+FC5E-FC63,
    U+FD3E-FD3F, U+FDF2, U+FDFC, U+FE80-FEFC, U+FFFF;
  src:
    url('../../fonts/CircularSp-Arab-Black-14419efc36612ec0a627c8ad1e7ae3cf.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Arab-Black-9dda323448d48d7e6cabf84d2df7dc11.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Arab;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7,
    U+01C4-01C6, U+01F1-01F3, U+02BB-02BC, U+0600-0603, U+060B-060C, U+0610,
    U+061B, U+061F, U+0621-063A, U+0640-0659, U+0660-0671, U+0679-0681,
    U+0683-068A, U+068C-068D, U+068F, U+0691, U+0693, U+0696, U+0698-069A,
    U+06A1, U+06A4, U+06A6, U+06A9-06AB, U+06AF, U+06B1, U+06B3, U+06BA-06BC,
    U+06BE, U+06C0-06C3, U+06CC-06CD, U+06D0, U+06D2-06D5, U+06F0-06F9,
    U+06FD-06FE, U+2002-2003, U+2009, U+200C-200F, U+25CC, U+FB50-FB85,
    U+FB88-FBBB, U+FBBD-FBC1, U+FBE4-FBE9, U+FBFC-FBFF, U+FC48, U+FC5E-FC63,
    U+FD3E-FD3F, U+FDF2, U+FDFC, U+FE80-FEFC, U+FFFF;
  src:
    url('../../fonts/CircularSp-Arab-Bold-c638a17a6708a3bd51bd2422c3fedcfb.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Arab-Bold-47ca0fd648a183136981f28d0218cef6.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Arab;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7,
    U+01C4-01C6, U+01F1-01F3, U+02BB-02BC, U+0600-0603, U+060B-060C, U+0610,
    U+061B, U+061F, U+0621-063A, U+0640-0659, U+0660-0671, U+0679-0681,
    U+0683-068A, U+068C-068D, U+068F, U+0691, U+0693, U+0696, U+0698-069A,
    U+06A1, U+06A4, U+06A6, U+06A9-06AB, U+06AF, U+06B1, U+06B3, U+06BA-06BC,
    U+06BE, U+06C0-06C3, U+06CC-06CD, U+06D0, U+06D2-06D5, U+06F0-06F9,
    U+06FD-06FE, U+2002-2003, U+2009, U+200C-200F, U+25CC, U+FB50-FB85,
    U+FB88-FBBB, U+FBBD-FBC1, U+FBE4-FBE9, U+FBFC-FBFF, U+FC48, U+FC5E-FC63,
    U+FD3E-FD3F, U+FDF2, U+FDFC, U+FE80-FEFC, U+FFFF;
  src:
    url('../../fonts/CircularSp-Arab-Book-8c0cff2514cf52ffcc4976fa813c4712.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Arab-Book-1cd31794cbdd53724469ba03e8573dba.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Cyrl;
  font-weight: 800;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7,
    U+0400-045F, U+0462-0463, U+0472-0475, U+0490-0493, U+049A-049B, U+04A2-04A3,
    U+04AE-04B3, U+04BA-04BB, U+04D8-04D9, U+04E8-04E9, U+FFFF;
  src:
    url('../../fonts/CircularSp-Cyrl-Black-1ce6672693e92d2cb1d04af1690e1f9c.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Cyrl-Black-b4305d9bf82554f631d2636c3ef90c54.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Cyrl;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7,
    U+0400-045F, U+0462-0463, U+0472-0475, U+0490-0493, U+049A-049B, U+04A2-04A3,
    U+04AE-04B3, U+04BA-04BB, U+04D8-04D9, U+04E8-04E9, U+FFFF;
  src:
    url('../../fonts/CircularSp-Cyrl-Bold-180db050d109afeef4331b1ee551c349.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Cyrl-Bold-7e54bccaf45728c472079785d5cd4519.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Cyrl;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7,
    U+0400-045F, U+0462-0463, U+0472-0475, U+0490-0493, U+049A-049B, U+04A2-04A3,
    U+04AE-04B3, U+04BA-04BB, U+04D8-04D9, U+04E8-04E9, U+FFFF;
  src:
    url('../../fonts/CircularSp-Cyrl-Book-cc791a2e69e25c0440792bd855600ca7.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Cyrl-Book-6f078f781ee313e298ad8997fd1ffe3d.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Hebr;
  font-weight: 800;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+0030-0039, U+00A0, U+00A4,
    U+00B6-00B7, U+01C4-01C6, U+01F1-01F3, U+02BB-02BC, U+05B0-05C4, U+05D0-05EA,
    U+05F0-05F4, U+200E-200F, U+20AA, U+FB2A-FB36, U+FB38-FB3C, U+FB3E,
    U+FB40-FB41, U+FB43-FB44, U+FB46-FB4F, U+FFFF;
  src:
    url('../../fonts/CircularSp-Hebr-Black-29a8af6f5782cdf3009a5ac966ee4fa6.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Hebr-Black-f52613a9d541248805af1d0bb33102f8.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Hebr;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+0030-0039, U+00A0, U+00A4,
    U+00B6-00B7, U+01C4-01C6, U+01F1-01F3, U+02BB-02BC, U+05B0-05C4, U+05D0-05EA,
    U+05F0-05F4, U+200E-200F, U+20AA, U+FB2A-FB36, U+FB38-FB3C, U+FB3E,
    U+FB40-FB41, U+FB43-FB44, U+FB46-FB4F, U+FFFF;
  src:
    url('../../fonts/CircularSp-Hebr-Bold-9b609e9268a3f9d73732dc3cc375821e.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Hebr-Bold-caa03e4cb8690e726ef1625c7d91a7a5.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Hebr;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+0030-0039, U+00A0, U+00A4,
    U+00B6-00B7, U+01C4-01C6, U+01F1-01F3, U+02BB-02BC, U+05B0-05C4, U+05D0-05EA,
    U+05F0-05F4, U+200E-200F, U+20AA, U+FB2A-FB36, U+FB38-FB3C, U+FB3E,
    U+FB40-FB41, U+FB43-FB44, U+FB46-FB4F, U+FFFF;
  src:
    url('../../fonts/CircularSp-Hebr-Book-414f88babad55bb44c9552d9b92504f7.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Hebr-Book-d8209975eafc81a9499df8401a339ddd.woff')
      format('woff');
}
@font-face {
  font-family: SpotifyMixUI;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00AC, U+00AE-0137, U+0139-0148, U+014A-017E,
    U+018F, U+01A0-01A1, U+01AF-01B0, U+01CD-01D4, U+01E6-01E7, U+01F4-01F5,
    U+01FA-01FF, U+0218-021B, U+0226-0227, U+0232-0233, U+0237, U+0259, U+02BC,
    U+02C6-02C7, U+02D8-02DD, U+0300-0304, U+0306-030C, U+0312, U+031B, U+0323,
    U+0326-0328, U+0335-0338, U+0E3F, U+1E0C-1E0D, U+1E20-1E21, U+1E24-1E25,
    U+1E36-1E37, U+1E44-1E45, U+1E56-1E57, U+1E62-1E63, U+1E6C-1E6D, U+1E80-1E85,
    U+1E8A-1E8D, U+1E92-1E93, U+1E9E, U+1EA0-1EF9, U+2002-2003, U+2009-200A,
    U+2010-2011, U+2013-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026,
    U+2030, U+2032-2033, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089,
    U+20A6, U+20A9-20AA, U+20AC, U+20B4, U+20B8-20BA, U+20BD, U+20BF, U+2113,
    U+2116-2117, U+2122, U+2126, U+2160-2169, U+216C-216F, U+2190-2193,
    U+2196-2199, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+221A, U+221E,
    U+222B, U+2248, U+2260, U+2264-2265, U+FB01-FB02, U+FFFF;
  src:
    url('../../fonts/SpotifyMixUI-Bold-4264b799009b1db5c491778b1bc8e5b7.woff')
      format('woff2'),
    url('../../fonts/SpotifyMixUI-Bold-05392dabcaa9fab302f9ddc047b15752.woff')
      format('woff');
}
@font-face {
  font-family: SpotifyMixUI;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00AC, U+00AE-0137, U+0139-0148, U+014A-017E,
    U+018F, U+01A0-01A1, U+01AF-01B0, U+01CD-01D4, U+01E6-01E7, U+01F4-01F5,
    U+01FA-01FF, U+0218-021B, U+0226-0227, U+0232-0233, U+0237, U+0259, U+02BC,
    U+02C6-02C7, U+02D8-02DD, U+0300-0304, U+0306-030C, U+0312, U+031B, U+0323,
    U+0326-0328, U+0335-0338, U+0E3F, U+1E0C-1E0D, U+1E20-1E21, U+1E24-1E25,
    U+1E36-1E37, U+1E44-1E45, U+1E56-1E57, U+1E62-1E63, U+1E6C-1E6D, U+1E80-1E85,
    U+1E8A-1E8D, U+1E92-1E93, U+1E9E, U+1EA0-1EF9, U+2002-2003, U+2009-200A,
    U+2010-2011, U+2013-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026,
    U+2030, U+2032-2033, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089,
    U+20A6, U+20A9-20AA, U+20AC, U+20B4, U+20B8-20BA, U+20BD, U+20BF, U+2113,
    U+2116-2117, U+2122, U+2126, U+2160-2169, U+216C-216F, U+2190-2193,
    U+2196-2199, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+221A, U+221E,
    U+222B, U+2248, U+2260, U+2264-2265, U+FB01-FB02, U+FFFF;
  src:
    url('../../fonts/SpotifyMixUI-Regular-cc3b1de388efa4cbca6c75cebc24585e.woff')
      format('woff2'),
    url('../../fonts/SpotifyMixUI-Regular-b342a41ec78025c361c018e5d355ab21.woff')
      format('woff');
}
@font-face {
  font-family: SpotifyMixUITitle;
  font-weight: 800;
  font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00AC, U+00AE-0137, U+0139-0148, U+014A-017E,
    U+018F, U+01A0-01A1, U+01AF-01B0, U+01CD-01D4, U+01E6-01E7, U+01F4-01F5,
    U+01FA-01FF, U+0218-021B, U+0226-0227, U+0232-0233, U+0237, U+0259, U+02BC,
    U+02C6-02C7, U+02D8-02DD, U+0300-0304, U+0306-030C, U+0312, U+031B, U+0323,
    U+0326-0328, U+0335-0338, U+0E3F, U+1E0C-1E0D, U+1E20-1E21, U+1E24-1E25,
    U+1E36-1E37, U+1E44-1E45, U+1E56-1E57, U+1E62-1E63, U+1E6C-1E6D, U+1E80-1E85,
    U+1E8A-1E8D, U+1E92-1E93, U+1E9E, U+1EA0-1EF9, U+2002-2003, U+2009-200A,
    U+2010-2011, U+2013-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026,
    U+2030, U+2032-2033, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089,
    U+20A6, U+20A9-20AA, U+20AC, U+20B4, U+20B8-20BA, U+20BD, U+20BF, U+2113,
    U+2116-2117, U+2122, U+2126, U+2160-2169, U+216C-216F, U+2190-2193,
    U+2196-2199, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+221A, U+221E,
    U+222B, U+2248, U+2260, U+2264-2265, U+FB01-FB02, U+FFFF;
  src:
    url('../../fonts/SpotifyMixUITitleVariable-8769ccfde3379b7ebcadd9529b49d0cc.woff')
      format('woff2 supports variations'),
    url('../../fonts/SpotifyMixUITitleVariable-8769ccfde3379b7ebcadd9529b49d0cc.woff')
      format('woff2-variations'),
    url('../../fonts/SpotifyMixUITitle-Extrabold-ba6c73cd7f82c81e49cf2204017803ed.woff')
      format('woff2'),
    url('../../fonts/SpotifyMixUITitle-Extrabold-dd06104c9de7463b60455a65171cab06.woff')
      format('woff');
}
@font-face {
  font-family: SpotifyMixUITitle;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00AC, U+00AE-0137, U+0139-0148, U+014A-017E,
    U+018F, U+01A0-01A1, U+01AF-01B0, U+01CD-01D4, U+01E6-01E7, U+01F4-01F5,
    U+01FA-01FF, U+0218-021B, U+0226-0227, U+0232-0233, U+0237, U+0259, U+02BC,
    U+02C6-02C7, U+02D8-02DD, U+0300-0304, U+0306-030C, U+0312, U+031B, U+0323,
    U+0326-0328, U+0335-0338, U+0E3F, U+1E0C-1E0D, U+1E20-1E21, U+1E24-1E25,
    U+1E36-1E37, U+1E44-1E45, U+1E56-1E57, U+1E62-1E63, U+1E6C-1E6D, U+1E80-1E85,
    U+1E8A-1E8D, U+1E92-1E93, U+1E9E, U+1EA0-1EF9, U+2002-2003, U+2009-200A,
    U+2010-2011, U+2013-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026,
    U+2030, U+2032-2033, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089,
    U+20A6, U+20A9-20AA, U+20AC, U+20B4, U+20B8-20BA, U+20BD, U+20BF, U+2113,
    U+2116-2117, U+2122, U+2126, U+2160-2169, U+216C-216F, U+2190-2193,
    U+2196-2199, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+221A, U+221E,
    U+222B, U+2248, U+2260, U+2264-2265, U+FB01-FB02, U+FFFF;
  src:
    url('../../fonts/SpotifyMixUITitleVariable-8769ccfde3379b7ebcadd9529b49d0cc.woff')
      format('woff2 supports variations'),
    url('../../fonts/SpotifyMixUITitleVariable-8769ccfde3379b7ebcadd9529b49d0cc.woff')
      format('woff2-variations'),
    url('../../fonts/SpotifyMixUITitle-Bold-37290f1de77f297fcc26d71e9afcf43f.woff')
      format('woff2'),
    url('../../fonts/SpotifyMixUITitle-Bold-72703891d365729cfcfa9788c8904a4d.woff')
      format('woff');
}

.encore-layout-themes,
.encore-small-devices-theme {
  --encore-text-size-smaller-2: 0.6875rem;
  --encore-text-size-smaller: 0.8125rem;
  --encore-text-size-base: 1rem;
  --encore-text-size-larger: 1.25rem;
  --encore-text-size-larger-2: 1.5rem;
  --encore-text-size-larger-3: 2rem;
  --encore-text-size-larger-4: 2.5rem;
  --encore-text-size-larger-5: 3rem;
  --encore-border-width-hairline: 1px;
  --encore-border-width-thin: 2px;
  --encore-border-width-thick: 4px;
  --encore-border-width-thicker: 8px;
  --encore-border-width-focus: 3px;
  --encore-graphic-size-decorative-smaller-2: 12px;
  --encore-graphic-size-decorative-smaller: 16px;
  --encore-graphic-size-decorative-base: 24px;
  --encore-graphic-size-decorative-larger: 32px;
  --encore-graphic-size-decorative-larger-2: 40px;
  --encore-graphic-size-decorative-larger-3: 48px;
  --encore-graphic-size-decorative-larger-4: 64px;
  --encore-graphic-size-decorative-larger-5: 88px;
  --encore-graphic-size-informative-smaller-2: 0.75rem;
  --encore-graphic-size-informative-smaller: 1rem;
  --encore-graphic-size-informative-base: 1.5rem;
  --encore-graphic-size-informative-larger: 2rem;
  --encore-graphic-size-informative-larger-2: 2.5rem;
  --encore-graphic-size-informative-larger-3: 3rem;
  --encore-graphic-size-informative-larger-4: 4rem;
  --encore-graphic-size-informative-larger-5: 5.5rem;
  --encore-spacing-tighter-5: 2px;
  --encore-spacing-tighter-4: 4px;
  --encore-spacing-tighter-3: 6px;
  --encore-spacing-tighter-2: 8px;
  --encore-spacing-tighter: 12px;
  --encore-spacing-base: 16px;
  --encore-spacing-looser: 20px;
  --encore-spacing-looser-2: 24px;
  --encore-spacing-looser-3: 32px;
  --encore-spacing-looser-4: 40px;
  --encore-spacing-looser-5: 48px;
  --encore-spacing-looser-6: 64px;
  --encore-control-size-smaller: 32px;
  --encore-control-size-base: 48px;
  --encore-control-size-larger: 56px;
  --encore-layout-margin-tighter: 16px;
  --encore-layout-margin-base: 16px;
  --encore-layout-margin-looser: 24px;
  --encore-corner-radius-smaller: 2px;
  --encore-corner-radius-base: 4px;
  --encore-corner-radius-larger: 6px;
  --encore-corner-radius-larger-2: 8px;
  --encore-corner-radius-larger-3: 16px;
}

@media (min-width: 768px) {
  .encore-layout-themes {
    --encore-text-size-smaller-2: 0.75rem;
    --encore-text-size-smaller: 0.875rem;
    --encore-text-size-base: 1rem;
    --encore-text-size-larger: 1.5rem;
    --encore-text-size-larger-2: 2rem;
    --encore-text-size-larger-3: 3rem;
    --encore-text-size-larger-4: 4rem;
    --encore-text-size-larger-5: 6rem;
    --encore-border-width-hairline: 1px;
    --encore-border-width-thin: 2px;
    --encore-border-width-thick: 4px;
    --encore-border-width-thicker: 8px;
    --encore-border-width-focus: 3px;
    --encore-graphic-size-decorative-smaller-2: 12px;
    --encore-graphic-size-decorative-smaller: 16px;
    --encore-graphic-size-decorative-base: 24px;
    --encore-graphic-size-decorative-larger: 32px;
    --encore-graphic-size-decorative-larger-2: 40px;
    --encore-graphic-size-decorative-larger-3: 48px;
    --encore-graphic-size-decorative-larger-4: 64px;
    --encore-graphic-size-decorative-larger-5: 88px;
    --encore-graphic-size-informative-smaller-2: 0.75rem;
    --encore-graphic-size-informative-smaller: 1rem;
    --encore-graphic-size-informative-base: 1.5rem;
    --encore-graphic-size-informative-larger: 2rem;
    --encore-graphic-size-informative-larger-2: 2.5rem;
    --encore-graphic-size-informative-larger-3: 3rem;
    --encore-graphic-size-informative-larger-4: 4rem;
    --encore-graphic-size-informative-larger-5: 5.5rem;
    --encore-spacing-tighter-5: 2px;
    --encore-spacing-tighter-4: 4px;
    --encore-spacing-tighter-3: 6px;
    --encore-spacing-tighter-2: 8px;
    --encore-spacing-tighter: 12px;
    --encore-spacing-base: 16px;
    --encore-spacing-looser: 24px;
    --encore-spacing-looser-2: 32px;
    --encore-spacing-looser-3: 48px;
    --encore-spacing-looser-4: 64px;
    --encore-spacing-looser-5: 96px;
    --encore-spacing-looser-6: 128px;
    --encore-control-size-smaller: 32px;
    --encore-control-size-base: 48px;
    --encore-control-size-larger: 56px;
    --encore-layout-margin-tighter: 24px;
    --encore-layout-margin-base: 32px;
    --encore-layout-margin-looser: 64px;
    --encore-corner-radius-smaller: 2px;
    --encore-corner-radius-base: 4px;
    --encore-corner-radius-larger: 6px;
    --encore-corner-radius-larger-2: 8px;
    --encore-corner-radius-larger-3: 16px;
  }
}

.encore-medium-devices-theme {
  --encore-text-size-smaller-2: 0.75rem;
  --encore-text-size-smaller: 0.875rem;
  --encore-text-size-base: 1rem;
  --encore-text-size-larger: 1.5rem;
  --encore-text-size-larger-2: 2rem;
  --encore-text-size-larger-3: 3rem;
  --encore-text-size-larger-4: 4rem;
  --encore-text-size-larger-5: 6rem;
  --encore-border-width-hairline: 1px;
  --encore-border-width-thin: 2px;
  --encore-border-width-thick: 4px;
  --encore-border-width-thicker: 8px;
  --encore-border-width-focus: 3px;
  --encore-graphic-size-decorative-smaller-2: 12px;
  --encore-graphic-size-decorative-smaller: 16px;
  --encore-graphic-size-decorative-base: 24px;
  --encore-graphic-size-decorative-larger: 32px;
  --encore-graphic-size-decorative-larger-2: 40px;
  --encore-graphic-size-decorative-larger-3: 48px;
  --encore-graphic-size-decorative-larger-4: 64px;
  --encore-graphic-size-decorative-larger-5: 88px;
  --encore-graphic-size-informative-smaller-2: 0.75rem;
  --encore-graphic-size-informative-smaller: 1rem;
  --encore-graphic-size-informative-base: 1.5rem;
  --encore-graphic-size-informative-larger: 2rem;
  --encore-graphic-size-informative-larger-2: 2.5rem;
  --encore-graphic-size-informative-larger-3: 3rem;
  --encore-graphic-size-informative-larger-4: 4rem;
  --encore-graphic-size-informative-larger-5: 5.5rem;
  --encore-spacing-tighter-5: 2px;
  --encore-spacing-tighter-4: 4px;
  --encore-spacing-tighter-3: 6px;
  --encore-spacing-tighter-2: 8px;
  --encore-spacing-tighter: 12px;
  --encore-spacing-base: 16px;
  --encore-spacing-looser: 24px;
  --encore-spacing-looser-2: 32px;
  --encore-spacing-looser-3: 48px;
  --encore-spacing-looser-4: 64px;
  --encore-spacing-looser-5: 96px;
  --encore-spacing-looser-6: 128px;
  --encore-control-size-smaller: 32px;
  --encore-control-size-base: 48px;
  --encore-control-size-larger: 56px;
  --encore-layout-margin-tighter: 24px;
  --encore-layout-margin-base: 32px;
  --encore-layout-margin-looser: 64px;
  --encore-corner-radius-smaller: 2px;
  --encore-corner-radius-base: 4px;
  --encore-corner-radius-larger: 6px;
  --encore-corner-radius-larger-2: 8px;
  --encore-corner-radius-larger-3: 16px;
}

/**
 * Generated by `./scripts/prebuild/generate-component-css.ts`.
 * Run `yarn build` to regenerate.
 */

/**
 * These styles are intended for internal encore web use, and are subject to change. Not recommended for customer use.
 */
.encore-text {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  margin-block: 0;
  color: inherit;
}

/** These styles are output by encore-foundation and packaged with component styles for import convenience **/
/* prettier-ignore */
:root {
  --encore-body-font-stack: SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr,
    CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva,
    var(--fallback-fonts, sans-serif);
  --encore-title-font-stack: SpotifyMixUITitle, CircularSp-Arab, CircularSp-Hebr,
    CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva,
    var(--fallback-fonts, sans-serif);
}
.encore-text-headline-large {
  font-size: var(--encore-text-size-larger-5);
  font-family: var(--encore-title-font-stack);
  font-weight: 800;
  text-wrap: balance;
}
.encore-text-headline-medium {
  font-size: var(--encore-text-size-larger-4);
  font-family: var(--encore-title-font-stack);
  font-weight: 700;
  text-wrap: balance;
}
.encore-text-title-large {
  font-size: var(--encore-text-size-larger-3);
  font-family: var(--encore-title-font-stack);
  font-weight: 700;
  text-wrap: balance;
}
.encore-text-title-medium {
  font-size: var(--encore-text-size-larger-2);
  font-family: var(--encore-title-font-stack);
  font-weight: 700;
  text-wrap: balance;
}
.encore-text-title-small {
  font-size: var(--encore-text-size-larger);
  font-family: var(--encore-title-font-stack);
  font-weight: 700;
  text-wrap: balance;
}
.encore-text-body-medium {
  font-size: var(--encore-text-size-base);
  font-family: var(--encore-body-font-stack);
  font-weight: 400;
}
.encore-text-body-medium-bold {
  font-size: var(--encore-text-size-base);
  font-family: var(--encore-body-font-stack);
  font-weight: 700;
}
.encore-text-body-small {
  font-size: var(--encore-text-size-smaller);
  font-family: var(--encore-body-font-stack);
  font-weight: 400;
}
.encore-text-body-small-bold {
  font-size: var(--encore-text-size-smaller);
  font-family: var(--encore-body-font-stack);
  font-weight: 700;
}
.encore-text-marginal {
  font-size: var(--encore-text-size-smaller-2);
  font-family: var(--encore-body-font-stack);
  font-weight: 400;
}
.encore-text-marginal-bold {
  font-size: var(--encore-text-size-smaller-2);
  font-family: var(--encore-body-font-stack);
  font-weight: 700;
}

.encore-internal-padding-block-end-tighter-5 {
  padding-block-end: var(--encore-spacing-tighter-5);
}

.encore-internal-padding-block-end-tighter-4 {
  padding-block-end: var(--encore-spacing-tighter-4);
}

.encore-internal-padding-block-end-tighter-3 {
  padding-block-end: var(--encore-spacing-tighter-3);
}

.encore-internal-padding-block-end-tighter-2 {
  padding-block-end: var(--encore-spacing-tighter-2);
}

.encore-internal-padding-block-end-tighter {
  padding-block-end: var(--encore-spacing-tighter);
}

.encore-internal-padding-block-end-base {
  padding-block-end: var(--encore-spacing-base);
}

.encore-internal-padding-block-end-looser {
  padding-block-end: var(--encore-spacing-looser);
}

.encore-internal-padding-block-end-looser-2 {
  padding-block-end: var(--encore-spacing-looser-2);
}

.encore-internal-padding-block-end-looser-3 {
  padding-block-end: var(--encore-spacing-looser-3);
}

.encore-internal-padding-block-end-looser-4 {
  padding-block-end: var(--encore-spacing-looser-4);
}

.encore-internal-padding-block-end-looser-5 {
  padding-block-end: var(--encore-spacing-looser-5);
}

.encore-internal-padding-block-end-looser-6 {
  padding-block-end: var(--encore-spacing-looser-6);
}

.encore-internal-border-radius-smaller {
  border-radius: var(--encore-corner-radius-smaller);
}

.encore-internal-border-radius-base {
  border-radius: var(--encore-corner-radius-base);
}

.encore-internal-border-radius-larger {
  border-radius: var(--encore-corner-radius-larger);
}

.encore-internal-border-radius-larger-2 {
  border-radius: var(--encore-corner-radius-larger-2);
}

.encore-internal-border-radius-larger-3 {
  border-radius: var(--encore-corner-radius-larger-3);
}

.encore-internal-color-text-base {
  color: var(--text-base);
}

.encore-internal-color-text-subdued {
  color: var(--text-subdued);
}

.encore-internal-color-text-bright-accent {
  color: var(--text-bright-accent);
}

.encore-internal-color-text-negative {
  color: var(--text-negative);
}

.encore-internal-color-text-warning {
  color: var(--text-warning);
}

.encore-internal-color-text-positive {
  color: var(--text-positive);
}

.encore-internal-color-text-announcement {
  color: var(--text-announcement);
}

@font-face {
  font-family: CircularSp-Deva;
  font-weight: 800;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7,
    U+0901-097F, U+200C-200E, U+FFFF;
  src:
    url('../../fonts/CircularSp-Deva-Black-409aaab18f0fc439f0658d5556df302b.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Deva-Black-f1dca2ee660273063af0316d4b7da438.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Deva;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7,
    U+0901-097F, U+200C-200E, U+FFFF;
  src:
    url('../../fonts/CircularSp-Deva-Bold-b2a990e06d50b37c1516c3d140496934.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Deva-Bold-a218ed3bd8e480245847933a79f4ebfb.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Deva;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7,
    U+0901-097F, U+200C-200E, U+FFFF;
  src:
    url('../../fonts/CircularSp-Deva-Book-adf5439f4c3e684fd5dd69f64d659efc.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Deva-Book-e1dc3d746b24723f8d3dadb314b97705.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Grek;
  font-weight: 800;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7, U+0375,
    U+037A, U+0384, U+0386, U+0388-038A, U+038C, U+038E-03A1, U+03A3-03CF,
    U+03D7, U+2126, U+FFFF;
  src:
    url('../../fonts/CircularSp-Grek-Black-b45055a950eac7560342cb7fa07559ad.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Grek-Black-49883536c1a3bfc688235ce40572731d.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Grek;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7, U+0375,
    U+037A, U+0384, U+0386, U+0388-038A, U+038C, U+038E-03A1, U+03A3-03CF,
    U+03D7, U+2126, U+FFFF;
  src:
    url('../../fonts/CircularSp-Grek-Bold-fafb1410c85fe7e6e81c68e609d4b823.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Grek-Bold-53bb923248ba22cf5554bbe5f434c5c8.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Grek;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7, U+0375,
    U+037A, U+0384, U+0386, U+0388-038A, U+038C, U+038E-03A1, U+03A3-03CF,
    U+03D7, U+2126, U+FFFF;
  src:
    url('../../fonts/CircularSp-Grek-Book-5d5a3a10aa26b63a2575ce872ad43f07.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Grek-Book-c9de2c0741586c1ab7b6e95541fc7807.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Arab;
  font-weight: 800;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7,
    U+01C4-01C6, U+01F1-01F3, U+02BB-02BC, U+0600-0603, U+060B-060C, U+0610,
    U+061B, U+061F, U+0621-063A, U+0640-0659, U+0660-0671, U+0679-0681,
    U+0683-068A, U+068C-068D, U+068F, U+0691, U+0693, U+0696, U+0698-069A,
    U+06A1, U+06A4, U+06A6, U+06A9-06AB, U+06AF, U+06B1, U+06B3, U+06BA-06BC,
    U+06BE, U+06C0-06C3, U+06CC-06CD, U+06D0, U+06D2-06D5, U+06F0-06F9,
    U+06FD-06FE, U+2002-2003, U+2009, U+200C-200F, U+25CC, U+FB50-FB85,
    U+FB88-FBBB, U+FBBD-FBC1, U+FBE4-FBE9, U+FBFC-FBFF, U+FC48, U+FC5E-FC63,
    U+FD3E-FD3F, U+FDF2, U+FDFC, U+FE80-FEFC, U+FFFF;
  src:
    url('../../fonts/CircularSp-Arab-Black-14419efc36612ec0a627c8ad1e7ae3cf.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Arab-Black-9dda323448d48d7e6cabf84d2df7dc11.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Arab;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7,
    U+01C4-01C6, U+01F1-01F3, U+02BB-02BC, U+0600-0603, U+060B-060C, U+0610,
    U+061B, U+061F, U+0621-063A, U+0640-0659, U+0660-0671, U+0679-0681,
    U+0683-068A, U+068C-068D, U+068F, U+0691, U+0693, U+0696, U+0698-069A,
    U+06A1, U+06A4, U+06A6, U+06A9-06AB, U+06AF, U+06B1, U+06B3, U+06BA-06BC,
    U+06BE, U+06C0-06C3, U+06CC-06CD, U+06D0, U+06D2-06D5, U+06F0-06F9,
    U+06FD-06FE, U+2002-2003, U+2009, U+200C-200F, U+25CC, U+FB50-FB85,
    U+FB88-FBBB, U+FBBD-FBC1, U+FBE4-FBE9, U+FBFC-FBFF, U+FC48, U+FC5E-FC63,
    U+FD3E-FD3F, U+FDF2, U+FDFC, U+FE80-FEFC, U+FFFF;
  src:
    url('../../fonts/CircularSp-Arab-Bold-c638a17a6708a3bd51bd2422c3fedcfb.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Arab-Bold-47ca0fd648a183136981f28d0218cef6.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Arab;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7,
    U+01C4-01C6, U+01F1-01F3, U+02BB-02BC, U+0600-0603, U+060B-060C, U+0610,
    U+061B, U+061F, U+0621-063A, U+0640-0659, U+0660-0671, U+0679-0681,
    U+0683-068A, U+068C-068D, U+068F, U+0691, U+0693, U+0696, U+0698-069A,
    U+06A1, U+06A4, U+06A6, U+06A9-06AB, U+06AF, U+06B1, U+06B3, U+06BA-06BC,
    U+06BE, U+06C0-06C3, U+06CC-06CD, U+06D0, U+06D2-06D5, U+06F0-06F9,
    U+06FD-06FE, U+2002-2003, U+2009, U+200C-200F, U+25CC, U+FB50-FB85,
    U+FB88-FBBB, U+FBBD-FBC1, U+FBE4-FBE9, U+FBFC-FBFF, U+FC48, U+FC5E-FC63,
    U+FD3E-FD3F, U+FDF2, U+FDFC, U+FE80-FEFC, U+FFFF;
  src:
    url('../../fonts/CircularSp-Arab-Book-8c0cff2514cf52ffcc4976fa813c4712.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Arab-Book-1cd31794cbdd53724469ba03e8573dba.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Cyrl;
  font-weight: 800;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7,
    U+0400-045F, U+0462-0463, U+0472-0475, U+0490-0493, U+049A-049B, U+04A2-04A3,
    U+04AE-04B3, U+04BA-04BB, U+04D8-04D9, U+04E8-04E9, U+FFFF;
  src:
    url('../../fonts/CircularSp-Cyrl-Black-1ce6672693e92d2cb1d04af1690e1f9c.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Cyrl-Black-b4305d9bf82554f631d2636c3ef90c54.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Cyrl;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7,
    U+0400-045F, U+0462-0463, U+0472-0475, U+0490-0493, U+049A-049B, U+04A2-04A3,
    U+04AE-04B3, U+04BA-04BB, U+04D8-04D9, U+04E8-04E9, U+FFFF;
  src:
    url('../../fonts/CircularSp-Cyrl-Bold-180db050d109afeef4331b1ee551c349.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Cyrl-Bold-7e54bccaf45728c472079785d5cd4519.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Cyrl;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+00A0, U+00A4, U+00B6-00B7,
    U+0400-045F, U+0462-0463, U+0472-0475, U+0490-0493, U+049A-049B, U+04A2-04A3,
    U+04AE-04B3, U+04BA-04BB, U+04D8-04D9, U+04E8-04E9, U+FFFF;
  src:
    url('../../fonts/CircularSp-Cyrl-Book-cc791a2e69e25c0440792bd855600ca7.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Cyrl-Book-6f078f781ee313e298ad8997fd1ffe3d.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Hebr;
  font-weight: 800;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+0030-0039, U+00A0, U+00A4,
    U+00B6-00B7, U+01C4-01C6, U+01F1-01F3, U+02BB-02BC, U+05B0-05C4, U+05D0-05EA,
    U+05F0-05F4, U+200E-200F, U+20AA, U+FB2A-FB36, U+FB38-FB3C, U+FB3E,
    U+FB40-FB41, U+FB43-FB44, U+FB46-FB4F, U+FFFF;
  src:
    url('../../fonts/CircularSp-Hebr-Black-29a8af6f5782cdf3009a5ac966ee4fa6.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Hebr-Black-f52613a9d541248805af1d0bb33102f8.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Hebr;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+0030-0039, U+00A0, U+00A4,
    U+00B6-00B7, U+01C4-01C6, U+01F1-01F3, U+02BB-02BC, U+05B0-05C4, U+05D0-05EA,
    U+05F0-05F4, U+200E-200F, U+20AA, U+FB2A-FB36, U+FB38-FB3C, U+FB3E,
    U+FB40-FB41, U+FB43-FB44, U+FB46-FB4F, U+FFFF;
  src:
    url('../../fonts/CircularSp-Hebr-Bold-9b609e9268a3f9d73732dc3cc375821e.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Hebr-Bold-caa03e4cb8690e726ef1625c7d91a7a5.woff')
      format('woff');
}
@font-face {
  font-family: CircularSp-Hebr;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0000, U+000D, U+0020, U+0030-0039, U+00A0, U+00A4,
    U+00B6-00B7, U+01C4-01C6, U+01F1-01F3, U+02BB-02BC, U+05B0-05C4, U+05D0-05EA,
    U+05F0-05F4, U+200E-200F, U+20AA, U+FB2A-FB36, U+FB38-FB3C, U+FB3E,
    U+FB40-FB41, U+FB43-FB44, U+FB46-FB4F, U+FFFF;
  src:
    url('../../fonts/CircularSp-Hebr-Book-414f88babad55bb44c9552d9b92504f7.woff')
      format('woff2'),
    url('../../fonts/CircularSp-Hebr-Book-d8209975eafc81a9499df8401a339ddd.woff')
      format('woff');
}
@font-face {
  font-family: SpotifyMixUI;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00AC, U+00AE-0137, U+0139-0148, U+014A-017E,
    U+018F, U+01A0-01A1, U+01AF-01B0, U+01CD-01D4, U+01E6-01E7, U+01F4-01F5,
    U+01FA-01FF, U+0218-021B, U+0226-0227, U+0232-0233, U+0237, U+0259, U+02BC,
    U+02C6-02C7, U+02D8-02DD, U+0300-0304, U+0306-030C, U+0312, U+031B, U+0323,
    U+0326-0328, U+0335-0338, U+0E3F, U+1E0C-1E0D, U+1E20-1E21, U+1E24-1E25,
    U+1E36-1E37, U+1E44-1E45, U+1E56-1E57, U+1E62-1E63, U+1E6C-1E6D, U+1E80-1E85,
    U+1E8A-1E8D, U+1E92-1E93, U+1E9E, U+1EA0-1EF9, U+2002-2003, U+2009-200A,
    U+2010-2011, U+2013-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026,
    U+2030, U+2032-2033, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089,
    U+20A6, U+20A9-20AA, U+20AC, U+20B4, U+20B8-20BA, U+20BD, U+20BF, U+2113,
    U+2116-2117, U+2122, U+2126, U+2160-2169, U+216C-216F, U+2190-2193,
    U+2196-2199, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+221A, U+221E,
    U+222B, U+2248, U+2260, U+2264-2265, U+FB01-FB02, U+FFFF;
  src:
    url('../../fonts/SpotifyMixUI-Bold-4264b799009b1db5c491778b1bc8e5b7.woff')
      format('woff2'),
    url('../../fonts/SpotifyMixUI-Bold-05392dabcaa9fab302f9ddc047b15752.woff')
      format('woff');
}
@font-face {
  font-family: SpotifyMixUI;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00AC, U+00AE-0137, U+0139-0148, U+014A-017E,
    U+018F, U+01A0-01A1, U+01AF-01B0, U+01CD-01D4, U+01E6-01E7, U+01F4-01F5,
    U+01FA-01FF, U+0218-021B, U+0226-0227, U+0232-0233, U+0237, U+0259, U+02BC,
    U+02C6-02C7, U+02D8-02DD, U+0300-0304, U+0306-030C, U+0312, U+031B, U+0323,
    U+0326-0328, U+0335-0338, U+0E3F, U+1E0C-1E0D, U+1E20-1E21, U+1E24-1E25,
    U+1E36-1E37, U+1E44-1E45, U+1E56-1E57, U+1E62-1E63, U+1E6C-1E6D, U+1E80-1E85,
    U+1E8A-1E8D, U+1E92-1E93, U+1E9E, U+1EA0-1EF9, U+2002-2003, U+2009-200A,
    U+2010-2011, U+2013-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026,
    U+2030, U+2032-2033, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089,
    U+20A6, U+20A9-20AA, U+20AC, U+20B4, U+20B8-20BA, U+20BD, U+20BF, U+2113,
    U+2116-2117, U+2122, U+2126, U+2160-2169, U+216C-216F, U+2190-2193,
    U+2196-2199, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+221A, U+221E,
    U+222B, U+2248, U+2260, U+2264-2265, U+FB01-FB02, U+FFFF;
  src:
    url('../../fonts/SpotifyMixUI-Regular-cc3b1de388efa4cbca6c75cebc24585e.woff')
      format('woff2'),
    url('../../fonts/SpotifyMixUI-Regular-b342a41ec78025c361c018e5d355ab21.woff')
      format('woff');
}
@font-face {
  font-family: SpotifyMixUITitle;
  font-weight: 800;
  font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00AC, U+00AE-0137, U+0139-0148, U+014A-017E,
    U+018F, U+01A0-01A1, U+01AF-01B0, U+01CD-01D4, U+01E6-01E7, U+01F4-01F5,
    U+01FA-01FF, U+0218-021B, U+0226-0227, U+0232-0233, U+0237, U+0259, U+02BC,
    U+02C6-02C7, U+02D8-02DD, U+0300-0304, U+0306-030C, U+0312, U+031B, U+0323,
    U+0326-0328, U+0335-0338, U+0E3F, U+1E0C-1E0D, U+1E20-1E21, U+1E24-1E25,
    U+1E36-1E37, U+1E44-1E45, U+1E56-1E57, U+1E62-1E63, U+1E6C-1E6D, U+1E80-1E85,
    U+1E8A-1E8D, U+1E92-1E93, U+1E9E, U+1EA0-1EF9, U+2002-2003, U+2009-200A,
    U+2010-2011, U+2013-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026,
    U+2030, U+2032-2033, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089,
    U+20A6, U+20A9-20AA, U+20AC, U+20B4, U+20B8-20BA, U+20BD, U+20BF, U+2113,
    U+2116-2117, U+2122, U+2126, U+2160-2169, U+216C-216F, U+2190-2193,
    U+2196-2199, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+221A, U+221E,
    U+222B, U+2248, U+2260, U+2264-2265, U+FB01-FB02, U+FFFF;
  src:
    url('../../fonts/SpotifyMixUITitleVariable-8769ccfde3379b7ebcadd9529b49d0cc.woff')
      format('woff2 supports variations'),
    url('../../fonts/SpotifyMixUITitleVariable-8769ccfde3379b7ebcadd9529b49d0cc.woff')
      format('woff2-variations'),
    url('../../fonts/SpotifyMixUITitle-Extrabold-ba6c73cd7f82c81e49cf2204017803ed.woff')
      format('woff2'),
    url('../../fonts/SpotifyMixUITitle-Extrabold-dd06104c9de7463b60455a65171cab06.woff')
      format('woff');
}
@font-face {
  font-family: SpotifyMixUITitle;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0020-007E, U+00A0-00AC, U+00AE-0137, U+0139-0148, U+014A-017E,
    U+018F, U+01A0-01A1, U+01AF-01B0, U+01CD-01D4, U+01E6-01E7, U+01F4-01F5,
    U+01FA-01FF, U+0218-021B, U+0226-0227, U+0232-0233, U+0237, U+0259, U+02BC,
    U+02C6-02C7, U+02D8-02DD, U+0300-0304, U+0306-030C, U+0312, U+031B, U+0323,
    U+0326-0328, U+0335-0338, U+0E3F, U+1E0C-1E0D, U+1E20-1E21, U+1E24-1E25,
    U+1E36-1E37, U+1E44-1E45, U+1E56-1E57, U+1E62-1E63, U+1E6C-1E6D, U+1E80-1E85,
    U+1E8A-1E8D, U+1E92-1E93, U+1E9E, U+1EA0-1EF9, U+2002-2003, U+2009-200A,
    U+2010-2011, U+2013-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026,
    U+2030, U+2032-2033, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089,
    U+20A6, U+20A9-20AA, U+20AC, U+20B4, U+20B8-20BA, U+20BD, U+20BF, U+2113,
    U+2116-2117, U+2122, U+2126, U+2160-2169, U+216C-216F, U+2190-2193,
    U+2196-2199, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+221A, U+221E,
    U+222B, U+2248, U+2260, U+2264-2265, U+FB01-FB02, U+FFFF;
  src:
    url('../../fonts/SpotifyMixUITitleVariable-8769ccfde3379b7ebcadd9529b49d0cc.woff')
      format('woff2 supports variations'),
    url('../../fonts/SpotifyMixUITitleVariable-8769ccfde3379b7ebcadd9529b49d0cc.woff')
      format('woff2-variations'),
    url('../../fonts/SpotifyMixUITitle-Bold-37290f1de77f297fcc26d71e9afcf43f.woff')
      format('woff2'),
    url('../../fonts/SpotifyMixUITitle-Bold-72703891d365729cfcfa9788c8904a4d.woff')
      format('woff');
}

.tagWithIcon{vertical-align:middle}.tagWithIcon__icon{display:flex}.emptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;inline-size:100%;max-inline-size:326px;margin-inline:auto}.emptyState__iconWrapper{position:relative;display:flex;justify-content:center;align-items:center;border-radius:50%;block-size:48px;inline-size:48px;margin-block-end:var(--encore-spacing-looser-2)}.emptyState__iconWrapper__background{width:100%;height:100%;position:absolute;background-color:var(--background-base);opacity:50%;border-radius:50%}.emptyState__iconWrapper svg{color:var(--essential-base)}.emptyState img{max-inline-size:100%;margin-block-end:var(--encore-spacing-looser-2)}.emptyState button,.emptyState a{margin-block-start:var(--encore-spacing-tighter-2)}.emptyState .emptyState__text+button,.emptyState .emptyState__text+a{margin-block-start:var(--encore-spacing-looser-2)}.logoS4C__condensed path:last-child{transform:translateX(-280px)}.header__container{display:inline-flex;width:100%;flex-direction:row;gap:var(--encore-spacing-base)}.header__container[disabled]{opacity:var(--encore-opacity-70)}.header__container__imageContainer{position:relative}.header__container__imageContainer:hover img{filter:brightness(70%)}.header__container__imageContainer:hover div{background:linear-gradient(rgba(0, 0, 0, 0.3) 0 0)}.header__container__imageContainer:hover button{display:block}.header__container__imageContainer:active img{filter:brightness(80%)}.header__container__imageContainer:active div{background:linear-gradient(rgba(0, 0, 0, 0.2) 0 0)}.header__container__imageContainer button{display:none;position:absolute;background:none;border:none;cursor:pointer;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}.header__container__imageContainer button:hover{transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}.header__container__focusButton{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0);border:none;width:100%}.header__container__titleArea{display:flex;flex-direction:column;gap:var(--encore-spacing-tighter-4)}.header__container__titleArea__cardTitle{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(min-width: 768px){.header__container__titleArea__cardTitle{-webkit-line-clamp:2}}.header__container__detailsArea{display:flex;flex-direction:column;margin-top:var(--encore-spacing-tighter-4);gap:var(--encore-spacing-tighter-2)}.header__container__detailsArea__tag{margin-right:var(--encore-spacing-tighter-3)}.header__container__shareButtonArea{display:flex;flex-direction:row;gap:var(--encore-spacing-looser)}.header__container__actionsArea{display:flex;flex-direction:row;align-self:start}@font-face{font-family:CircularSpTitle;font-weight:900;font-display:swap;unicode-range:U+0000,U+0020-007E,U+00A0-00BF,U+00C6-00C7,U+00D0,U+00D7,U+00DE-00E4,U+00E6-00EF,U+00F1-00FF,U+0101,U+0103-0105,U+0107,U+0109,U+010B,U+010D,U+010F-0111,U+0113,U+0115,U+0117-0119,U+011B,U+011D,U+011F,U+0121,U+0126-0127,U+0129,U+012B,U+012D-012F,U+0131-0133,U+0135,U+0138,U+013E-0142,U+0144,U+0148,U+014A-014B,U+014D,U+014F,U+0151-0153,U+0155,U+0159,U+015B,U+015D-015F,U+0161-0163,U+0166-0167,U+0169,U+016B,U+016D,U+0171-0173,U+0175,U+0177,U+017A,U+017C,U+017E,U+018F,U+0192,U+01A1,U+01B0,U+01B5-01B6,U+01C5-01C6,U+01F1-01F3,U+01FD,U+01FF,U+0237,U+0259,U+02C6-02C7,U+02C9,U+02D8-02D9,U+02DB-02DD,U+0394,U+03A9,U+03BC,U+03C0,U+1E81,U+1E83,U+1E85,U+1E8B,U+1EA0-1EA1,U+1EAD,U+1EB7-1EB9,U+1EBD,U+1EC7,U+1ECA-1ECD,U+1ED9,U+1EDB,U+1EDD,U+1EE3-1EE5,U+1EE9,U+1EEB,U+1EF1,U+1EF3-1EF5,U+1EF9,U+1FD6,U+2007-2008,U+200B,U+2010-2011,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2032-2033,U+2039-203A,U+2042,U+2044,U+2051,U+2070,U+2074-2079,U+2080-2089,U+20AB-20AC,U+2113,U+2117,U+2122,U+2126,U+2160-2169,U+216C-216F,U+2190-2193,U+2196-2199,U+21A9,U+21B0-21B5,U+21C6,U+2202,U+2206,U+220F,U+2211-2212,U+2215,U+2219,U+221E,U+222B,U+2248,U+2260,U+2264-2265,U+22C5,U+24C5,U+25A0-25A1,U+25AF,U+25B2-25B3,U+25CA-25CB,U+25CF,U+262E,U+2713,U+2715,U+2780-2788,U+E000,U+E002,U+FB00-FB04,U+FEFF,U+FF0C,U+FF0E,U+FF1A-FF1B,U+FFFF;src:url("../../fonts/CircularSpTitle-Black-3f9afb402080d53345ca1850226ca724.woff") format("woff2"),url("../../fonts/CircularSpTitle-Black-b063ad0a42cbaf519c7ccba8b3e1caeb.woff") format("woff")}@font-face{font-family:CircularSpTitle;font-weight:700;font-display:swap;unicode-range:U+0000,U+0020-007E,U+00A0-00BF,U+00C6-00C7,U+00D0,U+00D7,U+00DE-00E4,U+00E6-00EF,U+00F1-00FF,U+0101,U+0103-0105,U+0107,U+0109,U+010B,U+010D,U+010F-0111,U+0113,U+0115,U+0117-0119,U+011B,U+011D,U+011F,U+0121,U+0126-0127,U+0129,U+012B,U+012D-012F,U+0131-0133,U+0135,U+0138,U+013E-0142,U+0144,U+0148,U+014A-014B,U+014D,U+014F,U+0151-0153,U+0155,U+0159,U+015B,U+015D-015F,U+0161-0163,U+0166-0167,U+0169,U+016B,U+016D,U+0171-0173,U+0175,U+0177,U+017A,U+017C,U+017E,U+018F,U+0192,U+01A1,U+01B0,U+01B5-01B6,U+01C5-01C6,U+01F1-01F3,U+01FD,U+01FF,U+0237,U+0259,U+02C6-02C7,U+02C9,U+02D8-02D9,U+02DB-02DD,U+0394,U+03A9,U+03BC,U+03C0,U+1E81,U+1E83,U+1E85,U+1E8B,U+1EA0-1EA1,U+1EAD,U+1EB7-1EB9,U+1EBD,U+1EC7,U+1ECA-1ECD,U+1ED9,U+1EDB,U+1EDD,U+1EE3-1EE5,U+1EE9,U+1EEB,U+1EF1,U+1EF3-1EF5,U+1EF9,U+1FD6,U+2007-2008,U+200B,U+2010-2011,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2032-2033,U+2039-203A,U+2042,U+2044,U+2051,U+2070,U+2074-2079,U+2080-2089,U+20AB-20AC,U+2113,U+2117,U+2122,U+2126,U+2160-2169,U+216C-216F,U+2190-2193,U+2196-2199,U+21A9,U+21B0-21B5,U+21C6,U+2202,U+2206,U+220F,U+2211-2212,U+2215,U+2219,U+221E,U+222B,U+2248,U+2260,U+2264-2265,U+22C5,U+24C5,U+25A0-25A1,U+25AF,U+25B2-25B3,U+25CA-25CB,U+25CF,U+262E,U+2713,U+2715,U+2780-2788,U+E000,U+E002,U+FB00-FB04,U+FEFF,U+FF0C,U+FF0E,U+FF1A-FF1B,U+FFFF;src:url("../../fonts/CircularSpTitle-Bold-2fbf72b606d7f0b0f771ea4956a8b4d6.woff") format("woff2"),url("../../fonts/CircularSpTitle-Bold-7cd3208b73fd0850bca5d8f7821439cd.woff") format("woff")}@font-face{font-family:CircularSp;font-weight:700;font-display:swap;unicode-range:U+0000,U+000D,U+0020-007E,U+00A0-017E,U+018F,U+0192,U+01A0-01A1,U+01AF-01B0,U+01B5-01B6,U+01C4-01C6,U+01F1-01F3,U+01FA-01FF,U+0218-021B,U+0237,U+0259,U+02BB-02BC,U+02C6-02C7,U+02C9,U+02D8-02DD,U+0300-0301,U+0303,U+0309,U+0323,U+0394,U+03A9,U+03BC,U+03C0,U+1E80-1E85,U+1E8A-1E8B,U+1EA0-1EF9,U+1FD6,U+2007-2008,U+200B,U+2010-2011,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2032-2033,U+2039-203A,U+2042,U+2044,U+2051,U+2070,U+2074-2079,U+2080-2089,U+20AB-20AC,U+2113,U+2117,U+2122,U+2126,U+2160-2169,U+216C-216F,U+2190-2193,U+2196-2199,U+21A9,U+21B0-21B5,U+21C6,U+2202,U+2206,U+220F,U+2211-2212,U+2215,U+2219-221A,U+221E,U+222B,U+2248,U+2260,U+2264-2265,U+22C5,U+24C5,U+25A0-25A1,U+25AF,U+25B2-25B3,U+25CA-25CB,U+25CF,U+262E,U+2713,U+2715,U+2780-2788,U+E000,U+E002,U+F6C3,U+FB00-FB04,U+FEFF,U+FF0C,U+FF0E,U+FF1A-FF1B,U+FFFF;src:url("../../fonts/CircularSp-Bold-fe1cfc14b7498b187c78fa72fb72d148.woff") format("woff2"),url("../../fonts/CircularSp-Bold-79ebb2bdea919cebedea4884d08c499e.woff") format("woff")}@font-face{font-family:CircularSp;font-weight:400;font-display:swap;unicode-range:U+0000,U+000D,U+0020-007E,U+00A0-017E,U+018F,U+0192,U+01A0-01A1,U+01AF-01B0,U+01B5-01B6,U+01C4-01C6,U+01F1-01F3,U+01FA-01FF,U+0218-021B,U+0237,U+0259,U+02BB-02BC,U+02C6-02C7,U+02C9,U+02D8-02DD,U+0300-0301,U+0303,U+0309,U+0323,U+0394,U+03A9,U+03BC,U+03C0,U+1E80-1E85,U+1E8A-1E8B,U+1EA0-1EF9,U+1FD6,U+2007-2008,U+200B,U+2010-2011,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2032-2033,U+2039-203A,U+2042,U+2044,U+2051,U+2070,U+2074-2079,U+2080-2089,U+20AB-20AC,U+2113,U+2117,U+2122,U+2126,U+2160-2169,U+216C-216F,U+2190-2193,U+2196-2199,U+21A9,U+21B0-21B5,U+21C6,U+2202,U+2206,U+220F,U+2211-2212,U+2215,U+2219-221A,U+221E,U+222B,U+2248,U+2260,U+2264-2265,U+22C5,U+24C5,U+25A0-25A1,U+25AF,U+25B2-25B3,U+25CA-25CB,U+25CF,U+262E,U+2713,U+2715,U+2780-2788,U+E000,U+E002,U+F6C3,U+FB00-FB04,U+FEFF,U+FF0C,U+FF0E,U+FF1A-FF1B,U+FFFF;src:url("../../fonts/CircularSp-Book-4eaffdf96f4c6f984686e93d5d9cb325.woff") format("woff2"),url("../../fonts/CircularSp-Book-4f217aebee53ffc72f4444f79041ffa5.woff") format("woff")}:root{--encore-body-font-stack: CircularSp, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, var(--fallback-fonts, sans-serif);--encore-title-font-stack: CircularSpTitle, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, var(--fallback-fonts, sans-serif)}/*# sourceMappingURL=index.css.map */


/*# sourceMappingURL=bundle-8269ff5eb5535a2971d3.css.map*/