@font-face {
    font-family: "Inter";
    font-weight: 100 900;
    font-display: swap;
    font-style: normal;
    font-named-instance: "Regular";
    src: url(/app/portal/assets/Inter-roman.var.woff2) format("woff2");
}
@font-face {
    font-family: "Inter";
    font-weight: 100 900;
    font-display: swap;
    font-style: italic;
    font-named-instance: "Italic";
    src: url(/app/portal/assets/Inter-italic.var.woff2) format("woff2");
}

@font-face {
    font-family: "Hack";
    src: url(/app/portal/assets/Hack-regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
  }

@font-face {
    font-family: "Hack";
    src: url(/app/portal/assets/Hack-bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Hack";
    src: url(/app/portal/assets/Hack-italic.woff2) format("woff2");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: "Hack";
    src: url(/app/portal/assets/Hack-bolditalic.woff2) format("woff2");
    font-weight: 700;
    font-style: italic;
}

@charset "UTF-8";
.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, 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: #b0b3b4;
  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 {
  margin: 0 auto;
}

.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto;
  overflow-y: scroll;
}

.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__verticalDefault {
  position: absolute;
  width: 100%;
  height: 52px;
  bottom: 0;
  left: 0;
}

.DayPickerNavigation__verticalScrollableDefault {
  position: relative;
}

.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: 0.78;
  border-radius: 3px;
  padding: 6px 9px;
}

.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, 0.1);
  position: relative;
  display: inline-block;
  text-align: center;
  height: 100%;
  width: 50%;
}

.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0;
}

.DayPickerNavigation_nextButton__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, 0.05), 0 0 0 1px rgba(0, 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 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  transition: height 0.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: 0.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, 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: #b0b3b4;
  text-decoration: none;
}

.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

.d2h-wrapper {
  text-align: left;
}

.d2h-file-header {
  height: 35px;
  padding: 5px 10px;
  border-bottom: 1px solid #d8d8d8;
  background-color: #f7f7f7;
}

.d2h-file-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  font-size: 14px;
}

.d2h-lines-added {
  text-align: right;
  border: 1px solid #b4e2b4;
  border-radius: 5px 0 0 5px;
  color: #399839;
  padding: 2px;
  vertical-align: middle;
}

.d2h-lines-deleted {
  text-align: left;
  border: 1px solid #e9aeae;
  border-radius: 0 5px 5px 0;
  color: #c33;
  padding: 2px;
  vertical-align: middle;
  margin-left: 1px;
}

.d2h-file-name-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
}

.d2h-file-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.d2h-file-wrapper {
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 1em;
}

.d2h-diff-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Menlo", "Consolas", monospace;
  font-size: 13px;
}

.d2h-files-diff {
  display: block;
  width: 100%;
  height: 100%;
}

.d2h-file-diff {
  overflow-y: hidden;
}

.d2h-file-side-diff {
  display: inline-block;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 50%;
  margin-right: -4px;
  margin-bottom: -8px;
}

.d2h-code-line {
  display: inline-block;
  white-space: nowrap;
  /* Compensate for the absolute positioning of the line numbers */
  padding: 0 8em;
}

.d2h-code-side-line {
  display: inline-block;
  white-space: nowrap;
  /* Compensate for the absolute positioning of the line numbers */
  padding: 0 4.5em;
}

.d2h-code-line del,
.d2h-code-side-line del {
  display: inline-block;
  margin-top: -1px;
  text-decoration: none;
  background-color: #ffb6ba;
  border-radius: 0.2em;
}

.d2h-code-line ins,
.d2h-code-side-line ins {
  display: inline-block;
  margin-top: -1px;
  text-decoration: none;
  background-color: #97f295;
  border-radius: 0.2em;
  text-align: left;
}

.d2h-code-line-prefix {
  display: inline;
  background: none;
  padding: 0;
  word-wrap: normal;
  white-space: pre;
}

.d2h-code-line-ctn {
  display: inline;
  background: none;
  padding: 0;
  word-wrap: normal;
  white-space: pre;
}

.line-num1 {
  box-sizing: border-box;
  float: left;
  width: 3.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.5em 0 0.5em;
}

.line-num2 {
  box-sizing: border-box;
  float: right;
  width: 3.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.5em 0 0.5em;
}

.d2h-code-linenumber {
  box-sizing: border-box;
  width: 7.5em;
  /* Keep the numbers fixed on line contents scroll */
  position: absolute;
  display: inline-block;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.3);
  text-align: right;
  border: solid #eeeeee;
  border-width: 0 1px 0 1px;
  cursor: pointer;
}

.d2h-code-linenumber:after {
  content: "​";
}

.d2h-code-side-linenumber {
  /* Keep the numbers fixed on line contents scroll */
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  width: 4em;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.3);
  text-align: right;
  border: solid #eeeeee;
  border-width: 0 1px 0 1px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}

.d2h-code-side-linenumber:after {
  content: "​";
}

.d2h-code-side-emptyplaceholder,
.d2h-emptyplaceholder {
  background-color: #f1f1f1;
  border-color: #e1e1e1;
}

/*
  * Changes Highlight
  */
.d2h-del {
  background-color: #fee8e9;
  border-color: #e9aeae;
}

.d2h-ins {
  background-color: #dfd;
  border-color: #b4e2b4;
}

.d2h-info {
  background-color: #f8fafd;
  color: rgba(0, 0, 0, 0.3);
  border-color: #d5e4f2;
}

.d2h-file-diff .d2h-del.d2h-change {
  background-color: #fdf2d0;
}

.d2h-file-diff .d2h-ins.d2h-change {
  background-color: #ded;
}

/*
  * File Summary List
  */
.d2h-file-list-wrapper {
  margin-bottom: 10px;
}

.d2h-file-list-wrapper a {
  text-decoration: none;
  color: #3572b0;
}

.d2h-file-list-wrapper a:visited {
  color: #3572b0;
}

.d2h-file-list-header {
  text-align: left;
}

.d2h-file-list-title {
  font-weight: bold;
}

.d2h-file-list-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}

.d2h-file-list {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

.d2h-file-list > li {
  border-bottom: #ddd solid 1px;
  padding: 5px 10px;
  margin: 0;
}

.d2h-file-list > li:last-child {
  border-bottom: none;
}

.d2h-file-switch {
  display: none;
  font-size: 10px;
  cursor: pointer;
}

.d2h-icon {
  vertical-align: middle;
  margin-right: 10px;
  fill: currentColor;
}

.d2h-deleted {
  color: #c33;
}

.d2h-added {
  color: #399839;
}

.d2h-changed {
  color: #d0b44c;
}

.d2h-moved {
  color: #3572b0;
}

.d2h-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  margin-left: 5px;
  padding: 0 2px;
  background-color: #fff;
}

.d2h-deleted-tag {
  border: #c33 1px solid;
}

.d2h-added-tag {
  border: #399839 1px solid;
}

.d2h-changed-tag {
  border: #d0b44c 1px solid;
}

.d2h-moved-tag {
  border: #3572b0 1px solid;
}

/*
  * Selection util.
  */
.selecting-left .d2h-code-line,
.selecting-left .d2h-code-line *,
.selecting-right td.d2h-code-linenumber,
.selecting-right td.d2h-code-linenumber *,
.selecting-left .d2h-code-side-line,
.selecting-left .d2h-code-side-line *,
.selecting-right td.d2h-code-side-linenumber,
.selecting-right td.d2h-code-side-linenumber * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selecting-left .d2h-code-line::-moz-selection,
.selecting-left .d2h-code-line *::-moz-selection,
.selecting-right td.d2h-code-linenumber::-moz-selection,
.selecting-left .d2h-code-side-line::-moz-selection,
.selecting-left .d2h-code-side-line *::-moz-selection,
.selecting-right td.d2h-code-side-linenumber::-moz-selection,
.selecting-right td.d2h-code-side-linenumber *::-moz-selection {
  background: transparent;
}

.selecting-left .d2h-code-line::selection,
.selecting-left .d2h-code-line *::selection,
.selecting-right td.d2h-code-linenumber::selection,
.selecting-left .d2h-code-side-line::selection,
.selecting-left .d2h-code-side-line *::selection,
.selecting-right td.d2h-code-side-linenumber::selection,
.selecting-right td.d2h-code-side-linenumber *::selection {
  background: transparent;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over, .pop--tip--arrow-right-bottom,
.oui-pop--tip--arrow-right-bottom, .pop--tip--arrow-right-center,
.oui-pop--tip--arrow-right-center, .pop--tip--arrow-right-top,
.oui-pop--tip--arrow-right-top, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over, .pop--tip--arrow-bottom-right,
.oui-pop--tip--arrow-bottom-right, .pop--tip--arrow-top-right,
.oui-pop--tip--arrow-top-right, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over, .pop--tip--arrow-bottom-center,
.oui-pop--tip--arrow-bottom-center, .pop--tip--arrow-top-center,
.oui-pop--tip--arrow-top-center, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over, .pop--tip--arrow-bottom-left,
.oui-pop--tip--arrow-bottom-left, .pop--tip--arrow-top-left,
.oui-pop--tip--arrow-top-left, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over, .pop--tip--arrow-left-top,
.oui-pop--tip--arrow-left-top, .pop--tip--arrow-left-center,
.oui-pop--tip--arrow-left-center, .pop--tip--arrow-left-bottom,
.oui-pop--tip--arrow-left-bottom, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over, .pop--tip--arrow-top-right,
.oui-pop--tip--arrow-top-right, .pop--tip--arrow-top-center,
.oui-pop--tip--arrow-top-center, .pop--tip--arrow-top-left,
.oui-pop--tip--arrow-top-left {
  position: relative;
}
.tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-right-bottom::before,
.oui-pop--tip--arrow-right-bottom::before, .pop--tip--arrow-right-center::before,
.oui-pop--tip--arrow-right-center::before, .pop--tip--arrow-right-top::before,
.oui-pop--tip--arrow-right-top::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .pop--tip--arrow-bottom-right::before,
.oui-pop--tip--arrow-bottom-right::before, .pop--tip--arrow-top-right::before,
.oui-pop--tip--arrow-top-right::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-bottom-center::before,
.oui-pop--tip--arrow-bottom-center::before, .pop--tip--arrow-top-center::before,
.oui-pop--tip--arrow-top-center::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-bottom-left::before,
.oui-pop--tip--arrow-bottom-left::before, .pop--tip--arrow-top-left::before,
.oui-pop--tip--arrow-top-left::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::before, .pop--tip--arrow-left-top::before,
.oui-pop--tip--arrow-left-top::before, .pop--tip--arrow-left-center::before,
.oui-pop--tip--arrow-left-center::before, .pop--tip--arrow-left-bottom::before,
.oui-pop--tip--arrow-left-bottom::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-right-bottom::after,
.oui-pop--tip--arrow-right-bottom::after, .pop--tip--arrow-right-center::after,
.oui-pop--tip--arrow-right-center::after, .pop--tip--arrow-right-top::after,
.oui-pop--tip--arrow-right-top::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .pop--tip--arrow-bottom-right::after,
.oui-pop--tip--arrow-bottom-right::after, .pop--tip--arrow-top-right::after,
.oui-pop--tip--arrow-top-right::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-bottom-center::after,
.oui-pop--tip--arrow-bottom-center::after, .pop--tip--arrow-top-center::after,
.oui-pop--tip--arrow-top-center::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-bottom-left::after,
.oui-pop--tip--arrow-bottom-left::after, .pop--tip--arrow-top-left::after,
.oui-pop--tip--arrow-top-left::after, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::after, .pop--tip--arrow-left-top::after,
.oui-pop--tip--arrow-left-top::after, .pop--tip--arrow-left-center::after,
.oui-pop--tip--arrow-left-center::after, .pop--tip--arrow-left-bottom::after,
.oui-pop--tip--arrow-left-bottom::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after {
  content: "";
  position: absolute;
  border-collapse: separate;
  pointer-events: none;
}
.tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-right-bottom::before,
.oui-pop--tip--arrow-right-bottom::before, .pop--tip--arrow-right-center::before,
.oui-pop--tip--arrow-right-center::before, .pop--tip--arrow-right-top::before,
.oui-pop--tip--arrow-right-top::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .pop--tip--arrow-bottom-right::before,
.oui-pop--tip--arrow-bottom-right::before, .pop--tip--arrow-top-right::before,
.oui-pop--tip--arrow-top-right::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-bottom-center::before,
.oui-pop--tip--arrow-bottom-center::before, .pop--tip--arrow-top-center::before,
.oui-pop--tip--arrow-top-center::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-bottom-left::before,
.oui-pop--tip--arrow-bottom-left::before, .pop--tip--arrow-top-left::before,
.oui-pop--tip--arrow-top-left::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::before, .pop--tip--arrow-left-top::before,
.oui-pop--tip--arrow-left-top::before, .pop--tip--arrow-left-center::before,
.oui-pop--tip--arrow-left-center::before, .pop--tip--arrow-left-bottom::before,
.oui-pop--tip--arrow-left-bottom::before {
  border: 6px solid transparent;
}
.tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-right-bottom::after,
.oui-pop--tip--arrow-right-bottom::after, .pop--tip--arrow-right-center::after,
.oui-pop--tip--arrow-right-center::after, .pop--tip--arrow-right-top::after,
.oui-pop--tip--arrow-right-top::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .pop--tip--arrow-bottom-right::after,
.oui-pop--tip--arrow-bottom-right::after, .pop--tip--arrow-top-right::after,
.oui-pop--tip--arrow-top-right::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-bottom-center::after,
.oui-pop--tip--arrow-bottom-center::after, .pop--tip--arrow-top-center::after,
.oui-pop--tip--arrow-top-center::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-bottom-left::after,
.oui-pop--tip--arrow-bottom-left::after, .pop--tip--arrow-top-left::after,
.oui-pop--tip--arrow-top-left::after, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::after, .pop--tip--arrow-left-top::after,
.oui-pop--tip--arrow-left-top::after, .pop--tip--arrow-left-center::after,
.oui-pop--tip--arrow-left-center::after, .pop--tip--arrow-left-bottom::after,
.oui-pop--tip--arrow-left-bottom::after {
  border: 5px solid transparent;
}

.tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-top-right::before,
.oui-pop--tip--arrow-top-right::before, .pop--tip--arrow-top-center::before,
.oui-pop--tip--arrow-top-center::before, .pop--tip--arrow-top-left::before,
.oui-pop--tip--arrow-top-left::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-top-right::after,
.oui-pop--tip--arrow-top-right::after, .pop--tip--arrow-top-center::after,
.oui-pop--tip--arrow-top-center::after, .pop--tip--arrow-top-left::after,
.oui-pop--tip--arrow-top-left::after {
  bottom: 100%;
}

.tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-top::before,
.oui-pop--tip--arrow-left-top::before, .pop--tip--arrow-right-top::before,
.oui-pop--tip--arrow-right-top::before {
  top: 5px;
}
.tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-top::after,
.oui-pop--tip--arrow-left-top::after, .pop--tip--arrow-right-top::after,
.oui-pop--tip--arrow-right-top::after {
  top: 6px;
}

.tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-center::before,
.oui-pop--tip--arrow-left-center::before, .pop--tip--arrow-right-center::before,
.oui-pop--tip--arrow-right-center::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-center::after,
.oui-pop--tip--arrow-left-center::after, .pop--tip--arrow-right-center::after,
.oui-pop--tip--arrow-right-center::after {
  top: 50%;
  margin-top: -6px;
}
.tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-center::after,
.oui-pop--tip--arrow-left-center::after, .pop--tip--arrow-right-center::after,
.oui-pop--tip--arrow-right-center::after {
  margin-top: -5px;
}

.tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-bottom::before,
.oui-pop--tip--arrow-left-bottom::before, .pop--tip--arrow-right-bottom::before,
.oui-pop--tip--arrow-right-bottom::before {
  bottom: 5px;
}
.tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-bottom::after,
.oui-pop--tip--arrow-left-bottom::after, .pop--tip--arrow-right-bottom::after,
.oui-pop--tip--arrow-right-bottom::after {
  bottom: 6px;
}

.tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-bottom-left::before,
.oui-pop--tip--arrow-bottom-left::before, .pop--tip--arrow-bottom-center::before,
.oui-pop--tip--arrow-bottom-center::before, .pop--tip--arrow-bottom-right::before,
.oui-pop--tip--arrow-bottom-right::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-bottom-left::after,
.oui-pop--tip--arrow-bottom-left::after, .pop--tip--arrow-bottom-center::after,
.oui-pop--tip--arrow-bottom-center::after, .pop--tip--arrow-bottom-right::after,
.oui-pop--tip--arrow-bottom-right::after {
  top: 100%;
}

.tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::before, .pop--tip--arrow-left-top::before,
.oui-pop--tip--arrow-left-top::before, .pop--tip--arrow-left-center::before,
.oui-pop--tip--arrow-left-center::before, .pop--tip--arrow-left-bottom::before,
.oui-pop--tip--arrow-left-bottom::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::after, .pop--tip--arrow-left-top::after,
.oui-pop--tip--arrow-left-top::after, .pop--tip--arrow-left-center::after,
.oui-pop--tip--arrow-left-center::after, .pop--tip--arrow-left-bottom::after,
.oui-pop--tip--arrow-left-bottom::after {
  right: 100%;
}

.tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-bottom-left::before,
.oui-pop--tip--arrow-bottom-left::before, .pop--tip--arrow-top-left::before,
.oui-pop--tip--arrow-top-left::before {
  left: 5px;
}
.tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-bottom-left::after,
.oui-pop--tip--arrow-bottom-left::after, .pop--tip--arrow-top-left::after,
.oui-pop--tip--arrow-top-left::after {
  left: 6px;
}

.tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-bottom-center::before,
.oui-pop--tip--arrow-bottom-center::before, .pop--tip--arrow-top-center::before,
.oui-pop--tip--arrow-top-center::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-bottom-center::after,
.oui-pop--tip--arrow-bottom-center::after, .pop--tip--arrow-top-center::after,
.oui-pop--tip--arrow-top-center::after {
  left: 50%;
  margin-left: -6px;
}
.tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-bottom-center::after,
.oui-pop--tip--arrow-bottom-center::after, .pop--tip--arrow-top-center::after,
.oui-pop--tip--arrow-top-center::after {
  margin-left: -5px;
}

.tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .pop--tip--arrow-bottom-right::before,
.oui-pop--tip--arrow-bottom-right::before, .pop--tip--arrow-top-right::before,
.oui-pop--tip--arrow-top-right::before {
  right: 5px;
}
.tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .pop--tip--arrow-bottom-right::after,
.oui-pop--tip--arrow-bottom-right::after, .pop--tip--arrow-top-right::after,
.oui-pop--tip--arrow-top-right::after {
  right: 6px;
}

.tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-right-bottom::before,
.oui-pop--tip--arrow-right-bottom::before, .pop--tip--arrow-right-center::before,
.oui-pop--tip--arrow-right-center::before, .pop--tip--arrow-right-top::before,
.oui-pop--tip--arrow-right-top::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-right-bottom::after,
.oui-pop--tip--arrow-right-bottom::after, .pop--tip--arrow-right-center::after,
.oui-pop--tip--arrow-right-center::after, .pop--tip--arrow-right-top::after,
.oui-pop--tip--arrow-right-top::after {
  left: 100%;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
@layer optiaxiom.base {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0;
    color: hsl(241, 77%, 12%);
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "kern";
    font-kerning: normal; /* TODO: Test normal vs auto */
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  caption {
    margin: 0;
    padding: 0;
  }
  ol,
  ul {
    list-style: none;
  }
  img {
    font-style: italic;
  }
  button,
  select,
  option,
  input[type=radio] + label {
    cursor: pointer;
  }
  a {
    text-decoration: none;
  }
  a:active,
  a:hover {
    outline: 0;
  }
  em {
    font-style: italic;
  }
  b,
  strong {
    font-weight: 500;
  }
  textarea {
    vertical-align: top;
  }
  button[disabled],
  html input[disabled] {
    cursor: default;
  }
  button,
  select {
    text-transform: none;
  }
  button,
  input,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
  }
  button::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
  input[type=search]::-webkit-search-cancel-button,
  input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  button,
  html input[type=button],
  input[type=reset],
  input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
  }
  ::-webkit-input-placeholder {
    color: hsl(0, 0%, 44%);
  }
  :-moz-placeholder {
    color: hsl(0, 0%, 44%);
  }
  ::-moz-placeholder {
    color: hsl(0, 0%, 44%);
  }
  :-ms-input-placeholder {
    color: hsl(0, 0%, 44%);
  }
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
}
[class*=oui-], [class*=oui-]::before, [class*=oui-]::after,
[class*=axiom-],
[class*=axiom-]::before,
[class*=axiom-]::after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*
    This is a temporary fix until a Typography component is introduced.
    We don't want to modify the root font-size to 14px because it will
    disrupt the rem calculations, but we need to reset the components back
    to their 14px font size.
*/
[class*=oui-],
[data-oui-component=true] {
  font-size: 0.875rem;
}

[type=text]:active[class*=oui-], [type=text]:active[class*=axiom-],
[type=text]:focus[class*=oui-],
[type=text]:focus[class*=axiom-],
[type=password]:active[class*=oui-],
[type=password]:active[class*=axiom-],
[type=password]:focus[class*=oui-],
[type=password]:focus[class*=axiom-],
[type=email]:active[class*=oui-],
[type=email]:active[class*=axiom-],
[type=email]:focus[class*=oui-],
[type=email]:focus[class*=axiom-],
[type=number]:active[class*=oui-],
[type=number]:active[class*=axiom-],
[type=number]:focus[class*=oui-],
[type=number]:focus[class*=axiom-],
[type=search]:active[class*=oui-],
[type=search]:active[class*=axiom-],
[type=search]:focus[class*=oui-],
[type=search]:focus[class*=axiom-],
[type=url]:active[class*=oui-],
[type=url]:active[class*=axiom-],
[type=url]:focus[class*=oui-],
[type=url]:focus[class*=axiom-],
[type=time]:active[class*=oui-],
[type=time]:active[class*=axiom-],
[type=time]:focus[class*=oui-],
[type=time]:focus[class*=axiom-],
textarea:active[class*=oui-],
textarea:active[class*=axiom-],
textarea:focus[class*=oui-],
textarea:focus[class*=axiom-] {
  outline: none;
}
[type=text]:active[class*=oui-]:not(.axiom-editable-dropdown__input), [type=text]:active[class*=axiom-]:not(.axiom-editable-dropdown__input),
[type=text]:focus[class*=oui-]:not(.axiom-editable-dropdown__input),
[type=text]:focus[class*=axiom-]:not(.axiom-editable-dropdown__input),
[type=password]:active[class*=oui-]:not(.axiom-editable-dropdown__input),
[type=password]:active[class*=axiom-]:not(.axiom-editable-dropdown__input),
[type=password]:focus[class*=oui-]:not(.axiom-editable-dropdown__input),
[type=password]:focus[class*=axiom-]:not(.axiom-editable-dropdown__input),
[type=email]:active[class*=oui-]:not(.axiom-editable-dropdown__input),
[type=email]:active[class*=axiom-]:not(.axiom-editable-dropdown__input),
[type=email]:focus[class*=oui-]:not(.axiom-editable-dropdown__input),
[type=email]:focus[class*=axiom-]:not(.axiom-editable-dropdown__input),
[type=number]:active[class*=oui-]:not(.axiom-editable-dropdown__input),
[type=number]:active[class*=axiom-]:not(.axiom-editable-dropdown__input),
[type=number]:focus[class*=oui-]:not(.axiom-editable-dropdown__input),
[type=number]:focus[class*=axiom-]:not(.axiom-editable-dropdown__input),
[type=search]:active[class*=oui-]:not(.axiom-editable-dropdown__input),
[type=search]:active[class*=axiom-]:not(.axiom-editable-dropdown__input),
[type=search]:focus[class*=oui-]:not(.axiom-editable-dropdown__input),
[type=search]:focus[class*=axiom-]:not(.axiom-editable-dropdown__input),
[type=url]:active[class*=oui-]:not(.axiom-editable-dropdown__input),
[type=url]:active[class*=axiom-]:not(.axiom-editable-dropdown__input),
[type=url]:focus[class*=oui-]:not(.axiom-editable-dropdown__input),
[type=url]:focus[class*=axiom-]:not(.axiom-editable-dropdown__input),
[type=time]:active[class*=oui-]:not(.axiom-editable-dropdown__input),
[type=time]:active[class*=axiom-]:not(.axiom-editable-dropdown__input),
[type=time]:focus[class*=oui-]:not(.axiom-editable-dropdown__input),
[type=time]:focus[class*=axiom-]:not(.axiom-editable-dropdown__input),
textarea:active[class*=oui-]:not(.axiom-editable-dropdown__input),
textarea:active[class*=axiom-]:not(.axiom-editable-dropdown__input),
textarea:focus[class*=oui-]:not(.axiom-editable-dropdown__input),
textarea:focus[class*=axiom-]:not(.axiom-editable-dropdown__input) {
  cursor: text;
  box-shadow: 0px 0px 3px hsl(227, 100%, 50%);
}
[type=text]:active[class*=oui-]:disabled, [type=text]:active[class*=axiom-]:disabled,
[type=text]:focus[class*=oui-]:disabled,
[type=text]:focus[class*=axiom-]:disabled,
[type=password]:active[class*=oui-]:disabled,
[type=password]:active[class*=axiom-]:disabled,
[type=password]:focus[class*=oui-]:disabled,
[type=password]:focus[class*=axiom-]:disabled,
[type=email]:active[class*=oui-]:disabled,
[type=email]:active[class*=axiom-]:disabled,
[type=email]:focus[class*=oui-]:disabled,
[type=email]:focus[class*=axiom-]:disabled,
[type=number]:active[class*=oui-]:disabled,
[type=number]:active[class*=axiom-]:disabled,
[type=number]:focus[class*=oui-]:disabled,
[type=number]:focus[class*=axiom-]:disabled,
[type=search]:active[class*=oui-]:disabled,
[type=search]:active[class*=axiom-]:disabled,
[type=search]:focus[class*=oui-]:disabled,
[type=search]:focus[class*=axiom-]:disabled,
[type=url]:active[class*=oui-]:disabled,
[type=url]:active[class*=axiom-]:disabled,
[type=url]:focus[class*=oui-]:disabled,
[type=url]:focus[class*=axiom-]:disabled,
[type=time]:active[class*=oui-]:disabled,
[type=time]:active[class*=axiom-]:disabled,
[type=time]:focus[class*=oui-]:disabled,
[type=time]:focus[class*=axiom-]:disabled,
textarea:active[class*=oui-]:disabled,
textarea:active[class*=axiom-]:disabled,
textarea:focus[class*=oui-]:disabled,
textarea:focus[class*=axiom-]:disabled {
  box-shadow: none;
}

dl[class*=oui-], dl[class*=axiom-],
dd[class*=oui-],
dd[class*=axiom-],
ol[class*=oui-],
ol[class*=axiom-],
ul[class*=oui-],
ul[class*=axiom-],
form[class*=oui-],
form[class*=axiom-],
fieldset[class*=oui-],
fieldset[class*=axiom-],
legend[class*=oui-],
legend[class*=axiom-],
table[class*=oui-],
table[class*=axiom-],
th[class*=oui-],
th[class*=axiom-],
td[class*=oui-],
td[class*=axiom-],
hr[class*=oui-],
hr[class*=axiom-] {
  margin: 0;
  padding: 0;
}

@layer optiaxiom.base {
  html {
    color: hsl(241, 77%, 12%);
    background-color: hsl(0, 0%, 100%);
    font-family: Inter, sans-serif;
    line-height: 1.6;
  }
  p {
    margin-bottom: 8px;
  }
}
blockquote {
  border-left: 3px solid #e0e0e0;
  padding-left: 12px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.button,
.toolbar__button,
.oui-button {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  font-family: inherit;
  cursor: pointer;
  margin: 0;
  line-height: 32px;
  border-width: 1px;
  border-style: solid;
  font-size: 13px;
  font-weight: 400;
  user-select: none;
  border-radius: 4px;
  height: 34px;
  padding: 0 15px;
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, border-color 0.3s;
  background-color: transparent;
  border-color: hsl(0, 0%, 62%);
  color: hsl(241, 77%, 12%);
}
.button:visited,
.toolbar__button:visited,
.oui-button:visited {
  color: hsl(241, 77%, 12%);
}
.button:hover,
.toolbar__button:hover,
.oui-button:hover {
  color: hsl(227, 100%, 50%);
  border: 1px solid hsl(227, 100%, 85%);
}
.button:focus,
.toolbar__button:focus,
.oui-button:focus {
  outline: none;
  color: hsl(227, 100%, 50%);
  border: 1px solid hsl(227, 100%, 50%);
}
.button.is-active,
.button:active,
.is-active.toolbar__button,
.toolbar__button:active,
.oui-button.is-active,
.oui-button:active {
  background: hsl(0, 0%, 100%);
  border-color: hsl(241, 77%, 12%);
  color: hsl(227, 100%, 50%);
  box-shadow: inset 1px 0 3px 0 rgba(0, 0, 0, 0.5);
}
.button.oui-button--white-background,
.oui-button--white-background.toolbar__button,
.oui-button.oui-button--white-background {
  background-color: hsl(0, 0%, 100%);
}
.button--highlight,
.oui-button--highlight {
  background-color: hsl(227, 100%, 50%);
  border-color: #1a4bff;
  color: hsl(0, 0%, 100%);
}
.button--highlight:hover,
.oui-button--highlight:hover {
  background: hsl(227, 100%, 50%);
  border-color: #1a4bff;
}
.button--highlight:focus,
.oui-button--highlight:focus {
  border: 1px solid hsl(227, 100%, 50%);
}
.button--highlight:active,
.oui-button--highlight:active {
  background: #002ccc;
  border-color: #0027b3;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}
.button--highlight:visited,
.button--highlight:hover,
.button--highlight:active,
.button--highlight:focus,
.oui-button--highlight:visited,
.oui-button--highlight:hover,
.oui-button--highlight:active,
.oui-button--highlight:focus {
  color: hsl(0, 0%, 100%);
}
.button--outline,
.oui-button--outline {
  background-color: transparent;
  border-color: hsl(227, 100%, 50%);
  color: hsl(227, 100%, 50%);
}
.button--outline:visited,
.oui-button--outline:visited {
  color: hsl(227, 100%, 50%);
}
.button--outline:focus,
.oui-button--outline:focus {
  color: hsl(227, 100%, 50%);
  border: 1px solid hsl(227, 100%, 50%);
}
.button--outline:hover,
.oui-button--outline:hover {
  background-color: transparent;
  border-color: hsl(227, 100%, 50%);
  color: hsl(227, 100%, 50%);
  box-shadow: none;
}
.button--outline:active,
.oui-button--outline:active {
  background-color: transparent;
  border-color: hsl(241, 77%, 12%);
  color: hsl(241, 77%, 12%);
  box-shadow: none;
}
.button--danger,
.oui-button--danger {
  background-color: hsl(0, 89%, 57%);
  border-color: hsl(0, 89%, 57%);
  color: hsl(0, 0%, 100%);
}
.button--danger:hover,
.oui-button--danger:hover {
  background: #c22626;
  border-color: #c22626;
}
.button--danger:active,
.oui-button--danger:active {
  background: #aa2222;
  border-color: #aa2222;
}
.button--danger:focus,
.oui-button--danger:focus {
  border: 1px solid #aa2222;
}
.button--danger:visited,
.button--danger:hover,
.button--danger:active,
.button--danger:focus,
.oui-button--danger:visited,
.oui-button--danger:hover,
.oui-button--danger:active,
.oui-button--danger:focus {
  color: hsl(0, 0%, 100%);
}
.button--danger-outline,
.oui-button--danger-outline {
  color: hsl(0, 89%, 57%);
  border-color: hsl(0, 89%, 57%);
  background-color: transparent;
  box-shadow: none;
}
.button--danger-outline:focus,
.oui-button--danger-outline:focus {
  color: hsl(0, 89%, 57%);
  border: 1px solid #aa2222;
}
.button--danger-outline:hover,
.oui-button--danger-outline:hover {
  color: #c22626;
  border-color: #c22626;
  background-color: transparent;
  box-shadow: none;
}
.button--danger-outline:active,
.oui-button--danger-outline:active {
  border-color: #aa2222;
  background-color: transparent;
  color: #aa2222;
  box-shadow: none;
}
.button--plain,
.oui-button--plain {
  color: hsl(241, 77%, 12%);
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}
.button--plain:hover,
.button--plain:focus,
.oui-button--plain:hover,
.oui-button--plain:focus {
  color: hsl(227, 100%, 50%);
  border: 1px solid hsl(227, 100%, 85%);
}
.button--plain:active,
.button--plain:active,
.oui-button--plain:active,
.oui-button--plain:active {
  color: hsl(227, 100%, 50%);
  border-color: hsl(227, 100%, 50%);
  background-color: hsl(0, 0%, 100%);
}
.button--plain.is-active:hover,
.button--plain.is-active:focus,
.oui-button--plain.is-active:hover,
.oui-button--plain.is-active:focus {
  color: hsl(0, 0%, 100%);
}
.button--underline,
.oui-button--underline {
  border-radius: 0 !important;
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
  border-bottom: 2px solid #a6a6a6;
  color: hsl(241, 77%, 12%);
  padding-left: 4px;
  padding-right: 4px;
}
.button--underline:visited,
.button--underline:hover,
.button--underline:active,
.button--underline:focus,
.oui-button--underline:visited,
.oui-button--underline:hover,
.oui-button--underline:active,
.oui-button--underline:focus {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}
.button--underline:hover,
.oui-button--underline:hover {
  border-bottom-width: 2px;
  border-bottom-color: hsl(227, 100%, 50%);
  color: hsl(241, 77%, 12%);
}
.button--underline:hover .oui-arrow-inline--down,
.oui-button--underline:hover .oui-arrow-inline--down {
  color: hsl(227, 100%, 50%);
}
.button--underline:focus,
.oui-button--underline:focus {
  border-bottom-width: 2px;
  border-bottom-color: hsl(227, 100%, 50%);
}
.button--underline:focus .oui-arrow-inline--down,
.oui-button--underline:focus .oui-arrow-inline--down {
  color: hsl(227, 100%, 50%);
}
.button--underline:active,
.oui-button--underline:active {
  border-bottom-width: 2px;
  border-bottom-color: hsl(227, 100%, 50%);
  color: hsl(241, 77%, 12%);
}
.button--underline:active .oui-arrow-inline--down,
.oui-button--underline:active .oui-arrow-inline--down {
  color: hsl(241, 77%, 12%);
}
.button--toggle,
.toolbar__button,
.oui-button--toggle {
  background-color: transparent;
  border-color: transparent;
}
.button--toggle:hover,
.button--toggle:focus,
.toolbar__button:hover,
.toolbar__button:focus,
.oui-button--toggle:hover,
.oui-button--toggle:focus {
  color: hsl(227, 100%, 50%);
  border-color: hsl(227, 100%, 85%);
}
.button--toggle:active,
.button--toggle.is-active,
.toolbar__button:active,
.is-active.toolbar__button,
.oui-button--toggle:active,
.oui-button--toggle.is-active {
  color: hsl(227, 100%, 50%);
  background: hsl(227, 100%, 95%);
  border-color: hsl(227, 100%, 85%);
  box-shadow: inset 0px 0px 3px 1px hsl(227, 100%, 85%);
}
.button--toggle:active:hover,
.button--toggle:active:focus,
.button--toggle.is-active:hover,
.button--toggle.is-active:focus,
.toolbar__button:active:hover,
.toolbar__button:active:focus,
.is-active.toolbar__button:hover,
.is-active.toolbar__button:focus,
.oui-button--toggle:active:hover,
.oui-button--toggle:active:focus,
.oui-button--toggle.is-active:hover,
.oui-button--toggle.is-active:focus {
  color: hsl(227, 100%, 50%);
  background: hsl(227, 100%, 95%);
  border-color: hsl(227, 100%, 50%);
  box-shadow: inset 0px 0px 3px 1px hsl(227, 100%, 85%);
}
.button--tiny,
.oui-button--tiny {
  font-size: 11px;
  font-weight: 400;
  border-radius: 4px;
  line-height: 18px;
  height: 19px;
  padding: 0 8px;
}
.button--small,
.oui-button--small {
  font-size: 11px;
  font-weight: 400;
  border-radius: 4px;
  line-height: 26px;
  height: 27px;
  padding: 0 7px;
}
.button--large,
.oui-button--large {
  font-size: 15px;
  font-weight: 400;
  border-radius: 4px;
  line-height: 41px;
  height: 42px;
  padding: 0 20px;
}
.button--narrow,
.toolbar__button,
.oui-button--narrow {
  padding-left: 8px;
  padding-right: 8px;
}
.button--tight,
.oui-button--tight {
  padding-left: 4px;
  padding-right: 4px;
}
.button--full,
.oui-button--full {
  width: 100%;
  text-align: center;
}
.button--icon,
.oui-button--icon {
  line-height: 1.4;
}
.button--icon .icon,
.oui-button--icon .icon {
  vertical-align: sub;
}
.button--unstyled,
.oui-button--unstyled {
  background: inherit !important;
  border: none !important;
  border-radius: inherit !important;
  box-shadow: inherit !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  height: inherit !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-shadow: inherit !important;
  transition: none;
}
.button--unstyled:hover,
.button--unstyled:focus,
.oui-button--unstyled:hover,
.oui-button--unstyled:focus {
  color: hsl(227, 100%, 50%) !important;
}
.button--unstyled:focus,
.oui-button--unstyled:focus {
  border: 1px solid var(--light-blue-25) !important;
  box-shadow: 0px 0px 3px hsl(227, 100%, 50%) !important;
}
.button[disabled],
.button--disabled,
.button--disabled:visited,
.button--disabled:hover,
.button--disabled:active,
.button--disabled:focus,
[disabled].toolbar__button,
.oui-button[disabled],
.oui-button--disabled,
.oui-button--disabled:visited,
.oui-button--disabled:hover,
.oui-button--disabled:active,
.oui-button--disabled:focus {
  cursor: default;
  box-shadow: none;
  background-color: hsl(0, 0%, 96%);
  border-color: #d5d5d5;
  color: hsl(0, 0%, 44%);
  box-shadow: none;
}
.button[disabled].button--plain,
.button[disabled].button--toggle,
.button[disabled].oui-button--plain,
.button[disabled].oui-button--toggle,
.button--disabled.button--plain,
.button--disabled.button--toggle,
.button--disabled.oui-button--plain,
.button--disabled.oui-button--toggle,
.button--disabled:visited.button--plain,
.button--disabled:visited.button--toggle,
.button--disabled:visited.oui-button--plain,
.button--disabled:visited.oui-button--toggle,
.button--disabled:hover.button--plain,
.button--disabled:hover.button--toggle,
.button--disabled:hover.oui-button--plain,
.button--disabled:hover.oui-button--toggle,
.button--disabled:active.button--plain,
.button--disabled:active.button--toggle,
.button--disabled:active.oui-button--plain,
.button--disabled:active.oui-button--toggle,
.button--disabled:focus.button--plain,
.button--disabled:focus.button--toggle,
.button--disabled:focus.oui-button--plain,
.button--disabled:focus.oui-button--toggle,
[disabled].button--plain.toolbar__button,
[disabled].button--toggle.toolbar__button,
[disabled].oui-button--plain.toolbar__button,
[disabled].oui-button--toggle.toolbar__button,
.oui-button[disabled].button--plain,
.oui-button[disabled].button--toggle,
.oui-button[disabled].oui-button--plain,
.oui-button[disabled].oui-button--toggle,
.oui-button--disabled.button--plain,
.oui-button--disabled.button--toggle,
.oui-button--disabled.oui-button--plain,
.oui-button--disabled.oui-button--toggle,
.oui-button--disabled:visited.button--plain,
.oui-button--disabled:visited.button--toggle,
.oui-button--disabled:visited.oui-button--plain,
.oui-button--disabled:visited.oui-button--toggle,
.oui-button--disabled:hover.button--plain,
.oui-button--disabled:hover.button--toggle,
.oui-button--disabled:hover.oui-button--plain,
.oui-button--disabled:hover.oui-button--toggle,
.oui-button--disabled:active.button--plain,
.oui-button--disabled:active.button--toggle,
.oui-button--disabled:active.oui-button--plain,
.oui-button--disabled:active.oui-button--toggle,
.oui-button--disabled:focus.button--plain,
.oui-button--disabled:focus.button--toggle,
.oui-button--disabled:focus.oui-button--plain,
.oui-button--disabled:focus.oui-button--toggle {
  background-color: transparent;
  border-color: transparent;
}
.button[disabled].button--outline-reverse,
.button[disabled].oui-button--outline-reverse,
.button--disabled.button--outline-reverse,
.button--disabled.oui-button--outline-reverse,
.button--disabled:visited.button--outline-reverse,
.button--disabled:visited.oui-button--outline-reverse,
.button--disabled:hover.button--outline-reverse,
.button--disabled:hover.oui-button--outline-reverse,
.button--disabled:active.button--outline-reverse,
.button--disabled:active.oui-button--outline-reverse,
.button--disabled:focus.button--outline-reverse,
.button--disabled:focus.oui-button--outline-reverse,
[disabled].button--outline-reverse.toolbar__button,
[disabled].oui-button--outline-reverse.toolbar__button,
.oui-button[disabled].button--outline-reverse,
.oui-button[disabled].oui-button--outline-reverse,
.oui-button--disabled.button--outline-reverse,
.oui-button--disabled.oui-button--outline-reverse,
.oui-button--disabled:visited.button--outline-reverse,
.oui-button--disabled:visited.oui-button--outline-reverse,
.oui-button--disabled:hover.button--outline-reverse,
.oui-button--disabled:hover.oui-button--outline-reverse,
.oui-button--disabled:active.button--outline-reverse,
.oui-button--disabled:active.oui-button--outline-reverse,
.oui-button--disabled:focus.button--outline-reverse,
.oui-button--disabled:focus.oui-button--outline-reverse {
  background-color: transparent;
}
.button[disabled].oui-button--underline,
.button--disabled.oui-button--underline,
.button--disabled:visited.oui-button--underline,
.button--disabled:hover.oui-button--underline,
.button--disabled:active.oui-button--underline,
.button--disabled:focus.oui-button--underline,
[disabled].oui-button--underline.toolbar__button,
.oui-button[disabled].oui-button--underline,
.oui-button--disabled.oui-button--underline,
.oui-button--disabled:visited.oui-button--underline,
.oui-button--disabled:hover.oui-button--underline,
.oui-button--disabled:active.oui-button--underline,
.oui-button--disabled:focus.oui-button--underline {
  background-color: transparent;
  border-color: transparent;
  border-bottom: 2px solid #d5d5d5;
}
.button--loading .axiom-spinner,
.oui-button--loading .axiom-spinner {
  margin-right: 4px;
}
.button:not(.oui-button-icon) svg,
.toolbar__button:not(.oui-button-icon) svg,
.oui-button:not(.oui-button-icon) svg {
  color: inherit;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
code {
  font-family: Hack, monospace;
  font-size: -0.125rem;
}

.pre,
.oui-pre {
  white-space: pre;
}

.oui-pre-wrap {
  white-space: pre-wrap;
}

.pre,
.oui-pre,
.oui-pre-wrap {
  margin-bottom: 8px;
}
.pre code,
.oui-pre code,
.oui-pre-wrap code {
  padding: 8px;
  background: hsl(0, 0%, 100%);
  border-radius: 5px;
  overflow-x: auto;
  display: block;
}

.code,
.oui-code {
  background: hsl(0, 0%, 100%);
  border-radius: 5px;
  border: 1px solid hsl(0, 0%, 84%);
  padding: 1px 3px;
}

.oui-code__container {
  overflow-wrap: break-word;
  background-color: hsl(0, 0%, 100%);
  border: 1px solid hsl(0, 0%, 84%);
  border-radius: 5px;
}
.oui-code__container .oui-code__offset-content {
  margin-right: 55px;
}

.copy-button.inline {
  margin-top: -1px;
}

.copy-button__container {
  position: absolute;
  right: 5px;
}
.copy-button__container.block {
  top: 5px;
}

@font-face {
  font-family: "Graphik";
  font-weight: 300;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/graphik/graphik-light.woff2") format("woff2");
}
@font-face {
  font-family: "Graphik";
  font-weight: 300;
  font-style: italic;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/graphik/graphik-lightitalic.woff2") format("woff2");
}
@font-face {
  font-family: "Graphik";
  font-weight: 400;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/graphik/graphik-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Graphik";
  font-weight: 400;
  font-style: italic;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/graphik/graphik-regularitalic.woff2") format("woff2");
}
@font-face {
  font-family: "Graphik";
  font-weight: 500;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/graphik/graphik-medium.woff2") format("woff2");
}
@font-face {
  font-family: "Graphik";
  font-weight: 500;
  font-style: italic;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/graphik/graphik-mediumitalic.woff2") format("woff2");
}
@font-face {
  font-family: "Graphik";
  font-weight: 600;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/graphik/graphik-semibold.woff2") format("woff2");
}
@font-face {
  font-family: "Graphik";
  font-weight: 600;
  font-style: italic;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/graphik/graphik-semibolditalic.woff2") format("woff2");
}
@font-face {
  font-family: "Graphik";
  font-weight: 700;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/graphik/graphik-bold.woff2") format("woff2");
}
@font-face {
  font-family: "Graphik";
  font-weight: 700;
  font-style: italic;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/graphik/graphik-bolditalic.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 300;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/lato/lato-light.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 300;
  font-style: italic;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/lato/lato-lightitalic.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 400;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/lato/lato-regular.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 400;
  font-style: italic;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/lato/lato-regularitalic.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 500;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/lato/lato-medium.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 500;
  font-style: italic;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/lato/lato-mediumitalic.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 600;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/lato/lato-semibold.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 600;
  font-style: italic;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/lato/lato-semibolditalic.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 700;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/lato/lato-bold.woff2") format("woff2");
}
@font-face {
  font-family: "Lato";
  font-weight: 700;
  font-style: italic;
  src: url("https://dhm5hy2vn8l0l.cloudfront.net/lato/lato-bolditalic.woff2") format("woff2");
}
@layer optiaxiom.base {
  h1 {
    font-family: Inter, sans-serif;
    font-weight: 200;
    line-height: 3rem;
    font-size: 1.8125rem;
    letter-spacing: -0.021rem;
  }
  h2 {
    font-family: Inter, sans-serif;
    font-weight: 200;
    line-height: 2.75rem;
    font-size: 1.625rem;
    letter-spacing: -0.02rem;
  }
  h3 {
    font-family: Inter, sans-serif;
    font-weight: 300;
    line-height: 2.5rem;
    font-size: 1.437rem;
    letter-spacing: -0.019rem;
  }
  h4 {
    font-family: Inter, sans-serif;
    font-weight: 400;
    line-height: 2rem;
    font-size: 1.25rem;
    letter-spacing: -0.017rem;
  }
  h5 {
    font-family: Inter, sans-serif;
    font-weight: 500;
    line-height: 2rem;
    font-size: 1.125rem;
    letter-spacing: -0.014rem;
  }
  h6 {
    font-family: Inter, sans-serif;
    font-weight: 400;
    line-height: 1.5rem;
    font-size: 0.8125rem;
    letter-spacing: -0.006rem;
  }
  h1 {
    margin-bottom: 16px;
  }
  h2 {
    margin-bottom: 16px;
  }
  h3 {
    margin-bottom: 8px;
  }
}
.alpha {
  font-family: Inter, sans-serif;
  font-weight: 200;
  line-height: 3rem;
  font-size: 1.8125rem;
  letter-spacing: -0.021rem;
}

.beta {
  font-family: Inter, sans-serif;
  font-weight: 200;
  line-height: 2.75rem;
  font-size: 1.625rem;
  letter-spacing: -0.02rem;
}

.gamma {
  font-family: Inter, sans-serif;
  font-weight: 300;
  line-height: 2.5rem;
  font-size: 1.437rem;
  letter-spacing: -0.019rem;
}

.delta {
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 2rem;
  font-size: 1.25rem;
  letter-spacing: -0.017rem;
}

.epsilon {
  font-family: Inter, sans-serif;
  font-weight: 500;
  line-height: 2rem;
  font-size: 1.125rem;
  letter-spacing: -0.014rem;
}

.zeta {
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 1.5rem;
  font-size: 0.8125rem;
  letter-spacing: -0.006rem;
}

.subhead {
  font-family: Inter, sans-serif;
  font-weight: 600;
  line-height: 1.5rem;
  font-size: 0.875rem;
  letter-spacing: -0.011rem;
}

.milli {
  font-size: 0.75rem !important;
}

.micro {
  font-size: 0.6875rem !important;
}

.giga {
  font-size: 65px !important;
}

.mega {
  font-size: 50px !important;
}

.kilo {
  font-size: 40px !important;
}

.form__header {
  margin-bottom: 16px;
}

.form__footer {
  margin-top: 24px;
}

.form__title {
  font-size: 1.437rem;
  margin-bottom: 8px;
  line-height: 1;
}

.form-fields,
.oui-form-fields {
  list-style: none;
  margin: 0;
}

.form-field__item,
.oui-form-field__item {
  margin-bottom: 12px;
}

fieldset.axiom-fieldset {
  border: 0;
  margin-bottom: 32px;
}

.check-label,
.input-list .label,
.oui-input-list .oui-label {
  display: table-cell;
  padding-left: 8px;
  font-weight: 400;
}

.input-list,
.oui-input-list {
  list-style: none;
  margin: 0;
}
.input-list > li,
.oui-input-list > li {
  display: table;
  margin-bottom: 4px;
}
.input-list input,
.oui-input-list input {
  display: table-cell;
}
.input-list .label,
.input-list .oui-label,
.oui-input-list .label,
.oui-input-list .oui-label {
  width: 100%;
}
.input-list--horizontal > li,
.oui-input-list--horizontal > li {
  padding-right: 16px;
  display: inline-block;
}
.input-list--horizontal .label,
.oui-input-list--horizontal .label {
  display: inline;
  padding-left: 6px;
}

.or {
  text-align: center;
  color: hsl(241, 77%, 12%);
  text-transform: uppercase;
  margin: 12px auto;
  position: relative;
}
.or::before, .or::after {
  content: "";
  border-top: 1px dotted #e0e0e0;
  width: 40%;
  position: absolute;
  left: 0;
  top: 50%;
}
.or::after {
  left: auto;
  right: 0;
}

.icon-input {
  display: flex;
  align-items: center;
}
.icon-input > input {
  z-index: 1;
  background: transparent;
}
.icon-input .icon-input__icon {
  margin-left: -20px;
  line-height: 1;
}

.form-note,
.oui-form-note {
  padding-top: 4px;
  font-size: 0.75rem;
}

.form-note--good-news,
.oui-form-good-news .oui-form-note {
  color: #3d8b3f;
}

.form-note--bad-news,
.oui-form-bad-news .oui-form-note {
  color: hsl(0, 89%, 57%);
}

.form-note--warning,
.oui-form-warning .oui-form-note {
  color: hsl(45, 100%, 51%);
}

.form-good-news .label {
  color: #3d8b3f;
}
.form-good-news .text-input,
.form-good-news .oui-text-input,
.form-good-news .select,
.form-good-news .textarea,
.form-good-news .oui-textarea {
  border-color: hsl(122, 39%, 49%);
}

.form-bad-news .label,
.form-bad-news .oui-label, .form-bad-news.oui-label,
.oui-form-bad-news .label,
.oui-form-bad-news .oui-label,
.oui-form-bad-news.oui-label {
  color: hsl(0, 89%, 57%);
}
.form-bad-news .text-input, .form-bad-news.oui-text-input, .form-bad-news:not(.oui-dropdown-group) .oui-text-input,
.form-bad-news .oui-button--outline, .form-bad-news.oui-dropdown-group .oui-button,
.form-bad-news .select,
.form-bad-news .oui-select,
.form-bad-news .textarea,
.form-bad-news .oui-textarea,
.oui-form-bad-news .text-input,
.oui-form-bad-news.oui-text-input,
.oui-form-bad-news:not(.oui-dropdown-group) .oui-text-input,
.oui-form-bad-news .oui-button--outline,
.oui-form-bad-news.oui-dropdown-group .oui-button,
.oui-form-bad-news .select,
.oui-form-bad-news .oui-select,
.oui-form-bad-news .textarea,
.oui-form-bad-news .oui-textarea {
  border-color: hsl(0, 89%, 57%);
}
.form-bad-news .text-input:hover, .form-bad-news.oui-text-input:hover, .form-bad-news:not(.oui-dropdown-group) .oui-text-input:hover,
.form-bad-news .oui-button--outline:hover, .form-bad-news.oui-dropdown-group .oui-button:hover,
.form-bad-news .select:hover,
.form-bad-news .oui-select:hover,
.form-bad-news .textarea:hover,
.form-bad-news .oui-textarea:hover,
.oui-form-bad-news .text-input:hover,
.oui-form-bad-news.oui-text-input:hover,
.oui-form-bad-news:not(.oui-dropdown-group) .oui-text-input:hover,
.oui-form-bad-news .oui-button--outline:hover,
.oui-form-bad-news.oui-dropdown-group .oui-button:hover,
.oui-form-bad-news .select:hover,
.oui-form-bad-news .oui-select:hover,
.oui-form-bad-news .textarea:hover,
.oui-form-bad-news .oui-textarea:hover {
  border-color: #921d1d;
}
.form-bad-news .text-input:focus, .form-bad-news.oui-text-input:focus, .form-bad-news:not(.oui-dropdown-group) .oui-text-input:focus,
.form-bad-news .oui-button--outline:focus, .form-bad-news.oui-dropdown-group .oui-button:focus,
.form-bad-news .select:focus,
.form-bad-news .oui-select:focus,
.form-bad-news .textarea:focus,
.form-bad-news .oui-textarea:focus,
.oui-form-bad-news .text-input:focus,
.oui-form-bad-news.oui-text-input:focus,
.oui-form-bad-news:not(.oui-dropdown-group) .oui-text-input:focus,
.oui-form-bad-news .oui-button--outline:focus,
.oui-form-bad-news.oui-dropdown-group .oui-button:focus,
.oui-form-bad-news .select:focus,
.oui-form-bad-news .oui-select:focus,
.oui-form-bad-news .textarea:focus,
.oui-form-bad-news .oui-textarea:focus {
  border-color: hsl(0, 89%, 57%);
  box-shadow: 0px 0px 3px #921d1d;
}

.form-warning .label {
  color: hsl(45, 100%, 51%);
}
.form-warning .text-input,
.form-warning .oui-text-input,
.form-warning .select,
.form-warning .textarea,
.form-warning .oui-textarea {
  border-color: hsl(45, 100%, 51%);
}

[required] {
  box-shadow: none;
}

.rule,
.oui-rule,
hr {
  border: 0;
  height: 0;
  border-top: 1px solid hsl(0, 0%, 84%);
  margin-top: 7px;
  margin-bottom: 8px;
}
.rule--dotted,
.oui-rule--dotted,
hr--dotted {
  border-top-style: dotted;
}
.rule--dashed,
.oui-rule--dashed,
hr--dashed {
  border-top-style: dashed;
}

img {
  display: block;
  max-width: 100%;
}

figure > img {
  display: block;
}

a img {
  border: 0;
}

img[width],
img[height] {
  max-width: none;
}

.img--round {
  border-radius: 5px;
}

.img--circle {
  border-radius: 100%;
}

.img--border {
  border: 1px solid hsl(0, 0%, 84%);
}

.img--right {
  float: right;
  margin-bottom: 8px;
  margin-left: 8px;
}

.img--left {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
}

.img--center {
  display: block;
  margin-right: auto;
  margin-bottom: 8px;
  margin-left: auto;
}

a,
.link,
.oui-vertical-tab .nav-list__link .oui-manager-side-nav__custom-link,
.oui-vertical-tab .nav-list__link .oui-vertical-tab__custom-link {
  color: hsl(227, 100%, 50%);
  transition: color 0.3s;
  cursor: pointer;
}
a:visited, a:active,
.link:visited,
.oui-vertical-tab .nav-list__link .oui-manager-side-nav__custom-link:visited,
.oui-vertical-tab .nav-list__link .oui-vertical-tab__custom-link:visited,
.link:active,
.oui-vertical-tab .nav-list__link .oui-manager-side-nav__custom-link:active,
.oui-vertical-tab .nav-list__link .oui-vertical-tab__custom-link:active {
  color: hsl(227, 100%, 50%);
}
a:hover,
.link:hover,
.oui-vertical-tab .nav-list__link .oui-manager-side-nav__custom-link:hover,
.oui-vertical-tab .nav-list__link .oui-vertical-tab__custom-link:hover {
  color: hsl(227, 100%, 50%);
}

.link--dark {
  color: hsl(241, 77%, 12%);
  cursor: pointer;
}
.link--dark:visited,
.link--dark:active {
  color: hsl(241, 77%, 12%);
}
.link--dark:hover {
  color: hsl(227, 100%, 50%);
}

.link--muted {
  color: hsl(0, 0%, 44%);
  cursor: pointer;
}
.link--muted:visited,
.link--muted:active {
  color: hsl(0, 0%, 44%);
}
.link--muted:hover {
  color: hsl(227, 100%, 50%);
}

.link--bad-news {
  color: hsl(241, 77%, 12%);
  cursor: pointer;
}
.link--bad-news:visited,
.link--bad-news:hover,
.link--bad-news:active {
  color: hsl(0, 89%, 57%);
}

.link--reverse {
  color: hsl(0, 0%, 100%) !important;
  cursor: pointer;
}
.link--reverse:hover {
  color: white !important;
}

.toolbar__button[disabled], .toolbar__button--disabled, .toolbar__button--disabled:hover, .oui-tabs--header .tabs-nav__item.tab-disabled,
.oui-tabs--header .oui-tabs-nav__item.tab-disabled, .tabs--sub .tabs-nav__item.tab-disabled,
.tabs--sub .oui-tabs-nav__item.tab-disabled,
.oui-tabs--sub .tabs-nav__item.tab-disabled,
.oui-tabs--sub .oui-tabs-nav__item.tab-disabled,
.link--disabled {
  color: hsl(0, 0%, 44%);
}
.toolbar__button[disabled]:visited, .toolbar__button--disabled:visited, .oui-tabs--header .tabs-nav__item.tab-disabled:visited,
.oui-tabs--header .oui-tabs-nav__item.tab-disabled:visited, .tabs--sub .tabs-nav__item.tab-disabled:visited,
.tabs--sub .oui-tabs-nav__item.tab-disabled:visited,
.oui-tabs--sub .tabs-nav__item.tab-disabled:visited,
.oui-tabs--sub .oui-tabs-nav__item.tab-disabled:visited, .toolbar__button[disabled]:hover, .toolbar__button--disabled:hover, .oui-tabs--header .tabs-nav__item.tab-disabled:hover,
.oui-tabs--header .oui-tabs-nav__item.tab-disabled:hover, .tabs--sub .tabs-nav__item.tab-disabled:hover,
.tabs--sub .oui-tabs-nav__item.tab-disabled:hover,
.oui-tabs--sub .tabs-nav__item.tab-disabled:hover,
.oui-tabs--sub .oui-tabs-nav__item.tab-disabled:hover, .toolbar__button[disabled]:active, .toolbar__button--disabled:active, .oui-tabs--header .tabs-nav__item.tab-disabled:active,
.oui-tabs--header .oui-tabs-nav__item.tab-disabled:active, .tabs--sub .tabs-nav__item.tab-disabled:active,
.tabs--sub .oui-tabs-nav__item.tab-disabled:active,
.oui-tabs--sub .tabs-nav__item.tab-disabled:active,
.oui-tabs--sub .oui-tabs-nav__item.tab-disabled:active,
.link--disabled:visited,
.link--disabled:hover,
.link--disabled:active {
  color: hsl(0, 0%, 44%);
  cursor: default;
}

.list {
  margin-bottom: 8px;
}
.list--bullet {
  margin-left: 16px;
  list-style-type: disc;
}
.list--numbered {
  margin-left: 20px;
  list-style-type: decimal;
}
.list--lower-alpha {
  margin-left: 20px;
  list-style-type: lower-alpha;
}
.list--spaced > li {
  margin-bottom: 4px;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

.axiom-radio-wrapper .axiom-radio {
  width: 16px;
  height: 16px;
}
.axiom-radio-wrapper .axiom-radio.adjust-for-custom-label {
  margin-top: 0.2rem;
}

.scrollbars--visible {
  overflow-y: scroll !important;
}

.scrollbars--visible::-webkit-scrollbar {
  -webkit-appearance: none;
  appearance: none;
  width: 7px;
  background-color: rgba(0, 0, 0, 0.04);
}

.scrollbars--visible::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.select,
.oui-select {
  appearance: none;
  -webkit-appearance: none;
  transition: border-color 0.3s;
  border: 1px solid hsl(0, 0%, 84%);
  height: 34px;
  border-radius: 5px;
  font-size: 0.875rem;
  padding: 0 24px 0 7px;
  outline: none;
  cursor: pointer;
  vertical-align: middle;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE1LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgd2lkdGg9IjIwcHgiIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAwIDIwIDIwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMCAyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIHBvaW50cz0iMTAsMTEuMiA2LjQsNy42IDQuMyw3LjYgMTAsMTMuMyAxNS43LDcuNiAxMy42LDcuNiAiLz4KPC9zdmc+Cg==);
  background-position: right 7px center;
  background-repeat: no-repeat;
  background-size: auto 16px;
  max-width: 100%;
}
.select:hover:not([disabled]),
.oui-select:hover:not([disabled]) {
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.16);
  border-color: #999999;
}
.select:disabled,
.oui-select:disabled {
  cursor: default;
}
.select--small,
.oui-select--small {
  font-size: 11px;
  height: 27px;
}
.select--large,
.oui-select--large {
  font-size: 15px;
  height: 42px;
}

.oui-form-bad-news .oui-select:hover:not([disabled]) {
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.16);
  border-color: #921d1d;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.table,
.oui-disclose-table,
.oui-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.table:not(.oui-table--loose) th,
.table:not(.oui-table--loose) td,
.oui-disclose-table:not(.oui-table--loose) th,
.oui-disclose-table:not(.oui-table--loose) td,
.oui-table:not(.oui-table--loose) th,
.oui-table:not(.oui-table--loose) td {
  padding-left: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.table:not(.oui-table--loose) th:first-child,
.table:not(.oui-table--loose) td:first-child,
.oui-disclose-table:not(.oui-table--loose) th:first-child,
.oui-disclose-table:not(.oui-table--loose) td:first-child,
.oui-table:not(.oui-table--loose) th:first-child,
.oui-table:not(.oui-table--loose) td:first-child {
  padding-left: 0;
}
.table th,
.oui-disclose-table th,
.oui-table th {
  font-weight: 500;
  font-size: 12px;
  color: hsl(0, 0%, 44%);
  text-align: left;
  vertical-align: bottom;
  line-height: 1.4;
  padding-left: 8px;
  padding-right: 8px;
}
.table th[field],
.oui-disclose-table th[field],
.oui-table th[field] {
  cursor: pointer;
}
.table th > .oui-table__sort-btn,
.oui-disclose-table th > .oui-table__sort-btn,
.oui-table th > .oui-table__sort-btn {
  text-align: inherit;
}
.table th > .oui-table__sort-btn > svg.oui-table__sort-icon--inactive,
.oui-disclose-table th > .oui-table__sort-btn > svg.oui-table__sort-icon--inactive,
.oui-table th > .oui-table__sort-btn > svg.oui-table__sort-icon--inactive {
  visibility: hidden;
}
.table th > .oui-table__sort-btn:hover > svg.oui-table__sort-icon--inactive,
.oui-disclose-table th > .oui-table__sort-btn:hover > svg.oui-table__sort-icon--inactive,
.oui-table th > .oui-table__sort-btn:hover > svg.oui-table__sort-icon--inactive {
  visibility: visible;
}
.table tbody tr,
.oui-disclose-table tbody tr,
.oui-table tbody tr {
  border-top: 1px solid #f0f0f0;
}
.table tbody td,
.oui-disclose-table tbody td,
.oui-table tbody td {
  vertical-align: top;
  padding: 8px;
  word-break: break-word;
}
.table [rowspan],
.oui-disclose-table [rowspan],
.oui-table [rowspan] {
  vertical-align: middle;
}
.table [rowspan="1"],
.oui-disclose-table [rowspan="1"],
.oui-table [rowspan="1"] {
  vertical-align: top;
}
.table .numerical,
.table .oui-numerical,
.oui-disclose-table .numerical,
.oui-disclose-table .oui-numerical,
.oui-table .numerical,
.oui-table .oui-numerical {
  text-align: right;
  padding-right: 28px;
}
.table .cell-collapse,
.table .oui-cell-collapse,
.oui-disclose-table .cell-collapse,
.oui-disclose-table .oui-cell-collapse,
.oui-table .cell-collapse,
.oui-table .oui-cell-collapse {
  width: 1%;
}
.table--rule > thead > th,
.table--rule-no-bottom-border > thead > th,
.oui-table--rule > thead > th,
.oui-table--rule-no-bottom-border > thead > th {
  padding-bottom: 8px;
}
.table--rule > thead > tr,
.table--rule-no-bottom-border > thead > tr,
.oui-table--rule > thead > tr,
.oui-table--rule-no-bottom-border > thead > tr {
  border-bottom: 1px solid hsl(0, 0%, 84%);
}
.table--rule > tbody > tr,
.table--rule-no-bottom-border > tbody > tr,
.oui-table--rule > tbody > tr,
.oui-table--rule-no-bottom-border > tbody > tr {
  border-bottom: 1px solid #f0f0f0;
}
.table--rule > tbody > tr:first-child,
.table--rule-no-bottom-border > tbody > tr:first-child,
.oui-table--rule > tbody > tr:first-child,
.oui-table--rule-no-bottom-border > tbody > tr:first-child {
  border-bottom: 1px solid #f0f0f0;
}
.table--rule-no-bottom-border > tbody > tr:last-child,
.oui-table--rule-no-bottom-border > tbody > tr:last-child {
  border-bottom: 0;
}
.table--wall > thead > tr > th,
.table--wall > tbody > tr > td,
.oui-table--wall > thead > tr > th,
.oui-table--wall > tbody > tr > td {
  border-left: 1px solid #f0f0f0;
  padding-right: 8px;
}
.table--wall > thead > tr > th:first-child,
.table--wall > tbody > tr > td:first-child,
.oui-table--wall > thead > tr > th:first-child,
.oui-table--wall > tbody > tr > td:first-child {
  border-left: 0;
}
.table--hover > tbody > tr:hover,
.oui-table--hover > tbody > tr:hover {
  background-color: #ccd7ff;
  cursor: pointer;
}
.table--hover > thead > tr > th:first-child,
.table--hover > tbody > tr > td:first-child,
.oui-table--hover > thead > tr > th:first-child,
.oui-table--hover > tbody > tr > td:first-child {
  padding-left: 16px;
}
.table--hover > thead > tr > th:last-child,
.table--hover > tbody > tr > td:last-child,
.oui-table--hover > thead > tr > th:last-child,
.oui-table--hover > tbody > tr > td:last-child {
  padding-right: 16px;
}
.table--loose th,
.table--loose td,
.oui-table--loose th,
.oui-table--loose td {
  padding-left: 8px;
  padding-right: 8px;
}
.table--loose th:first-child,
.table--loose td:first-child,
.oui-table--loose th:first-child,
.oui-table--loose td:first-child {
  padding-left: 16px;
}
.table--loose th:last-child,
.table--loose td:last-child,
.oui-table--loose th:last-child,
.oui-table--loose td:last-child {
  padding-right: 16px;
}
.table--loose th,
.oui-table--loose th {
  padding-top: 4px;
  padding-bottom: 4px;
}
.table--loose td,
.oui-table--loose td {
  padding-top: 8px;
  padding-bottom: 8px;
}
.table--add-row tbody > tr:first-child > td,
.oui-table--add-row tbody > tr:first-child > td {
  padding-top: 0;
}
.table--add-row td,
.oui-table--add-row td {
  padding-bottom: 8px;
}
.table--add-row__controls,
.oui-table--add-row__controls {
  width: 1%;
  white-space: nowrap;
}

.table-row--active,
.oui-table-row--active {
  background-color: hsl(0, 0%, 100%);
}

.oui-table-row--highlighted {
  background-color: hsl(227, 100%, 95%);
}

.oui-table-row--link {
  color: var(--light-blue-75);
  cursor: pointer;
}

.table--scroll,
.oui-table--scroll {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.table--scroll thead,
.oui-table--scroll thead {
  display: flex;
  flex: none;
}
.table--scroll tbody,
.oui-table--scroll tbody {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  overflow-y: auto;
  min-height: 0;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table--scroll tr,
.oui-table--scroll tr {
  display: flex;
  flex: none;
  width: 100%;
}
.table--scroll th,
.table--scroll td,
.oui-table--scroll th,
.oui-table--scroll td {
  display: block;
}

.oui-table > tbody tr:hover td a:hover {
  color: var(--light-blue-75);
}

.oui-table > tbody > tr:hover > td:not(.CalendarDay) {
  background-color: var(--grey-25);
}

.oui-table--loose > tbody > tr > td {
  padding-top: 12px;
  padding-bottom: 12px;
}

.editable:hover {
  color: hsl(0, 0%, 44%);
}
.editable:hover::after {
  display: inline-block;
  color: hsl(0, 0%, 44%);
  content: "✎";
  font-size: 1em;
  padding-right: 4px;
  transform: scaleX(-1);
}

.monospace {
  font-family: Hack, monospace;
}

[data-lego-pseudo-content]::before {
  content: attr(data-lego-pseudo-content);
}

.oui-numerical,
.number-display {
  font-family: Inter, sans-serif;
  font-feature-settings: "tnum";
}

.array {
  display: flex;
}
.array__item {
  flex: 1;
  margin-left: 8px;
  margin-right: 8px;
}
.array__item:first-child {
  margin-left: 0;
}
.array__item:last-child {
  margin-right: 0;
}

.button-group {
  display: flex;
}
.button-group > * {
  margin-left: 0;
  border-radius: 0;
}
.button-group > *:not(:first-child) {
  margin-left: -1px;
}
.button-group > *:hover,
.button-group > *:focus {
  position: relative;
}
.button-group > *:first-child {
  border-radius: 8px 0 0 8px;
}
.button-group > *:last-child {
  border-radius: 0 8px 8px 0;
}
.button-group > .button--highlight,
.button-group > .oui-button--highlight {
  position: relative;
}
.button-group > .text-input,
.button-group > .oui-text-input {
  flex: 1;
  width: auto;
}
.button-group .button--highlight,
.button-group .oui-button--highlight,
.button-group .button--danger,
.button-group .oui-button--danger {
  z-index: 1;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.button-row--left .button,
.button-row--left .oui-button,
.oui-button-row--left .button,
.oui-button-row--left .oui-button {
  margin-right: 8px;
}
.button-row--left .button:last-child,
.button-row--left .oui-button:last-child,
.oui-button-row--left .button:last-child,
.oui-button-row--left .oui-button:last-child {
  margin-right: 0;
}
.button-row--right,
.oui-button-row--right {
  text-align: right;
}
.button-row--right .button,
.button-row--right .oui-button,
.oui-button-row--right .button,
.oui-button-row--right .oui-button {
  margin-left: 8px;
}
.button-row--right .button:first-child,
.button-row--right .oui-button:first-child,
.oui-button-row--right .button:first-child,
.oui-button-row--right .oui-button:first-child {
  margin-left: 0;
}
.button-row--center,
.oui-button-row--center {
  text-align: center;
}
.button-row--center .button,
.button-row--center .oui-button,
.oui-button-row--center .button,
.oui-button-row--center .oui-button {
  margin-left: 4px;
  margin-right: 4px;
}
.button-row--center .button:first-child,
.button-row--center .oui-button:first-child,
.oui-button-row--center .button:first-child,
.oui-button-row--center .oui-button:first-child {
  margin-left: 0;
}
.button-row--center .button:last-child,
.button-row--center .oui-button:last-child,
.oui-button-row--center .button:last-child,
.oui-button-row--center .oui-button:last-child {
  margin-right: 0;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.padded-content--around.row,
div[class*=col].padded-content--around {
  padding: 12px;
}

.padded-content--sides.row,
div[class*=col].padded-content--sides {
  padding: 0 12px;
}

.padded-content--ends.row,
div[class*=col].padded-content--ends {
  padding: 12px 0;
}

.padded-content--remove.row,
div[class*=col].padded-content--remove,
.padded-content--remove .row > div[class*=col] {
  padding: 0;
}

.padded-content--top.row {
  padding-top: 12px;
}

.padded-content--bottom.row {
  padding-bottom: 12px;
}

.outline--debug .container {
  outline: 1px solid hsla(330, 100%, 71%, 0.5);
  background: hsla(330, 100%, 71%, 0.15);
}

.outline--debug .row {
  outline: 1px solid hotpink;
  background: hsla(330, 100%, 71%, 0.15);
}

.outline--debug .col,
.outline--debug .row > div[class*=col] {
  outline: 1px solid hsl(330, 100%, 71%);
  background: hsla(330, 100%, 71%, 0.15);
}

.push-rows--top .row + .row {
  margin-top: 12px;
}

.container,
.container-fluid {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto;
}

.container--pull .row [class*=col]:first-child {
  padding-left: 0;
}

.container--pull .row [class*=col]:last-child {
  padding-right: 0;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  margin-right: -12px;
  margin-left: -12px;
  min-width: 0;
  min-height: 0;
}

.row--no-wrap {
  flex-wrap: nowrap;
}

.gutters--remove {
  margin-right: 0;
  margin-left: 0;
}

.gutters--remove > .col,
.gutters--remove > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-small-1,
.col-small-2,
.col-small-3,
.col-small-4,
.col-small-5,
.col-small-6,
.col-small-7,
.col-small-8,
.col-small-9,
.col-small-10,
.col-small-11,
.col-small-12,
.col-small,
.col-small-auto,
.col-medium-1,
.col-medium-2,
.col-medium-3,
.col-medium-4,
.col-medium-5,
.col-medium-6,
.col-medium-7,
.col-medium-8,
.col-medium-9,
.col-medium-10,
.col-medium-11,
.col-medium-12,
.col-medium,
.col-medium-auto,
.col-large-1,
.col-large-2,
.col-large-3,
.col-large-4,
.col-large-5,
.col-large-6,
.col-large-7,
.col-large-8,
.col-large-9,
.col-large-10,
.col-large-11,
.col-large-12,
.col-large,
.col-large-auto {
  position: relative;
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
}

.col {
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

div[class*=fitContent] {
  display: block;
  width: auto;
  padding: 0;
}

.oui-config-panel__nubbin {
  position: absolute;
  transform: rotate(45deg);
  margin-left: -21px;
}

.oui-config-panel__nubbin::before {
  position: absolute;
  width: 24px;
  height: 24px;
  content: "";
  border-left: 1px solid hsl(0, 0%, 84%);
  border-bottom: 1px solid hsl(0, 0%, 84%);
  background-color: #f0f0f0;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {
  .col-small {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-small-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-small-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-small-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-small-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-small-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-small-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-small-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-small-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-small-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-small-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-small-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-small-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-small-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-small-first {
    order: -1;
  }
  .order-small-last {
    order: 13;
  }
  .order-small-0 {
    order: 0;
  }
  .order-small-1 {
    order: 1;
  }
  .order-small-2 {
    order: 2;
  }
  .order-small-3 {
    order: 3;
  }
  .order-small-4 {
    order: 4;
  }
  .order-small-5 {
    order: 5;
  }
  .order-small-6 {
    order: 6;
  }
  .order-small-7 {
    order: 7;
  }
  .order-small-8 {
    order: 8;
  }
  .order-small-9 {
    order: 9;
  }
  .order-small-10 {
    order: 10;
  }
  .order-small-11 {
    order: 11;
  }
  .order-small-12 {
    order: 12;
  }
  .offset-small-0 {
    margin-left: 0;
  }
  .offset-small-1 {
    margin-left: 8.333333%;
  }
  .offset-small-2 {
    margin-left: 16.666667%;
  }
  .offset-small-3 {
    margin-left: 25%;
  }
  .offset-small-4 {
    margin-left: 33.333333%;
  }
  .offset-small-5 {
    margin-left: 41.666667%;
  }
  .offset-small-6 {
    margin-left: 50%;
  }
  .offset-small-7 {
    margin-left: 58.333333%;
  }
  .offset-small-8 {
    margin-left: 66.666667%;
  }
  .offset-small-9 {
    margin-left: 75%;
  }
  .offset-small-10 {
    margin-left: 83.333333%;
  }
  .offset-small-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-large {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-large-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-large-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-large-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-large-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-large-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-large-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-large-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-large-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-large-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-large-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-large-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-large-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-large-first {
    order: -1;
  }
  .order-large-last {
    order: 13;
  }
  .order-large-0 {
    order: 0;
  }
  .order-large-1 {
    order: 1;
  }
  .order-large-2 {
    order: 2;
  }
  .order-large-3 {
    order: 3;
  }
  .order-large-4 {
    order: 4;
  }
  .order-large-5 {
    order: 5;
  }
  .order-large-6 {
    order: 6;
  }
  .order-large-7 {
    order: 7;
  }
  .order-large-8 {
    order: 8;
  }
  .order-large-9 {
    order: 9;
  }
  .order-large-10 {
    order: 10;
  }
  .order-large-11 {
    order: 11;
  }
  .order-large-12 {
    order: 12;
  }
  .offset-large-0 {
    margin-left: 0;
  }
  .offset-large-1 {
    margin-left: 8.333333%;
  }
  .offset-large-2 {
    margin-left: 16.666667%;
  }
  .offset-large-3 {
    margin-left: 25%;
  }
  .offset-large-4 {
    margin-left: 33.333333%;
  }
  .offset-large-5 {
    margin-left: 41.666667%;
  }
  .offset-large-6 {
    margin-left: 50%;
  }
  .offset-large-7 {
    margin-left: 58.333333%;
  }
  .offset-large-8 {
    margin-left: 66.666667%;
  }
  .offset-large-9 {
    margin-left: 75%;
  }
  .offset-large-10 {
    margin-left: 83.333333%;
  }
  .offset-large-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-small-none {
    display: none !important;
  }
  .d-small-inline {
    display: inline !important;
  }
  .d-small-inline-block {
    display: inline-block !important;
  }
  .d-small-block {
    display: block !important;
  }
  .d-small-table {
    display: table !important;
  }
  .d-small-table-row {
    display: table-row !important;
  }
  .d-small-table-cell {
    display: table-cell !important;
  }
  .d-small-flex {
    display: flex !important;
  }
  .d-small-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-large-none {
    display: none !important;
  }
  .d-large-inline {
    display: inline !important;
  }
  .d-large-inline-block {
    display: inline-block !important;
  }
  .d-large-block {
    display: block !important;
  }
  .d-large-table {
    display: table !important;
  }
  .d-large-table-row {
    display: table-row !important;
  }
  .d-large-table-cell {
    display: table-cell !important;
  }
  .d-large-flex {
    display: flex !important;
  }
  .d-large-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-small-row {
    flex-direction: row !important;
  }
  .flex-small-column {
    flex-direction: column !important;
  }
  .flex-small-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-small-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-small-wrap {
    flex-wrap: wrap !important;
  }
  .flex-small-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-small-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-small-fill {
    flex: 1 1 auto !important;
  }
  .flex-small-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-small-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-small-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-small-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-small-start {
    justify-content: flex-start !important;
  }
  .justify-content-small-end {
    justify-content: flex-end !important;
  }
  .justify-content-small-center {
    justify-content: center !important;
  }
  .justify-content-small-between {
    justify-content: space-between !important;
  }
  .justify-content-small-around {
    justify-content: space-around !important;
  }
  .align-items-small-start {
    align-items: flex-start !important;
  }
  .align-items-small-end {
    align-items: flex-end !important;
  }
  .align-items-small-center {
    align-items: center !important;
  }
  .align-items-small-baseline {
    align-items: baseline !important;
  }
  .align-items-small-stretch {
    align-items: stretch !important;
  }
  .align-content-small-start {
    align-content: flex-start !important;
  }
  .align-content-small-end {
    align-content: flex-end !important;
  }
  .align-content-small-center {
    align-content: center !important;
  }
  .align-content-small-between {
    align-content: space-between !important;
  }
  .align-content-small-around {
    align-content: space-around !important;
  }
  .align-content-small-stretch {
    align-content: stretch !important;
  }
  .align-self-small-auto {
    align-self: auto !important;
  }
  .align-self-small-start {
    align-self: flex-start !important;
  }
  .align-self-small-end {
    align-self: flex-end !important;
  }
  .align-self-small-center {
    align-self: center !important;
  }
  .align-self-small-baseline {
    align-self: baseline !important;
  }
  .align-self-small-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-large-row {
    flex-direction: row !important;
  }
  .flex-large-column {
    flex-direction: column !important;
  }
  .flex-large-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-large-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-large-wrap {
    flex-wrap: wrap !important;
  }
  .flex-large-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-large-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-large-fill {
    flex: 1 1 auto !important;
  }
  .flex-large-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-large-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-large-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-large-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-large-start {
    justify-content: flex-start !important;
  }
  .justify-content-large-end {
    justify-content: flex-end !important;
  }
  .justify-content-large-center {
    justify-content: center !important;
  }
  .justify-content-large-between {
    justify-content: space-between !important;
  }
  .justify-content-large-around {
    justify-content: space-around !important;
  }
  .align-items-large-start {
    align-items: flex-start !important;
  }
  .align-items-large-end {
    align-items: flex-end !important;
  }
  .align-items-large-center {
    align-items: center !important;
  }
  .align-items-large-baseline {
    align-items: baseline !important;
  }
  .align-items-large-stretch {
    align-items: stretch !important;
  }
  .align-content-large-start {
    align-content: flex-start !important;
  }
  .align-content-large-end {
    align-content: flex-end !important;
  }
  .align-content-large-center {
    align-content: center !important;
  }
  .align-content-large-between {
    align-content: space-between !important;
  }
  .align-content-large-around {
    align-content: space-around !important;
  }
  .align-content-large-stretch {
    align-content: stretch !important;
  }
  .align-self-large-auto {
    align-self: auto !important;
  }
  .align-self-large-start {
    align-self: flex-start !important;
  }
  .align-self-large-end {
    align-self: flex-end !important;
  }
  .align-self-large-center {
    align-self: center !important;
  }
  .align-self-large-baseline {
    align-self: baseline !important;
  }
  .align-self-large-stretch {
    align-self: stretch !important;
  }
}
.cf::after {
  content: "";
  display: table;
  clear: both;
}

.flex {
  display: flex !important;
}

.flex--inline {
  display: inline-flex !important;
}

.flex--row {
  flex-direction: row !important;
}

.flex--column {
  flex-direction: column !important;
}

.flex--1 {
  flex: 1 !important;
  min-height: 0;
  min-width: 0;
}

.flex--none {
  flex: none !important;
}

.flex-shrink--none {
  flex-shrink: 0 !important;
}

.flex-grow--none {
  flex-grow: 0 !important;
}

.flex-align--start {
  align-items: flex-start !important;
}

.flex-align--center {
  align-items: center !important;
}

.flex-align--end {
  align-items: flex-end !important;
}

.flex-justified--start {
  justify-content: flex-start !important;
}

.flex-justified--center {
  justify-content: center !important;
}

.flex-justified--end {
  justify-content: flex-end !important;
}

.flex-justified--between {
  justify-content: space-between !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-wrap--reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-self--start {
  align-self: flex-start !important;
}

.flex-self--center {
  align-self: center !important;
}

.flex-self--end {
  align-self: flex-end !important;
}

.flex-overflow-fix {
  min-height: 0;
  min-width: 0;
}

.flex--dead-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.matrix,
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -16px;
}
.grid__cell {
  flex: 1;
  padding-left: 16px;
}
.grid--gutter--narrow {
  margin-left: -8px;
}
.grid--gutter--narrow > .grid__cell {
  padding-left: 8px;
}
.grid--gutter--wide {
  margin-left: -32px;
}
.grid--gutter--wide > .grid__cell {
  padding-left: 32px;
}
.grid--flush {
  margin-left: 0;
}
.grid--flush > .grid__cell {
  padding-left: 0;
}
.grid--natural > .grid__cell {
  flex: none;
}
.grid--center {
  align-items: center;
}
.grid--bottom {
  align-items: flex-end;
}
.grid__cell[class*=width-] {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.island {
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  background: hsl(0, 0%, 100%);
  padding: 8px;
}
.island--center {
  text-align: center;
}

.matrix {
  margin-left: -16px;
}
.matrix > li {
  padding-left: 16px;
}
.matrix--1-2 > li {
  width: 50%;
}

.matrix {
  margin-left: -16px;
}
.matrix > li {
  padding-left: 16px;
}
.matrix--1-3 > li {
  width: 33.3333333333%;
}

.matrix {
  margin-left: -16px;
}
.matrix > li {
  padding-left: 16px;
}
.matrix--1-4 > li {
  width: 25%;
}

.reading-column {
  max-width: 700px;
  min-width: 700px;
  margin: 32px auto;
  padding-left: 16px;
  padding-right: 16px;
}

.reading-column--new {
  max-width: 700px;
  min-width: 700px;
  margin: 32px auto;
  padding-left: 16px;
  padding-right: 16px;
}
.reading-column--new h1,
.reading-column--new h2,
.reading-column--new h3 {
  margin-bottom: 4px;
}
.reading-column--new * + h1 {
  margin-top: 32px;
}
.reading-column--new * + h2 {
  margin-top: 24px;
}
.reading-column--new * + h3 {
  margin-top: 16px;
}
.reading-column--new * + h4 {
  margin-top: 8px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.input-icon,
.oui-input-icon {
  position: relative;
}
.input-icon__left, .input-icon__right,
.oui-input-icon__left,
.oui-input-icon__right {
  transform: translateY(-50%);
  pointer-events: none;
  position: absolute;
  top: 50%;
}
.input-icon__left,
.oui-input-icon__left {
  left: 8px;
}
.input-icon__right,
.oui-input-icon__right {
  right: 8px;
}
.input-icon__muted,
.oui-input-icon__muted {
  fill: #999999;
}

.form__header {
  margin-bottom: 16px;
}

.form__footer {
  margin-top: 24px;
}

.form__title {
  font-size: 1.437rem;
  margin-bottom: 8px;
  line-height: 1;
}

.form-fields,
.oui-form-fields {
  list-style: none;
  margin: 0;
}

.form-field__item,
.oui-form-field__item {
  margin-bottom: 12px;
}

fieldset.axiom-fieldset {
  border: 0;
  margin-bottom: 32px;
}

.check-label,
.input-list .label,
.oui-input-list .oui-label {
  display: table-cell;
  padding-left: 8px;
  font-weight: 400;
}

.input-list,
.oui-input-list {
  list-style: none;
  margin: 0;
}
.input-list > li,
.oui-input-list > li {
  display: table;
  margin-bottom: 4px;
}
.input-list input,
.oui-input-list input {
  display: table-cell;
}
.input-list .label,
.input-list .oui-label,
.oui-input-list .label,
.oui-input-list .oui-label {
  width: 100%;
}
.input-list--horizontal > li,
.oui-input-list--horizontal > li {
  padding-right: 16px;
  display: inline-block;
}
.input-list--horizontal .label,
.oui-input-list--horizontal .label {
  display: inline;
  padding-left: 6px;
}

.or {
  text-align: center;
  color: hsl(241, 77%, 12%);
  text-transform: uppercase;
  margin: 12px auto;
  position: relative;
}
.or::before, .or::after {
  content: "";
  border-top: 1px dotted #e0e0e0;
  width: 40%;
  position: absolute;
  left: 0;
  top: 50%;
}
.or::after {
  left: auto;
  right: 0;
}

.icon-input {
  display: flex;
  align-items: center;
}
.icon-input > input {
  z-index: 1;
  background: transparent;
}
.icon-input .icon-input__icon {
  margin-left: -20px;
  line-height: 1;
}

.form-note,
.oui-form-note {
  padding-top: 4px;
  font-size: 0.75rem;
}

.form-note--good-news,
.oui-form-good-news .oui-form-note {
  color: #3d8b3f;
}

.form-note--bad-news,
.oui-form-bad-news .oui-form-note {
  color: hsl(0, 89%, 57%);
}

.form-note--warning,
.oui-form-warning .oui-form-note {
  color: hsl(45, 100%, 51%);
}

.form-good-news .label {
  color: #3d8b3f;
}
.form-good-news .text-input,
.form-good-news .oui-text-input,
.form-good-news .select,
.form-good-news .textarea,
.form-good-news .oui-textarea {
  border-color: hsl(122, 39%, 49%);
}

.form-bad-news .label,
.form-bad-news .oui-label, .form-bad-news.oui-label,
.oui-form-bad-news .label,
.oui-form-bad-news .oui-label,
.oui-form-bad-news.oui-label {
  color: hsl(0, 89%, 57%);
}
.form-bad-news .text-input, .form-bad-news.oui-text-input, .form-bad-news:not(.oui-dropdown-group) .oui-text-input,
.form-bad-news .oui-button--outline, .form-bad-news.oui-dropdown-group .oui-button,
.form-bad-news .select,
.form-bad-news .oui-select,
.form-bad-news .textarea,
.form-bad-news .oui-textarea,
.oui-form-bad-news .text-input,
.oui-form-bad-news.oui-text-input,
.oui-form-bad-news:not(.oui-dropdown-group) .oui-text-input,
.oui-form-bad-news .oui-button--outline,
.oui-form-bad-news.oui-dropdown-group .oui-button,
.oui-form-bad-news .select,
.oui-form-bad-news .oui-select,
.oui-form-bad-news .textarea,
.oui-form-bad-news .oui-textarea {
  border-color: hsl(0, 89%, 57%);
}
.form-bad-news .text-input:hover, .form-bad-news.oui-text-input:hover, .form-bad-news:not(.oui-dropdown-group) .oui-text-input:hover,
.form-bad-news .oui-button--outline:hover, .form-bad-news.oui-dropdown-group .oui-button:hover,
.form-bad-news .select:hover,
.form-bad-news .oui-select:hover,
.form-bad-news .textarea:hover,
.form-bad-news .oui-textarea:hover,
.oui-form-bad-news .text-input:hover,
.oui-form-bad-news.oui-text-input:hover,
.oui-form-bad-news:not(.oui-dropdown-group) .oui-text-input:hover,
.oui-form-bad-news .oui-button--outline:hover,
.oui-form-bad-news.oui-dropdown-group .oui-button:hover,
.oui-form-bad-news .select:hover,
.oui-form-bad-news .oui-select:hover,
.oui-form-bad-news .textarea:hover,
.oui-form-bad-news .oui-textarea:hover {
  border-color: #921d1d;
}
.form-bad-news .text-input:focus, .form-bad-news.oui-text-input:focus, .form-bad-news:not(.oui-dropdown-group) .oui-text-input:focus,
.form-bad-news .oui-button--outline:focus, .form-bad-news.oui-dropdown-group .oui-button:focus,
.form-bad-news .select:focus,
.form-bad-news .oui-select:focus,
.form-bad-news .textarea:focus,
.form-bad-news .oui-textarea:focus,
.oui-form-bad-news .text-input:focus,
.oui-form-bad-news.oui-text-input:focus,
.oui-form-bad-news:not(.oui-dropdown-group) .oui-text-input:focus,
.oui-form-bad-news .oui-button--outline:focus,
.oui-form-bad-news.oui-dropdown-group .oui-button:focus,
.oui-form-bad-news .select:focus,
.oui-form-bad-news .oui-select:focus,
.oui-form-bad-news .textarea:focus,
.oui-form-bad-news .oui-textarea:focus {
  border-color: hsl(0, 89%, 57%);
  box-shadow: 0px 0px 3px #921d1d;
}

.form-warning .label {
  color: hsl(45, 100%, 51%);
}
.form-warning .text-input,
.form-warning .oui-text-input,
.form-warning .select,
.form-warning .textarea,
.form-warning .oui-textarea {
  border-color: hsl(45, 100%, 51%);
}

[required] {
  box-shadow: none;
}

.push {
  margin: 8px !important;
}

.push--top {
  margin-top: 8px !important;
}

.push--right {
  margin-right: 8px !important;
}

.push--bottom {
  margin-bottom: 8px !important;
}

.push--left {
  margin-left: 8px !important;
}

.push--ends {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.push--sides {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.push-half {
  margin: 4px !important;
}

.push-half--top {
  margin-top: 4px !important;
}

.push-half--right {
  margin-right: 4px !important;
}

.push-half--bottom {
  margin-bottom: 4px !important;
}

.push-half--left {
  margin-left: 4px !important;
}

.push-half--ends {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.push-half--sides {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.push-double {
  margin: 16px !important;
}

.push-double--top {
  margin-top: 16px !important;
}

.push-double--right {
  margin-right: 16px !important;
}

.push-double--bottom {
  margin-bottom: 16px !important;
}

.push-double--left {
  margin-left: 16px !important;
}

.push-double--ends {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.push-double--sides {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.push-triple {
  margin: 24px !important;
}

.push-triple--top {
  margin-top: 24px !important;
}

.push-triple--right {
  margin-right: 24px !important;
}

.push-triple--bottom {
  margin-bottom: 24px !important;
}

.push-triple--left {
  margin-left: 24px !important;
}

.push-triple--ends {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.push-triple--sides {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.push-quad {
  margin: 32px !important;
}

.push-quad--top {
  margin-top: 32px !important;
}

.push-quad--right {
  margin-right: 32px !important;
}

.push-quad--bottom {
  margin-bottom: 32px !important;
}

.push-quad--left {
  margin-left: 32px !important;
}

.push-quad--ends {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.push-quad--sides {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.flush {
  margin: 0 !important;
}

.flush--top {
  margin-top: 0 !important;
}

.flush--right {
  margin-right: 0 !important;
}

.flush--bottom {
  margin-bottom: 0 !important;
}

.flush--left {
  margin-left: 0 !important;
}

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.pop--over__content > *:last-child,
.oui-pop--over__content > *:last-child,
.media__body > *:last-child, .disclose > *:last-child,
.oui-disclose > *:last-child,
.oui-disclose-table--row__toggle > *:last-child, .lego-dialog__body > *:last-child,
.attention > *:last-child,
.oui-attention > *:last-child, .form-fields > *:last-child,
.oui-form-fields > *:last-child,
.island > *:last-child,
.pop--over__content > *:last-child > *:last-child,
.oui-pop--over__content > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child, .disclose > *:last-child > *:last-child,
.oui-disclose > *:last-child > *:last-child,
.oui-disclose-table--row__toggle > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child,
.attention > *:last-child > *:last-child,
.oui-attention > *:last-child > *:last-child, .form-fields > *:last-child > *:last-child,
.oui-form-fields > *:last-child > *:last-child,
.island > *:last-child > *:last-child,
.pop--over__content > *:last-child > *:last-child > *:last-child,
.oui-pop--over__content > *:last-child > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child > *:last-child, .disclose > *:last-child > *:last-child > *:last-child,
.oui-disclose > *:last-child > *:last-child > *:last-child,
.oui-disclose-table--row__toggle > *:last-child > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child > *:last-child,
.attention > *:last-child > *:last-child > *:last-child,
.oui-attention > *:last-child > *:last-child > *:last-child, .form-fields > *:last-child > *:last-child > *:last-child,
.oui-form-fields > *:last-child > *:last-child > *:last-child,
.island > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}

.text-input,
.oui-text-input {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  transition: border-color 0.3s;
  width: 100%;
  border: 1px solid hsl(0, 0%, 62%);
  border-radius: 5px;
  padding: 7px;
  vertical-align: middle;
  line-height: 1.3;
}
.text-input:hover,
.oui-text-input:hover {
  border-color: hsl(227, 100%, 50%);
}
.text-input:focus,
.oui-text-input:focus {
  border-color: hsl(227, 100%, 95%);
}
.text-input[disabled],
.oui-text-input[disabled] {
  background-color: hsl(0, 0%, 100%);
  color: #999999;
  cursor: default;
}
.text-input[disabled]:hover, .text-input[disabled]:focus,
.oui-text-input[disabled]:hover,
.oui-text-input[disabled]:focus {
  border-color: #e0e0e0;
}

.text-input[type=number],
.oui-text-input[type=number] {
  text-align: right;
}

.oui-text-input[type=time] {
  max-height: 34px;
}

.text-input--small,
.oui-text-input--small {
  padding-top: 2px;
  padding-bottom: 2px;
}

.text-input--disabled,
.oui-text-input--disabled {
  padding-top: 2px;
  padding-bottom: 2px;
}

.text-input--read-only:focus,
.oui-text-input--read-only:focus {
  border-color: #999999;
}

.oui-text-input-with-icon--left .oui-text-input {
  padding-left: 32px;
}

.oui-text-input-with-icon--right .oui-text-input {
  padding-right: 32px;
}

.oui-text-input__clear-button {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 8px;
}

.oui-text-input__right-container {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 8px;
  z-index: 200;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.accordion,
.accordion,
.oui-accordion {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.accordion__react,
.accordion__react,
.oui-accordion__react {
  background: hsl(0, 0%, 100%);
  height: 100%;
}
.accordion__link,
.accordion__link,
.oui-accordion__link {
  transition-property: height;
  transition-duration: 0.3s;
  display: flex;
  align-items: center;
  letter-spacing: 1px;
  font-size: 0.75rem;
  padding: 0 16px;
  background: hsl(0, 0%, 100%);
  line-height: 1;
  height: 26px;
  box-shadow: inset 0 1px 0 #e0e0e0;
  font-weight: 500;
  text-transform: uppercase;
}
.accordion__link:hover,
.accordion__link:hover,
.oui-accordion__link:hover {
  background: #f0f0f0;
  color: hsl(241, 77%, 12%);
}
.accordion__link:focus,
.accordion__link:focus,
.oui-accordion__link:focus {
  outline: none;
}
.accordion__link::before,
.accordion__link::before,
.oui-accordion__link::before {
  content: "+";
  margin-left: -8px;
  width: 8px;
  display: inline-block;
}
.accordion__item,
.accordion__item,
.oui-accordion__item {
  display: flex;
  flex-direction: column;
  min-height: 26px;
  height: 26px;
  overflow: hidden;
}
.accordion__item__react,
.accordion__item__react,
.oui-accordion__item__react {
  flex: 0.001;
  transition: flex-grow 0.166s ease-in-out;
}
.accordion__item:first-child .accordion__link,
.accordion__item:first-child .accordion__link,
.oui-accordion__item:first-child .accordion__link {
  box-shadow: none;
}
.accordion__item--empty .accordion__content-wrap,
.accordion__item--empty .accordion__content-wrap,
.oui-accordion__item--empty .accordion__content-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.accordion__item--empty .accordion__content,
.accordion__item--empty .accordion__content,
.oui-accordion__item--empty .accordion__content {
  flex: 1;
}
.accordion .is-active,
.accordion .is-active,
.oui-accordion .is-active {
  flex: 1;
}
.accordion .is-active .accordion__link,
.accordion .is-active .accordion__link,
.oui-accordion .is-active .accordion__link {
  color: hsl(241, 77%, 12%);
  cursor: default;
}
.accordion .is-active .accordion__link:hover,
.accordion .is-active .accordion__link:hover,
.oui-accordion .is-active .accordion__link:hover {
  background: hsl(0, 0%, 100%);
}
.accordion .is-active .accordion__link::before,
.accordion .is-active .accordion__link::before,
.oui-accordion .is-active .accordion__link::before {
  opacity: 0;
}
.accordion__content-wrap,
.accordion__content-wrap,
.oui-accordion__content-wrap {
  flex: 1;
  overflow-y: auto;
}
.accordion__content,
.accordion__content,
.oui-accordion__content {
  padding: 16px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.arrow-inline--left,
.oui-arrow-inline--left,
.arrow-inline--right,
.oui-arrow-inline--right,
.arrow-inline--down,
.oui-arrow-inline--down,
.arrow-inline--up,
.oui-arrow-inline--up,
.arrow-inline,
.oui-arrow-inline {
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 1px solid currentColor;
  border-top: none;
  border-right: none;
  vertical-align: middle;
  margin-top: -4px;
  margin-left: 3px;
}
.arrow-inline--up,
.oui-arrow-inline--up {
  transform: rotate(135deg);
  vertical-align: -2%;
}
.arrow-inline--down,
.oui-arrow-inline--down {
  transform: rotate(-45deg);
  vertical-align: 6%;
}
.arrow-inline--right,
.oui-arrow-inline--right {
  transform: rotate(-135deg);
}
.arrow-inline--left,
.oui-arrow-inline--left {
  transform: rotate(45deg);
}
.arrow-inline--small,
.oui-arrow-inline--small {
  width: 6px;
  height: 6px;
  vertical-align: 20%;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.push {
  margin: 8px !important;
}

.push--top {
  margin-top: 8px !important;
}

.push--right {
  margin-right: 8px !important;
}

.push--bottom {
  margin-bottom: 8px !important;
}

.push--left {
  margin-left: 8px !important;
}

.push--ends {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.push--sides {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.push-half {
  margin: 4px !important;
}

.push-half--top {
  margin-top: 4px !important;
}

.push-half--right {
  margin-right: 4px !important;
}

.push-half--bottom {
  margin-bottom: 4px !important;
}

.push-half--left {
  margin-left: 4px !important;
}

.push-half--ends {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.push-half--sides {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.push-double {
  margin: 16px !important;
}

.push-double--top {
  margin-top: 16px !important;
}

.push-double--right {
  margin-right: 16px !important;
}

.push-double--bottom {
  margin-bottom: 16px !important;
}

.push-double--left {
  margin-left: 16px !important;
}

.push-double--ends {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.push-double--sides {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.push-triple {
  margin: 24px !important;
}

.push-triple--top {
  margin-top: 24px !important;
}

.push-triple--right {
  margin-right: 24px !important;
}

.push-triple--bottom {
  margin-bottom: 24px !important;
}

.push-triple--left {
  margin-left: 24px !important;
}

.push-triple--ends {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.push-triple--sides {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.push-quad {
  margin: 32px !important;
}

.push-quad--top {
  margin-top: 32px !important;
}

.push-quad--right {
  margin-right: 32px !important;
}

.push-quad--bottom {
  margin-bottom: 32px !important;
}

.push-quad--left {
  margin-left: 32px !important;
}

.push-quad--ends {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.push-quad--sides {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.flush {
  margin: 0 !important;
}

.flush--top {
  margin-top: 0 !important;
}

.flush--right {
  margin-right: 0 !important;
}

.flush--bottom {
  margin-bottom: 0 !important;
}

.flush--left {
  margin-left: 0 !important;
}

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.pop--over__content > *:last-child,
.oui-pop--over__content > *:last-child,
.media__body > *:last-child, .disclose > *:last-child,
.oui-disclose > *:last-child,
.oui-disclose-table--row__toggle > *:last-child, .lego-dialog__body > *:last-child,
.attention > *:last-child,
.oui-attention > *:last-child, .form-fields > *:last-child,
.oui-form-fields > *:last-child,
.island > *:last-child,
.pop--over__content > *:last-child > *:last-child,
.oui-pop--over__content > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child, .disclose > *:last-child > *:last-child,
.oui-disclose > *:last-child > *:last-child,
.oui-disclose-table--row__toggle > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child,
.attention > *:last-child > *:last-child,
.oui-attention > *:last-child > *:last-child, .form-fields > *:last-child > *:last-child,
.oui-form-fields > *:last-child > *:last-child,
.island > *:last-child > *:last-child,
.pop--over__content > *:last-child > *:last-child > *:last-child,
.oui-pop--over__content > *:last-child > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child > *:last-child, .disclose > *:last-child > *:last-child > *:last-child,
.oui-disclose > *:last-child > *:last-child > *:last-child,
.oui-disclose-table--row__toggle > *:last-child > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child > *:last-child,
.attention > *:last-child > *:last-child > *:last-child,
.oui-attention > *:last-child > *:last-child > *:last-child, .form-fields > *:last-child > *:last-child > *:last-child,
.oui-form-fields > *:last-child > *:last-child > *:last-child,
.island > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}

.attention,
.oui-attention {
  display: flex;
  position: relative;
  padding: 12px 16px;
  border-radius: 5px;
  border: 1px solid hsl(0, 0%, 84%);
}
.attention--brand,
.oui-attention--brand {
  border-color: hsl(227, 100%, 85%);
  background-color: hsl(226, 100%, 97%);
}
.attention--warning,
.oui-attention--warning {
  border-color: hsl(45, 100%, 51%);
  background-color: hsl(46, 100%, 95%);
}
.attention--good-news,
.oui-attention--good-news {
  border-color: hsl(122, 39%, 49%);
  background-color: hsl(120, 38%, 95%);
}
.attention--bad-news,
.oui-attention--bad-news {
  border-color: hsl(0, 89%, 57%);
  background-color: hsl(0, 91%, 96%);
}
.attention__content,
.oui-attention__content {
  display: inline-block;
  flex-grow: 1;
  align-self: center;
}
.attention__close,
.oui-attention__close {
  text-align: right;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.oui-avatar {
  border-radius: 100%;
  height: 80px;
  width: 80px;
  background-position: center center;
  background-size: cover;
  box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 0.75);
  background-image: url("data:image/svg+xml;utf8,<svg width=\"80px\" height=\"80px\" viewBox=\"0 0 80 80\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><title>profile-default</title><desc>Created with Sketch.</desc><defs><path d=\"M40,80 C62.09139,80 80,62.09139 80,40 C80,17.90861 62.09139,0 40,0 C17.90861,0 0,17.90861 0,40 C0,62.09139 17.90861,80 40,80 Z\" id=\"path-1\"/></defs><g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g id=\"profile-default\"><rect id=\"Rectangle-1\" fill=\"%23E1E1E1\" x=\"0\" y=\"0\" width=\"80\" height=\"80\"/><g id=\"AccountSettings--030315\"><g id=\"profile\"><g id=\"Page-1-Copy\"><g id=\"Page-1-Clipped\"><g id=\"Page-1\" mask=\"url%28%23mask-2%29\"><g transform=\"translate%285.000000, 16.000000%29\" id=\"Group\"><g><g transform=\"translate%280.500000, 0.000000%29\" id=\"Artboard-22-Copy\" fill=\"%2346456A\"><g><g id=\"Imported-Layers\"><path d=\"M52.574692,18.0018537 C52.574692,27.6002356 44.4936226,35.3857134 34.5222222,35.3857134 C24.5508218,35.3857134 16.4659025,27.6002356 16.4659025,18.0018537 C16.4659025,8.39976439 24.5508218,0.61428655 34.5222222,0.61428655 C44.4936226,0.61428655 52.574692,8.39976439 52.574692,18.0018537\" id=\"Fill-1\"/><path d=\"M0.350447129,87.5367649 C0.350447129,87.5367649 -5.93785298,33 34.7599548,33 C75.4577627,33 68.6058054,87.5367649 68.6058054,87.5367649 C68.6058054,87.5367649 56.196541,91.94262 34.522162,91.94262 C12.847783,91.94262 0.350447129,87.5367649 0.350447129,87.5367649\" id=\"Fill-2\"/></g></g></g></g></g></g></g></g></g></g></g></g></svg>");
}
.oui-avatar.color-admin--border {
  box-shadow: 0 0 0 1.5px hsl(263, 52%, 47%);
}

.oui-avatar--small {
  height: 27px;
  width: 27px;
}

.oui-avatar--medium {
  height: 50px;
  width: 50px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.oui-avatar {
  border-radius: 100%;
  height: 80px;
  width: 80px;
  background-position: center center;
  background-size: cover;
  box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 0.75);
  background-image: url("data:image/svg+xml;utf8,<svg width=\"80px\" height=\"80px\" viewBox=\"0 0 80 80\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><title>profile-default</title><desc>Created with Sketch.</desc><defs><path d=\"M40,80 C62.09139,80 80,62.09139 80,40 C80,17.90861 62.09139,0 40,0 C17.90861,0 0,17.90861 0,40 C0,62.09139 17.90861,80 40,80 Z\" id=\"path-1\"/></defs><g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g id=\"profile-default\"><rect id=\"Rectangle-1\" fill=\"%23E1E1E1\" x=\"0\" y=\"0\" width=\"80\" height=\"80\"/><g id=\"AccountSettings--030315\"><g id=\"profile\"><g id=\"Page-1-Copy\"><g id=\"Page-1-Clipped\"><g id=\"Page-1\" mask=\"url%28%23mask-2%29\"><g transform=\"translate%285.000000, 16.000000%29\" id=\"Group\"><g><g transform=\"translate%280.500000, 0.000000%29\" id=\"Artboard-22-Copy\" fill=\"%2346456A\"><g><g id=\"Imported-Layers\"><path d=\"M52.574692,18.0018537 C52.574692,27.6002356 44.4936226,35.3857134 34.5222222,35.3857134 C24.5508218,35.3857134 16.4659025,27.6002356 16.4659025,18.0018537 C16.4659025,8.39976439 24.5508218,0.61428655 34.5222222,0.61428655 C44.4936226,0.61428655 52.574692,8.39976439 52.574692,18.0018537\" id=\"Fill-1\"/><path d=\"M0.350447129,87.5367649 C0.350447129,87.5367649 -5.93785298,33 34.7599548,33 C75.4577627,33 68.6058054,87.5367649 68.6058054,87.5367649 C68.6058054,87.5367649 56.196541,91.94262 34.522162,91.94262 C12.847783,91.94262 0.350447129,87.5367649 0.350447129,87.5367649\" id=\"Fill-2\"/></g></g></g></g></g></g></g></g></g></g></g></g></svg>");
}
.oui-avatar.color-admin--border {
  box-shadow: 0 0 0 1.5px hsl(263, 52%, 47%);
}

.oui-avatar--small {
  height: 27px;
  width: 27px;
}

.oui-avatar--medium {
  height: 50px;
  width: 50px;
}

.axiom-avatar-upload .ml-24 {
  margin-left: 24px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.badge {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.badge > li {
  height: 16px;
  line-height: 1rem;
  background: hsl(0, 0%, 44%);
  color: hsl(0, 0%, 100%);
  min-width: 32px;
  text-align: center;
  margin-right: 4px;
  border-radius: 16px;
  font-size: 0.6875rem;
  padding: 0 8px !important;
  font-weight: 600;
  letter-spacing: 0.005rem;
  text-transform: uppercase;
}
.badge > li:last-child {
  margin-right: 0;
}

.oui-badge {
  display: inline-block;
  height: 16px;
  line-height: 1rem;
  background: hsl(0, 0%, 44%);
  color: hsl(0, 0%, 100%);
  min-width: 32px;
  text-align: center;
  margin-right: 4px;
  border-radius: 16px;
  font-size: 0.6875rem;
  padding: 0 8px !important;
  font-weight: 600;
  letter-spacing: 0.005rem;
  text-transform: uppercase;
}

.badge > li.badge__draft,
.oui-badge--draft {
  background: hsl(36, 100%, 50%);
  color: hsl(0, 0%, 100%);
}

.badge > li.badge__live,
.oui-badge--live {
  background: hsl(122, 39%, 34%);
  color: hsl(0, 0%, 100%);
}

.badge > li.badge__primary,
.oui-badge--primary {
  background: hsl(227, 100%, 50%);
  color: hsl(0, 0%, 100%);
}

.badge > li.badge__plain,
.oui-badge--plain {
  background: transparent;
  color: hsl(0, 0%, 44%);
}

.badge > li.badge__bad-news,
.oui-badge--bad-news {
  background: hsl(0, 67%, 45%);
  color: hsl(0, 0%, 100%);
}

.badge > li.badge__new,
.oui-badge--new {
  background: hsl(207, 77%, 38%);
  color: hsl(0, 0%, 100%);
}

.badge > li.badge__beta,
.oui-badge--beta {
  background: hsl(207, 77%, 38%);
  color: hsl(0, 0%, 100%);
}

.oui-badge--purple {
  background: hsl(263, 52%, 47%);
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.butterbar,
.oui-butterbar {
  padding: 4px;
  border-bottom: 1px solid hsl(0, 0%, 84%);
  background: hsl(0, 0%, 100%);
}
.butterbar--brand,
.oui-butterbar--brand {
  border-color: hsl(227, 100%, 95%);
  background-color: #ccd7ff;
}
.butterbar--warning,
.oui-butterbar--warning {
  border-color: hsl(45, 100%, 51%);
  background-color: #fff3cd;
}
.butterbar--good-news,
.oui-butterbar--good-news {
  border-color: hsl(122, 39%, 49%);
  background-color: #dbefdc;
}
.butterbar--bad-news,
.oui-butterbar--bad-news {
  border-color: hsl(0, 89%, 57%);
  background-color: #fdd6d6;
}
.butterbar__close,
.oui-butterbar__close {
  float: right;
  margin-left: 8px;
  cursor: pointer;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.oui-shadow {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.oui-shadow--light {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.oui-shadow--big {
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
}

.axiom-card__close-button {
  align-self: center;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.axiom-checkbox__input {
  cursor: pointer;
  height: 16px;
  vertical-align: middle;
  width: 16px;
}
.axiom-checkbox__label {
  cursor: pointer;
  padding-left: 8px;
  vertical-align: middle;
}
.axiom-checkbox__description {
  padding-left: 24px;
}
.axiom-checkbox--disabled .axiom-checkbox__input {
  cursor: default;
}
.axiom-checkbox--disabled .axiom-checkbox__label {
  color: hsl(0, 0%, 44%);
  cursor: default;
}
.axiom-checkbox--disabled .axiom-checkbox__description {
  color: hsl(0, 0%, 44%);
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
code {
  font-family: Hack, monospace;
  font-size: -0.125rem;
}

.pre,
.oui-pre {
  white-space: pre;
}

.oui-pre-wrap {
  white-space: pre-wrap;
}

.pre,
.oui-pre,
.oui-pre-wrap {
  margin-bottom: 8px;
}
.pre code,
.oui-pre code,
.oui-pre-wrap code {
  padding: 8px;
  background: hsl(0, 0%, 100%);
  border-radius: 5px;
  overflow-x: auto;
  display: block;
}

.code,
.oui-code {
  background: hsl(0, 0%, 100%);
  border-radius: 5px;
  border: 1px solid hsl(0, 0%, 84%);
  padding: 1px 3px;
}

.oui-code__container {
  overflow-wrap: break-word;
  background-color: hsl(0, 0%, 100%);
  border: 1px solid hsl(0, 0%, 84%);
  border-radius: 5px;
}
.oui-code__container .oui-code__offset-content {
  margin-right: 55px;
}

.copy-button.inline {
  margin-top: -1px;
}

.copy-button__container {
  position: absolute;
  right: 5px;
}
.copy-button__container.block {
  top: 5px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.oui-codediff table > tbody > tr {
  border-top: none;
  word-break: break-word;
}
.oui-codediff table > tbody > tr > td {
  padding-top: 0;
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  vertical-align: unset;
}
.oui-codediff table > tbody > tr > td:not([class*=-marker]) {
  padding-left: 0;
}
.oui-codediff table > tbody > tr[class$=code-fold] > td {
  vertical-align: middle;
}

.oui-close-button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border-radius: 50%;
  cursor: pointer;
  background: none;
  border: none;
  top: 4px;
  right: 4px;
  box-shadow: none;
  padding: 8px;
}
.oui-close-button .oui-icon {
  fill: var(--dark-blue-75);
}
.oui-close-button:hover {
  background: var(--light-blue-6);
  color: var(--light-blue-75);
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.dropdown,
.oui-dropdown,
.block-list-group,
.block-list {
  list-style: none;
  margin-left: 0;
}
.dropdown > li,
.oui-dropdown > li,
.block-list-group > li,
.block-list > li {
  padding: 4px;
  border-top: 1px solid #f0f0f0;
}
.dropdown__radio,
.oui-dropdown__radio,
.dropdown__block-link,
.oui-dropdown__block-link,
.block-list__link {
  display: block;
  cursor: pointer;
  padding: 2px 12px;
  margin-left: -4px;
  margin-right: -4px;
  border-radius: var(--border-radius);
}
.dropdown__radio:hover,
.oui-dropdown__radio:hover,
.dropdown__block-link:hover,
.oui-dropdown__block-link:hover,
.block-list__link:hover {
  color: var(--light-blue-75);
  background-color: var(--light-blue-6);
}
.block-list__link--active {
  background-color: hsl(0, 0%, 100%);
}
.block-list--flush li {
  padding-left: 0;
  padding-right: 0;
}
.block-list--all li:last-child {
  border-bottom: 1px solid #f0f0f0;
}
.block-list--no-border > li {
  border-top: 0;
}

.oui-block-list__category:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}

.oui-block-list__category__name {
  background: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 44%);
  font-size: 0.6875rem;
  font-weight: 400;
  border-bottom: 1px solid #f0f0f0;
}

.oui-block-list__item {
  padding: 4px 12px;
}

.oui-block-list__link:hover,
.oui-block-list__link:focus,
.oui-block-list__item--has-focus {
  background-color: var(--light-blue-6);
  outline: none;
}

.dropdown,
.oui-dropdown,
.block-list-group {
  padding: 0;
  border: 1px solid hsl(0, 0%, 84%);
  border-radius: 5px;
}
.dropdown > li:first-child,
.oui-dropdown > li:first-child,
.block-list-group > li:first-child {
  border: 0;
}

.dropdown__item .dropdown__block-link {
  margin: 0 !important;
}

.oui-dropdown-children .oui-dropdown__block-link {
  margin-left: 0;
  margin-right: 0;
}

.oui-dropdown-children .oui-block-list__category ul {
  padding: 4px;
}

.oui-dropdown-children,
.oui-dropdown-children .oui-block-list__link {
  border-radius: var(--border-radius);
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.CalendarDay__default {
  border: 1px solid hsl(0, 0%, 84%);
}

.CalendarDay__default:hover {
  background: hsl(227, 100%, 95%);
  border: 1px solid hsl(0, 0%, 84%);
}

.CalendarDay__selected_span {
  background: hsl(227, 100%, 85%);
  border: 1px solid hsl(0, 0%, 84%);
  color: black;
}
.CalendarDay__selected_span:hover {
  background: hsl(227, 100%, 95%);
  border: 1px solid hsl(0, 0%, 84%);
  color: black;
}

.CalendarDay__selected,
.CalendarDay__selected_start,
.CalendarDay__selected_end {
  background: hsl(227, 100%, 50%);
  border: 1px solid hsl(0, 0%, 84%);
  color: white;
}

.CalendarDay__selected:hover {
  background: hsl(227, 100%, 50%);
  border: 1px solid hsl(0, 0%, 84%);
}

.CalendarDay__hovered_span:hover,
.CalendarDay__hovered_span {
  background: hsl(227, 100%, 95%);
  border: 1px solid hsl(0, 0%, 84%);
  color: black;
}

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid hsl(0, 0%, 93%);
  color: hsl(0, 0%, 84%);
}

.CalendarDay__today {
  text-decoration: underline;
}

.CalendarDay__default:not(.CalendarDay__blocked_out_of_range) + .CalendarDay__blocked_out_of_range {
  border-right-color: hsl(0, 0%, 84%);
}

.DateRangePickerInput__withBorder,
.SingleDatePickerInput__withBorder {
  border: 1px solid #e0e0e0;
  border-radius: var(--border-radius);
}

.DateInput {
  border-radius: var(--border-radius);
  border: transparent 1px solid;
  background: transparent;
}

.DateInput_input__focused {
  border-bottom-color: hsl(227, 100%, 50%);
}

.DayPicker_transitionContainer {
  border-radius: var(--border-radius);
}

.DateRangePickerInput_arrow {
  height: 24px;
}

.DateInput_fang {
  display: none;
}

.DateInput__small {
  width: 130px;
}

.oui-date-picker {
  display: inline-block;
}
.oui-date-picker > .DayPicker {
  position: relative;
}
.oui-date-picker .CalendarDay__default:focus {
  outline-color: var(--light-blue-50);
}
.oui-date-picker .DayPickerNavigation_button button {
  top: 20px !important;
  padding: 0px !important;
  height: 24px;
  width: 24px;
  border: 1px solid transparent !important;
}
.oui-date-picker .DayPickerNavigation_button button:focus {
  border: 1px solid var(--light-blue-25) !important;
  box-shadow: 0px 0px 3px #0037ff !important;
  outline: none;
  border-radius: 4px;
}
.oui-date-picker .DayPickerNavigation_button button > svg {
  position: relative;
  top: -6px;
}
.oui-date-picker .DayPickerNavigation_button:first-child button {
  left: 22px !important;
}
.oui-date-picker .DayPickerNavigation_button:last-child button {
  right: 22px !important;
}
.oui-date-picker .oui-date-picker__month-title {
  font-family: "Inter";
  font-weight: 500;
}

.oui-date-picker--absolute {
  position: relative;
}
.oui-date-picker--absolute .DayPicker {
  position: absolute;
  z-index: 100;
}
.oui-date-picker--absolute.oui-date-picker--dock-left .DayPicker {
  left: 0;
}
.oui-date-picker--absolute.oui-date-picker--dock-right .DayPicker {
  right: 0;
}

.oui-date-picker__month-title {
  color: hsl(241, 77%, 12%);
}

.oui-date-picker__input-row {
  display: flex;
  padding-bottom: 4px;
}
.oui-date-picker__input-row--only-dates {
  width: 564px;
}
.oui-date-picker__input-row--dates-and-time {
  width: 564px;
}

.oui-date-picker__range-panel {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 16px 16px 8px;
}
.oui-date-picker__range-panel .oui-button-row--at-bottom {
  position: absolute;
  bottom: 24px;
  right: 20px;
  z-index: 1;
}
.oui-date-picker__range-panel.oui-button-row--thick-chin {
  padding: 0px 22px 18px;
}

.oui-date-picker__range-presets {
  min-height: 225px;
}

.oui-date-picker__range-preset-list {
  margin-top: 48px;
}

.oui-date-picker__range-preset-option {
  height: 32px;
  border-radius: var(--border-radius);
}
.oui-date-picker__range-preset-option--active > button > span {
  color: hsl(241, 77%, 12%);
}
.oui-date-picker__range-preset-option:hover {
  background: hsl(227, 100%, 95%);
}
.oui-date-picker__range-preset-option:last-child {
  border-bottom: none;
}
.oui-date-picker__range-preset-option .oui-button {
  padding: 0 8px !important;
  text-align: left;
  border: 1px solid transparent !important;
}
.oui-date-picker__range-preset-option .oui-button:focus {
  background-color: transparent !important;
}
.oui-date-picker__range-preset-option .oui-button:focus .link, .oui-date-picker__range-preset-option .oui-button:focus .oui-vertical-tab .nav-list__link .oui-manager-side-nav__custom-link, .oui-vertical-tab .nav-list__link .oui-date-picker__range-preset-option .oui-button:focus .oui-manager-side-nav__custom-link,
.oui-date-picker__range-preset-option .oui-button:focus .oui-vertical-tab .nav-list__link .oui-vertical-tab__custom-link,
.oui-vertical-tab .nav-list__link .oui-date-picker__range-preset-option .oui-button:focus .oui-vertical-tab__custom-link {
  color: hsl(227, 100%, 50%);
}

.oui-date-picker--borderless .DayPicker__withBorder {
  box-shadow: none;
}

.oui-date-picker__inputs-wrap {
  position: relative;
}
.oui-date-picker__inputs-wrap .oui-form-note {
  position: absolute;
  left: 0;
  z-index: 3;
}

.oui-date-picker__inputs-wrap:first-child {
  margin-right: 16px;
}

.oui-date-picker__time-input {
  margin-left: 8px;
}

.oui-date-picker--bottom-space > .DayPicker {
  position: relative;
  padding-bottom: 60px;
}

.oui-date-picker--field.has-error .oui-date-picker__input-row {
  padding-bottom: 26px;
}
.oui-date-picker--filter .oui-date-picker__inputs-wrap:first-child {
  margin-right: 26px;
}
.oui-date-picker--filter.oui-date-picker {
  display: block;
}
.oui-date-picker--filter .oui-date-picker__input-row--push-right {
  margin: 4px 0 0 140px;
}
.oui-date-picker--filter .oui-date-picker__range-panel {
  padding: 0;
  padding-bottom: 20px;
}
.oui-date-picker--filter .oui-date-picker__range-panel.oui-date-picker__range-panel--pull-top {
  margin-top: -70px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.push {
  margin: 8px !important;
}

.push--top {
  margin-top: 8px !important;
}

.push--right {
  margin-right: 8px !important;
}

.push--bottom {
  margin-bottom: 8px !important;
}

.push--left {
  margin-left: 8px !important;
}

.push--ends {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.push--sides {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.push-half {
  margin: 4px !important;
}

.push-half--top {
  margin-top: 4px !important;
}

.push-half--right {
  margin-right: 4px !important;
}

.push-half--bottom {
  margin-bottom: 4px !important;
}

.push-half--left {
  margin-left: 4px !important;
}

.push-half--ends {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.push-half--sides {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.push-double {
  margin: 16px !important;
}

.push-double--top {
  margin-top: 16px !important;
}

.push-double--right {
  margin-right: 16px !important;
}

.push-double--bottom {
  margin-bottom: 16px !important;
}

.push-double--left {
  margin-left: 16px !important;
}

.push-double--ends {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.push-double--sides {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.push-triple {
  margin: 24px !important;
}

.push-triple--top {
  margin-top: 24px !important;
}

.push-triple--right {
  margin-right: 24px !important;
}

.push-triple--bottom {
  margin-bottom: 24px !important;
}

.push-triple--left {
  margin-left: 24px !important;
}

.push-triple--ends {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.push-triple--sides {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.push-quad {
  margin: 32px !important;
}

.push-quad--top {
  margin-top: 32px !important;
}

.push-quad--right {
  margin-right: 32px !important;
}

.push-quad--bottom {
  margin-bottom: 32px !important;
}

.push-quad--left {
  margin-left: 32px !important;
}

.push-quad--ends {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.push-quad--sides {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.flush {
  margin: 0 !important;
}

.flush--top {
  margin-top: 0 !important;
}

.flush--right {
  margin-right: 0 !important;
}

.flush--bottom {
  margin-bottom: 0 !important;
}

.flush--left {
  margin-left: 0 !important;
}

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.pop--over__content > *:last-child,
.oui-pop--over__content > *:last-child,
.media__body > *:last-child, .disclose > *:last-child,
.oui-disclose > *:last-child,
.oui-disclose-table--row__toggle > *:last-child, .lego-dialog__body > *:last-child, .form-fields > *:last-child,
.oui-form-fields > *:last-child,
.island > *:last-child,
.attention > *:last-child,
.oui-attention > *:last-child,
.pop--over__content > *:last-child > *:last-child,
.oui-pop--over__content > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child, .disclose > *:last-child > *:last-child,
.oui-disclose > *:last-child > *:last-child,
.oui-disclose-table--row__toggle > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child, .form-fields > *:last-child > *:last-child,
.oui-form-fields > *:last-child > *:last-child,
.island > *:last-child > *:last-child,
.attention > *:last-child > *:last-child,
.oui-attention > *:last-child > *:last-child,
.pop--over__content > *:last-child > *:last-child > *:last-child,
.oui-pop--over__content > *:last-child > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child > *:last-child, .disclose > *:last-child > *:last-child > *:last-child,
.oui-disclose > *:last-child > *:last-child > *:last-child,
.oui-disclose-table--row__toggle > *:last-child > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child > *:last-child, .form-fields > *:last-child > *:last-child > *:last-child,
.oui-form-fields > *:last-child > *:last-child > *:last-child,
.island > *:last-child > *:last-child > *:last-child,
.attention > *:last-child > *:last-child > *:last-child,
.oui-attention > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}

.oui-dialog__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 3000;
}

.oui-dialog {
  display: flex;
  flex-direction: column;
  position: relative;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  width: 500px;
  background: hsl(0, 0%, 100%);
  max-height: 75%;
}

.oui-dialog__overlay {
  background: hsl(0, 0%, 100%);
  opacity: 0.9;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
}

.oui-dialog__header {
  padding: 16px 16px 8px 16px;
}

.oui-dialog__footer-container {
  background: #f7f7f7;
  border-top: 1px solid #f0f0f0;
  padding: 8px 16px;
}

.oui-dialog__body {
  padding: 8px 16px;
}

.oui-dialog__link {
  margin-left: 4px;
}

/* OLD DIALOG CSS ----------------------------------------- */
.lego-dialog {
  position: relative;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  width: 700px;
}
.lego-dialog--narrow {
  width: 500px;
}
.lego-dialog--wide {
  width: 900px;
}
.lego-dialog__header, .lego-dialog__body, .lego-dialog__footer {
  padding: 16px;
}
.lego-dialog__header, .lego-dialog__footer {
  background-color: hsl(0, 0%, 100%);
}
.lego-dialog__header {
  border-bottom: 1px solid #f0f0f0;
}
.lego-dialog__footer {
  border-top: 1px solid #f0f0f0;
}
.lego-dialog__title {
  font-size: 1.625rem;
  color: hsl(241, 77%, 12%);
  line-height: 1;
}
.lego-dialog__body {
  background: hsl(0, 0%, 100%);
  padding-bottom: 24px;
}
.lego-dialog__close {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -12px;
  right: -12px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
  background: hsl(0, 0%, 0%);
  color: hsl(0, 0%, 100%);
  border: 2px solid hsl(0, 0%, 100%);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  z-index: 1;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.push {
  margin: 8px !important;
}

.push--top {
  margin-top: 8px !important;
}

.push--right {
  margin-right: 8px !important;
}

.push--bottom {
  margin-bottom: 8px !important;
}

.push--left {
  margin-left: 8px !important;
}

.push--ends {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.push--sides {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.push-half {
  margin: 4px !important;
}

.push-half--top {
  margin-top: 4px !important;
}

.push-half--right {
  margin-right: 4px !important;
}

.push-half--bottom {
  margin-bottom: 4px !important;
}

.push-half--left {
  margin-left: 4px !important;
}

.push-half--ends {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.push-half--sides {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.push-double {
  margin: 16px !important;
}

.push-double--top {
  margin-top: 16px !important;
}

.push-double--right {
  margin-right: 16px !important;
}

.push-double--bottom {
  margin-bottom: 16px !important;
}

.push-double--left {
  margin-left: 16px !important;
}

.push-double--ends {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.push-double--sides {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.push-triple {
  margin: 24px !important;
}

.push-triple--top {
  margin-top: 24px !important;
}

.push-triple--right {
  margin-right: 24px !important;
}

.push-triple--bottom {
  margin-bottom: 24px !important;
}

.push-triple--left {
  margin-left: 24px !important;
}

.push-triple--ends {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.push-triple--sides {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.push-quad {
  margin: 32px !important;
}

.push-quad--top {
  margin-top: 32px !important;
}

.push-quad--right {
  margin-right: 32px !important;
}

.push-quad--bottom {
  margin-bottom: 32px !important;
}

.push-quad--left {
  margin-left: 32px !important;
}

.push-quad--ends {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.push-quad--sides {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.flush {
  margin: 0 !important;
}

.flush--top {
  margin-top: 0 !important;
}

.flush--right {
  margin-right: 0 !important;
}

.flush--bottom {
  margin-bottom: 0 !important;
}

.flush--left {
  margin-left: 0 !important;
}

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.pop--over__content > *:last-child,
.oui-pop--over__content > *:last-child,
.media__body > *:last-child, .disclose > *:last-child,
.oui-disclose > *:last-child,
.oui-disclose-table--row__toggle > *:last-child, .form-fields > *:last-child,
.oui-form-fields > *:last-child,
.island > *:last-child,
.attention > *:last-child,
.oui-attention > *:last-child, .lego-dialog__body > *:last-child,
.pop--over__content > *:last-child > *:last-child,
.oui-pop--over__content > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child, .disclose > *:last-child > *:last-child,
.oui-disclose > *:last-child > *:last-child,
.oui-disclose-table--row__toggle > *:last-child > *:last-child, .form-fields > *:last-child > *:last-child,
.oui-form-fields > *:last-child > *:last-child,
.island > *:last-child > *:last-child,
.attention > *:last-child > *:last-child,
.oui-attention > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child,
.pop--over__content > *:last-child > *:last-child > *:last-child,
.oui-pop--over__content > *:last-child > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child > *:last-child, .disclose > *:last-child > *:last-child > *:last-child,
.oui-disclose > *:last-child > *:last-child > *:last-child,
.oui-disclose-table--row__toggle > *:last-child > *:last-child > *:last-child, .form-fields > *:last-child > *:last-child > *:last-child,
.oui-form-fields > *:last-child > *:last-child > *:last-child,
.island > *:last-child > *:last-child > *:last-child,
.attention > *:last-child > *:last-child > *:last-child,
.oui-attention > *:last-child > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}

.disclose__link,
.oui-disclose__link {
  display: block;
  position: relative;
  margin-bottom: 5px;
}
.disclose__symbol,
.oui-disclose__symbol {
  width: 8px;
  display: inline-block;
  pointer-events: none;
  position: relative;
  top: 1px;
  margin-right: 4px;
}
.disclose .oui-disclose__arrow .axiom-icon,
.oui-disclose .oui-disclose__arrow .axiom-icon,
.oui-disclose-table--row__toggle .oui-disclose__arrow .axiom-icon {
  color: inherit;
}
.disclose__content,
.oui-disclose__content {
  display: none;
}
.disclose__item,
.oui-disclose__item {
  margin-bottom: 8px;
}
.disclose.is-active .disclose__content,
.disclose.is-active .oui-disclose__content,
.oui-disclose.is-active .disclose__content,
.oui-disclose.is-active .oui-disclose__content,
.is-active.oui-disclose-table--row__toggle .disclose__content,
.is-active.oui-disclose-table--row__toggle .oui-disclose__content {
  display: block;
}
.disclose.is-active .oui-disclose__content > :last-child,
.oui-disclose.is-active .oui-disclose__content > :last-child,
.is-active.oui-disclose-table--row__toggle .oui-disclose__content > :last-child {
  padding-bottom: 20px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.table,
.oui-disclose-table,
.oui-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.table:not(.oui-table--loose) th,
.table:not(.oui-table--loose) td,
.oui-disclose-table:not(.oui-table--loose) th,
.oui-disclose-table:not(.oui-table--loose) td,
.oui-table:not(.oui-table--loose) th,
.oui-table:not(.oui-table--loose) td {
  padding-left: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.table:not(.oui-table--loose) th:first-child,
.table:not(.oui-table--loose) td:first-child,
.oui-disclose-table:not(.oui-table--loose) th:first-child,
.oui-disclose-table:not(.oui-table--loose) td:first-child,
.oui-table:not(.oui-table--loose) th:first-child,
.oui-table:not(.oui-table--loose) td:first-child {
  padding-left: 0;
}

.table th,
.oui-disclose-table th,
.oui-table th {
  font-weight: 500;
  font-size: 12px;
  color: hsl(0, 0%, 44%);
  text-align: left;
  vertical-align: bottom;
  line-height: 1.4;
  padding-left: 8px;
  padding-right: 8px;
}

.table th[field],
.oui-disclose-table th[field],
.oui-table th[field] {
  cursor: pointer;
}

.table th > .oui-table__sort-btn,
.oui-disclose-table th > .oui-table__sort-btn,
.oui-table th > .oui-table__sort-btn {
  text-align: inherit;
}

.table th > .oui-table__sort-btn > svg.oui-table__sort-icon--inactive,
.oui-disclose-table th > .oui-table__sort-btn > svg.oui-table__sort-icon--inactive,
.oui-table th > .oui-table__sort-btn > svg.oui-table__sort-icon--inactive {
  visibility: hidden;
}

.table th > .oui-table__sort-btn:hover > svg.oui-table__sort-icon--inactive,
.oui-disclose-table th > .oui-table__sort-btn:hover > svg.oui-table__sort-icon--inactive,
.oui-table th > .oui-table__sort-btn:hover > svg.oui-table__sort-icon--inactive {
  visibility: visible;
}

.table tbody tr,
.oui-disclose-table tbody tr,
.oui-table tbody tr {
  border-top: 1px solid #f0f0f0;
}

.table tbody td,
.oui-disclose-table tbody td,
.oui-table tbody td {
  vertical-align: top;
  padding: 8px;
  word-break: break-word;
}

.table [rowspan],
.oui-disclose-table [rowspan],
.oui-table [rowspan] {
  vertical-align: middle;
}

.table [rowspan="1"],
.oui-disclose-table [rowspan="1"],
.oui-table [rowspan="1"] {
  vertical-align: top;
}

.table .numerical,
.table .oui-numerical,
.oui-disclose-table .numerical,
.oui-disclose-table .oui-numerical,
.oui-table .numerical,
.oui-table .oui-numerical {
  text-align: right;
  padding-right: 28px;
}

.table .cell-collapse,
.table .oui-cell-collapse,
.oui-disclose-table .cell-collapse,
.oui-disclose-table .oui-cell-collapse,
.oui-table .cell-collapse,
.oui-table .oui-cell-collapse {
  width: 1%;
}

.table--rule > thead > th,
.table--rule-no-bottom-border > thead > th,
.oui-table--rule > thead > th,
.oui-table--rule-no-bottom-border > thead > th {
  padding-bottom: 8px;
}

.table--rule > thead > tr,
.table--rule-no-bottom-border > thead > tr,
.oui-table--rule > thead > tr,
.oui-table--rule-no-bottom-border > thead > tr {
  border-bottom: 1px solid hsl(0, 0%, 84%);
}

.table--rule > tbody > tr,
.table--rule-no-bottom-border > tbody > tr,
.oui-table--rule > tbody > tr,
.oui-table--rule-no-bottom-border > tbody > tr {
  border-bottom: 1px solid #f0f0f0;
}

.table--rule > tbody > tr:first-child,
.table--rule-no-bottom-border > tbody > tr:first-child,
.oui-table--rule > tbody > tr:first-child,
.oui-table--rule-no-bottom-border > tbody > tr:first-child {
  border-bottom: 1px solid #f0f0f0;
}

.table--rule-no-bottom-border > tbody > tr:last-child,
.oui-table--rule-no-bottom-border > tbody > tr:last-child {
  border-bottom: 0;
}

.table--wall > thead > tr > th,
.table--wall > tbody > tr > td,
.oui-table--wall > thead > tr > th,
.oui-table--wall > tbody > tr > td {
  border-left: 1px solid #f0f0f0;
  padding-right: 8px;
}

.table--wall > thead > tr > th:first-child,
.table--wall > tbody > tr > td:first-child,
.oui-table--wall > thead > tr > th:first-child,
.oui-table--wall > tbody > tr > td:first-child {
  border-left: 0;
}

.table--hover > tbody > tr:hover,
.oui-table--hover > tbody > tr:hover {
  background-color: #ccd7ff;
  cursor: pointer;
}

.table--hover > thead > tr > th:first-child,
.table--hover > tbody > tr > td:first-child,
.oui-table--hover > thead > tr > th:first-child,
.oui-table--hover > tbody > tr > td:first-child {
  padding-left: 16px;
}

.table--hover > thead > tr > th:last-child,
.table--hover > tbody > tr > td:last-child,
.oui-table--hover > thead > tr > th:last-child,
.oui-table--hover > tbody > tr > td:last-child {
  padding-right: 16px;
}

.table--loose th,
.table--loose td,
.oui-table--loose th,
.oui-table--loose td {
  padding-left: 8px;
  padding-right: 8px;
}

.table--loose th:first-child,
.table--loose td:first-child,
.oui-table--loose th:first-child,
.oui-table--loose td:first-child {
  padding-left: 16px;
}

.table--loose th:last-child,
.table--loose td:last-child,
.oui-table--loose th:last-child,
.oui-table--loose td:last-child {
  padding-right: 16px;
}

.table--loose th,
.oui-table--loose th {
  padding-top: 4px;
  padding-bottom: 4px;
}

.table--loose td,
.oui-table--loose td {
  padding-top: 8px;
  padding-bottom: 8px;
}

.table--add-row tbody > tr:first-child > td,
.oui-table--add-row tbody > tr:first-child > td {
  padding-top: 0;
}

.table--add-row td,
.oui-table--add-row td {
  padding-bottom: 8px;
}

.table--add-row__controls,
.oui-table--add-row__controls {
  width: 1%;
  white-space: nowrap;
}

.table-row--active,
.oui-table-row--active {
  background-color: hsl(0, 0%, 100%);
}

.oui-table-row--highlighted {
  background-color: hsl(227, 100%, 95%);
}

.oui-table-row--link {
  color: var(--light-blue-75);
  cursor: pointer;
}

.table--scroll,
.oui-table--scroll {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.table--scroll thead,
.oui-table--scroll thead {
  display: flex;
  flex: none;
}

.table--scroll tbody,
.oui-table--scroll tbody {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  overflow-y: auto;
  min-height: 0;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table--scroll tr,
.oui-table--scroll tr {
  display: flex;
  flex: none;
  width: 100%;
}

.table--scroll th,
.table--scroll td,
.oui-table--scroll th,
.oui-table--scroll td {
  display: block;
}

.oui-table > tbody tr:hover td a:hover {
  color: var(--light-blue-75);
}

.oui-table > tbody > tr:hover > td:not(.CalendarDay) {
  background-color: var(--grey-25);
}

.oui-table--loose > tbody > tr > td {
  padding-top: 12px;
  padding-bottom: 12px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.push {
  margin: 8px !important;
}

.push--top {
  margin-top: 8px !important;
}

.push--right {
  margin-right: 8px !important;
}

.push--bottom {
  margin-bottom: 8px !important;
}

.push--left {
  margin-left: 8px !important;
}

.push--ends {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.push--sides {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.push-half {
  margin: 4px !important;
}

.push-half--top {
  margin-top: 4px !important;
}

.push-half--right {
  margin-right: 4px !important;
}

.push-half--bottom {
  margin-bottom: 4px !important;
}

.push-half--left {
  margin-left: 4px !important;
}

.push-half--ends {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.push-half--sides {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.push-double {
  margin: 16px !important;
}

.push-double--top {
  margin-top: 16px !important;
}

.push-double--right {
  margin-right: 16px !important;
}

.push-double--bottom {
  margin-bottom: 16px !important;
}

.push-double--left {
  margin-left: 16px !important;
}

.push-double--ends {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.push-double--sides {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.push-triple {
  margin: 24px !important;
}

.push-triple--top {
  margin-top: 24px !important;
}

.push-triple--right {
  margin-right: 24px !important;
}

.push-triple--bottom {
  margin-bottom: 24px !important;
}

.push-triple--left {
  margin-left: 24px !important;
}

.push-triple--ends {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.push-triple--sides {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.push-quad {
  margin: 32px !important;
}

.push-quad--top {
  margin-top: 32px !important;
}

.push-quad--right {
  margin-right: 32px !important;
}

.push-quad--bottom {
  margin-bottom: 32px !important;
}

.push-quad--left {
  margin-left: 32px !important;
}

.push-quad--ends {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.push-quad--sides {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.flush {
  margin: 0 !important;
}

.flush--top {
  margin-top: 0 !important;
}

.flush--right {
  margin-right: 0 !important;
}

.flush--bottom {
  margin-bottom: 0 !important;
}

.flush--left {
  margin-left: 0 !important;
}

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.pop--over__content > *:last-child,
.oui-pop--over__content > *:last-child,
.media__body > *:last-child, .form-fields > *:last-child,
.oui-form-fields > *:last-child,
.island > *:last-child,
.attention > *:last-child,
.oui-attention > *:last-child, .lego-dialog__body > *:last-child,
.oui-disclose-table--row__toggle > *:last-child, .disclose > *:last-child,
.oui-disclose > *:last-child,
.pop--over__content > *:last-child > *:last-child,
.oui-pop--over__content > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child, .form-fields > *:last-child > *:last-child,
.oui-form-fields > *:last-child > *:last-child,
.island > *:last-child > *:last-child,
.attention > *:last-child > *:last-child,
.oui-attention > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child,
.oui-disclose-table--row__toggle > *:last-child > *:last-child, .disclose > *:last-child > *:last-child,
.oui-disclose > *:last-child > *:last-child,
.pop--over__content > *:last-child > *:last-child > *:last-child,
.oui-pop--over__content > *:last-child > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child > *:last-child, .form-fields > *:last-child > *:last-child > *:last-child,
.oui-form-fields > *:last-child > *:last-child > *:last-child,
.island > *:last-child > *:last-child > *:last-child,
.attention > *:last-child > *:last-child > *:last-child,
.oui-attention > *:last-child > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child > *:last-child,
.oui-disclose-table--row__toggle > *:last-child > *:last-child > *:last-child, .disclose > *:last-child > *:last-child > *:last-child,
.oui-disclose > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}

.disclose__link,
.oui-disclose__link {
  display: block;
  position: relative;
  margin-bottom: 5px;
}

.disclose__symbol,
.oui-disclose__symbol {
  width: 8px;
  display: inline-block;
  pointer-events: none;
  position: relative;
  top: 1px;
  margin-right: 4px;
}

.disclose .oui-disclose__arrow .axiom-icon,
.oui-disclose .oui-disclose__arrow .axiom-icon,
.oui-disclose-table--row__toggle .oui-disclose__arrow .axiom-icon {
  color: inherit;
}

.disclose__content,
.oui-disclose__content {
  display: none;
}

.disclose__item,
.oui-disclose__item {
  margin-bottom: 8px;
}

.disclose.is-active .disclose__content,
.disclose.is-active .oui-disclose__content,
.oui-disclose.is-active .disclose__content,
.oui-disclose.is-active .oui-disclose__content,
.is-active.oui-disclose-table--row__toggle .disclose__content,
.is-active.oui-disclose-table--row__toggle .oui-disclose__content {
  display: block;
}

.disclose.is-active .oui-disclose__content > :last-child,
.oui-disclose.is-active .oui-disclose__content > :last-child,
.is-active.oui-disclose-table--row__toggle .oui-disclose__content > :last-child {
  padding-bottom: 20px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
body:target *[data-oui-component],
.highlight-react--oui *[data-oui-component],
.highlight-react--oui[data-oui-component] {
  outline: 2px solid hotpink;
}
body:target *[data-oui-component] body:target *[data-oui-component],
body:target *[data-oui-component] .highlight-react--oui *[data-oui-component],
body:target *[data-oui-component] .highlight-react--oui[data-oui-component],
.highlight-react--oui *[data-oui-component] body:target *[data-oui-component],
.highlight-react--oui *[data-oui-component] .highlight-react--oui *[data-oui-component],
.highlight-react--oui *[data-oui-component] .highlight-react--oui[data-oui-component],
.highlight-react--oui[data-oui-component] body:target *[data-oui-component],
.highlight-react--oui[data-oui-component] .highlight-react--oui *[data-oui-component],
.highlight-react--oui[data-oui-component] .highlight-react--oui[data-oui-component] {
  outline-width: 1px;
}

.border--all {
  border: 1px solid hsl(0, 0%, 84%) !important;
}

.border-dashed--all {
  border: 1px dashed hsl(0, 0%, 84%) !important;
}

.oui-disclose-table--row__toggle.is-active,
.border--ends,
.border--top,
.oui-docked-footer {
  border-top: 1px solid hsl(0, 0%, 84%) !important;
}

.oui-disclose-table--row__content,
.border--ends,
.border--bottom {
  border-bottom: 1px solid hsl(0, 0%, 84%) !important;
}

.oui-disclose-table--row__content, .oui-disclose-table--row__toggle.is-active,
.border--sides,
.border--left {
  border-left: 1px solid hsl(0, 0%, 84%) !important;
}

.oui-disclose-table--row__content, .oui-disclose-table--row__toggle.is-active,
.border--sides,
.border--right {
  border-right: 1px solid hsl(0, 0%, 84%) !important;
}

.no-border {
  border: 0 !important;
}

.no-border--top {
  border-top: none !important;
}

.no-border--right {
  border-right: none !important;
}

.no-border--bottom {
  border-bottom: none !important;
}

.no-border--left {
  border-left: none !important;
}

.border-radius {
  border-radius: var(--border-radius);
}

.push {
  margin: 8px !important;
}

.push--top {
  margin-top: 8px !important;
}

.push--right {
  margin-right: 8px !important;
}

.push--bottom {
  margin-bottom: 8px !important;
}

.push--left {
  margin-left: 8px !important;
}

.push--ends {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.push--sides {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.push-half {
  margin: 4px !important;
}

.push-half--top {
  margin-top: 4px !important;
}

.push-half--right {
  margin-right: 4px !important;
}

.push-half--bottom {
  margin-bottom: 4px !important;
}

.push-half--left {
  margin-left: 4px !important;
}

.push-half--ends {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.push-half--sides {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.push-double {
  margin: 16px !important;
}

.push-double--top {
  margin-top: 16px !important;
}

.push-double--right {
  margin-right: 16px !important;
}

.push-double--bottom {
  margin-bottom: 16px !important;
}

.push-double--left {
  margin-left: 16px !important;
}

.push-double--ends {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.push-double--sides {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.push-triple {
  margin: 24px !important;
}

.push-triple--top {
  margin-top: 24px !important;
}

.push-triple--right {
  margin-right: 24px !important;
}

.push-triple--bottom {
  margin-bottom: 24px !important;
}

.push-triple--left {
  margin-left: 24px !important;
}

.push-triple--ends {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.push-triple--sides {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.push-quad {
  margin: 32px !important;
}

.push-quad--top {
  margin-top: 32px !important;
}

.push-quad--right {
  margin-right: 32px !important;
}

.push-quad--bottom {
  margin-bottom: 32px !important;
}

.push-quad--left {
  margin-left: 32px !important;
}

.push-quad--ends {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.push-quad--sides {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.flush {
  margin: 0 !important;
}

.flush--top {
  margin-top: 0 !important;
}

.flush--right {
  margin-right: 0 !important;
}

.flush--bottom {
  margin-bottom: 0 !important;
}

.flush--left {
  margin-left: 0 !important;
}

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.pop--over__content > *:last-child,
.oui-pop--over__content > *:last-child,
.media__body > *:last-child, .form-fields > *:last-child,
.oui-form-fields > *:last-child,
.island > *:last-child,
.attention > *:last-child,
.oui-attention > *:last-child, .lego-dialog__body > *:last-child, .disclose > *:last-child,
.oui-disclose > *:last-child,
.oui-disclose-table--row__toggle > *:last-child,
.pop--over__content > *:last-child > *:last-child,
.oui-pop--over__content > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child, .form-fields > *:last-child > *:last-child,
.oui-form-fields > *:last-child > *:last-child,
.island > *:last-child > *:last-child,
.attention > *:last-child > *:last-child,
.oui-attention > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child, .disclose > *:last-child > *:last-child,
.oui-disclose > *:last-child > *:last-child,
.oui-disclose-table--row__toggle > *:last-child > *:last-child,
.pop--over__content > *:last-child > *:last-child > *:last-child,
.oui-pop--over__content > *:last-child > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child > *:last-child, .form-fields > *:last-child > *:last-child > *:last-child,
.oui-form-fields > *:last-child > *:last-child > *:last-child,
.island > *:last-child > *:last-child > *:last-child,
.attention > *:last-child > *:last-child > *:last-child,
.oui-attention > *:last-child > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child > *:last-child, .disclose > *:last-child > *:last-child > *:last-child,
.oui-disclose > *:last-child > *:last-child > *:last-child,
.oui-disclose-table--row__toggle > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}

.oui-disclose-table > thead > th {
  padding-bottom: 8px;
}
.oui-disclose-table > thead > tr {
  border-bottom: 1px solid hsl(0, 0%, 84%);
}
.oui-disclose-table > tbody > tr {
  border-top: 1px solid #f0f0f0;
}
.oui-disclose-table > tbody > tr:first-child {
  border-top: 0;
}
.oui-disclose-table > tbody > tr:last-child {
  border-bottom: 1px solid #f0f0f0;
}
.oui-disclose-table--row__toggle {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.oui-disclose-table--row__toggle:hover {
  cursor: pointer;
  background-color: hsl(226, 100%, 97%);
}
.oui-disclose-table--row__toggle.is-active {
  background-color: #f7f7f7;
}
.oui-disclose-table--row__toggle.is-disabled {
  cursor: default;
}
.oui-disclose-table--row__toggle.is-disabled:hover {
  background-color: hsl(0, 0%, 100%);
}
/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.block-list-group,
.dropdown,
.oui-dropdown,
.block-list {
  list-style: none;
  margin-left: 0;
}

.dropdown > li,
.oui-dropdown > li,
.block-list-group > li,
.block-list > li {
  padding: 4px;
  border-top: 1px solid #f0f0f0;
}

.dropdown__block-link,
.oui-dropdown__block-link,
.dropdown__radio,
.oui-dropdown__radio,
.block-list__link {
  display: block;
  cursor: pointer;
  padding: 2px 12px;
  margin-left: -4px;
  margin-right: -4px;
  border-radius: var(--border-radius);
}

.dropdown__block-link:hover,
.oui-dropdown__block-link:hover,
.dropdown__radio:hover,
.oui-dropdown__radio:hover,
.block-list__link:hover {
  color: var(--light-blue-75);
  background-color: var(--light-blue-6);
}

.block-list__link--active {
  background-color: hsl(0, 0%, 100%);
}

.block-list--flush li {
  padding-left: 0;
  padding-right: 0;
}

.block-list--all li:last-child {
  border-bottom: 1px solid #f0f0f0;
}

.block-list--no-border > li {
  border-top: 0;
}

.oui-block-list__category:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}

.oui-block-list__category__name {
  background: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 44%);
  font-size: 0.6875rem;
  font-weight: 400;
  border-bottom: 1px solid #f0f0f0;
}

.oui-block-list__item {
  padding: 4px 12px;
}

.oui-block-list__link:hover,
.oui-block-list__link:focus,
.oui-block-list__item--has-focus {
  background-color: var(--light-blue-6);
  outline: none;
}

.dropdown,
.oui-dropdown,
.block-list-group {
  padding: 0;
  border: 1px solid hsl(0, 0%, 84%);
  border-radius: 5px;
}

.dropdown > li:first-child,
.oui-dropdown > li:first-child,
.block-list-group > li:first-child {
  border: 0;
}

.dropdown__item .dropdown__block-link {
  margin: 0 !important;
}

.oui-dropdown-children .oui-dropdown__block-link {
  margin-left: 0;
  margin-right: 0;
}

.oui-dropdown-children .oui-block-list__category ul {
  padding: 4px;
}

.oui-dropdown-children,
.oui-dropdown-children .oui-block-list__link {
  border-radius: var(--border-radius);
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.dropdown-group,
.oui-dropdown-group {
  font-size: 0.875rem;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.dropdown-group.is-active .dropdown,
.dropdown-group.is-active .oui-dropdown,
.oui-dropdown-group.is-active .dropdown,
.oui-dropdown-group.is-active .oui-dropdown {
  display: block;
  z-index: 3;
}

.dropdown,
.oui-dropdown {
  background: hsl(0, 0%, 100%);
  min-width: 100%;
  top: 100%;
  left: auto;
  z-index: 1;
  margin-top: 2px;
  text-align: left;
  max-height: 320px;
  line-height: 1.6;
  font-weight: 400;
  overflow-y: auto;
  display: none;
  border: 0;
  box-shadow: var(--wide-shadow);
  border-radius: var(--border-radius);
}
.dropdown__item,
.oui-dropdown__item {
  position: relative;
  color: hsl(241, 77%, 12%);
  padding: 4px;
  margin-bottom: 1px;
}
.dropdown__item > div.isSelected,
.dropdown__item > div.micro,
.oui-dropdown__item > div.isSelected,
.oui-dropdown__item > div.micro {
  padding: 4px 12px;
}
.dropdown__item--active,
.oui-dropdown__item--active {
  background: hsl(0, 0%, 100%);
}
.dropdown__item--separator,
.oui-dropdown__item--separator {
  color: #707070;
}
.dropdown__item--separator:nth-of-type(n + 2),
.oui-dropdown__item--separator:nth-of-type(n + 2) {
  padding-top: 17px !important;
}
.dropdown__item--separator:nth-of-type(n + 2):before,
.oui-dropdown__item--separator:nth-of-type(n + 2):before {
  content: "";
  display: block;
  height: 1px;
  background: #d6d6d6;
  position: absolute;
  top: 3px;
  left: 8px;
  width: calc(100% - 16px);
}
.dropdown--absolute,
.oui-dropdown--absolute {
  position: absolute;
}
.dropdown--right,
.oui-dropdown--right {
  right: 0;
  left: auto;
}
.dropdown--descriptive__header,
.oui-dropdown--descriptive__header {
  color: var(--dark-blue-100);
}
.dropdown--descriptive__content,
.oui-dropdown--descriptive__content {
  font-size: 0.6875rem;
  line-height: 1.4;
  color: hsl(0, 0%, 44%);
  margin-bottom: 4px;
}
.dropdown--descriptive__content svg,
.oui-dropdown--descriptive__content svg {
  color: inherit;
}
.dropdown__block-link:hover .oui-dropdown__block-link--icon,
.oui-dropdown__block-link:hover .oui-dropdown__block-link--icon {
  visibility: visible;
}
.dropdown__block-link:hover .oui-dropdown--descriptive__content,
.oui-dropdown__block-link:hover .oui-dropdown--descriptive__content {
  color: hsl(241, 77%, 12%);
}
.dropdown__block-link .dropdown,
.oui-dropdown .dropdown__block-link--has-focus,
.oui-dropdown__block-link .dropdown,
.oui-dropdown .oui-dropdown__block-link--has-focus {
  background-color: hsl(0, 0%, 98%);
  box-shadow: 0px 0px 0px 4px hsl(0, 0%, 98%);
  border-radius: 0;
  padding-right: 8px;
}
.dropdown__block-link .weight--700,
.oui-dropdown__block-link .weight--700 {
  font-weight: 700;
}
.dropdown__block-link--icon svg,
.oui-dropdown__block-link--icon svg {
  color: inherit;
}
.dropdown__block-link.link,
.oui-vertical-tab .nav-list__link .dropdown__block-link.oui-manager-side-nav__custom-link,
.oui-vertical-tab .nav-list__link .dropdown__block-link.oui-vertical-tab__custom-link,
.oui-dropdown__block-link.link,
.oui-vertical-tab .nav-list__link .oui-dropdown__block-link.oui-manager-side-nav__custom-link,
.oui-vertical-tab .nav-list__link .oui-dropdown__block-link.oui-vertical-tab__custom-link {
  color: inherit;
}
.dropdown__block-link.link:hover,
.oui-vertical-tab .nav-list__link .dropdown__block-link.oui-manager-side-nav__custom-link:hover,
.oui-vertical-tab .nav-list__link .dropdown__block-link.oui-vertical-tab__custom-link:hover,
.oui-dropdown__block-link.link:hover,
.oui-vertical-tab .nav-list__link .oui-dropdown__block-link.oui-manager-side-nav__custom-link:hover,
.oui-vertical-tab .nav-list__link .oui-dropdown__block-link.oui-vertical-tab__custom-link:hover {
  color: inherit;
}
.dropdown__radio,
.oui-dropdown__radio {
  padding: 2px 12px;
  margin: 0;
}
.dropdown__radio:hover,
.oui-dropdown__radio:hover {
  color: inherit;
}
.dropdown--up,
.oui-dropdown--up {
  bottom: 100%;
  top: initial;
}

.oui-dropdown-children > div {
  border-radius: var(--border-radius);
}

.oui-dropdown__block-link--icon {
  visibility: hidden;
}

.axiom-checkbox__label .axiom-dropdown__block-link-text {
  display: inline !important;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
body:target *[data-oui-component],
.highlight-react--oui *[data-oui-component],
.highlight-react--oui[data-oui-component] {
  outline: 2px solid hotpink;
}
body:target *[data-oui-component] body:target *[data-oui-component],
body:target *[data-oui-component] .highlight-react--oui *[data-oui-component],
body:target *[data-oui-component] .highlight-react--oui[data-oui-component],
.highlight-react--oui *[data-oui-component] body:target *[data-oui-component],
.highlight-react--oui *[data-oui-component] .highlight-react--oui *[data-oui-component],
.highlight-react--oui *[data-oui-component] .highlight-react--oui[data-oui-component],
.highlight-react--oui[data-oui-component] body:target *[data-oui-component],
.highlight-react--oui[data-oui-component] .highlight-react--oui *[data-oui-component],
.highlight-react--oui[data-oui-component] .highlight-react--oui[data-oui-component] {
  outline-width: 1px;
}

.border--all {
  border: 1px solid hsl(0, 0%, 84%) !important;
}

.border-dashed--all {
  border: 1px dashed hsl(0, 0%, 84%) !important;
}

.border--ends, .oui-disclose-table--row__toggle.is-active,
.border--top,
.oui-docked-footer {
  border-top: 1px solid hsl(0, 0%, 84%) !important;
}

.border--ends, .oui-disclose-table--row__content,
.border--bottom {
  border-bottom: 1px solid hsl(0, 0%, 84%) !important;
}

.border--sides, .oui-disclose-table--row__toggle.is-active, .oui-disclose-table--row__content,
.border--left {
  border-left: 1px solid hsl(0, 0%, 84%) !important;
}

.border--sides, .oui-disclose-table--row__toggle.is-active, .oui-disclose-table--row__content,
.border--right {
  border-right: 1px solid hsl(0, 0%, 84%) !important;
}

.no-border {
  border: 0 !important;
}

.no-border--top {
  border-top: none !important;
}

.no-border--right {
  border-right: none !important;
}

.no-border--bottom {
  border-bottom: none !important;
}

.no-border--left {
  border-left: none !important;
}

.border-radius {
  border-radius: var(--border-radius);
}

.oui-docked-footer {
  background-color: white;
  padding-bottom: 16px;
  box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.12);
  transition: all 0.2s ease-in-out;
  margin-bottom: -16px;
  padding-top: 16px;
}

.oui-docked-footer.oui-docked-footer--is-docked {
  position: sticky;
  bottom: 0;
  box-shadow: 0 -8px 8px -8px rgba(0, 0, 0, 0.12);
}

.oui-docked-footer .oui-button-row--right {
  margin-right: 8px;
}

.oui-docked-footer .oui-button-row--left {
  margin-left: 8px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.oui-empty-dashboard__button-row {
  margin-top: 20px;
  margin-bottom: -40px;
  z-index: 1;
}

/**
 * ExampleComponent
 *
 * NOTE: If needed, scss files should be imported in src/oui/_oui-partials.scss
 *  (please use existing OUI classes when possible and consult UI Eng when adding styles is absolutely necessary)
 */
/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.example-component span.example-background--yellow,
.oui-example-component span.example-background--yellow {
  background-color: hsl(45, 100%, 51%);
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.axiom-feedback {
  right: 24px;
  top: 64px;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
  display: flex;
  max-width: 600px;
  min-width: 376px;
  padding: 12px 16px;
  position: fixed;
  width: fit-content;
  z-index: 3100;
}
.axiom-feedback__icon {
  padding-right: 16px;
}
.axiom-feedback__message {
  flex-grow: 1;
}
.axiom-feedback--bad-news {
  background-color: hsl(0, 91%, 96%);
  border-color: hsl(0, 89%, 57%);
}
.axiom-feedback--bad-news .axiom-feedback__icon {
  color: hsl(0, 89%, 57%);
}
.axiom-feedback--good-news {
  background-color: hsl(120, 38%, 95%);
  border-color: hsl(122, 39%, 49%);
}
.axiom-feedback--good-news .axiom-feedback__icon {
  color: hsl(122, 39%, 49%);
}
.axiom-feedback--info {
  background-color: hsl(226, 100%, 97%);
  border-color: hsl(227, 100%, 85%);
}
.axiom-feedback--info .axiom-feedback__icon {
  color: hsl(227, 100%, 50%);
}
.axiom-feedback--warning {
  background-color: hsl(36, 100%, 95%);
  border-color: hsl(36, 100%, 50%);
}
.axiom-feedback--warning .axiom-feedback__icon {
  color: hsl(36, 100%, 50%);
}
.axiom-feedback--open {
  animation: slide-in-top-right 0.5s;
}
@keyframes slide-in-top-right {
  0% {
    transform: translateX(200%);
  }
  100% {
    transform: translateX(0);
  }
}
.axiom-feedback--dismissed {
  animation: fade-out 1s forwards;
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.axiom-file-upload .oui-button.upload-button {
  border: 1px solid #0037ff;
}
.axiom-file-upload .oui-button.upload-button[disabled] {
  background-color: whitesmoke;
  border-color: #d5d5d5;
  box-shadow: none;
  color: #707070;
}
.axiom-file-upload .oui-button.upload-button:focus {
  border: 1px solid #0037ff;
  box-shadow: none;
}
.axiom-file-upload .mt-2 {
  margin-top: 2px;
}

/**
 * When a text search input is in .oui-filter-picker and not disabled or read-only, styles will be changed.
 * This allows for a nice fit with the BlockList / FilterList items, but assumes those aren't present
 * when disabled or read-only
 */
/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.filter-picker-list .text-input--search,
.filter-picker-list .oui-text-input--search,
.oui-filter-picker-list .text-input--search,
.oui-filter-picker-list .oui-text-input--search {
  border-bottom: 0 !important;
  border-radius: 5px 5px 0px 0px !important;
}
.filter-picker-list .axiom-filter-picker__list-item-add-icon,
.oui-filter-picker-list .axiom-filter-picker__list-item-add-icon {
  color: inherit;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
:root {
  --axiom-grid-margin-xlarge: 32px;
  --axiom-grid-gutter-xlarge: 24px;
  --axiom-grid-margin-large: 32px;
  --axiom-grid-gutter-large: 24px;
  --axiom-grid-margin-medium: 16px;
  --axiom-grid-gutter-medium: 24px;
  --axiom-grid-margin-small: 16px;
  --axiom-grid-gutter-small: 16px;
}

@media (min-width: 1440px) {
  .axiom-grid-container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 32px;
    padding: var(--axiom-grid-margin-xlarge, 32px);
  }
}
@media (min-width: 1040px) and (max-width: 1439px) {
  .axiom-grid-container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 32px;
    padding: var(--axiom-grid-margin-large, 32px);
  }
}
@media (min-width: 575px) and (max-width: 1039px) {
  .axiom-grid-container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px;
    padding: var(--axiom-grid-margin-medium, 16px);
  }
}
@media (max-width: 574px) {
  .axiom-grid-container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 16px;
    padding: var(--axiom-grid-margin-small, 16px);
  }
}

@media (min-width: 1440px) {
  .axiom-grid {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -12px;
    margin: calc(var(--axiom-grid-gutter-xlarge, 24px) / 2 * -1);
  }
  @supports (display: grid) {
    .axiom-grid {
      display: grid;
      margin: 0;
      grid-gap: 24px;
      grid-gap: var(--axiom-grid-gutter-xlarge, 24px);
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
}
@media (min-width: 1040px) and (max-width: 1439px) {
  .axiom-grid {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -12px;
    margin: calc(var(--axiom-grid-gutter-large, 24px) / 2 * -1);
  }
  @supports (display: grid) {
    .axiom-grid {
      display: grid;
      margin: 0;
      grid-gap: 24px;
      grid-gap: var(--axiom-grid-gutter-large, 24px);
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
}
@media (min-width: 575px) and (max-width: 1039px) {
  .axiom-grid {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -12px;
    margin: calc(var(--axiom-grid-gutter-medium, 24px) / 2 * -1);
  }
  @supports (display: grid) {
    .axiom-grid {
      display: grid;
      margin: 0;
      grid-gap: 24px;
      grid-gap: var(--axiom-grid-gutter-medium, 24px);
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
}
@media (max-width: 574px) {
  .axiom-grid {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: -8px;
    margin: calc(var(--axiom-grid-gutter-small, 16px) / 2 * -1);
  }
  @supports (display: grid) {
    .axiom-grid {
      display: grid;
      margin: 0;
      grid-gap: 16px;
      grid-gap: var(--axiom-grid-gutter-small, 16px);
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
}

@media (min-width: 1440px) {
  .axiom-grid__cell {
    width: calc(100% - 24px);
    width: calc(100% - var(--axiom-grid-gutter-xlarge, 24px));
    box-sizing: border-box;
    margin: 12px;
    margin: calc(var(--axiom-grid-gutter-xlarge, 24px) / 2);
  }
  @supports (display: grid) {
    .axiom-grid__cell {
      width: auto;
      grid-column-end: span 12;
    }
  }
  @supports (display: grid) {
    .axiom-grid__cell {
      margin: 0;
    }
  }
  .axiom-grid__cell--span-1,
  .axiom-grid__cell--span-1-xlarge {
    width: calc(8.3333333333% - 24px);
    width: calc(8.3333333333% - var(--axiom-grid-gutter-xlarge, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-1,
    .axiom-grid__cell--span-1-xlarge {
      width: auto;
      grid-column-end: span 1;
    }
  }
  .axiom-grid__cell--span-2,
  .axiom-grid__cell--span-2-xlarge {
    width: calc(16.6666666667% - 24px);
    width: calc(16.6666666667% - var(--axiom-grid-gutter-xlarge, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-2,
    .axiom-grid__cell--span-2-xlarge {
      width: auto;
      grid-column-end: span 2;
    }
  }
  .axiom-grid__cell--span-3,
  .axiom-grid__cell--span-3-xlarge {
    width: calc(25% - 24px);
    width: calc(25% - var(--axiom-grid-gutter-xlarge, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-3,
    .axiom-grid__cell--span-3-xlarge {
      width: auto;
      grid-column-end: span 3;
    }
  }
  .axiom-grid__cell--span-4,
  .axiom-grid__cell--span-4-xlarge {
    width: calc(33.3333333333% - 24px);
    width: calc(33.3333333333% - var(--axiom-grid-gutter-xlarge, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-4,
    .axiom-grid__cell--span-4-xlarge {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-grid__cell--span-5,
  .axiom-grid__cell--span-5-xlarge {
    width: calc(41.6666666667% - 24px);
    width: calc(41.6666666667% - var(--axiom-grid-gutter-xlarge, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-5,
    .axiom-grid__cell--span-5-xlarge {
      width: auto;
      grid-column-end: span 5;
    }
  }
  .axiom-grid__cell--span-6,
  .axiom-grid__cell--span-6-xlarge {
    width: calc(50% - 24px);
    width: calc(50% - var(--axiom-grid-gutter-xlarge, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-6,
    .axiom-grid__cell--span-6-xlarge {
      width: auto;
      grid-column-end: span 6;
    }
  }
  .axiom-grid__cell--span-7,
  .axiom-grid__cell--span-7-xlarge {
    width: calc(58.3333333333% - 24px);
    width: calc(58.3333333333% - var(--axiom-grid-gutter-xlarge, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-7,
    .axiom-grid__cell--span-7-xlarge {
      width: auto;
      grid-column-end: span 7;
    }
  }
  .axiom-grid__cell--span-8,
  .axiom-grid__cell--span-8-xlarge {
    width: calc(66.6666666667% - 24px);
    width: calc(66.6666666667% - var(--axiom-grid-gutter-xlarge, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-8,
    .axiom-grid__cell--span-8-xlarge {
      width: auto;
      grid-column-end: span 8;
    }
  }
  .axiom-grid__cell--span-9,
  .axiom-grid__cell--span-9-xlarge {
    width: calc(75% - 24px);
    width: calc(75% - var(--axiom-grid-gutter-xlarge, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-9,
    .axiom-grid__cell--span-9-xlarge {
      width: auto;
      grid-column-end: span 9;
    }
  }
  .axiom-grid__cell--span-10,
  .axiom-grid__cell--span-10-xlarge {
    width: calc(83.3333333333% - 24px);
    width: calc(83.3333333333% - var(--axiom-grid-gutter-xlarge, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-10,
    .axiom-grid__cell--span-10-xlarge {
      width: auto;
      grid-column-end: span 10;
    }
  }
  .axiom-grid__cell--span-11,
  .axiom-grid__cell--span-11-xlarge {
    width: calc(91.6666666667% - 24px);
    width: calc(91.6666666667% - var(--axiom-grid-gutter-xlarge, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-11,
    .axiom-grid__cell--span-11-xlarge {
      width: auto;
      grid-column-end: span 11;
    }
  }
  .axiom-grid__cell--span-12,
  .axiom-grid__cell--span-12-xlarge {
    width: calc(100% - 24px);
    width: calc(100% - var(--axiom-grid-gutter-xlarge, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-12,
    .axiom-grid__cell--span-12-xlarge {
      width: auto;
      grid-column-end: span 12;
    }
  }
}
@media (min-width: 1040px) and (max-width: 1439px) {
  .axiom-grid__cell {
    width: calc(100% - 24px);
    width: calc(100% - var(--axiom-grid-gutter-large, 24px));
    box-sizing: border-box;
    margin: 12px;
    margin: calc(var(--axiom-grid-gutter-large, 24px) / 2);
  }
  @supports (display: grid) {
    .axiom-grid__cell {
      width: auto;
      grid-column-end: span 12;
    }
  }
  @supports (display: grid) {
    .axiom-grid__cell {
      margin: 0;
    }
  }
  .axiom-grid__cell--span-1,
  .axiom-grid__cell--span-1-large {
    width: calc(8.3333333333% - 24px);
    width: calc(8.3333333333% - var(--axiom-grid-gutter-large, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-1,
    .axiom-grid__cell--span-1-large {
      width: auto;
      grid-column-end: span 1;
    }
  }
  .axiom-grid__cell--span-2,
  .axiom-grid__cell--span-2-large {
    width: calc(16.6666666667% - 24px);
    width: calc(16.6666666667% - var(--axiom-grid-gutter-large, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-2,
    .axiom-grid__cell--span-2-large {
      width: auto;
      grid-column-end: span 2;
    }
  }
  .axiom-grid__cell--span-3,
  .axiom-grid__cell--span-3-large {
    width: calc(25% - 24px);
    width: calc(25% - var(--axiom-grid-gutter-large, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-3,
    .axiom-grid__cell--span-3-large {
      width: auto;
      grid-column-end: span 3;
    }
  }
  .axiom-grid__cell--span-4,
  .axiom-grid__cell--span-4-large {
    width: calc(33.3333333333% - 24px);
    width: calc(33.3333333333% - var(--axiom-grid-gutter-large, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-4,
    .axiom-grid__cell--span-4-large {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-grid__cell--span-5,
  .axiom-grid__cell--span-5-large {
    width: calc(41.6666666667% - 24px);
    width: calc(41.6666666667% - var(--axiom-grid-gutter-large, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-5,
    .axiom-grid__cell--span-5-large {
      width: auto;
      grid-column-end: span 5;
    }
  }
  .axiom-grid__cell--span-6,
  .axiom-grid__cell--span-6-large {
    width: calc(50% - 24px);
    width: calc(50% - var(--axiom-grid-gutter-large, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-6,
    .axiom-grid__cell--span-6-large {
      width: auto;
      grid-column-end: span 6;
    }
  }
  .axiom-grid__cell--span-7,
  .axiom-grid__cell--span-7-large {
    width: calc(58.3333333333% - 24px);
    width: calc(58.3333333333% - var(--axiom-grid-gutter-large, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-7,
    .axiom-grid__cell--span-7-large {
      width: auto;
      grid-column-end: span 7;
    }
  }
  .axiom-grid__cell--span-8,
  .axiom-grid__cell--span-8-large {
    width: calc(66.6666666667% - 24px);
    width: calc(66.6666666667% - var(--axiom-grid-gutter-large, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-8,
    .axiom-grid__cell--span-8-large {
      width: auto;
      grid-column-end: span 8;
    }
  }
  .axiom-grid__cell--span-9,
  .axiom-grid__cell--span-9-large {
    width: calc(75% - 24px);
    width: calc(75% - var(--axiom-grid-gutter-large, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-9,
    .axiom-grid__cell--span-9-large {
      width: auto;
      grid-column-end: span 9;
    }
  }
  .axiom-grid__cell--span-10,
  .axiom-grid__cell--span-10-large {
    width: calc(83.3333333333% - 24px);
    width: calc(83.3333333333% - var(--axiom-grid-gutter-large, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-10,
    .axiom-grid__cell--span-10-large {
      width: auto;
      grid-column-end: span 10;
    }
  }
  .axiom-grid__cell--span-11,
  .axiom-grid__cell--span-11-large {
    width: calc(91.6666666667% - 24px);
    width: calc(91.6666666667% - var(--axiom-grid-gutter-large, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-11,
    .axiom-grid__cell--span-11-large {
      width: auto;
      grid-column-end: span 11;
    }
  }
  .axiom-grid__cell--span-12,
  .axiom-grid__cell--span-12-large {
    width: calc(100% - 24px);
    width: calc(100% - var(--axiom-grid-gutter-large, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-12,
    .axiom-grid__cell--span-12-large {
      width: auto;
      grid-column-end: span 12;
    }
  }
}
@media (min-width: 575px) and (max-width: 1039px) {
  .axiom-grid__cell {
    width: calc(100% - 24px);
    width: calc(100% - var(--axiom-grid-gutter-medium, 24px));
    box-sizing: border-box;
    margin: 12px;
    margin: calc(var(--axiom-grid-gutter-medium, 24px) / 2);
  }
  @supports (display: grid) {
    .axiom-grid__cell {
      width: auto;
      grid-column-end: span 8;
    }
  }
  @supports (display: grid) {
    .axiom-grid__cell {
      margin: 0;
    }
  }
  .axiom-grid__cell--span-1,
  .axiom-grid__cell--span-1-medium {
    width: calc(12.5% - 24px);
    width: calc(12.5% - var(--axiom-grid-gutter-medium, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-1,
    .axiom-grid__cell--span-1-medium {
      width: auto;
      grid-column-end: span 1;
    }
  }
  .axiom-grid__cell--span-2,
  .axiom-grid__cell--span-2-medium {
    width: calc(25% - 24px);
    width: calc(25% - var(--axiom-grid-gutter-medium, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-2,
    .axiom-grid__cell--span-2-medium {
      width: auto;
      grid-column-end: span 2;
    }
  }
  .axiom-grid__cell--span-3,
  .axiom-grid__cell--span-3-medium {
    width: calc(37.5% - 24px);
    width: calc(37.5% - var(--axiom-grid-gutter-medium, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-3,
    .axiom-grid__cell--span-3-medium {
      width: auto;
      grid-column-end: span 3;
    }
  }
  .axiom-grid__cell--span-4,
  .axiom-grid__cell--span-4-medium {
    width: calc(50% - 24px);
    width: calc(50% - var(--axiom-grid-gutter-medium, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-4,
    .axiom-grid__cell--span-4-medium {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-grid__cell--span-5,
  .axiom-grid__cell--span-5-medium {
    width: calc(62.5% - 24px);
    width: calc(62.5% - var(--axiom-grid-gutter-medium, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-5,
    .axiom-grid__cell--span-5-medium {
      width: auto;
      grid-column-end: span 5;
    }
  }
  .axiom-grid__cell--span-6,
  .axiom-grid__cell--span-6-medium {
    width: calc(75% - 24px);
    width: calc(75% - var(--axiom-grid-gutter-medium, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-6,
    .axiom-grid__cell--span-6-medium {
      width: auto;
      grid-column-end: span 6;
    }
  }
  .axiom-grid__cell--span-7,
  .axiom-grid__cell--span-7-medium {
    width: calc(87.5% - 24px);
    width: calc(87.5% - var(--axiom-grid-gutter-medium, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-7,
    .axiom-grid__cell--span-7-medium {
      width: auto;
      grid-column-end: span 7;
    }
  }
  .axiom-grid__cell--span-8,
  .axiom-grid__cell--span-8-medium {
    width: calc(100% - 24px);
    width: calc(100% - var(--axiom-grid-gutter-medium, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-8,
    .axiom-grid__cell--span-8-medium {
      width: auto;
      grid-column-end: span 8;
    }
  }
  .axiom-grid__cell--span-9,
  .axiom-grid__cell--span-9-medium {
    width: calc(100% - 24px);
    width: calc(100% - var(--axiom-grid-gutter-medium, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-9,
    .axiom-grid__cell--span-9-medium {
      width: auto;
      grid-column-end: span 8;
    }
  }
  .axiom-grid__cell--span-10,
  .axiom-grid__cell--span-10-medium {
    width: calc(100% - 24px);
    width: calc(100% - var(--axiom-grid-gutter-medium, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-10,
    .axiom-grid__cell--span-10-medium {
      width: auto;
      grid-column-end: span 8;
    }
  }
  .axiom-grid__cell--span-11,
  .axiom-grid__cell--span-11-medium {
    width: calc(100% - 24px);
    width: calc(100% - var(--axiom-grid-gutter-medium, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-11,
    .axiom-grid__cell--span-11-medium {
      width: auto;
      grid-column-end: span 8;
    }
  }
  .axiom-grid__cell--span-12,
  .axiom-grid__cell--span-12-medium {
    width: calc(100% - 24px);
    width: calc(100% - var(--axiom-grid-gutter-medium, 24px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-12,
    .axiom-grid__cell--span-12-medium {
      width: auto;
      grid-column-end: span 8;
    }
  }
}
@media (max-width: 574px) {
  .axiom-grid__cell {
    width: calc(100% - 16px);
    width: calc(100% - var(--axiom-grid-gutter-small, 16px));
    box-sizing: border-box;
    margin: 8px;
    margin: calc(var(--axiom-grid-gutter-small, 16px) / 2);
  }
  @supports (display: grid) {
    .axiom-grid__cell {
      width: auto;
      grid-column-end: span 4;
    }
  }
  @supports (display: grid) {
    .axiom-grid__cell {
      margin: 0;
    }
  }
  .axiom-grid__cell--span-1,
  .axiom-grid__cell--span-1-small {
    width: calc(25% - 16px);
    width: calc(25% - var(--axiom-grid-gutter-small, 16px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-1,
    .axiom-grid__cell--span-1-small {
      width: auto;
      grid-column-end: span 1;
    }
  }
  .axiom-grid__cell--span-2,
  .axiom-grid__cell--span-2-small {
    width: calc(50% - 16px);
    width: calc(50% - var(--axiom-grid-gutter-small, 16px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-2,
    .axiom-grid__cell--span-2-small {
      width: auto;
      grid-column-end: span 2;
    }
  }
  .axiom-grid__cell--span-3,
  .axiom-grid__cell--span-3-small {
    width: calc(75% - 16px);
    width: calc(75% - var(--axiom-grid-gutter-small, 16px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-3,
    .axiom-grid__cell--span-3-small {
      width: auto;
      grid-column-end: span 3;
    }
  }
  .axiom-grid__cell--span-4,
  .axiom-grid__cell--span-4-small {
    width: calc(100% - 16px);
    width: calc(100% - var(--axiom-grid-gutter-small, 16px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-4,
    .axiom-grid__cell--span-4-small {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-grid__cell--span-5,
  .axiom-grid__cell--span-5-small {
    width: calc(100% - 16px);
    width: calc(100% - var(--axiom-grid-gutter-small, 16px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-5,
    .axiom-grid__cell--span-5-small {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-grid__cell--span-6,
  .axiom-grid__cell--span-6-small {
    width: calc(100% - 16px);
    width: calc(100% - var(--axiom-grid-gutter-small, 16px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-6,
    .axiom-grid__cell--span-6-small {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-grid__cell--span-7,
  .axiom-grid__cell--span-7-small {
    width: calc(100% - 16px);
    width: calc(100% - var(--axiom-grid-gutter-small, 16px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-7,
    .axiom-grid__cell--span-7-small {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-grid__cell--span-8,
  .axiom-grid__cell--span-8-small {
    width: calc(100% - 16px);
    width: calc(100% - var(--axiom-grid-gutter-small, 16px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-8,
    .axiom-grid__cell--span-8-small {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-grid__cell--span-9,
  .axiom-grid__cell--span-9-small {
    width: calc(100% - 16px);
    width: calc(100% - var(--axiom-grid-gutter-small, 16px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-9,
    .axiom-grid__cell--span-9-small {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-grid__cell--span-10,
  .axiom-grid__cell--span-10-small {
    width: calc(100% - 16px);
    width: calc(100% - var(--axiom-grid-gutter-small, 16px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-10,
    .axiom-grid__cell--span-10-small {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-grid__cell--span-11,
  .axiom-grid__cell--span-11-small {
    width: calc(100% - 16px);
    width: calc(100% - var(--axiom-grid-gutter-small, 16px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-11,
    .axiom-grid__cell--span-11-small {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-grid__cell--span-12,
  .axiom-grid__cell--span-12-small {
    width: calc(100% - 16px);
    width: calc(100% - var(--axiom-grid-gutter-small, 16px));
  }
  @supports (display: grid) {
    .axiom-grid__cell--span-12,
    .axiom-grid__cell--span-12-small {
      width: auto;
      grid-column-end: span 4;
    }
  }
}

.help-dot {
  background: #a6a6a6;
  color: hsl(0, 0%, 100%);
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  font-size: 10px;
}
.help-dot::after {
  content: "?";
}

.axiom-icon--small {
  font-size: 16px;
}
.axiom-icon--medium {
  font-size: 24px;
}
.axiom-icon--large {
  font-size: 32px;
}

.axiom-icon-outline path {
  stroke-width: 70px;
}

.axiom-icon--small {
  font-size: 16px;
}

.axiom-icon--medium {
  font-size: 24px;
}

.axiom-icon--large {
  font-size: 32px;
}

.axiom-icon-outline path {
  stroke-width: 70px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.icon,
.oui-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  fill: currentColor;
}
.icon--small, .icon--12,
.oui-icon--small,
.oui-icon--12 {
  width: 12px;
  height: 12px;
}
.icon--medium, .icon--24,
.oui-icon--medium,
.oui-icon--24 {
  width: 24px;
  height: 24px;
}
.icon--large, .icon--32,
.oui-icon--large,
.oui-icon--32 {
  width: 32px;
  height: 32px;
}
.icon + [class^=-arrow-inline],
.icon + [class^=oui-arrow-inline],
.oui-icon + [class^=-arrow-inline],
.oui-icon + [class^=oui-arrow-inline] {
  vertical-align: super;
}
.icon--text-align,
.oui-icon--text-align {
  position: relative;
  top: 2px;
}

.tabs-nav__item .icon,
.tabs-nav__item .oui-icon {
  vertical-align: sub;
}

.icon-status--active::before, .icon-status--bad-news::before, .icon-status--good-news::before, .icon-status--empty::before {
  content: "";
  border-radius: 50%;
  display: inline-block;
  width: 10px;
  height: 10px;
}
.icon-status--active::before {
  background: hsl(227, 100%, 50%);
}
.icon-status--bad-news::before {
  background: hsl(0, 89%, 57%);
}
.icon-status--good-news::before {
  background: hsl(122, 39%, 49%);
}

.icon-target {
  padding: 6px;
  border-radius: 50%;
  box-sizing: content-box;
  cursor: pointer;
}
.icon-target:hover {
  background: var(--light-blue-6);
  color: var(--light-blue-75);
}

.svg--non-scaling-stroke-path, .svg--non-scaling-stroke-circle, .svg--non-scaling-stroke-rect, .svg--non-scaling-stroke-line {
  vector-effect: non-scaling-stroke;
}

.input-icon,
.oui-input-icon {
  position: relative;
}
.input-icon__left, .input-icon__right,
.oui-input-icon__left,
.oui-input-icon__right {
  transform: translateY(-50%);
  pointer-events: none;
  position: absolute;
  top: 50%;
}
.input-icon__left,
.oui-input-icon__left {
  left: 8px;
}
.input-icon__right,
.oui-input-icon__right {
  right: 8px;
}
.input-icon__muted,
.oui-input-icon__muted {
  fill: #999999;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.label,
.oui-label {
  display: block;
  margin-bottom: 4px;
  font-weight: 400;
}
.label__optional,
.oui-label__optional {
  margin-left: 4px;
  color: hsl(0, 0%, 44%);
  font-size: 0.875rem;
  font-weight: 400;
}
.label--required::after,
.oui-label--required::after {
  content: "*";
  margin-left: 4px;
  color: hsl(0, 89%, 57%);
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1;
  position: relative;
  top: 2px;
}
.label--rule,
.oui-label--rule {
  border-bottom: 1px solid hsl(0, 0%, 84%);
  padding-bottom: 4px;
}
.label--disabled,
.oui-label--disabled {
  color: hsl(0, 0%, 44%);
  cursor: default !important;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
:root {
  --axiom-layout-grid-margin-xlarge: 0;
  --axiom-layout-grid-gutter-xlarge: 0;
  --axiom-layout-grid-margin-large: 0;
  --axiom-layout-grid-gutter-large: 0;
  --axiom-layout-grid-margin-medium: 0;
  --axiom-layout-grid-gutter-medium: 0;
  --axiom-layout-grid-margin-small: 0;
  --axiom-layout-grid-gutter-small: 0;
}

@media (min-width: 1200px) {
  .axiom-layout-grid-container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    padding: var(--axiom-layout-grid-margin-xlarge, 0);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .axiom-layout-grid-container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    padding: var(--axiom-layout-grid-margin-large, 0);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .axiom-layout-grid-container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    padding: var(--axiom-layout-grid-margin-medium, 0);
  }
}
@media (max-width: 767px) {
  .axiom-layout-grid-container {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
    padding: var(--axiom-layout-grid-margin-small, 0);
  }
}

.axiom-layout-grid {
  grid-template-rows: min-content;
}
@media (min-width: 1200px) {
  .axiom-layout-grid {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: 0;
    margin: calc(var(--axiom-layout-grid-gutter-xlarge, 0) / 2 * -1);
  }
  @supports (display: grid) {
    .axiom-layout-grid {
      display: grid;
      margin: 0;
      grid-gap: 0;
      grid-gap: var(--axiom-layout-grid-gutter-xlarge, 0);
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .axiom-layout-grid {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: 0;
    margin: calc(var(--axiom-layout-grid-gutter-large, 0) / 2 * -1);
  }
  @supports (display: grid) {
    .axiom-layout-grid {
      display: grid;
      margin: 0;
      grid-gap: 0;
      grid-gap: var(--axiom-layout-grid-gutter-large, 0);
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .axiom-layout-grid {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: 0;
    margin: calc(var(--axiom-layout-grid-gutter-medium, 0) / 2 * -1);
  }
  @supports (display: grid) {
    .axiom-layout-grid {
      display: grid;
      margin: 0;
      grid-gap: 0;
      grid-gap: var(--axiom-layout-grid-gutter-medium, 0);
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
}
@media (max-width: 767px) {
  .axiom-layout-grid {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin: 0;
    margin: calc(var(--axiom-layout-grid-gutter-small, 0) / 2 * -1);
  }
  @supports (display: grid) {
    .axiom-layout-grid {
      display: grid;
      margin: 0;
      grid-gap: 0;
      grid-gap: var(--axiom-layout-grid-gutter-small, 0);
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
}

@media (min-width: 1200px) {
  .axiom-layout-grid__cell {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    margin: calc(var(--axiom-layout-grid-gutter-xlarge, 0) / 2);
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell {
      width: auto;
      grid-column-end: span 12;
    }
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell {
      margin: 0;
    }
  }
  .axiom-layout-grid__cell--span-1,
  .axiom-layout-grid__cell--span-1-xlarge {
    width: 8.3333333333%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-1,
    .axiom-layout-grid__cell--span-1-xlarge {
      width: auto;
      grid-column-end: span 1;
    }
  }
  .axiom-layout-grid__cell--span-2,
  .axiom-layout-grid__cell--span-2-xlarge {
    width: 16.6666666667%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-2,
    .axiom-layout-grid__cell--span-2-xlarge {
      width: auto;
      grid-column-end: span 2;
    }
  }
  .axiom-layout-grid__cell--span-3,
  .axiom-layout-grid__cell--span-3-xlarge {
    width: 25%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-3,
    .axiom-layout-grid__cell--span-3-xlarge {
      width: auto;
      grid-column-end: span 3;
    }
  }
  .axiom-layout-grid__cell--span-4,
  .axiom-layout-grid__cell--span-4-xlarge {
    width: 33.3333333333%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-4,
    .axiom-layout-grid__cell--span-4-xlarge {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-layout-grid__cell--span-5,
  .axiom-layout-grid__cell--span-5-xlarge {
    width: 41.6666666667%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-5,
    .axiom-layout-grid__cell--span-5-xlarge {
      width: auto;
      grid-column-end: span 5;
    }
  }
  .axiom-layout-grid__cell--span-6,
  .axiom-layout-grid__cell--span-6-xlarge {
    width: 50%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-6,
    .axiom-layout-grid__cell--span-6-xlarge {
      width: auto;
      grid-column-end: span 6;
    }
  }
  .axiom-layout-grid__cell--span-7,
  .axiom-layout-grid__cell--span-7-xlarge {
    width: 58.3333333333%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-7,
    .axiom-layout-grid__cell--span-7-xlarge {
      width: auto;
      grid-column-end: span 7;
    }
  }
  .axiom-layout-grid__cell--span-8,
  .axiom-layout-grid__cell--span-8-xlarge {
    width: 66.6666666667%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-8,
    .axiom-layout-grid__cell--span-8-xlarge {
      width: auto;
      grid-column-end: span 8;
    }
  }
  .axiom-layout-grid__cell--span-9,
  .axiom-layout-grid__cell--span-9-xlarge {
    width: 75%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-9,
    .axiom-layout-grid__cell--span-9-xlarge {
      width: auto;
      grid-column-end: span 9;
    }
  }
  .axiom-layout-grid__cell--span-10,
  .axiom-layout-grid__cell--span-10-xlarge {
    width: 83.3333333333%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-10,
    .axiom-layout-grid__cell--span-10-xlarge {
      width: auto;
      grid-column-end: span 10;
    }
  }
  .axiom-layout-grid__cell--span-11,
  .axiom-layout-grid__cell--span-11-xlarge {
    width: 91.6666666667%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-11,
    .axiom-layout-grid__cell--span-11-xlarge {
      width: auto;
      grid-column-end: span 11;
    }
  }
  .axiom-layout-grid__cell--span-12,
  .axiom-layout-grid__cell--span-12-xlarge {
    width: 100%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-12,
    .axiom-layout-grid__cell--span-12-xlarge {
      width: auto;
      grid-column-end: span 12;
    }
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .axiom-layout-grid__cell {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    margin: calc(var(--axiom-layout-grid-gutter-large, 0) / 2);
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell {
      width: auto;
      grid-column-end: span 12;
    }
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell {
      margin: 0;
    }
  }
  .axiom-layout-grid__cell--span-1,
  .axiom-layout-grid__cell--span-1-large {
    width: 8.3333333333%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-1,
    .axiom-layout-grid__cell--span-1-large {
      width: auto;
      grid-column-end: span 1;
    }
  }
  .axiom-layout-grid__cell--span-2,
  .axiom-layout-grid__cell--span-2-large {
    width: 16.6666666667%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-2,
    .axiom-layout-grid__cell--span-2-large {
      width: auto;
      grid-column-end: span 2;
    }
  }
  .axiom-layout-grid__cell--span-3,
  .axiom-layout-grid__cell--span-3-large {
    width: 25%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-3,
    .axiom-layout-grid__cell--span-3-large {
      width: auto;
      grid-column-end: span 3;
    }
  }
  .axiom-layout-grid__cell--span-4,
  .axiom-layout-grid__cell--span-4-large {
    width: 33.3333333333%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-4,
    .axiom-layout-grid__cell--span-4-large {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-layout-grid__cell--span-5,
  .axiom-layout-grid__cell--span-5-large {
    width: 41.6666666667%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-5,
    .axiom-layout-grid__cell--span-5-large {
      width: auto;
      grid-column-end: span 5;
    }
  }
  .axiom-layout-grid__cell--span-6,
  .axiom-layout-grid__cell--span-6-large {
    width: 50%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-6,
    .axiom-layout-grid__cell--span-6-large {
      width: auto;
      grid-column-end: span 6;
    }
  }
  .axiom-layout-grid__cell--span-7,
  .axiom-layout-grid__cell--span-7-large {
    width: 58.3333333333%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-7,
    .axiom-layout-grid__cell--span-7-large {
      width: auto;
      grid-column-end: span 7;
    }
  }
  .axiom-layout-grid__cell--span-8,
  .axiom-layout-grid__cell--span-8-large {
    width: 66.6666666667%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-8,
    .axiom-layout-grid__cell--span-8-large {
      width: auto;
      grid-column-end: span 8;
    }
  }
  .axiom-layout-grid__cell--span-9,
  .axiom-layout-grid__cell--span-9-large {
    width: 75%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-9,
    .axiom-layout-grid__cell--span-9-large {
      width: auto;
      grid-column-end: span 9;
    }
  }
  .axiom-layout-grid__cell--span-10,
  .axiom-layout-grid__cell--span-10-large {
    width: 83.3333333333%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-10,
    .axiom-layout-grid__cell--span-10-large {
      width: auto;
      grid-column-end: span 10;
    }
  }
  .axiom-layout-grid__cell--span-11,
  .axiom-layout-grid__cell--span-11-large {
    width: 91.6666666667%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-11,
    .axiom-layout-grid__cell--span-11-large {
      width: auto;
      grid-column-end: span 11;
    }
  }
  .axiom-layout-grid__cell--span-12,
  .axiom-layout-grid__cell--span-12-large {
    width: 100%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-12,
    .axiom-layout-grid__cell--span-12-large {
      width: auto;
      grid-column-end: span 12;
    }
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .axiom-layout-grid__cell {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    margin: calc(var(--axiom-layout-grid-gutter-medium, 0) / 2);
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell {
      width: auto;
      grid-column-end: span 8;
    }
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell {
      margin: 0;
    }
  }
  .axiom-layout-grid__cell--span-1,
  .axiom-layout-grid__cell--span-1-medium {
    width: 12.5%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-1,
    .axiom-layout-grid__cell--span-1-medium {
      width: auto;
      grid-column-end: span 1;
    }
  }
  .axiom-layout-grid__cell--span-2,
  .axiom-layout-grid__cell--span-2-medium {
    width: 25%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-2,
    .axiom-layout-grid__cell--span-2-medium {
      width: auto;
      grid-column-end: span 2;
    }
  }
  .axiom-layout-grid__cell--span-3,
  .axiom-layout-grid__cell--span-3-medium {
    width: 37.5%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-3,
    .axiom-layout-grid__cell--span-3-medium {
      width: auto;
      grid-column-end: span 3;
    }
  }
  .axiom-layout-grid__cell--span-4,
  .axiom-layout-grid__cell--span-4-medium {
    width: 50%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-4,
    .axiom-layout-grid__cell--span-4-medium {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-layout-grid__cell--span-5,
  .axiom-layout-grid__cell--span-5-medium {
    width: 62.5%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-5,
    .axiom-layout-grid__cell--span-5-medium {
      width: auto;
      grid-column-end: span 5;
    }
  }
  .axiom-layout-grid__cell--span-6,
  .axiom-layout-grid__cell--span-6-medium {
    width: 75%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-6,
    .axiom-layout-grid__cell--span-6-medium {
      width: auto;
      grid-column-end: span 6;
    }
  }
  .axiom-layout-grid__cell--span-7,
  .axiom-layout-grid__cell--span-7-medium {
    width: 87.5%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-7,
    .axiom-layout-grid__cell--span-7-medium {
      width: auto;
      grid-column-end: span 7;
    }
  }
  .axiom-layout-grid__cell--span-8,
  .axiom-layout-grid__cell--span-8-medium {
    width: 100%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-8,
    .axiom-layout-grid__cell--span-8-medium {
      width: auto;
      grid-column-end: span 8;
    }
  }
  .axiom-layout-grid__cell--span-9,
  .axiom-layout-grid__cell--span-9-medium {
    width: 100%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-9,
    .axiom-layout-grid__cell--span-9-medium {
      width: auto;
      grid-column-end: span 8;
    }
  }
  .axiom-layout-grid__cell--span-10,
  .axiom-layout-grid__cell--span-10-medium {
    width: 100%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-10,
    .axiom-layout-grid__cell--span-10-medium {
      width: auto;
      grid-column-end: span 8;
    }
  }
  .axiom-layout-grid__cell--span-11,
  .axiom-layout-grid__cell--span-11-medium {
    width: 100%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-11,
    .axiom-layout-grid__cell--span-11-medium {
      width: auto;
      grid-column-end: span 8;
    }
  }
  .axiom-layout-grid__cell--span-12,
  .axiom-layout-grid__cell--span-12-medium {
    width: 100%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-12,
    .axiom-layout-grid__cell--span-12-medium {
      width: auto;
      grid-column-end: span 8;
    }
  }
}
@media (max-width: 767px) {
  .axiom-layout-grid__cell {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    margin: calc(var(--axiom-layout-grid-gutter-small, 0) / 2);
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell {
      width: auto;
      grid-column-end: span 4;
    }
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell {
      margin: 0;
    }
  }
  .axiom-layout-grid__cell--span-1,
  .axiom-layout-grid__cell--span-1-small {
    width: 25%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-1,
    .axiom-layout-grid__cell--span-1-small {
      width: auto;
      grid-column-end: span 1;
    }
  }
  .axiom-layout-grid__cell--span-2,
  .axiom-layout-grid__cell--span-2-small {
    width: 50%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-2,
    .axiom-layout-grid__cell--span-2-small {
      width: auto;
      grid-column-end: span 2;
    }
  }
  .axiom-layout-grid__cell--span-3,
  .axiom-layout-grid__cell--span-3-small {
    width: 75%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-3,
    .axiom-layout-grid__cell--span-3-small {
      width: auto;
      grid-column-end: span 3;
    }
  }
  .axiom-layout-grid__cell--span-4,
  .axiom-layout-grid__cell--span-4-small {
    width: 100%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-4,
    .axiom-layout-grid__cell--span-4-small {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-layout-grid__cell--span-5,
  .axiom-layout-grid__cell--span-5-small {
    width: 100%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-5,
    .axiom-layout-grid__cell--span-5-small {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-layout-grid__cell--span-6,
  .axiom-layout-grid__cell--span-6-small {
    width: 100%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-6,
    .axiom-layout-grid__cell--span-6-small {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-layout-grid__cell--span-7,
  .axiom-layout-grid__cell--span-7-small {
    width: 100%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-7,
    .axiom-layout-grid__cell--span-7-small {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-layout-grid__cell--span-8,
  .axiom-layout-grid__cell--span-8-small {
    width: 100%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-8,
    .axiom-layout-grid__cell--span-8-small {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-layout-grid__cell--span-9,
  .axiom-layout-grid__cell--span-9-small {
    width: 100%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-9,
    .axiom-layout-grid__cell--span-9-small {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-layout-grid__cell--span-10,
  .axiom-layout-grid__cell--span-10-small {
    width: 100%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-10,
    .axiom-layout-grid__cell--span-10-small {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-layout-grid__cell--span-11,
  .axiom-layout-grid__cell--span-11-small {
    width: 100%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-11,
    .axiom-layout-grid__cell--span-11-small {
      width: auto;
      grid-column-end: span 4;
    }
  }
  .axiom-layout-grid__cell--span-12,
  .axiom-layout-grid__cell--span-12-small {
    width: 100%;
  }
  @supports (display: grid) {
    .axiom-layout-grid__cell--span-12,
    .axiom-layout-grid__cell--span-12-small {
      width: auto;
      grid-column-end: span 4;
    }
  }
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.link .axiom-link__left-icon, .oui-vertical-tab .nav-list__link .oui-manager-side-nav__custom-link .axiom-link__left-icon,
.oui-vertical-tab .nav-list__link .oui-vertical-tab__custom-link .axiom-link__left-icon,
.link .axiom-link__right-icon,
.oui-vertical-tab .nav-list__link .oui-manager-side-nav__custom-link .axiom-link__right-icon,
.oui-vertical-tab .nav-list__link .oui-vertical-tab__custom-link .axiom-link__right-icon {
  color: inherit;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.listgroup .listgroup__item:first-child,
.oui-listgroup .listgroup__item:first-child,
.listgroup .listgroup__item:first-child {
  padding-top: 0 !important;
}
.listgroup .listgroup__item:last-child,
.oui-listgroup .listgroup__item:last-child,
.listgroup .listgroup__item:last-child {
  border: 0 !important;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.list-tree__item {
  background-color: hsl(0, 0%, 100%);
}
.list-tree__item:not(.isEditing):hover {
  background-color: hsl(226, 100%, 97%);
}
.list-tree__item[aria-selected=true]:not(.isEditing) {
  background-color: hsl(226, 100%, 97%);
}
.list-tree__item:focus-within {
  outline: 0;
  z-index: 1;
}
.list-tree__item:focus-within > div:not(.list-tree__node--is-editing) {
  outline: 1px solid hsl(227, 100%, 85%);
}
.list-tree__node {
  margin: 0 1px;
  padding-right: 16px;
}
.list-tree__node:hover .list-tree__menu {
  display: block;
}
.list-tree__node:hover .list-tree__grip-icon {
  visibility: visible;
}
.list-tree__node:hover .list-tree__name,
.list-tree__node:hover .list-tree__folder-icon > svg {
  color: hsl(227, 100%, 50%);
}
.list-tree__node:active .list-tree__name {
  color: hsl(227, 100%, 50%);
}
.list-tree .icon--smallest {
  font-size: 12px;
}
.list-tree .icon--semi-small {
  font-size: 19px;
}
.list-tree__grip-icon {
  visibility: hidden;
  margin-right: 2px;
  width: 11px;
  min-width: 11px;
}
.list-tree__chevron-icon {
  width: 16px;
  margin-right: 2px;
}
.list-tree__folder-icon > svg.axiom-icon {
  position: relative;
  top: 1px;
  margin-right: 4px;
}
.list-tree__extras {
  margin-left: auto;
}
.list-tree__menu {
  display: none;
  position: relative;
  cursor: pointer;
}
.list-tree__menu.isOpen {
  display: block;
}
.list-tree__menu .list-tree__ellipsis-icon {
  display: block;
}
.list-tree__edit-input {
  width: calc(100% - 65px);
  height: 18px;
  padding: 0 1px;
  border: none;
  box-shadow: none !important;
  outline: 1px solid hsl(227, 100%, 85%) !important;
  line-height: 1 !important;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.oui-vertical-tab {
  background: #fff;
  min-width: 285px;
  max-width: 285px;
  overflow: hidden;
  border-right: 1px solid hsl(0, 0%, 84%);
  height: 100%;
}
.oui-vertical-tab .sidenav__header {
  flex: none;
  min-width: 0;
  min-height: 0;
  padding: 16px 24px 0;
  background: hsl(0, 0%, 100%);
  position: relative;
}
.oui-vertical-tab .sidenav__header__title {
  margin-bottom: 4px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.oui-vertical-tab .sidenav__header__title:only-child {
  padding: 17px 0 5px;
}
.oui-vertical-tab .sidenav__header__item {
  line-height: 1;
  margin-bottom: 8px;
}
.oui-vertical-tab .sidenav__header--full-height {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.oui-vertical-tab .sidenav__header .sidenav__details__title h5 {
  font-size: 13px;
}
.oui-vertical-tab .sidenav__body {
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  padding: 16px;
  background: hsl(0, 0%, 100%);
}
.oui-vertical-tab .sidenav__body .icon-status--active {
  vertical-align: middle;
}
.oui-vertical-tab .sidenav__body .icon-status--active:before {
  background: #dbefdc;
  position: relative;
  left: -2px;
}
.oui-vertical-tab .sidenav__body--empty {
  margin-top: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.oui-vertical-tab .sidenav__body--no-top-padding {
  padding-top: 0;
}
.oui-vertical-tab .sidenav__empty-message svg {
  display: block;
  width: 40px;
  height: 40px;
  fill: hsl(0, 0%, 44%);
  margin: 0 auto 8px;
}
.oui-vertical-tab .sidenav__footer {
  flex: none;
  min-width: 0;
  min-height: 0;
  background: hsl(0, 0%, 100%);
  padding: 8px 16px;
  border-top: 1px solid #dddddd;
}
.oui-vertical-tab .sidenav__section__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -16px;
  padding: 24px 24px 4px;
  height: 48px;
  box-sizing: border-box;
}
.oui-vertical-tab .sidenav__section:first-child .sidenav__section__title {
  border-top: 1px solid hsl(0, 0%, 84%);
}
.oui-vertical-tab .sidenav__change-list {
  margin-left: 8px;
  margin-bottom: 0;
  font-size: 12px;
}
.oui-vertical-tab .sidenav__change-list > li {
  position: relative;
}
.oui-vertical-tab .sidenav__change-list > li:before {
  content: "";
  position: absolute;
  left: -8px;
  top: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.oui-vertical-tab .sidenav__change-list--draft:before {
  background: hsl(36, 100%, 50%);
}
.oui-vertical-tab .sidenav__change-list--live:before {
  background: hsl(122, 39%, 49%);
}
.oui-vertical-tab .sidenav__popover {
  z-index: 100;
}
.oui-vertical-tab .nav-list {
  margin-left: -16px;
  margin-right: -16px;
  border-top: 1px solid hsl(0, 0%, 84%);
}
.oui-vertical-tab .nav-list--changes .icon-status--active {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 28px;
}
.oui-vertical-tab .nav-list > li {
  position: relative;
  border-bottom: 1px solid hsl(0, 0%, 84%);
  min-height: 48px;
  box-sizing: border-box;
}
.oui-vertical-tab .nav-list > li.nav-list__link {
  display: flex;
  align-items: center;
  width: 100%;
}
.oui-vertical-tab .nav-list > li.nav-list__link .link, .oui-vertical-tab .nav-list > li.nav-list__link .oui-manager-side-nav__custom-link,
.oui-vertical-tab .nav-list > li.nav-list__link .oui-vertical-tab__custom-link {
  padding: 8px 24px;
}
.oui-vertical-tab .nav-list > li.nav-list__link:hover {
  transition: background 0.3s;
  background: var(--highlight);
  cursor: pointer;
  color: var(--light-blue-75);
}
.oui-vertical-tab .nav-list > li.nav-list__link--disabled {
  opacity: 0.5;
}
.oui-vertical-tab .nav-list > li.nav-list__link--disabled:after {
  display: none;
}
.oui-vertical-tab .nav-list > li.nav-list__link--disabled:hover {
  background: inherit;
  cursor: default;
  border: 1px solid transparent;
  border-bottom: 1px solid hsl(0, 0%, 84%);
  box-shadow: none;
}
.oui-vertical-tab .nav-list > li.nav-list__link.is-active {
  background: hsl(226, 100%, 97%);
  color: var(--light-blue-75);
}
.oui-vertical-tab .nav-list > li.nav-list__link--nested {
  padding-right: 32px;
}
.oui-vertical-tab .nav-list > li.nav-list__link--nested:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -4px;
}
.oui-vertical-tab .nav-list > li.nav-list__link--change-dependency:before {
  display: block;
  content: "then";
  position: absolute;
  z-index: 2;
  top: -8px;
  right: 4px;
  background: white;
  color: hsl(0, 0%, 44%);
  padding: 0 4px;
  border-radius: 16px;
  font-size: 0.6875rem;
  pointer-events: none;
}
.oui-vertical-tab .nav-list__link__close {
  position: absolute;
  top: 8px;
  right: 12px;
  cursor: pointer;
  color: #dddddd;
}
.oui-vertical-tab .nav-list__link__close:hover .lego-icon {
  color: #555;
}
.oui-vertical-tab .nav-list-group {
  margin-bottom: 16px;
}
.oui-vertical-tab .nav-link {
  padding: 5px 8px;
  margin-left: -8px;
  border-radius: 999px;
}
.oui-vertical-tab .nav-link:hover {
  background-color: var(--highlight);
}
.oui-vertical-tab .nav-link--back:before {
  border: 1px solid currentColor;
  border-top: none;
  border-right: none;
  display: inline-block;
  height: 7px;
  margin-left: 3px;
  margin-right: 4px;
  margin-top: -4px;
  transform: rotate(45deg);
  vertical-align: middle;
  width: 7px;
  content: "";
}
.oui-vertical-tab .nav-list__link .oui-manager-side-nav__custom-link,
.oui-vertical-tab .nav-list__link .oui-vertical-tab__custom-link {
  width: 100%;
  height: 100%;
  min-height: calc(48px - 2px);
  display: flex;
  align-items: center;
}
.oui-vertical-tab .nav-list__link .oui-manager-side-nav__custom-link--active,
.oui-vertical-tab .nav-list__link .oui-vertical-tab__custom-link--active {
  background: hsl(226, 100%, 97%);
  color: var(--light-blue-75);
}

.media {
  display: flex;
  align-items: flex-start;
}
.media__img {
  margin-right: 8px;
  margin-top: 0.7%;
}
.media__img--rev {
  margin-left: 8px;
  margin-top: 0.7%;
}
.media__body {
  flex: 1;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.oui-sidebar-menu-item {
  height: 32px;
  padding: 7px 0;
  position: relative;
}
.oui-sidebar-menu-item--submenu {
  display: flex;
  align-items: center;
}
.oui-sidebar-menu-item--submenu .axiom-typography--caption.oui-sidebar-menu-item__title {
  margin-left: 36px;
}
.oui-sidebar-menu-item:hover {
  background: hsl(227, 100%, 95%);
  color: hsl(227, 100%, 50%);
}
.oui-sidebar-menu-item:focus {
  outline: none;
}
.oui-sidebar-menu-item:focus::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  right: 3px;
  bottom: 0;
  left: 2px;
  border-radius: var(--border-radius);
  box-shadow: 0px 0px 3px hsl(227, 100%, 50%);
  z-index: 1;
}
.oui-sidebar-menu-item.is-active, .oui-sidebar-menu-item.is-active:hover {
  background: hsl(227, 100%, 95%);
}
.oui-sidebar-menu-item__title.axiom-typography--caption {
  margin-left: 16px;
  letter-spacing: -0.009rem;
}

.nav {
  display: flex;
}
.nav > li {
  margin-right: 8px;
}
.nav > li > a {
  display: block;
}
.nav--stacked {
  display: block;
}
.nav--stacked > li {
  margin-right: 0;
}
.nav--center {
  justify-content: center;
}
.nav--center > li {
  margin-left: 4px;
  margin-right: 4px;
}
.nav--fit {
  display: flex;
}
.nav--fit > li {
  flex: 1;
}
.nav--fit > li > a {
  display: block;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.root-nav {
  display: flex;
  flex-direction: column;
  position: relative;
  height: fit-content;
  min-height: 100%;
  z-index: 2001;
  padding: 20px 0;
  color: var(--dark-blue-100);
  background: var(--dark-paper);
  width: 76px;
  transition: width 150ms ease-in;
}
.root-nav:after {
  transition: width 150ms ease-in;
  content: "";
  position: absolute;
  top: 0;
  background-color: transparent;
  bottom: 0;
  width: 100px;
  left: -24px;
  z-index: 0;
  box-shadow: inset -1px 0 3px 0 rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.root-nav .click-area {
  cursor: pointer !important;
}

.root-nav__link {
  display: flex;
  align-items: center;
  color: var(--dark-blue-100);
  padding-top: 8.6666666667px;
  padding-bottom: 8.6666666667px;
  width: 76px;
  transition: width 150ms ease-in;
  overflow: hidden;
}
@media (min-height: 1600px) {
  .root-nav__link {
    padding-top: 13px;
    padding-bottom: 13px;
  }
}
.root-nav__link .axiom-icon {
  color: inherit;
}

.root-nav__link__text {
  margin-left: 8px;
  display: none;
}

.root-nav__link--secondary .root-nav__link__text {
  margin-left: 12px;
}

.root-nav__link .link--reverse {
  color: var(--dark-blue-100) !important;
}
.root-nav__link .link--reverse:hover, .root-nav__link .link--reverse:active {
  color: var(--light-blue-75) !important;
}

.root-nav__link .link--reverse.admin--color {
  color: var(--purple) !important;
}

.root-nav__project,
.root-nav__link--primary {
  padding-left: 23px;
  padding-right: 23px;
}

.root-nav__project {
  white-space: nowrap;
  transition: opacity 150ms ease-in;
  opacity: 1;
  margin-top: 0 !important;
  padding-left: 16px;
}

.root-nav__project,
.root-nav__link__text {
  opacity: 1;
  transition: opacity 150ms ease-in;
  transition-delay: 125ms;
}

.root-nav__logo {
  height: 30px;
  position: relative;
  flex: none;
}

.root-nav--open {
  width: 226px;
  transition: width 150ms ease-in;
}
.root-nav--open:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: transparent;
  bottom: 0;
  width: 226px;
  left: 0;
  z-index: 0;
  box-shadow: inset -1px 0 3px 0 rgba(0, 0, 0, 0.1);
}
.root-nav--open .root-nav__logo--full {
  transition: opacity 150ms ease-in;
  opacity: 1;
}
.root-nav--open .root-nav__logo--mark {
  opacity: 0;
}
.root-nav--open .root-nav__link__text {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.root-nav--open .root-nav__link {
  transition: width 150ms ease-in;
  width: 226px;
  overflow: visible;
}

.root-nav__link-external-icon {
  visibility: hidden;
}

.root-nav__link--primary:hover {
  background: var(--light-blue-25);
  color: var(--light-blue-75);
}
.root-nav__link--primary:hover .root-nav__link-external-icon {
  visibility: visible;
}
.root-nav__link--primary.is-active, .root-nav__link--primary.is-active:hover {
  background: var(--light-blue-25);
}
.root-nav__link--primary.has-external-icon {
  padding-right: 18px;
}

.root-nav__link--secondary, .root-nav__link--secondary:visited,
.root-nav__link--tertiary,
.root-nav__link--tertiary:visited {
  color: var(--dark-blue-100);
}
.root-nav__link--secondary:hover,
.root-nav__link--tertiary:hover {
  color: var(--light-blue-75);
}
.root-nav__link--secondary:hover .root-nav__link-external-icon,
.root-nav__link--tertiary:hover .root-nav__link-external-icon {
  visibility: visible;
}
.root-nav__link--secondary.has-external-icon,
.root-nav__link--tertiary.has-external-icon {
  padding-right: 18px;
}

.root-nav__link--secondary,
.root-nav__link--tertiary,
.root-nav__link--plain {
  font-size: 0.6875rem;
}

.root-nav__link--tertiary,
.root-nav__link--plain {
  padding-left: 23.5px;
  padding-right: 23.5px;
}

.root-nav__link--secondary {
  min-height: 2.3em;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 28px;
  padding-right: 28px;
}
@media (min-height: 1600px) {
  .root-nav__link--secondary {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.root-nav__logo--full,
.root-nav__logo--mark {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: auto 100%;
  height: 100%;
  transition: opacity 150ms ease-in;
}

.root-nav__logo--full {
  opacity: 0;
}

.root-nav__logo--mark {
  opacity: 1;
}

.root-nav-fader {
  opacity: 0;
  transition: opacity 150ms ease-in;
}
.root-nav-fader * {
  cursor: default !important;
}

.oui-dropdown > li.oui-dropdown__item.oui-dropdown__block-link,
.root-nav__user .lego-block-list__link {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.root-nav__user .lego-block-list li > div.soft-half--sides {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.root-nav__user {
  align-items: flex-start;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.axiom-navigation,
.navigation {
  height: 40px;
  position: relative;
  z-index: 2;
}
.axiom-navigation::after,
.navigation::after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.axiom-navigation__brand,
.navigation__brand {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  z-index: 3;
}
.axiom-navigation__actions,
.navigation__actions {
  height: 100%;
  margin-left: auto;
  z-index: 3;
}
.axiom-navigation__logo,
.navigation__logo {
  height: 30px;
}
.axiom-navigation__logo--mark,
.navigation__logo--mark {
  margin-left: 10px;
  height: 100%;
}
.axiom-navigation__title,
.navigation__title {
  font-size: 14px;
  font-weight: 600;
}
.axiom-navigation--dark::after,
.navigation--dark::after {
  background: hsl(241, 77%, 12%);
}
.axiom-navigation--dark.axiom-navigation::before,
.navigation--dark.axiom-navigation::before {
  background-color: hsl(227, 100%, 50%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
  z-index: 1;
}
.axiom-navigation--dark .axiom-navigation__title,
.navigation--dark .axiom-navigation__title {
  color: hsl(0, 0%, 100%);
}
.axiom-navigation--light::after,
.navigation--light::after {
  background: #f0f0f0;
  opacity: 0.5;
}
.axiom-navigation--light .axiom-navigation__title,
.navigation--light .axiom-navigation__title {
  color: hsl(241, 77%, 12%);
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.axiom-one-column-layout {
  width: 100%;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.pagination {
  justify-content: center;
}
.pagination > li {
  padding: 4px;
}
.pagination__first a::before {
  content: "«" " ";
}
.pagination__last a::after {
  content: " " "»";
}
.pagination__current > a {
  color: hsl(241, 77%, 12%);
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.oui-pagination-controls {
  display: flex;
  justify-content: center;
  align-items: center;
}
.oui-pagination-controls .oui-button--unstyled {
  border: 1px solid transparent !important;
}
.oui-pagination-controls > ul {
  padding: 0;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.token-wrap,
.oui-token-wrap {
  display: inline-flex;
  padding: 4px;
}
.token-wrap--well,
.oui-token-wrap--well {
  background: #f0f0f0;
  border-radius: 5px;
  border: 1px solid #e0e0e0;
}

.token-wrap--snug,
.oui-token-wrap--snug {
  display: inline-flex;
  padding: 2px;
}

.token:not(.language-jsx > .token),
.oui-token {
  display: inline-flex;
  align-items: flex-start;
  justify-content: space-between;
  color: hsl(0, 0%, 100%);
  line-height: 1;
  border-radius: 5px;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

.token--primary,
.oui-token--primary {
  background: hsl(207, 90%, 54%);
}
.token--secondary,
.oui-token--secondary {
  background: hsl(0, 0%, 44%);
}
.token--tertiary,
.oui-token--tertiary {
  background: hsl(0, 0%, 93%);
}
.token--error,
.oui-token--error {
  background: hsl(0, 89%, 57%);
}
.token--brand-blue,
.oui-token--brand-blue {
  background-color: hsl(226, 100%, 97%);
}
.token--purple,
.oui-token--purple {
  background-color: hsl(263, 48%, 95%);
}
.token--magenta,
.oui-token--magenta {
  background-color: hsl(310, 56%, 94%);
}
.token--pink,
.oui-token--pink {
  background-color: hsl(340, 86%, 95%);
}
.token--orange,
.oui-token--orange {
  background-color: hsl(36, 100%, 95%);
}
.token--green,
.oui-token--green {
  background-color: hsl(120, 38%, 95%);
}
.token--aqua,
.oui-token--aqua {
  background-color: hsl(189, 72%, 94%);
}
.token--blue,
.oui-token--blue {
  background-color: hsl(209, 91%, 95%);
}
.token--yellow,
.oui-token--yellow {
  background-color: hsl(46, 100%, 95%);
}
.token--red,
.oui-token--red {
  background-color: hsl(0, 91%, 96%);
}
.token--grey,
.oui-token--grey {
  background-color: hsl(0, 0%, 96%);
}
.token--font-dark,
.oui-token--font-dark {
  color: hsl(241, 77%, 12%);
}
.token--font-light,
.oui-token--font-light {
  color: hsl(0, 0%, 100%);
}

.token-tool,
.oui-token-tool {
  display: flex;
  align-items: center;
  flex: none;
  min-width: 0;
  min-height: 0;
}

.token__number,
.oui-token__number {
  min-width: 16px;
  text-align: right;
}

.token__move,
.oui-token__move {
  transform: rotate(90deg);
  color: #999999;
}
.token__move svg,
.oui-token__move svg {
  fill: #999999 !important;
}

.token-tool:hover .oui-token__move svg,
.oui-token-tool:hover .oui-token__move svg {
  fill: gray !important;
}

.oui-token__move--drag-handle {
  transform: rotate(0deg) !important;
}
.oui-token__move--drag-handle svg {
  fill: #ffffff !important;
}

.oui-token-tool:hover .oui-token__move--drag-handle svg {
  fill: #ffffff !important;
}

.token__name,
.oui-token__name {
  font-size: 0.8125rem;
}

.token__description,
.oui-token__description {
  font-size: 0.6875rem;
  padding: 4px 0;
}

.oui-token--full-width {
  width: 100%;
}
.oui-token--full-width .oui-token {
  width: 100%;
}

.oui-pill--dismiss {
  margin-right: -4px;
}
.oui-pill--dismiss svg {
  width: 1em !important;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.oui-pill-input {
  padding: 2px 5px;
}
.oui-pill-input input {
  resize: both;
}
.oui-pill-input:focus-within {
  box-shadow: 0px 0px 3px hsl(227, 100%, 50%);
  border: solid 1px hsl(227, 100%, 50%);
}
.oui-pill-input:focus-within input {
  box-shadow: none;
  outline: 0;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over, .pop--tip--arrow-top-right,
.oui-pop--tip--arrow-top-right, .pop--tip--arrow-top-center,
.oui-pop--tip--arrow-top-center, .pop--tip--arrow-top-left,
.oui-pop--tip--arrow-top-left, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over, .pop--tip--arrow-left-top,
.oui-pop--tip--arrow-left-top, .pop--tip--arrow-right-top,
.oui-pop--tip--arrow-right-top, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over, .pop--tip--arrow-left-center,
.oui-pop--tip--arrow-left-center, .pop--tip--arrow-right-center,
.oui-pop--tip--arrow-right-center, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over, .pop--tip--arrow-left-bottom,
.oui-pop--tip--arrow-left-bottom, .pop--tip--arrow-right-bottom,
.oui-pop--tip--arrow-right-bottom, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over, .pop--tip--arrow-bottom-left,
.oui-pop--tip--arrow-bottom-left, .pop--tip--arrow-bottom-center,
.oui-pop--tip--arrow-bottom-center, .pop--tip--arrow-bottom-right,
.oui-pop--tip--arrow-bottom-right, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over, .pop--tip--arrow-right-bottom,
.oui-pop--tip--arrow-right-bottom, .pop--tip--arrow-right-center,
.oui-pop--tip--arrow-right-center, .pop--tip--arrow-right-top,
.oui-pop--tip--arrow-right-top {
  position: relative;
}
.tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-top-right::before,
.oui-pop--tip--arrow-top-right::before, .pop--tip--arrow-top-center::before,
.oui-pop--tip--arrow-top-center::before, .pop--tip--arrow-top-left::before,
.oui-pop--tip--arrow-top-left::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-top::before,
.oui-pop--tip--arrow-left-top::before, .pop--tip--arrow-right-top::before,
.oui-pop--tip--arrow-right-top::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-center::before,
.oui-pop--tip--arrow-left-center::before, .pop--tip--arrow-right-center::before,
.oui-pop--tip--arrow-right-center::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-bottom::before,
.oui-pop--tip--arrow-left-bottom::before, .pop--tip--arrow-right-bottom::before,
.oui-pop--tip--arrow-right-bottom::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-bottom-left::before,
.oui-pop--tip--arrow-bottom-left::before, .pop--tip--arrow-bottom-center::before,
.oui-pop--tip--arrow-bottom-center::before, .pop--tip--arrow-bottom-right::before,
.oui-pop--tip--arrow-bottom-right::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-top-right::after,
.oui-pop--tip--arrow-top-right::after, .pop--tip--arrow-top-center::after,
.oui-pop--tip--arrow-top-center::after, .pop--tip--arrow-top-left::after,
.oui-pop--tip--arrow-top-left::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-top::after,
.oui-pop--tip--arrow-left-top::after, .pop--tip--arrow-right-top::after,
.oui-pop--tip--arrow-right-top::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-center::after,
.oui-pop--tip--arrow-left-center::after, .pop--tip--arrow-right-center::after,
.oui-pop--tip--arrow-right-center::after, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-bottom::after,
.oui-pop--tip--arrow-left-bottom::after, .pop--tip--arrow-right-bottom::after,
.oui-pop--tip--arrow-right-bottom::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-bottom-left::after,
.oui-pop--tip--arrow-bottom-left::after, .pop--tip--arrow-bottom-center::after,
.oui-pop--tip--arrow-bottom-center::after, .pop--tip--arrow-bottom-right::after,
.oui-pop--tip--arrow-bottom-right::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after {
  content: "";
  position: absolute;
  border-collapse: separate;
  pointer-events: none;
}
.tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-top-right::before,
.oui-pop--tip--arrow-top-right::before, .pop--tip--arrow-top-center::before,
.oui-pop--tip--arrow-top-center::before, .pop--tip--arrow-top-left::before,
.oui-pop--tip--arrow-top-left::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-top::before,
.oui-pop--tip--arrow-left-top::before, .pop--tip--arrow-right-top::before,
.oui-pop--tip--arrow-right-top::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-center::before,
.oui-pop--tip--arrow-left-center::before, .pop--tip--arrow-right-center::before,
.oui-pop--tip--arrow-right-center::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-bottom::before,
.oui-pop--tip--arrow-left-bottom::before, .pop--tip--arrow-right-bottom::before,
.oui-pop--tip--arrow-right-bottom::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-bottom-left::before,
.oui-pop--tip--arrow-bottom-left::before, .pop--tip--arrow-bottom-center::before,
.oui-pop--tip--arrow-bottom-center::before, .pop--tip--arrow-bottom-right::before,
.oui-pop--tip--arrow-bottom-right::before {
  border: 6px solid transparent;
}
.tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-top-right::after,
.oui-pop--tip--arrow-top-right::after, .pop--tip--arrow-top-center::after,
.oui-pop--tip--arrow-top-center::after, .pop--tip--arrow-top-left::after,
.oui-pop--tip--arrow-top-left::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-top::after,
.oui-pop--tip--arrow-left-top::after, .pop--tip--arrow-right-top::after,
.oui-pop--tip--arrow-right-top::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-center::after,
.oui-pop--tip--arrow-left-center::after, .pop--tip--arrow-right-center::after,
.oui-pop--tip--arrow-right-center::after, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-bottom::after,
.oui-pop--tip--arrow-left-bottom::after, .pop--tip--arrow-right-bottom::after,
.oui-pop--tip--arrow-right-bottom::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-bottom-left::after,
.oui-pop--tip--arrow-bottom-left::after, .pop--tip--arrow-bottom-center::after,
.oui-pop--tip--arrow-bottom-center::after, .pop--tip--arrow-bottom-right::after,
.oui-pop--tip--arrow-bottom-right::after {
  border: 5px solid transparent;
}

.tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-top-right::before,
.oui-pop--tip--arrow-top-right::before, .pop--tip--arrow-top-center::before,
.oui-pop--tip--arrow-top-center::before, .pop--tip--arrow-top-left::before,
.oui-pop--tip--arrow-top-left::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-top-right::after,
.oui-pop--tip--arrow-top-right::after, .pop--tip--arrow-top-center::after,
.oui-pop--tip--arrow-top-center::after, .pop--tip--arrow-top-left::after,
.oui-pop--tip--arrow-top-left::after {
  bottom: 100%;
}

.tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-top::before,
.oui-pop--tip--arrow-left-top::before, .pop--tip--arrow-right-top::before,
.oui-pop--tip--arrow-right-top::before {
  top: 5px;
}
.tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-top::after,
.oui-pop--tip--arrow-left-top::after, .pop--tip--arrow-right-top::after,
.oui-pop--tip--arrow-right-top::after {
  top: 6px;
}

.tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-center::before,
.oui-pop--tip--arrow-left-center::before, .pop--tip--arrow-right-center::before,
.oui-pop--tip--arrow-right-center::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-center::after,
.oui-pop--tip--arrow-left-center::after, .pop--tip--arrow-right-center::after,
.oui-pop--tip--arrow-right-center::after {
  top: 50%;
  margin-top: -6px;
}
.tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-center::after,
.oui-pop--tip--arrow-left-center::after, .pop--tip--arrow-right-center::after,
.oui-pop--tip--arrow-right-center::after {
  margin-top: -5px;
}

.tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-bottom::before,
.oui-pop--tip--arrow-left-bottom::before, .pop--tip--arrow-right-bottom::before,
.oui-pop--tip--arrow-right-bottom::before {
  bottom: 5px;
}
.tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-bottom::after,
.oui-pop--tip--arrow-left-bottom::after, .pop--tip--arrow-right-bottom::after,
.oui-pop--tip--arrow-right-bottom::after {
  bottom: 6px;
}

.tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-bottom-left::before,
.oui-pop--tip--arrow-bottom-left::before, .pop--tip--arrow-bottom-center::before,
.oui-pop--tip--arrow-bottom-center::before, .pop--tip--arrow-bottom-right::before,
.oui-pop--tip--arrow-bottom-right::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-bottom-left::after,
.oui-pop--tip--arrow-bottom-left::after, .pop--tip--arrow-bottom-center::after,
.oui-pop--tip--arrow-bottom-center::after, .pop--tip--arrow-bottom-right::after,
.oui-pop--tip--arrow-bottom-right::after {
  top: 100%;
}

.tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::before, .pop--tip--arrow-left-top::before,
.oui-pop--tip--arrow-left-top::before, .pop--tip--arrow-left-center::before,
.oui-pop--tip--arrow-left-center::before, .pop--tip--arrow-left-bottom::before,
.oui-pop--tip--arrow-left-bottom::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::after, .pop--tip--arrow-left-top::after,
.oui-pop--tip--arrow-left-top::after, .pop--tip--arrow-left-center::after,
.oui-pop--tip--arrow-left-center::after, .pop--tip--arrow-left-bottom::after,
.oui-pop--tip--arrow-left-bottom::after {
  right: 100%;
}

.tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-bottom-left::before,
.oui-pop--tip--arrow-bottom-left::before, .pop--tip--arrow-top-left::before,
.oui-pop--tip--arrow-top-left::before {
  left: 5px;
}
.tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-bottom-left::after,
.oui-pop--tip--arrow-bottom-left::after, .pop--tip--arrow-top-left::after,
.oui-pop--tip--arrow-top-left::after {
  left: 6px;
}

.tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-bottom-center::before,
.oui-pop--tip--arrow-bottom-center::before, .pop--tip--arrow-top-center::before,
.oui-pop--tip--arrow-top-center::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-bottom-center::after,
.oui-pop--tip--arrow-bottom-center::after, .pop--tip--arrow-top-center::after,
.oui-pop--tip--arrow-top-center::after {
  left: 50%;
  margin-left: -6px;
}
.tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-bottom-center::after,
.oui-pop--tip--arrow-bottom-center::after, .pop--tip--arrow-top-center::after,
.oui-pop--tip--arrow-top-center::after {
  margin-left: -5px;
}

.tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .pop--tip--arrow-bottom-right::before,
.oui-pop--tip--arrow-bottom-right::before, .pop--tip--arrow-top-right::before,
.oui-pop--tip--arrow-top-right::before {
  right: 5px;
}
.tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .pop--tip--arrow-bottom-right::after,
.oui-pop--tip--arrow-bottom-right::after, .pop--tip--arrow-top-right::after,
.oui-pop--tip--arrow-top-right::after {
  right: 6px;
}

.tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-right-bottom::before,
.oui-pop--tip--arrow-right-bottom::before, .pop--tip--arrow-right-center::before,
.oui-pop--tip--arrow-right-center::before, .pop--tip--arrow-right-top::before,
.oui-pop--tip--arrow-right-top::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-right-bottom::after,
.oui-pop--tip--arrow-right-bottom::after, .pop--tip--arrow-right-center::after,
.oui-pop--tip--arrow-right-center::after, .pop--tip--arrow-right-top::after,
.oui-pop--tip--arrow-right-top::after {
  left: 100%;
}

.push {
  margin: 8px !important;
}

.push--top {
  margin-top: 8px !important;
}

.push--right {
  margin-right: 8px !important;
}

.push--bottom {
  margin-bottom: 8px !important;
}

.push--left {
  margin-left: 8px !important;
}

.push--ends {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.push--sides {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.push-half {
  margin: 4px !important;
}

.push-half--top {
  margin-top: 4px !important;
}

.push-half--right {
  margin-right: 4px !important;
}

.push-half--bottom {
  margin-bottom: 4px !important;
}

.push-half--left {
  margin-left: 4px !important;
}

.push-half--ends {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.push-half--sides {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.push-double {
  margin: 16px !important;
}

.push-double--top {
  margin-top: 16px !important;
}

.push-double--right {
  margin-right: 16px !important;
}

.push-double--bottom {
  margin-bottom: 16px !important;
}

.push-double--left {
  margin-left: 16px !important;
}

.push-double--ends {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.push-double--sides {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.push-triple {
  margin: 24px !important;
}

.push-triple--top {
  margin-top: 24px !important;
}

.push-triple--right {
  margin-right: 24px !important;
}

.push-triple--bottom {
  margin-bottom: 24px !important;
}

.push-triple--left {
  margin-left: 24px !important;
}

.push-triple--ends {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.push-triple--sides {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.push-quad {
  margin: 32px !important;
}

.push-quad--top {
  margin-top: 32px !important;
}

.push-quad--right {
  margin-right: 32px !important;
}

.push-quad--bottom {
  margin-bottom: 32px !important;
}

.push-quad--left {
  margin-left: 32px !important;
}

.push-quad--ends {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.push-quad--sides {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.flush {
  margin: 0 !important;
}

.flush--top {
  margin-top: 0 !important;
}

.flush--right {
  margin-right: 0 !important;
}

.flush--bottom {
  margin-bottom: 0 !important;
}

.flush--left {
  margin-left: 0 !important;
}

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.pop--over__content > *:last-child,
.oui-pop--over__content > *:last-child, .form-fields > *:last-child,
.oui-form-fields > *:last-child,
.island > *:last-child,
.attention > *:last-child,
.oui-attention > *:last-child, .lego-dialog__body > *:last-child, .disclose > *:last-child,
.oui-disclose > *:last-child,
.oui-disclose-table--row__toggle > *:last-child,
.media__body > *:last-child,
.pop--over__content > *:last-child > *:last-child,
.oui-pop--over__content > *:last-child > *:last-child, .form-fields > *:last-child > *:last-child,
.oui-form-fields > *:last-child > *:last-child,
.island > *:last-child > *:last-child,
.attention > *:last-child > *:last-child,
.oui-attention > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child, .disclose > *:last-child > *:last-child,
.oui-disclose > *:last-child > *:last-child,
.oui-disclose-table--row__toggle > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child,
.pop--over__content > *:last-child > *:last-child > *:last-child,
.oui-pop--over__content > *:last-child > *:last-child > *:last-child, .form-fields > *:last-child > *:last-child > *:last-child,
.oui-form-fields > *:last-child > *:last-child > *:last-child,
.island > *:last-child > *:last-child > *:last-child,
.attention > *:last-child > *:last-child > *:last-child,
.oui-attention > *:last-child > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child > *:last-child, .disclose > *:last-child > *:last-child > *:last-child,
.oui-disclose > *:last-child > *:last-child > *:last-child,
.oui-disclose-table--row__toggle > *:last-child > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}

.pop--over,
.oui-pop--over {
  border: 1px solid hsl(0, 0%, 84%);
  border-radius: var(--border-radius);
  background: hsl(0, 0%, 100%);
  max-width: 350px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  position: absolute;
  opacity: 0;
  display: none;
}
.pop--over__content,
.oui-pop--over__content {
  max-height: 100vh;
  overflow-y: auto;
  padding: 4px 8px;
}
.pop--over__title,
.oui-pop--over__title {
  font-weight: 500;
}
.pop--over__body,
.oui-pop--over__body {
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 0.75rem;
  line-height: 1.4;
}
.pop--over__footer,
.oui-pop--over__footer {
  margin-top: 4px;
  font-size: 0.6875rem;
}
.pop--over__close,
.oui-pop--over__close {
  cursor: pointer;
  position: absolute;
  top: 4px;
  right: 4px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over, .pop--tip--arrow-top-right,
.oui-pop--tip--arrow-top-right, .pop--tip--arrow-top-center,
.oui-pop--tip--arrow-top-center, .pop--tip--arrow-top-left,
.oui-pop--tip--arrow-top-left, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over, .pop--tip--arrow-left-top,
.oui-pop--tip--arrow-left-top, .pop--tip--arrow-right-top,
.oui-pop--tip--arrow-right-top, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over, .pop--tip--arrow-left-center,
.oui-pop--tip--arrow-left-center, .pop--tip--arrow-right-center,
.oui-pop--tip--arrow-right-center, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over, .pop--tip--arrow-left-bottom,
.oui-pop--tip--arrow-left-bottom, .pop--tip--arrow-right-bottom,
.oui-pop--tip--arrow-right-bottom, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over, .pop--tip--arrow-bottom-left,
.oui-pop--tip--arrow-bottom-left, .pop--tip--arrow-bottom-center,
.oui-pop--tip--arrow-bottom-center, .pop--tip--arrow-bottom-right,
.oui-pop--tip--arrow-bottom-right, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over, .pop--tip--arrow-right-bottom,
.oui-pop--tip--arrow-right-bottom, .pop--tip--arrow-right-center,
.oui-pop--tip--arrow-right-center, .pop--tip--arrow-right-top,
.oui-pop--tip--arrow-right-top {
  position: relative;
}
.tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-top-right::before,
.oui-pop--tip--arrow-top-right::before, .pop--tip--arrow-top-center::before,
.oui-pop--tip--arrow-top-center::before, .pop--tip--arrow-top-left::before,
.oui-pop--tip--arrow-top-left::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-top::before,
.oui-pop--tip--arrow-left-top::before, .pop--tip--arrow-right-top::before,
.oui-pop--tip--arrow-right-top::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-center::before,
.oui-pop--tip--arrow-left-center::before, .pop--tip--arrow-right-center::before,
.oui-pop--tip--arrow-right-center::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-bottom::before,
.oui-pop--tip--arrow-left-bottom::before, .pop--tip--arrow-right-bottom::before,
.oui-pop--tip--arrow-right-bottom::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-bottom-left::before,
.oui-pop--tip--arrow-bottom-left::before, .pop--tip--arrow-bottom-center::before,
.oui-pop--tip--arrow-bottom-center::before, .pop--tip--arrow-bottom-right::before,
.oui-pop--tip--arrow-bottom-right::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-top-right::after,
.oui-pop--tip--arrow-top-right::after, .pop--tip--arrow-top-center::after,
.oui-pop--tip--arrow-top-center::after, .pop--tip--arrow-top-left::after,
.oui-pop--tip--arrow-top-left::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-top::after,
.oui-pop--tip--arrow-left-top::after, .pop--tip--arrow-right-top::after,
.oui-pop--tip--arrow-right-top::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-center::after,
.oui-pop--tip--arrow-left-center::after, .pop--tip--arrow-right-center::after,
.oui-pop--tip--arrow-right-center::after, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-bottom::after,
.oui-pop--tip--arrow-left-bottom::after, .pop--tip--arrow-right-bottom::after,
.oui-pop--tip--arrow-right-bottom::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-bottom-left::after,
.oui-pop--tip--arrow-bottom-left::after, .pop--tip--arrow-bottom-center::after,
.oui-pop--tip--arrow-bottom-center::after, .pop--tip--arrow-bottom-right::after,
.oui-pop--tip--arrow-bottom-right::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after {
  content: "";
  position: absolute;
  border-collapse: separate;
  pointer-events: none;
}
.tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-top-right::before,
.oui-pop--tip--arrow-top-right::before, .pop--tip--arrow-top-center::before,
.oui-pop--tip--arrow-top-center::before, .pop--tip--arrow-top-left::before,
.oui-pop--tip--arrow-top-left::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-top::before,
.oui-pop--tip--arrow-left-top::before, .pop--tip--arrow-right-top::before,
.oui-pop--tip--arrow-right-top::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-center::before,
.oui-pop--tip--arrow-left-center::before, .pop--tip--arrow-right-center::before,
.oui-pop--tip--arrow-right-center::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-bottom::before,
.oui-pop--tip--arrow-left-bottom::before, .pop--tip--arrow-right-bottom::before,
.oui-pop--tip--arrow-right-bottom::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-bottom-left::before,
.oui-pop--tip--arrow-bottom-left::before, .pop--tip--arrow-bottom-center::before,
.oui-pop--tip--arrow-bottom-center::before, .pop--tip--arrow-bottom-right::before,
.oui-pop--tip--arrow-bottom-right::before {
  border: 6px solid transparent;
}
.tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-top-right::after,
.oui-pop--tip--arrow-top-right::after, .pop--tip--arrow-top-center::after,
.oui-pop--tip--arrow-top-center::after, .pop--tip--arrow-top-left::after,
.oui-pop--tip--arrow-top-left::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-top::after,
.oui-pop--tip--arrow-left-top::after, .pop--tip--arrow-right-top::after,
.oui-pop--tip--arrow-right-top::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-center::after,
.oui-pop--tip--arrow-left-center::after, .pop--tip--arrow-right-center::after,
.oui-pop--tip--arrow-right-center::after, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-bottom::after,
.oui-pop--tip--arrow-left-bottom::after, .pop--tip--arrow-right-bottom::after,
.oui-pop--tip--arrow-right-bottom::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-bottom-left::after,
.oui-pop--tip--arrow-bottom-left::after, .pop--tip--arrow-bottom-center::after,
.oui-pop--tip--arrow-bottom-center::after, .pop--tip--arrow-bottom-right::after,
.oui-pop--tip--arrow-bottom-right::after {
  border: 5px solid transparent;
}

.tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-top-right::before,
.oui-pop--tip--arrow-top-right::before, .pop--tip--arrow-top-center::before,
.oui-pop--tip--arrow-top-center::before, .pop--tip--arrow-top-left::before,
.oui-pop--tip--arrow-top-left::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-top-right::after,
.oui-pop--tip--arrow-top-right::after, .pop--tip--arrow-top-center::after,
.oui-pop--tip--arrow-top-center::after, .pop--tip--arrow-top-left::after,
.oui-pop--tip--arrow-top-left::after {
  bottom: 100%;
}

.tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-top::before,
.oui-pop--tip--arrow-left-top::before, .pop--tip--arrow-right-top::before,
.oui-pop--tip--arrow-right-top::before {
  top: 5px;
}
.tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-top::after,
.oui-pop--tip--arrow-left-top::after, .pop--tip--arrow-right-top::after,
.oui-pop--tip--arrow-right-top::after {
  top: 6px;
}

.tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-center::before,
.oui-pop--tip--arrow-left-center::before, .pop--tip--arrow-right-center::before,
.oui-pop--tip--arrow-right-center::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-center::after,
.oui-pop--tip--arrow-left-center::after, .pop--tip--arrow-right-center::after,
.oui-pop--tip--arrow-right-center::after {
  top: 50%;
  margin-top: -6px;
}
.tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-center::after,
.oui-pop--tip--arrow-left-center::after, .pop--tip--arrow-right-center::after,
.oui-pop--tip--arrow-right-center::after {
  margin-top: -5px;
}

.tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-left-bottom::before,
.oui-pop--tip--arrow-left-bottom::before, .pop--tip--arrow-right-bottom::before,
.oui-pop--tip--arrow-right-bottom::before {
  bottom: 5px;
}
.tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-left-bottom::after,
.oui-pop--tip--arrow-left-bottom::after, .pop--tip--arrow-right-bottom::after,
.oui-pop--tip--arrow-right-bottom::after {
  bottom: 6px;
}

.tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-bottom-left::before,
.oui-pop--tip--arrow-bottom-left::before, .pop--tip--arrow-bottom-center::before,
.oui-pop--tip--arrow-bottom-center::before, .pop--tip--arrow-bottom-right::before,
.oui-pop--tip--arrow-bottom-right::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-bottom-left::after,
.oui-pop--tip--arrow-bottom-left::after, .pop--tip--arrow-bottom-center::after,
.oui-pop--tip--arrow-bottom-center::after, .pop--tip--arrow-bottom-right::after,
.oui-pop--tip--arrow-bottom-right::after {
  top: 100%;
}

.tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::before, .pop--tip--arrow-left-top::before,
.oui-pop--tip--arrow-left-top::before, .pop--tip--arrow-left-center::before,
.oui-pop--tip--arrow-left-center::before, .pop--tip--arrow-left-bottom::before,
.oui-pop--tip--arrow-left-bottom::before, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::after, .pop--tip--arrow-left-top::after,
.oui-pop--tip--arrow-left-top::after, .pop--tip--arrow-left-center::after,
.oui-pop--tip--arrow-left-center::after, .pop--tip--arrow-left-bottom::after,
.oui-pop--tip--arrow-left-bottom::after {
  right: 100%;
}

.tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-bottom-left::before,
.oui-pop--tip--arrow-bottom-left::before, .pop--tip--arrow-top-left::before,
.oui-pop--tip--arrow-top-left::before {
  left: 5px;
}
.tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-bottom-left::after,
.oui-pop--tip--arrow-bottom-left::after, .pop--tip--arrow-top-left::after,
.oui-pop--tip--arrow-top-left::after {
  left: 6px;
}

.tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::before, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::before, .pop--tip--arrow-bottom-center::before,
.oui-pop--tip--arrow-bottom-center::before, .pop--tip--arrow-top-center::before,
.oui-pop--tip--arrow-top-center::before, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-bottom-center::after,
.oui-pop--tip--arrow-bottom-center::after, .pop--tip--arrow-top-center::after,
.oui-pop--tip--arrow-top-center::after {
  left: 50%;
  margin-left: -6px;
}
.tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::after, .tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::after, .pop--tip--arrow-bottom-center::after,
.oui-pop--tip--arrow-bottom-center::after, .pop--tip--arrow-top-center::after,
.oui-pop--tip--arrow-top-center::after {
  margin-left: -5px;
}

.tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before, .pop--tip--arrow-bottom-right::before,
.oui-pop--tip--arrow-bottom-right::before, .pop--tip--arrow-top-right::before,
.oui-pop--tip--arrow-top-right::before {
  right: 5px;
}
.tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after, .tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after, .pop--tip--arrow-bottom-right::after,
.oui-pop--tip--arrow-bottom-right::after, .pop--tip--arrow-top-right::after,
.oui-pop--tip--arrow-top-right::after {
  right: 6px;
}

.tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::before, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::before, .pop--tip--arrow-right-bottom::before,
.oui-pop--tip--arrow-right-bottom::before, .pop--tip--arrow-right-center::before,
.oui-pop--tip--arrow-right-center::before, .pop--tip--arrow-right-top::before,
.oui-pop--tip--arrow-right-top::before, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::after, .tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::after, .pop--tip--arrow-right-bottom::after,
.oui-pop--tip--arrow-right-bottom::after, .pop--tip--arrow-right-center::after,
.oui-pop--tip--arrow-right-center::after, .pop--tip--arrow-right-top::after,
.oui-pop--tip--arrow-right-top::after {
  left: 100%;
}

.pop--tip,
.oui-pop--tip,
.tippy-popper {
  border-radius: var(--border-radius);
}

.pop--tip,
.oui-pop--tip {
  background: #262626;
  color: hsl(0, 0%, 100%);
  font-size: 0.6875rem;
  padding: 4px 8px;
  max-width: 250px;
  display: inline-block;
  z-index: 100;
  font-weight: 500;
  position: absolute;
  opacity: 0;
}
.pop--tip--arrow-top-left::before,
.oui-pop--tip--arrow-top-left::before {
  border-bottom-color: #262626;
}
.pop--tip--arrow-top-left::after,
.oui-pop--tip--arrow-top-left::after {
  border-bottom-color: #262626;
  margin-bottom: -1px;
}
.pop--tip--arrow-top-center::before,
.oui-pop--tip--arrow-top-center::before {
  border-bottom-color: #262626;
}
.pop--tip--arrow-top-center::after,
.oui-pop--tip--arrow-top-center::after {
  border-bottom-color: #262626;
  margin-bottom: -1px;
}
.pop--tip--arrow-top-right::before,
.oui-pop--tip--arrow-top-right::before {
  border-bottom-color: #262626;
}
.pop--tip--arrow-top-right::after,
.oui-pop--tip--arrow-top-right::after {
  border-bottom-color: #262626;
  margin-bottom: -1px;
}
.pop--tip--arrow-right-top::before,
.oui-pop--tip--arrow-right-top::before {
  border-left-color: #262626;
}
.pop--tip--arrow-right-top::after,
.oui-pop--tip--arrow-right-top::after {
  border-left-color: #262626;
  margin-left: -1px;
}
.pop--tip--arrow-right-center::before,
.oui-pop--tip--arrow-right-center::before {
  border-left-color: #262626;
}
.pop--tip--arrow-right-center::after,
.oui-pop--tip--arrow-right-center::after {
  border-left-color: #262626;
  margin-left: -1px;
}
.pop--tip--arrow-right-bottom::before,
.oui-pop--tip--arrow-right-bottom::before {
  border-left-color: #262626;
}
.pop--tip--arrow-right-bottom::after,
.oui-pop--tip--arrow-right-bottom::after {
  border-left-color: #262626;
  margin-left: -1px;
}
.pop--tip--arrow-bottom-right::before,
.oui-pop--tip--arrow-bottom-right::before {
  border-top-color: #262626;
}
.pop--tip--arrow-bottom-right::after,
.oui-pop--tip--arrow-bottom-right::after {
  border-top-color: #262626;
  margin-top: -1px;
}
.pop--tip--arrow-bottom-center::before,
.oui-pop--tip--arrow-bottom-center::before {
  border-top-color: #262626;
}
.pop--tip--arrow-bottom-center::after,
.oui-pop--tip--arrow-bottom-center::after {
  border-top-color: #262626;
  margin-top: -1px;
}
.pop--tip--arrow-bottom-left::before,
.oui-pop--tip--arrow-bottom-left::before {
  border-top-color: #262626;
}
.pop--tip--arrow-bottom-left::after,
.oui-pop--tip--arrow-bottom-left::after {
  border-top-color: #262626;
  margin-top: -1px;
}
.pop--tip--arrow-left-bottom::before,
.oui-pop--tip--arrow-left-bottom::before {
  border-right-color: #262626;
}
.pop--tip--arrow-left-bottom::after,
.oui-pop--tip--arrow-left-bottom::after {
  border-right-color: #262626;
  margin-right: -1px;
}
.pop--tip--arrow-left-center::before,
.oui-pop--tip--arrow-left-center::before {
  border-right-color: #262626;
}
.pop--tip--arrow-left-center::after,
.oui-pop--tip--arrow-left-center::after {
  border-right-color: #262626;
  margin-right: -1px;
}
.pop--tip--arrow-left-top::before,
.oui-pop--tip--arrow-left-top::before {
  border-right-color: #262626;
}
.pop--tip--arrow-left-top::after,
.oui-pop--tip--arrow-left-top::after {
  border-right-color: #262626;
  margin-right: -1px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.progress,
.oui-progress {
  background: hsl(0, 0%, 100%);
  height: 20px;
  border-radius: 5px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.progress--bad-news .progress__bar,
.progress--bad-news .oui-progress__bar,
.oui-progress--bad-news .progress__bar,
.oui-progress--bad-news .oui-progress__bar {
  background: hsl(0, 89%, 57%);
}
.progress__bar,
.oui-progress__bar {
  transition: width 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  height: 100%;
  background: hsl(227, 100%, 50%);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  color: hsl(0, 0%, 100%);
  font-size: 0.75rem;
  min-width: 20px;
  max-width: 100%;
}
.progress__bar[aria-valuenow="0"],
.oui-progress__bar[aria-valuenow="0"] {
  background: transparent;
  box-shadow: none;
  color: gray;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.progress-dots,
.oui-progress-dots {
  display: inline-block;
  white-space: nowrap;
}
.progress-dots li,
.oui-progress-dots li {
  opacity: 0;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 3px;
  border-radius: 50%;
  background: hsl(227, 100%, 50%);
  animation: progress-pulse 2s infinite;
}
.progress-dots li:nth-child(2),
.oui-progress-dots li:nth-child(2) {
  animation-delay: 0.2s;
}
.progress-dots li:nth-child(3),
.oui-progress-dots li:nth-child(3) {
  animation-delay: 0.4s;
}
.progress-dots--reverse li,
.oui-progress-dots--reverse li {
  background: hsl(0, 0%, 100%);
}
.progress-dots--small li,
.oui-progress-dots--small li {
  width: 4px;
  height: 4px;
  margin: 0 1px;
}

@keyframes progress-pulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.oui-rangeslider input[type=range] {
  -webkit-appearance: none;
  height: 50px;
  background: transparent;
}
.oui-rangeslider input[type=range]:focus {
  outline: none;
}
.oui-rangeslider input[type=range]::-webkit-slider-runnable-track {
  position: relative;
  top: 16px;
}
.oui-rangeslider input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 4px solid white;
  cursor: pointer;
  margin-top: -0.3em;
  width: 24px;
  height: 24px;
  background: white;
  background-size: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  box-shadow: 0 0 4px rgba(110, 110, 110, 0.8), 0 0 2px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}
.oui-rangeslider input[type=range]:focus::-webkit-slider-thumb {
  box-shadow: 0 0 8px rgba(0, 116, 180, 0.9);
}
.oui-rangeslider .range-display {
  height: 35px;
  position: absolute;
  left: 12px;
  right: 11px;
}
.oui-rangeslider .range-display svg {
  display: inline-flex;
  width: 100%;
  height: 100%;
}
.oui-rangeslider.oui-rangeslider--disabled .range-display {
  filter: grayscale(1) opacity(0.3);
}
.oui-rangeslider.oui-rangeslider--disabled .range-grid .gridline,
.oui-rangeslider.oui-rangeslider--disabled .range-labels {
  opacity: 0.5;
}
.oui-rangeslider .range-display.range-display-overlay {
  background-color: white;
  background-image: none;
  display: inline-flex;
  left: 50%;
  opacity: 0.9;
  right: 0;
}
.oui-rangeslider .range-display.range-display-overlay::after {
  display: none;
}
.oui-rangeslider .range-display::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0px;
  height: 8px;
  background-color: hsl(0, 0%, 100%);
  border: 1px solid #bfbfbf;
  bottom: -8px;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  border-top: none;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2) inset;
}
.oui-rangeslider .range-grid {
  position: absolute;
  width: calc(100% - 24px);
  margin-left: 12px;
  height: 38px;
  top: 20px;
}
.oui-rangeslider .range-grid .gridline {
  background-color: #bfbfbf;
  opacity: 1;
  position: absolute;
  left: 0px;
  right: 0px;
  width: 1px;
  height: 95%;
  bottom: 0px;
}
.oui-rangeslider .range-grid .gridline.gridline-half {
  left: 0px;
  right: 0px;
  width: 1px;
  height: 50%;
}
.oui-rangeslider .range-grid .gridline.grid-2 {
  left: 25%;
}
.oui-rangeslider .range-grid .gridline.grid-3 {
  left: 50%;
}
.oui-rangeslider .range-grid .gridline.grid-4 {
  left: 75%;
}
.oui-rangeslider .range-grid .gridline.grid-5 {
  left: 100%;
}
.oui-rangeslider .range-grid .gridline.grid-h1 {
  left: 12.5%;
}
.oui-rangeslider .range-grid .gridline.grid-h2 {
  left: 37.5%;
}
.oui-rangeslider .range-grid .gridline.grid-h3 {
  left: 62.5%;
}
.oui-rangeslider .range-grid .gridline.grid-h4 {
  left: 87.5%;
}

.search {
  position: relative;
}
.search .icon {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 8px;
  cursor: pointer;
  display: none;
}

.text-input--search,
.oui-text-input--search {
  padding-left: 32px;
  background-image: url("data:image/svg+xml;utf8,<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 16 16\" xml:space=\"preserve\"><g id=\"Layer_1\"><path d=\"M6.21,12.417C2.786,12.417,0,9.632,0,6.209C0,2.785,2.786,0,6.21,0c3.422,0,6.206,2.785,6.206,6.209 C12.416,9.632,9.632,12.417,6.21,12.417z M6.21,1C3.337,1,1,3.337,1,6.209s2.337,5.208,5.21,5.208c2.87,0,5.206-2.336,5.206-5.208S9.08,1,6.21,1z\"/><path d=\"M15.5,16c-0.128,0-0.256-0.049-0.354-0.146l-5.25-5.25c-0.195-0.195-0.195-0.512,0-0.707s0.512-0.195,0.707,0l5.25,5.25 c0.195,0.195,0.195,0.512,0,0.707C15.756,15.951,15.628,16,15.5,16z\"/></g></svg>");
  background-repeat: no-repeat;
  background-position: left 8px center;
  background-size: 16px 16px;
}

.search--active .icon {
  display: block;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.search {
  position: relative;
}
.search .icon {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 8px;
  cursor: pointer;
  display: none;
}

.search-picker__input-container .search-picker__input {
  border-color: hsl(0, 0%, 62%);
}
.search-picker__input-container .oui-text-input__clear-button {
  display: none !important;
}
.search-picker__input-container .oui-text-input__clear-button button:hover {
  color: hsl(227, 100%, 50%);
  border-color: hsl(227, 100%, 85%);
}
.search-picker__input-container .oui-text-input__clear-button button:focus {
  color: hsl(227, 100%, 50%);
  border-color: hsl(227, 100%, 50%);
}
.search-picker__input-container:hover .search-picker__input {
  border-color: rgba(0, 55, 255, 0.6980392157);
}
.search-picker__input-container:focus-within .search-picker__input {
  border-color: hsl(227, 100%, 50%);
}
.search-picker__input-container:hover .search-picker__input.has-value + .oui-text-input__clear-button, .search-picker__input-container:focus-within .search-picker__input.has-value + .oui-text-input__clear-button {
  display: flex !important;
}

.text-input--search,
.oui-text-input--search {
  padding-left: 32px;
  background-image: url("data:image/svg+xml;utf8,<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 16 16\" xml:space=\"preserve\"><g id=\"Layer_1\"><path d=\"M6.21,12.417C2.786,12.417,0,9.632,0,6.209C0,2.785,2.786,0,6.21,0c3.422,0,6.206,2.785,6.206,6.209 C12.416,9.632,9.632,12.417,6.21,12.417z M6.21,1C3.337,1,1,3.337,1,6.209s2.337,5.208,5.21,5.208c2.87,0,5.206-2.336,5.206-5.208S9.08,1,6.21,1z\"/><path d=\"M15.5,16c-0.128,0-0.256-0.049-0.354-0.146l-5.25-5.25c-0.195-0.195-0.195-0.512,0-0.707s0.512-0.195,0.707,0l5.25,5.25 c0.195,0.195,0.195,0.512,0,0.707C15.756,15.951,15.628,16,15.5,16z\"/></g></svg>");
  background-repeat: no-repeat;
  background-position: left 8px center;
  background-size: 16px 16px;
}

.search--active .icon {
  display: block;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.oui-dropdown-group__activator-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  text-align: left;
  line-height: 32px;
  font-size: 13px;
  font-weight: 400;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.oui-close-button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border-radius: 50%;
  cursor: pointer;
  background: none;
  border: none;
  top: 4px;
  right: 4px;
  box-shadow: none;
  padding: 8px;
}
.oui-close-button .oui-icon {
  fill: var(--dark-blue-75);
}
.oui-close-button:hover {
  background: var(--light-blue-6);
  color: var(--light-blue-75);
}

.oui-sheet {
  position: fixed;
  bottom: 0;
  height: 95%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  width: 900px;
  background: hsl(0, 0%, 100%);
  padding-top: 48px;
}

.oui-sheet__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 3000;
}

.oui-sheet__overlay {
  background: hsl(0, 0%, 100%);
  opacity: 0.9;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
}

.oui-sheet__header {
  padding: 0px 48px 16px;
}

.oui-sheet__footer {
  position: fixed;
  bottom: 0;
  width: 900px;
  background: #f7f7f7;
  border-top: 1px solid #f0f0f0;
  padding: 8px 48px;
}

.oui-sheet__body {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 8px 48px 48px 48px;
}

.oui-sheet__link {
  margin-left: 4px;
}

.oui-sheet .oui-close-button {
  top: 24px;
  right: 24px;
}

.oui-sheet__warning {
  padding: 16px 48px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.oui-sidebar {
  transition-property: max-width, width, left, right, visibility;
  transition-duration: 0.3s;
  top: 0;
  z-index: 99;
}
.oui-sidebar.background--smoke {
  background-color: hsl(0, 0%, 98%);
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.sortable__drag-placeholder,
.oui-sortable__drag-placeholder {
  border: 2px dashed #c7c7c7 !important;
}
.sortable__drag-placeholder *,
.oui-sortable__drag-placeholder * {
  opacity: 0;
}

.sortable__group,
.oui-sortable__group {
  border-top: 1px solid #f0f0f0;
}
.sortable__group__handle,
.oui-sortable__group__handle {
  padding-right: 8px;
  color: #c7c7c7;
  box-sizing: content-box;
}

.sortable__drag-preview,
.oui-sortable__drag-preview {
  left: 0;
  top: 0;
  z-index: 9999;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.overlay,
.oui-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  justify-content: center;
  align-items: center;
}

.stat-group {
  display: flex;
}

.stat {
  margin-right: 8px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.steps,
.oui-steps {
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
.steps__dot,
.oui-steps__dot {
  transform: translateX(-50%);
  transition: all 0.3s;
  position: absolute;
  width: 16px;
  height: 16px;
  top: -7px;
  left: 50%;
  border-radius: 50%;
  border: 3px solid #e0e0e0;
  background: hsl(0, 0%, 100%);
  z-index: 1;
}
.steps__label,
.oui-steps__label {
  text-align: center;
  font-weight: 400;
  color: hsl(0, 0%, 44%);
}
.steps__item,
.oui-steps__item {
  flex: 1;
  padding-top: 16px;
  position: relative;
}
.steps__item::before,
.oui-steps__item::before {
  content: "";
  height: 3px;
  background: #e0e0e0;
  width: 100%;
  position: absolute;
  top: 0;
  right: 50%;
}
.steps__item--active::before,
.oui-steps__item--active::before {
  background: hsl(227, 100%, 50%);
}
.steps__item--active .steps__dot,
.steps__item--active .oui-steps__dot,
.oui-steps__item--active .steps__dot,
.oui-steps__item--active .oui-steps__dot {
  border-color: hsl(227, 100%, 50%);
}
.steps__item--active .steps__label,
.steps__item--active .oui-steps__label,
.oui-steps__item--active .steps__label,
.oui-steps__item--active .oui-steps__label {
  color: hsl(227, 100%, 50%);
}
.steps__item--complete::before,
.oui-steps__item--complete::before {
  background: hsl(227, 100%, 50%);
}
.steps__item--complete .steps__dot,
.steps__item--complete .oui-steps__dot,
.oui-steps__item--complete .steps__dot,
.oui-steps__item--complete .oui-steps__dot {
  background: hsl(227, 100%, 50%);
  border-color: hsl(227, 100%, 50%);
}
.steps__item--editable:hover,
.oui-steps__item--editable:hover {
  cursor: pointer;
}
.steps__item--editable:hover .steps__dot,
.steps__item--editable:hover .oui-steps__dot,
.oui-steps__item--editable:hover .steps__dot,
.oui-steps__item--editable:hover .oui-steps__dot {
  border-color: #335fff;
}
.steps__item--editable:hover .steps__label,
.steps__item--editable:hover .oui-steps__label,
.oui-steps__item--editable:hover .steps__label,
.oui-steps__item--editable:hover .oui-steps__label {
  color: #335fff;
}
.steps__item--editable:hover.oui-steps__item--complete .steps__dot,
.steps__item--editable:hover.oui-steps__item--complete .oui-steps__dot,
.oui-steps__item--editable:hover.oui-steps__item--complete .steps__dot,
.oui-steps__item--editable:hover.oui-steps__item--complete .oui-steps__dot {
  background: #335fff;
}
.steps__item:first-child::before,
.oui-steps__item:first-child::before {
  display: none;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.oui-summary-bar-col-header__help-popover {
  padding-top: 2px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
/* don't hide input from screen-readers and keyboard access */
.oui-switch {
  position: absolute;
  opacity: 0;
  z-index: 3;
}

.oui-switch:checked ~ span a {
  right: 0%;
}

.oui-switch + label {
  font-size: 1em;
  line-height: 1;
  width: 4.3rem;
  height: 2.3rem;
  background-color: hsl(0, 0%, 44%);
  background-image: none;
  border-radius: 2rem;
  padding: 0.1666666667rem;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  position: relative;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2) inset;
  font-family: inherit;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  -webkit-user-select: none;
  border: 2px solid white;
}

/* Label */
.oui-switch + label:before {
  color: #fff;
  content: attr(data-off-label);
  display: block;
  font-family: inherit;
  font-family: FontAwesome, inherit;
  font-weight: 900;
  font-size: 0.85rem;
  line-height: 1.74rem;
  position: absolute;
  right: 0.2166666667rem;
  margin: 0.2166666667rem;
  top: 0;
  text-align: center;
  min-width: 1.6666666667rem;
  overflow: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

/* Slider */
.oui-switch + label:after {
  content: "";
  position: absolute;
  left: 0.1666666667rem;
  background-color: #f7f7f7;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 2rem;
  height: 1.6666666667rem;
  width: 1.6666666667rem;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.oui-switch:checked + label {
  background-color: hsl(227, 100%, 50%);
}

.oui-switch:checked + label:before {
  color: #fff;
  content: attr(data-on-label);
  right: auto;
  left: 0.2166666667rem;
}

.oui-switch:checked + label:after {
  left: 2.1666666667rem;
  background-color: #f7f7f7;
  -webkit-box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3);
}

.oui-switch:focus + label,
.oui-switch:active + label {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2) inset, 0 0 0 2px var(--light-blue-25) !important;
}

.oui-switch--disabled + label {
  opacity: 0.4;
  pointer-events: none;
}

.oui-switch--disabled:checked + label {
  opacity: 0.2;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
a,
.link,
.oui-vertical-tab .nav-list__link .oui-manager-side-nav__custom-link,
.oui-vertical-tab .nav-list__link .oui-vertical-tab__custom-link {
  color: hsl(227, 100%, 50%);
  transition: color 0.3s;
  cursor: pointer;
}
a:visited, a:active,
.link:visited,
.oui-vertical-tab .nav-list__link .oui-manager-side-nav__custom-link:visited,
.oui-vertical-tab .nav-list__link .oui-vertical-tab__custom-link:visited,
.link:active,
.oui-vertical-tab .nav-list__link .oui-manager-side-nav__custom-link:active,
.oui-vertical-tab .nav-list__link .oui-vertical-tab__custom-link:active {
  color: hsl(227, 100%, 50%);
}
a:hover,
.link:hover,
.oui-vertical-tab .nav-list__link .oui-manager-side-nav__custom-link:hover,
.oui-vertical-tab .nav-list__link .oui-vertical-tab__custom-link:hover {
  color: hsl(227, 100%, 50%);
}

.link--dark {
  color: hsl(241, 77%, 12%);
  cursor: pointer;
}
.link--dark:visited,
.link--dark:active {
  color: hsl(241, 77%, 12%);
}
.link--dark:hover {
  color: hsl(227, 100%, 50%);
}

.link--muted {
  color: hsl(0, 0%, 44%);
  cursor: pointer;
}
.link--muted:visited,
.link--muted:active {
  color: hsl(0, 0%, 44%);
}
.link--muted:hover {
  color: hsl(227, 100%, 50%);
}

.link--bad-news {
  color: hsl(241, 77%, 12%);
  cursor: pointer;
}
.link--bad-news:visited,
.link--bad-news:hover,
.link--bad-news:active {
  color: hsl(0, 89%, 57%);
}

.link--reverse {
  color: hsl(0, 0%, 100%) !important;
  cursor: pointer;
}
.link--reverse:hover {
  color: white !important;
}

.toolbar__button[disabled], .toolbar__button--disabled, .toolbar__button--disabled:hover, .oui-tabs--header .tabs-nav__item.tab-disabled,
.oui-tabs--header .oui-tabs-nav__item.tab-disabled, .tabs--sub .tabs-nav__item.tab-disabled,
.tabs--sub .oui-tabs-nav__item.tab-disabled,
.oui-tabs--sub .tabs-nav__item.tab-disabled,
.oui-tabs--sub .oui-tabs-nav__item.tab-disabled,
.link--disabled {
  color: hsl(0, 0%, 44%);
}
.toolbar__button[disabled]:visited, .toolbar__button--disabled:visited, .oui-tabs--header .tabs-nav__item.tab-disabled:visited,
.oui-tabs--header .oui-tabs-nav__item.tab-disabled:visited, .tabs--sub .tabs-nav__item.tab-disabled:visited,
.tabs--sub .oui-tabs-nav__item.tab-disabled:visited,
.oui-tabs--sub .tabs-nav__item.tab-disabled:visited,
.oui-tabs--sub .oui-tabs-nav__item.tab-disabled:visited, .toolbar__button[disabled]:hover, .toolbar__button--disabled:hover, .oui-tabs--header .tabs-nav__item.tab-disabled:hover,
.oui-tabs--header .oui-tabs-nav__item.tab-disabled:hover, .tabs--sub .tabs-nav__item.tab-disabled:hover,
.tabs--sub .oui-tabs-nav__item.tab-disabled:hover,
.oui-tabs--sub .tabs-nav__item.tab-disabled:hover,
.oui-tabs--sub .oui-tabs-nav__item.tab-disabled:hover, .toolbar__button[disabled]:active, .toolbar__button--disabled:active, .oui-tabs--header .tabs-nav__item.tab-disabled:active,
.oui-tabs--header .oui-tabs-nav__item.tab-disabled:active, .tabs--sub .tabs-nav__item.tab-disabled:active,
.tabs--sub .oui-tabs-nav__item.tab-disabled:active,
.oui-tabs--sub .tabs-nav__item.tab-disabled:active,
.oui-tabs--sub .oui-tabs-nav__item.tab-disabled:active,
.link--disabled:visited,
.link--disabled:hover,
.link--disabled:active {
  color: hsl(0, 0%, 44%);
  cursor: default;
}

.tabs-nav,
.oui-tabs-nav {
  display: flex;
  border-bottom: 1px solid #f0f0f0;
}
.tabs-nav__item,
.oui-tabs-nav__item {
  position: relative;
  text-align: center;
  padding: 8px 12px;
  border: 1px solid hsl(0, 0%, 84%);
  border-right: 0;
  border-bottom: 0;
  color: var(--dark-blue-75);
  font-weight: 400;
  background-color: hsl(0, 0%, 100%);
  cursor: pointer;
}
.tabs-nav__item.link--muted,
.oui-tabs-nav__item.link--muted {
  color: inherit;
}
.tabs-nav__item:first-child,
.oui-tabs-nav__item:first-child {
  border-top-left-radius: 8px;
}
.tabs-nav__item:last-child,
.oui-tabs-nav__item:last-child {
  border-top-right-radius: 8px;
  border-right: 1px solid hsl(0, 0%, 84%);
}
.tabs-nav__item:hover,
.oui-tabs-nav__item:hover {
  color: var(--light-blue-75);
}
.tabs-nav__item.is-active,
.oui-tabs-nav__item.is-active {
  background-color: hsl(0, 0%, 100%);
  cursor: default;
}
.tabs-nav__item.is-active::after,
.oui-tabs-nav__item.is-active::after {
  content: "";
  display: block;
  height: 3px;
  background: var(--light-blue-75);
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
}

.oui-tabs--left-pad .tabs-nav,
.oui-tabs--left-pad .oui-tabs-nav {
  padding-left: 25px;
}

.oui-tabs--plain .tabs-nav__item,
.oui-tabs--plain .oui-tabs-nav__item {
  background-color: transparent;
  border: 0;
}

.tabs--small .tabs-nav,
.tabs--small .oui-tabs-nav,
.oui-tabs--small .tabs-nav,
.oui-tabs--small .oui-tabs-nav {
  border-width: 1px;
}
.tabs--small .tabs-nav__item,
.tabs--small .oui-tabs-nav__item,
.oui-tabs--small .tabs-nav__item,
.oui-tabs--small .oui-tabs-nav__item {
  background-color: transparent;
  padding: 4px 8px;
  font-size: 11.5px;
  letter-spacing: -0.3px;
}
.tabs--small .tabs-nav__item.is-active::after,
.tabs--small .oui-tabs-nav__item.is-active::after,
.oui-tabs--small .tabs-nav__item.is-active::after,
.oui-tabs--small .oui-tabs-nav__item.is-active::after {
  height: 1px;
  bottom: -1px;
}

.tabs--center .tabs-nav,
.tabs--center .oui-tabs-nav,
.oui-tabs--center .tabs-nav,
.oui-tabs--center .oui-tabs-nav {
  justify-content: center;
}
.tabs--center .tabs-nav__item:first-child,
.tabs--center .oui-tabs-nav__item:first-child,
.oui-tabs--center .tabs-nav__item:first-child,
.oui-tabs--center .oui-tabs-nav__item:first-child {
  margin-left: 4px;
}

.tabs--sub .tabs-nav__item,
.tabs--sub .oui-tabs-nav__item,
.oui-tabs--sub .tabs-nav__item,
.oui-tabs--sub .oui-tabs-nav__item {
  border: 0;
}
.tabs--sub .tabs-nav__item.is-active::after,
.tabs--sub .oui-tabs-nav__item.is-active::after,
.oui-tabs--sub .tabs-nav__item.is-active::after,
.oui-tabs--sub .oui-tabs-nav__item.is-active::after {
  height: 2px;
  bottom: -1px;
}
.tabs--sub .tabs-nav__item.tab-disabled,
.tabs--sub .oui-tabs-nav__item.tab-disabled,
.oui-tabs--sub .tabs-nav__item.tab-disabled,
.oui-tabs--sub .oui-tabs-nav__item.tab-disabled {
  cursor: default;
}

.oui-tabs--header .tabs-nav__item.is-active::after,
.oui-tabs--header .oui-tabs-nav__item.is-active::after {
  height: 1px;
  bottom: -1px;
}
.oui-tabs--header .tabs-nav__item.tab-disabled,
.oui-tabs--header .oui-tabs-nav__item.tab-disabled {
  cursor: default;
}

.tabs-pane__item,
.oui-tabs-pane__item {
  display: none;
}
.tabs-pane__item.is-active,
.oui-tabs-pane__item.is-active {
  display: block;
}

.dashboard-tabs,
.oui-tabs--dashboard {
  margin-left: -32px;
  margin-right: -32px;
}
.dashboard-tabs--half,
.oui-tabs--dashboard--half {
  margin-left: -16px;
  margin-right: -16px;
}
.dashboard-tabs .tabs-nav__item,
.dashboard-tabs .oui-tabs-nav__item,
.oui-tabs--dashboard .tabs-nav__item,
.oui-tabs--dashboard .oui-tabs-nav__item {
  padding-top: 8px;
  border: none;
  background: none;
}
.dashboard-tabs .tabs-nav__item:first-child,
.dashboard-tabs .oui-tabs-nav__item:first-child,
.oui-tabs--dashboard .tabs-nav__item:first-child,
.oui-tabs--dashboard .oui-tabs-nav__item:first-child {
  margin-left: 20px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.form__header {
  margin-bottom: 16px;
}

.form__footer {
  margin-top: 24px;
}

.form__title {
  font-size: 1.437rem;
  margin-bottom: 8px;
  line-height: 1;
}

.form-fields,
.oui-form-fields {
  list-style: none;
  margin: 0;
}

.form-field__item,
.oui-form-field__item {
  margin-bottom: 12px;
}

fieldset.axiom-fieldset {
  border: 0;
  margin-bottom: 32px;
}

.check-label,
.input-list .label,
.oui-input-list .oui-label {
  display: table-cell;
  padding-left: 8px;
  font-weight: 400;
}

.input-list,
.oui-input-list {
  list-style: none;
  margin: 0;
}
.input-list > li,
.oui-input-list > li {
  display: table;
  margin-bottom: 4px;
}
.input-list input,
.oui-input-list input {
  display: table-cell;
}
.input-list .label,
.input-list .oui-label,
.oui-input-list .label,
.oui-input-list .oui-label {
  width: 100%;
}
.input-list--horizontal > li,
.oui-input-list--horizontal > li {
  padding-right: 16px;
  display: inline-block;
}
.input-list--horizontal .label,
.oui-input-list--horizontal .label {
  display: inline;
  padding-left: 6px;
}

.or {
  text-align: center;
  color: hsl(241, 77%, 12%);
  text-transform: uppercase;
  margin: 12px auto;
  position: relative;
}
.or::before, .or::after {
  content: "";
  border-top: 1px dotted #e0e0e0;
  width: 40%;
  position: absolute;
  left: 0;
  top: 50%;
}
.or::after {
  left: auto;
  right: 0;
}

.icon-input {
  display: flex;
  align-items: center;
}
.icon-input > input {
  z-index: 1;
  background: transparent;
}
.icon-input .icon-input__icon {
  margin-left: -20px;
  line-height: 1;
}

.form-note,
.oui-form-note {
  padding-top: 4px;
  font-size: 0.75rem;
}

.form-note--good-news,
.oui-form-good-news .oui-form-note {
  color: #3d8b3f;
}

.form-note--bad-news,
.oui-form-bad-news .oui-form-note {
  color: hsl(0, 89%, 57%);
}

.form-note--warning,
.oui-form-warning .oui-form-note {
  color: hsl(45, 100%, 51%);
}

.form-good-news .label {
  color: #3d8b3f;
}
.form-good-news .text-input,
.form-good-news .oui-text-input,
.form-good-news .select,
.form-good-news .textarea,
.form-good-news .oui-textarea {
  border-color: hsl(122, 39%, 49%);
}

.form-bad-news .label,
.form-bad-news .oui-label, .form-bad-news.oui-label,
.oui-form-bad-news .label,
.oui-form-bad-news .oui-label,
.oui-form-bad-news.oui-label {
  color: hsl(0, 89%, 57%);
}
.form-bad-news .text-input, .form-bad-news.oui-text-input, .form-bad-news:not(.oui-dropdown-group) .oui-text-input,
.form-bad-news .oui-button--outline, .form-bad-news.oui-dropdown-group .oui-button,
.form-bad-news .select,
.form-bad-news .oui-select,
.form-bad-news .textarea,
.form-bad-news .oui-textarea,
.oui-form-bad-news .text-input,
.oui-form-bad-news.oui-text-input,
.oui-form-bad-news:not(.oui-dropdown-group) .oui-text-input,
.oui-form-bad-news .oui-button--outline,
.oui-form-bad-news.oui-dropdown-group .oui-button,
.oui-form-bad-news .select,
.oui-form-bad-news .oui-select,
.oui-form-bad-news .textarea,
.oui-form-bad-news .oui-textarea {
  border-color: hsl(0, 89%, 57%);
}
.form-bad-news .text-input:hover, .form-bad-news.oui-text-input:hover, .form-bad-news:not(.oui-dropdown-group) .oui-text-input:hover,
.form-bad-news .oui-button--outline:hover, .form-bad-news.oui-dropdown-group .oui-button:hover,
.form-bad-news .select:hover,
.form-bad-news .oui-select:hover,
.form-bad-news .textarea:hover,
.form-bad-news .oui-textarea:hover,
.oui-form-bad-news .text-input:hover,
.oui-form-bad-news.oui-text-input:hover,
.oui-form-bad-news:not(.oui-dropdown-group) .oui-text-input:hover,
.oui-form-bad-news .oui-button--outline:hover,
.oui-form-bad-news.oui-dropdown-group .oui-button:hover,
.oui-form-bad-news .select:hover,
.oui-form-bad-news .oui-select:hover,
.oui-form-bad-news .textarea:hover,
.oui-form-bad-news .oui-textarea:hover {
  border-color: #921d1d;
}
.form-bad-news .text-input:focus, .form-bad-news.oui-text-input:focus, .form-bad-news:not(.oui-dropdown-group) .oui-text-input:focus,
.form-bad-news .oui-button--outline:focus, .form-bad-news.oui-dropdown-group .oui-button:focus,
.form-bad-news .select:focus,
.form-bad-news .oui-select:focus,
.form-bad-news .textarea:focus,
.form-bad-news .oui-textarea:focus,
.oui-form-bad-news .text-input:focus,
.oui-form-bad-news.oui-text-input:focus,
.oui-form-bad-news:not(.oui-dropdown-group) .oui-text-input:focus,
.oui-form-bad-news .oui-button--outline:focus,
.oui-form-bad-news.oui-dropdown-group .oui-button:focus,
.oui-form-bad-news .select:focus,
.oui-form-bad-news .oui-select:focus,
.oui-form-bad-news .textarea:focus,
.oui-form-bad-news .oui-textarea:focus {
  border-color: hsl(0, 89%, 57%);
  box-shadow: 0px 0px 3px #921d1d;
}

.form-warning .label {
  color: hsl(45, 100%, 51%);
}
.form-warning .text-input,
.form-warning .oui-text-input,
.form-warning .select,
.form-warning .textarea,
.form-warning .oui-textarea {
  border-color: hsl(45, 100%, 51%);
}

[required] {
  box-shadow: none;
}

.push {
  margin: 8px !important;
}

.push--top {
  margin-top: 8px !important;
}

.push--right {
  margin-right: 8px !important;
}

.push--bottom {
  margin-bottom: 8px !important;
}

.push--left {
  margin-left: 8px !important;
}

.push--ends {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.push--sides {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.push-half {
  margin: 4px !important;
}

.push-half--top {
  margin-top: 4px !important;
}

.push-half--right {
  margin-right: 4px !important;
}

.push-half--bottom {
  margin-bottom: 4px !important;
}

.push-half--left {
  margin-left: 4px !important;
}

.push-half--ends {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.push-half--sides {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.push-double {
  margin: 16px !important;
}

.push-double--top {
  margin-top: 16px !important;
}

.push-double--right {
  margin-right: 16px !important;
}

.push-double--bottom {
  margin-bottom: 16px !important;
}

.push-double--left {
  margin-left: 16px !important;
}

.push-double--ends {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.push-double--sides {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.push-triple {
  margin: 24px !important;
}

.push-triple--top {
  margin-top: 24px !important;
}

.push-triple--right {
  margin-right: 24px !important;
}

.push-triple--bottom {
  margin-bottom: 24px !important;
}

.push-triple--left {
  margin-left: 24px !important;
}

.push-triple--ends {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.push-triple--sides {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.push-quad {
  margin: 32px !important;
}

.push-quad--top {
  margin-top: 32px !important;
}

.push-quad--right {
  margin-right: 32px !important;
}

.push-quad--bottom {
  margin-bottom: 32px !important;
}

.push-quad--left {
  margin-left: 32px !important;
}

.push-quad--ends {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.push-quad--sides {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.flush {
  margin: 0 !important;
}

.flush--top {
  margin-top: 0 !important;
}

.flush--right {
  margin-right: 0 !important;
}

.flush--bottom {
  margin-bottom: 0 !important;
}

.flush--left {
  margin-left: 0 !important;
}

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.form-fields > *:last-child,
.oui-form-fields > *:last-child,
.island > *:last-child,
.attention > *:last-child,
.oui-attention > *:last-child, .lego-dialog__body > *:last-child, .disclose > *:last-child,
.oui-disclose > *:last-child,
.oui-disclose-table--row__toggle > *:last-child,
.media__body > *:last-child,
.pop--over__content > *:last-child,
.oui-pop--over__content > *:last-child, .form-fields > *:last-child > *:last-child,
.oui-form-fields > *:last-child > *:last-child,
.island > *:last-child > *:last-child,
.attention > *:last-child > *:last-child,
.oui-attention > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child, .disclose > *:last-child > *:last-child,
.oui-disclose > *:last-child > *:last-child,
.oui-disclose-table--row__toggle > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child,
.pop--over__content > *:last-child > *:last-child,
.oui-pop--over__content > *:last-child > *:last-child, .form-fields > *:last-child > *:last-child > *:last-child,
.oui-form-fields > *:last-child > *:last-child > *:last-child,
.island > *:last-child > *:last-child > *:last-child,
.attention > *:last-child > *:last-child > *:last-child,
.oui-attention > *:last-child > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child > *:last-child, .disclose > *:last-child > *:last-child > *:last-child,
.oui-disclose > *:last-child > *:last-child > *:last-child,
.oui-disclose-table--row__toggle > *:last-child > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child > *:last-child,
.pop--over__content > *:last-child > *:last-child > *:last-child,
.oui-pop--over__content > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}

.textarea,
.oui-textarea {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  transition: border-color 0.3s;
  width: 100%;
  border: 1px solid hsl(0, 0%, 62%);
  border-radius: 5px;
  padding: 7px;
  vertical-align: middle;
  line-height: 1.3;
  resize: vertical;
}
.textarea:hover,
.oui-textarea:hover {
  border-color: hsl(227, 100%, 50%);
}
.textarea:focus,
.oui-textarea:focus {
  border-color: hsl(227, 100%, 95%);
}
.textarea[disabled],
.oui-textarea[disabled] {
  background-color: hsl(0, 0%, 100%);
  color: #999999;
  cursor: default;
}
.textarea[disabled]:hover, .textarea[disabled]:focus,
.oui-textarea[disabled]:hover,
.oui-textarea[disabled]:focus {
  border-color: #e0e0e0;
}
.textarea--tall,
.oui-textarea--tall {
  height: 100px;
}

.textarea--small,
.oui-textarea--small {
  padding-top: 2px;
  padding-bottom: 2px;
}

.textarea--disabled,
.oui-textarea--disabled {
  padding-top: 2px;
  padding-bottom: 2px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.axiom-three-column-layout {
  width: 100%;
}
@media (min-width: 1200px) {
  .axiom-three-column-layout .axiom-layout-grid {
    grid-template-columns: repeat(2, 142.5px) repeat(10, minmax(0, 1fr));
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .axiom-three-column-layout .axiom-layout-grid {
    grid-template-columns: repeat(2, 142.5px) repeat(10, minmax(0, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .axiom-three-column-layout .axiom-layout-grid {
    grid-template-columns: repeat(2, 142.5px) repeat(6, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .axiom-three-column-layout .axiom-layout-grid {
    grid-template-columns: repeat(2, 142.5px) repeat(2, minmax(0, 1fr));
  }
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.oui-tile {
  max-height: 72px;
  background-color: white;
  border-radius: 5px;
  border: 1px solid hsl(0, 0%, 84%);
}
.oui-tile:hover {
  border: solid 1px hsl(227, 100%, 50%);
}
.oui-tile--selected {
  border: solid 1px hsl(227, 100%, 50%);
  background-color: hsl(227, 100%, 95%);
}
.oui-tile:focus-within {
  border: solid 1px hsl(227, 100%, 50%);
}
.oui-tile .oui-button--unstyled:focus {
  border: none !important;
  box-shadow: none !important;
  padding: 8px;
}
.oui-tile .oui-button--unstyled {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.oui-tile__name {
  min-height: 0.875rem;
}

.oui-tile__order-number {
  min-width: 16px;
}

.oui-tile__drag-handle {
  display: flex;
  cursor: move;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.axiom-toggle-button:hover:not(.button--disabled) .icon, .axiom-toggle-button.is-active .icon {
  color: hsl(227, 100%, 50%);
}

.axiom-toggle-button-group > .axiom-toggle-button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.axiom-toggle-button-group > .axiom-toggle-button:first-child:focus::before {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.axiom-toggle-button-group > .axiom-toggle-button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.axiom-toggle-button-group > .axiom-toggle-button:last-child:focus::before {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.axiom-toggle-button-group > [data-tooltipped]:first-child .axiom-toggle-button {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.axiom-toggle-button-group > [data-tooltipped]:first-child .axiom-toggle-button:focus::before {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.axiom-toggle-button-group > [data-tooltipped]:last-child .axiom-toggle-button {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.axiom-toggle-button-group > [data-tooltipped]:last-child .axiom-toggle-button:focus::before {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.axiom-toggle-button {
  width: 36px;
  height: 36px;
  border: 1px solid hsl(0, 0%, 84%);
  background-color: hsl(0, 0%, 100%);
  position: relative;
  border-radius: 0;
  margin-right: -1px;
}
.axiom-toggle-button .icon {
  color: #080736;
}
.axiom-toggle-button.is-active {
  border-color: hsl(227, 100%, 50%);
  z-index: 1;
}
.axiom-toggle-button.is-focused {
  z-index: 3;
}
.axiom-toggle-button:enabled:active {
  background-color: #f0f3ff !important;
  border-color: #002ccc !important;
  z-index: 1;
}
.axiom-toggle-button:enabled:active .icon {
  color: #002ccc !important;
}
.axiom-toggle-button:disabled .icon {
  color: #707070;
}
.axiom-toggle-button:focus-visible {
  border-color: hsl(227, 100%, 50%);
  outline: none;
}
.axiom-toggle-button:focus-visible::before {
  content: "";
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border: 2px solid #002ccc;
  border-radius: 0;
}
.axiom-toggle-button:hover:not(.button--disabled) {
  background-color: #f0f3ff;
  border-color: hsl(227, 100%, 50%);
  z-index: 2;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.button,
.toolbar__button,
.oui-button {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  font-family: inherit;
  cursor: pointer;
  margin: 0;
  line-height: 32px;
  border-width: 1px;
  border-style: solid;
  font-size: 13px;
  font-weight: 400;
  user-select: none;
  border-radius: 4px;
  height: 34px;
  padding: 0 15px;
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, border-color 0.3s;
  background-color: transparent;
  border-color: hsl(0, 0%, 62%);
  color: hsl(241, 77%, 12%);
}

.button:visited,
.toolbar__button:visited,
.oui-button:visited {
  color: hsl(241, 77%, 12%);
}

.button:hover,
.toolbar__button:hover,
.oui-button:hover {
  color: hsl(227, 100%, 50%);
  border: 1px solid hsl(227, 100%, 85%);
}

.button:focus,
.toolbar__button:focus,
.oui-button:focus {
  outline: none;
  color: hsl(227, 100%, 50%);
  border: 1px solid hsl(227, 100%, 50%);
}

.button.is-active,
.button:active,
.is-active.toolbar__button,
.toolbar__button:active,
.oui-button.is-active,
.oui-button:active {
  background: hsl(0, 0%, 100%);
  border-color: hsl(241, 77%, 12%);
  color: hsl(227, 100%, 50%);
  box-shadow: inset 1px 0 3px 0 rgba(0, 0, 0, 0.5);
}

.button.oui-button--white-background,
.oui-button--white-background.toolbar__button,
.oui-button.oui-button--white-background {
  background-color: hsl(0, 0%, 100%);
}

.button--highlight,
.oui-button--highlight {
  background-color: hsl(227, 100%, 50%);
  border-color: #1a4bff;
  color: hsl(0, 0%, 100%);
}

.button--highlight:hover,
.oui-button--highlight:hover {
  background: hsl(227, 100%, 50%);
  border-color: #1a4bff;
}

.button--highlight:focus,
.oui-button--highlight:focus {
  border: 1px solid hsl(227, 100%, 50%);
}

.button--highlight:active,
.oui-button--highlight:active {
  background: #002ccc;
  border-color: #0027b3;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}

.button--highlight:visited,
.button--highlight:hover,
.button--highlight:active,
.button--highlight:focus,
.oui-button--highlight:visited,
.oui-button--highlight:hover,
.oui-button--highlight:active,
.oui-button--highlight:focus {
  color: hsl(0, 0%, 100%);
}

.button--outline,
.oui-button--outline {
  background-color: transparent;
  border-color: hsl(227, 100%, 50%);
  color: hsl(227, 100%, 50%);
}

.button--outline:visited,
.oui-button--outline:visited {
  color: hsl(227, 100%, 50%);
}

.button--outline:focus,
.oui-button--outline:focus {
  color: hsl(227, 100%, 50%);
  border: 1px solid hsl(227, 100%, 50%);
}

.button--outline:hover,
.oui-button--outline:hover {
  background-color: transparent;
  border-color: hsl(227, 100%, 50%);
  color: hsl(227, 100%, 50%);
  box-shadow: none;
}

.button--outline:active,
.oui-button--outline:active {
  background-color: transparent;
  border-color: hsl(241, 77%, 12%);
  color: hsl(241, 77%, 12%);
  box-shadow: none;
}

.button--danger,
.oui-button--danger {
  background-color: hsl(0, 89%, 57%);
  border-color: hsl(0, 89%, 57%);
  color: hsl(0, 0%, 100%);
}

.button--danger:hover,
.oui-button--danger:hover {
  background: #c22626;
  border-color: #c22626;
}

.button--danger:active,
.oui-button--danger:active {
  background: #aa2222;
  border-color: #aa2222;
}

.button--danger:focus,
.oui-button--danger:focus {
  border: 1px solid #aa2222;
}

.button--danger:visited,
.button--danger:hover,
.button--danger:active,
.button--danger:focus,
.oui-button--danger:visited,
.oui-button--danger:hover,
.oui-button--danger:active,
.oui-button--danger:focus {
  color: hsl(0, 0%, 100%);
}

.button--danger-outline,
.oui-button--danger-outline {
  color: hsl(0, 89%, 57%);
  border-color: hsl(0, 89%, 57%);
  background-color: transparent;
  box-shadow: none;
}

.button--danger-outline:focus,
.oui-button--danger-outline:focus {
  color: hsl(0, 89%, 57%);
  border: 1px solid #aa2222;
}

.button--danger-outline:hover,
.oui-button--danger-outline:hover {
  color: #c22626;
  border-color: #c22626;
  background-color: transparent;
  box-shadow: none;
}

.button--danger-outline:active,
.oui-button--danger-outline:active {
  border-color: #aa2222;
  background-color: transparent;
  color: #aa2222;
  box-shadow: none;
}

.button--plain,
.oui-button--plain {
  color: hsl(241, 77%, 12%);
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}

.button--plain:hover,
.button--plain:focus,
.oui-button--plain:hover,
.oui-button--plain:focus {
  color: hsl(227, 100%, 50%);
  border: 1px solid hsl(227, 100%, 85%);
}

.button--plain:active,
.button--plain:active,
.oui-button--plain:active,
.oui-button--plain:active {
  color: hsl(227, 100%, 50%);
  border-color: hsl(227, 100%, 50%);
  background-color: hsl(0, 0%, 100%);
}

.button--plain.is-active:hover,
.button--plain.is-active:focus,
.oui-button--plain.is-active:hover,
.oui-button--plain.is-active:focus {
  color: hsl(0, 0%, 100%);
}

.button--underline,
.oui-button--underline {
  border-radius: 0 !important;
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
  border-bottom: 2px solid #a6a6a6;
  color: hsl(241, 77%, 12%);
  padding-left: 4px;
  padding-right: 4px;
}

.button--underline:visited,
.button--underline:hover,
.button--underline:active,
.button--underline:focus,
.oui-button--underline:visited,
.oui-button--underline:hover,
.oui-button--underline:active,
.oui-button--underline:focus {
  border-color: transparent;
  background-color: transparent;
  box-shadow: none;
}

.button--underline:hover,
.oui-button--underline:hover {
  border-bottom-width: 2px;
  border-bottom-color: hsl(227, 100%, 50%);
  color: hsl(241, 77%, 12%);
}

.button--underline:hover .oui-arrow-inline--down,
.oui-button--underline:hover .oui-arrow-inline--down {
  color: hsl(227, 100%, 50%);
}

.button--underline:focus,
.oui-button--underline:focus {
  border-bottom-width: 2px;
  border-bottom-color: hsl(227, 100%, 50%);
}

.button--underline:focus .oui-arrow-inline--down,
.oui-button--underline:focus .oui-arrow-inline--down {
  color: hsl(227, 100%, 50%);
}

.button--underline:active,
.oui-button--underline:active {
  border-bottom-width: 2px;
  border-bottom-color: hsl(227, 100%, 50%);
  color: hsl(241, 77%, 12%);
}

.button--underline:active .oui-arrow-inline--down,
.oui-button--underline:active .oui-arrow-inline--down {
  color: hsl(241, 77%, 12%);
}

.button--toggle,
.toolbar__button,
.oui-button--toggle {
  background-color: transparent;
  border-color: transparent;
}

.button--toggle:hover,
.button--toggle:focus,
.toolbar__button:hover,
.toolbar__button:focus,
.oui-button--toggle:hover,
.oui-button--toggle:focus {
  color: hsl(227, 100%, 50%);
  border-color: hsl(227, 100%, 85%);
}

.button--toggle:active,
.button--toggle.is-active,
.toolbar__button:active,
.is-active.toolbar__button,
.oui-button--toggle:active,
.oui-button--toggle.is-active {
  color: hsl(227, 100%, 50%);
  background: hsl(227, 100%, 95%);
  border-color: hsl(227, 100%, 85%);
  box-shadow: inset 0px 0px 3px 1px hsl(227, 100%, 85%);
}

.button--toggle:active:hover,
.button--toggle:active:focus,
.button--toggle.is-active:hover,
.button--toggle.is-active:focus,
.toolbar__button:active:hover,
.toolbar__button:active:focus,
.is-active.toolbar__button:hover,
.is-active.toolbar__button:focus,
.oui-button--toggle:active:hover,
.oui-button--toggle:active:focus,
.oui-button--toggle.is-active:hover,
.oui-button--toggle.is-active:focus {
  color: hsl(227, 100%, 50%);
  background: hsl(227, 100%, 95%);
  border-color: hsl(227, 100%, 50%);
  box-shadow: inset 0px 0px 3px 1px hsl(227, 100%, 85%);
}

.button--tiny,
.oui-button--tiny {
  font-size: 11px;
  font-weight: 400;
  border-radius: 4px;
  line-height: 18px;
  height: 19px;
  padding: 0 8px;
}

.button--small,
.oui-button--small {
  font-size: 11px;
  font-weight: 400;
  border-radius: 4px;
  line-height: 26px;
  height: 27px;
  padding: 0 7px;
}

.button--large,
.oui-button--large {
  font-size: 15px;
  font-weight: 400;
  border-radius: 4px;
  line-height: 41px;
  height: 42px;
  padding: 0 20px;
}

.button--narrow,
.toolbar__button,
.oui-button--narrow {
  padding-left: 8px;
  padding-right: 8px;
}

.button--tight,
.oui-button--tight {
  padding-left: 4px;
  padding-right: 4px;
}

.button--full,
.oui-button--full {
  width: 100%;
  text-align: center;
}

.button--icon,
.oui-button--icon {
  line-height: 1.4;
}

.button--icon .icon,
.oui-button--icon .icon {
  vertical-align: sub;
}

.button--unstyled,
.oui-button--unstyled {
  background: inherit !important;
  border: none !important;
  border-radius: inherit !important;
  box-shadow: inherit !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  height: inherit !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-shadow: inherit !important;
  transition: none;
}

.button--unstyled:hover,
.button--unstyled:focus,
.oui-button--unstyled:hover,
.oui-button--unstyled:focus {
  color: hsl(227, 100%, 50%) !important;
}

.button--unstyled:focus,
.oui-button--unstyled:focus {
  border: 1px solid var(--light-blue-25) !important;
  box-shadow: 0px 0px 3px hsl(227, 100%, 50%) !important;
}

.button[disabled],
.button--disabled,
.button--disabled:visited,
.button--disabled:hover,
.button--disabled:active,
.button--disabled:focus,
[disabled].toolbar__button,
.oui-button[disabled],
.oui-button--disabled,
.oui-button--disabled:visited,
.oui-button--disabled:hover,
.oui-button--disabled:active,
.oui-button--disabled:focus {
  cursor: default;
  box-shadow: none;
  background-color: hsl(0, 0%, 96%);
  border-color: #d5d5d5;
  color: hsl(0, 0%, 44%);
  box-shadow: none;
}

.button[disabled].button--plain,
.button[disabled].button--toggle,
.button[disabled].oui-button--plain,
.button[disabled].oui-button--toggle,
.button--disabled.button--plain,
.button--disabled.button--toggle,
.button--disabled.oui-button--plain,
.button--disabled.oui-button--toggle,
.button--disabled:visited.button--plain,
.button--disabled:visited.button--toggle,
.button--disabled:visited.oui-button--plain,
.button--disabled:visited.oui-button--toggle,
.button--disabled:hover.button--plain,
.button--disabled:hover.button--toggle,
.button--disabled:hover.oui-button--plain,
.button--disabled:hover.oui-button--toggle,
.button--disabled:active.button--plain,
.button--disabled:active.button--toggle,
.button--disabled:active.oui-button--plain,
.button--disabled:active.oui-button--toggle,
.button--disabled:focus.button--plain,
.button--disabled:focus.button--toggle,
.button--disabled:focus.oui-button--plain,
.button--disabled:focus.oui-button--toggle,
[disabled].button--plain.toolbar__button,
[disabled].button--toggle.toolbar__button,
[disabled].oui-button--plain.toolbar__button,
[disabled].oui-button--toggle.toolbar__button,
.oui-button[disabled].button--plain,
.oui-button[disabled].button--toggle,
.oui-button[disabled].oui-button--plain,
.oui-button[disabled].oui-button--toggle,
.oui-button--disabled.button--plain,
.oui-button--disabled.button--toggle,
.oui-button--disabled.oui-button--plain,
.oui-button--disabled.oui-button--toggle,
.oui-button--disabled:visited.button--plain,
.oui-button--disabled:visited.button--toggle,
.oui-button--disabled:visited.oui-button--plain,
.oui-button--disabled:visited.oui-button--toggle,
.oui-button--disabled:hover.button--plain,
.oui-button--disabled:hover.button--toggle,
.oui-button--disabled:hover.oui-button--plain,
.oui-button--disabled:hover.oui-button--toggle,
.oui-button--disabled:active.button--plain,
.oui-button--disabled:active.button--toggle,
.oui-button--disabled:active.oui-button--plain,
.oui-button--disabled:active.oui-button--toggle,
.oui-button--disabled:focus.button--plain,
.oui-button--disabled:focus.button--toggle,
.oui-button--disabled:focus.oui-button--plain,
.oui-button--disabled:focus.oui-button--toggle {
  background-color: transparent;
  border-color: transparent;
}

.button[disabled].button--outline-reverse,
.button[disabled].oui-button--outline-reverse,
.button--disabled.button--outline-reverse,
.button--disabled.oui-button--outline-reverse,
.button--disabled:visited.button--outline-reverse,
.button--disabled:visited.oui-button--outline-reverse,
.button--disabled:hover.button--outline-reverse,
.button--disabled:hover.oui-button--outline-reverse,
.button--disabled:active.button--outline-reverse,
.button--disabled:active.oui-button--outline-reverse,
.button--disabled:focus.button--outline-reverse,
.button--disabled:focus.oui-button--outline-reverse,
[disabled].button--outline-reverse.toolbar__button,
[disabled].oui-button--outline-reverse.toolbar__button,
.oui-button[disabled].button--outline-reverse,
.oui-button[disabled].oui-button--outline-reverse,
.oui-button--disabled.button--outline-reverse,
.oui-button--disabled.oui-button--outline-reverse,
.oui-button--disabled:visited.button--outline-reverse,
.oui-button--disabled:visited.oui-button--outline-reverse,
.oui-button--disabled:hover.button--outline-reverse,
.oui-button--disabled:hover.oui-button--outline-reverse,
.oui-button--disabled:active.button--outline-reverse,
.oui-button--disabled:active.oui-button--outline-reverse,
.oui-button--disabled:focus.button--outline-reverse,
.oui-button--disabled:focus.oui-button--outline-reverse {
  background-color: transparent;
}

.button[disabled].oui-button--underline,
.button--disabled.oui-button--underline,
.button--disabled:visited.oui-button--underline,
.button--disabled:hover.oui-button--underline,
.button--disabled:active.oui-button--underline,
.button--disabled:focus.oui-button--underline,
[disabled].oui-button--underline.toolbar__button,
.oui-button[disabled].oui-button--underline,
.oui-button--disabled.oui-button--underline,
.oui-button--disabled:visited.oui-button--underline,
.oui-button--disabled:hover.oui-button--underline,
.oui-button--disabled:active.oui-button--underline,
.oui-button--disabled:focus.oui-button--underline {
  background-color: transparent;
  border-color: transparent;
  border-bottom: 2px solid #d5d5d5;
}

.button--loading .axiom-spinner,
.oui-button--loading .axiom-spinner {
  margin-right: 4px;
}

.button:not(.oui-button-icon) svg,
.toolbar__button:not(.oui-button-icon) svg,
.oui-button:not(.oui-button-icon) svg {
  color: inherit;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
a,
.link,
.oui-vertical-tab .nav-list__link .oui-manager-side-nav__custom-link,
.oui-vertical-tab .nav-list__link .oui-vertical-tab__custom-link {
  color: hsl(227, 100%, 50%);
  transition: color 0.3s;
  cursor: pointer;
}
a:visited, a:active,
.link:visited,
.oui-vertical-tab .nav-list__link .oui-manager-side-nav__custom-link:visited,
.oui-vertical-tab .nav-list__link .oui-vertical-tab__custom-link:visited,
.link:active,
.oui-vertical-tab .nav-list__link .oui-manager-side-nav__custom-link:active,
.oui-vertical-tab .nav-list__link .oui-vertical-tab__custom-link:active {
  color: hsl(227, 100%, 50%);
}
a:hover,
.link:hover,
.oui-vertical-tab .nav-list__link .oui-manager-side-nav__custom-link:hover,
.oui-vertical-tab .nav-list__link .oui-vertical-tab__custom-link:hover {
  color: hsl(227, 100%, 50%);
}

.link--dark {
  color: hsl(241, 77%, 12%);
  cursor: pointer;
}
.link--dark:visited,
.link--dark:active {
  color: hsl(241, 77%, 12%);
}
.link--dark:hover {
  color: hsl(227, 100%, 50%);
}

.link--muted {
  color: hsl(0, 0%, 44%);
  cursor: pointer;
}
.link--muted:visited,
.link--muted:active {
  color: hsl(0, 0%, 44%);
}
.link--muted:hover {
  color: hsl(227, 100%, 50%);
}

.link--bad-news {
  color: hsl(241, 77%, 12%);
  cursor: pointer;
}
.link--bad-news:visited,
.link--bad-news:hover,
.link--bad-news:active {
  color: hsl(0, 89%, 57%);
}

.link--reverse {
  color: hsl(0, 0%, 100%) !important;
  cursor: pointer;
}
.link--reverse:hover {
  color: white !important;
}

.toolbar__button[disabled], .toolbar__button--disabled, .toolbar__button--disabled:hover, .tabs--sub .tabs-nav__item.tab-disabled,
.tabs--sub .oui-tabs-nav__item.tab-disabled,
.oui-tabs--sub .tabs-nav__item.tab-disabled,
.oui-tabs--sub .oui-tabs-nav__item.tab-disabled, .oui-tabs--header .tabs-nav__item.tab-disabled,
.oui-tabs--header .oui-tabs-nav__item.tab-disabled,
.link--disabled {
  color: hsl(0, 0%, 44%);
}
.toolbar__button[disabled]:visited, .toolbar__button--disabled:visited, .tabs--sub .tabs-nav__item.tab-disabled:visited,
.tabs--sub .oui-tabs-nav__item.tab-disabled:visited,
.oui-tabs--sub .tabs-nav__item.tab-disabled:visited,
.oui-tabs--sub .oui-tabs-nav__item.tab-disabled:visited, .oui-tabs--header .tabs-nav__item.tab-disabled:visited,
.oui-tabs--header .oui-tabs-nav__item.tab-disabled:visited, .toolbar__button[disabled]:hover, .toolbar__button--disabled:hover, .tabs--sub .tabs-nav__item.tab-disabled:hover,
.tabs--sub .oui-tabs-nav__item.tab-disabled:hover,
.oui-tabs--sub .tabs-nav__item.tab-disabled:hover,
.oui-tabs--sub .oui-tabs-nav__item.tab-disabled:hover, .oui-tabs--header .tabs-nav__item.tab-disabled:hover,
.oui-tabs--header .oui-tabs-nav__item.tab-disabled:hover, .toolbar__button[disabled]:active, .toolbar__button--disabled:active, .tabs--sub .tabs-nav__item.tab-disabled:active,
.tabs--sub .oui-tabs-nav__item.tab-disabled:active,
.oui-tabs--sub .tabs-nav__item.tab-disabled:active,
.oui-tabs--sub .oui-tabs-nav__item.tab-disabled:active, .oui-tabs--header .tabs-nav__item.tab-disabled:active,
.oui-tabs--header .oui-tabs-nav__item.tab-disabled:active,
.link--disabled:visited,
.link--disabled:hover,
.link--disabled:active {
  color: hsl(0, 0%, 44%);
  cursor: default;
}

.toolbar {
  z-index: 1;
}
.toolbar__left {
  display: flex;
}
.toolbar__right {
  display: flex;
  margin-left: auto;
}
.toolbar__content {
  flex: none;
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--grey-50);
  position: relative;
  background: var(--white);
}
.toolbar__content:not(.toolbar__content--tight) {
  padding: 4px 8px;
}
.toolbar__content:not(.toolbar__content--bare):after {
  content: "";
  display: block;
  height: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  z-index: -1;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.toolbar__button-group {
  display: flex;
}
.toolbar__button-group .toolbar__button {
  margin-right: 8px;
}
.toolbar__button-group .toolbar__button:last-child {
  margin-right: 0;
}
.toolbar__button {
  background-color: transparent;
  border-color: transparent;
  border: 1px solid transparent;
}
.toolbar__button[disabled], .toolbar__button--disabled, .toolbar__button--disabled:hover {
  box-shadow: none;
  border-color: transparent !important;
  background: none;
}
.toolbar--icon {
  width: 24px;
  height: 24px;
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.axiom-two-column-layout {
  width: 100%;
}
@media (min-width: 1200px) {
  .axiom-two-column-layout .axiom-layout-grid {
    grid-template-columns: repeat(1, 285px) repeat(11, minmax(0, 1fr));
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .axiom-two-column-layout .axiom-layout-grid {
    grid-template-columns: repeat(1, 285px) repeat(11, minmax(0, 1fr));
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .axiom-two-column-layout .axiom-layout-grid {
    grid-template-columns: repeat(1, 285px) repeat(7, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .axiom-two-column-layout .axiom-layout-grid {
    grid-template-columns: repeat(1, 285px) repeat(3, minmax(0, 1fr));
  }
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.axiom-typography--body {
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 1.5rem;
  font-size: 0.875rem;
  letter-spacing: -0.011rem;
}
.axiom-typography--code {
  font-family: Hack, monospace;
  font-weight: 400;
  line-height: 1.5rem;
  font-size: 0.875rem;
  letter-spacing: 0rem;
}
.axiom-typography--caption {
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 1.5rem;
  font-size: 0.8125rem;
  letter-spacing: -0.006rem;
}
.axiom-typography--header1 {
  font-family: Inter, sans-serif;
  font-weight: 200;
  line-height: 3rem;
  font-size: 1.8125rem;
  letter-spacing: -0.021rem;
}
.axiom-typography--header2 {
  font-family: Inter, sans-serif;
  font-weight: 200;
  line-height: 2.75rem;
  font-size: 1.625rem;
  letter-spacing: -0.02rem;
}
.axiom-typography--header3 {
  font-family: Inter, sans-serif;
  font-weight: 300;
  line-height: 2.5rem;
  font-size: 1.437rem;
  letter-spacing: -0.019rem;
}
.axiom-typography--header4 {
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 2rem;
  font-size: 1.25rem;
  letter-spacing: -0.017rem;
}
.axiom-typography--header5 {
  font-family: Inter, sans-serif;
  font-weight: 500;
  line-height: 2rem;
  font-size: 1.125rem;
  letter-spacing: -0.014rem;
}
.axiom-typography--subhead {
  font-family: Inter, sans-serif;
  font-weight: 600;
  line-height: 1.5rem;
  font-size: 0.875rem;
  letter-spacing: -0.011rem;
}
.axiom-typography--xs {
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 1.25rem;
  font-size: 0.75rem;
  letter-spacing: 0rem;
}
.axiom-typography--xxs {
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 1rem;
  font-size: 0.6875rem;
  letter-spacing: 0.005rem;
}
.axiom-typography--numeric {
  font-feature-settings: "tnum", "zero" 0;
}
.axiom-typography--invisible {
  opacity: 0;
}
[class^=axiom-typography--][class*=duration-] {
  transition-property: opacity;
  transition-timing-function: ease-out;
}
[class^=axiom-typography--].duration-150 {
  transition-duration: 150ms;
}
[class^=axiom-typography--].duration-300 {
  transition-duration: 300ms;
}

.axiom-editable-dropdown__input {
  background-color: hsl(0, 0%, 100%);
  border: 1px solid hsl(227, 100%, 50%);
  box-shadow: unset;
}
.axiom-editable-dropdown__input::placeholder {
  color: hsl(227, 100%, 50%);
}
.axiom-editable-dropdown__input:focus {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(227, 100%, 50%);
  box-shadow: unset;
}
.axiom-editable-dropdown__input:focus::placeholder {
  color: hsl(227, 100%, 50%);
}
.axiom-editable-dropdown__input:focus + .oui-text-input__right-container .axiom-editable-dropdown__input-arrow {
  color: hsl(227, 100%, 50%);
}
.axiom-editable-dropdown__input:hover {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(227, 100%, 85%);
}
.axiom-editable-dropdown__input:hover::placeholder {
  color: hsl(227, 100%, 50%);
}
.axiom-editable-dropdown__input:hover + .oui-text-input__right-container .axiom-editable-dropdown__input-arrow {
  color: hsl(227, 100%, 50%);
}
.axiom-editable-dropdown__input + .oui-text-input__right-container .axiom-editable-dropdown__input-arrow {
  color: hsl(227, 100%, 50%);
  cursor: pointer;
}
.axiom-editable-dropdown__input + .oui-text-input__right-container .axiom-editable-dropdown__input-arrow:hover {
  color: hsl(227, 100%, 50%);
}
.axiom-editable-dropdown--error .axiom-editable-dropdown__input:not([disabled]) {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 89%, 57%);
}
.axiom-editable-dropdown--error .axiom-editable-dropdown__input:not([disabled])::placeholder {
  color: hsl(0, 89%, 57%);
}
.axiom-editable-dropdown--error .axiom-editable-dropdown__input:not([disabled]):focus {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 89%, 57%);
  box-shadow: unset;
}
.axiom-editable-dropdown--error .axiom-editable-dropdown__input:not([disabled]):focus::placeholder {
  color: hsl(0, 89%, 57%);
}
.axiom-editable-dropdown--error .axiom-editable-dropdown__input:not([disabled]):focus + .oui-text-input__right-container .axiom-editable-dropdown__input-arrow {
  color: hsl(0, 89%, 57%);
}
.axiom-editable-dropdown--error .axiom-editable-dropdown__input:not([disabled]):hover {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 89%, 83%);
}
.axiom-editable-dropdown--error .axiom-editable-dropdown__input:not([disabled]):hover::placeholder {
  color: hsl(0, 89%, 57%);
}
.axiom-editable-dropdown--error .axiom-editable-dropdown__input:not([disabled]):hover + .oui-text-input__right-container .axiom-editable-dropdown__input-arrow {
  color: hsl(0, 89%, 57%);
}
.axiom-editable-dropdown--error .axiom-editable-dropdown__input:not([disabled]) + .oui-text-input__right-container .axiom-editable-dropdown__input-arrow {
  color: hsl(0, 89%, 57%);
}
.axiom-editable-dropdown--error .axiom-editable-dropdown__input:not([disabled]) + .oui-text-input__right-container .axiom-editable-dropdown__input-arrow:hover {
  color: hsl(0, 89%, 57%);
}
.axiom-editable-dropdown--disabled .axiom-editable-dropdown__input {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 85%);
}
.axiom-editable-dropdown--disabled .axiom-editable-dropdown__input::placeholder {
  color: hsl(0, 0%, 44%);
}
.axiom-editable-dropdown--disabled .axiom-editable-dropdown__input + .oui-text-input__right-container .axiom-editable-dropdown__input-arrow {
  color: hsl(0, 0%, 62%);
  cursor: default;
}
.axiom-editable-dropdown--disabled .oui-label {
  color: hsl(0, 0%, 44%);
}
.axiom-editable-dropdown .oui-form-note {
  color: hsl(0, 89%, 57%);
}

/**
 * Sets the width and height of an element
 */
/**
 * Sets the width and height of an element to be the same,
 * i.e. a square
 */
/**
 * Sets common properties for icons set as background images,
 * such as the background image itself, size, and background size.
 * Meant to be used in non-pseudo-element contexts. Width and height
 * must be set elsewhere.
 */
/**
 * Sets common properties for icons set as background images in
 * pseudo-elements. Very similar to background-image-icon above
 * (and calls it internally), but should be used with pseudo elements.
 */
.oui-button-icon {
  padding: 0 4px;
  line-height: normal;
}

.oui-button-icon__small {
  width: 24px;
  height: 24px;
}

.oui-button-icon__medium {
  width: 28px;
  height: 28px;
}

.oui-button-icon__large {
  width: 34px;
  height: 34px;
}
.oui-button-icon__large .oui-icon {
  width: 16px;
  height: 16px;
}

.axiom-button-icon--no-fill svg {
  color: inherit;
}

.background--white {
  background-color: hsl(0, 0%, 100%) !important;
}

.background--faint {
  background-color: hsl(0, 0%, 100%) !important;
}

.background--light {
  background-color: #f0f0f0 !important;
}

.background--muted {
  background-color: #a6a6a6 !important;
}

.background--medium {
  background-color: gray !important;
}

.background--charcoal {
  background-color: #383838 !important;
}

.background--brand {
  background-color: hsl(227, 100%, 50%) !important;
}

.background--brand-dark {
  background-color: hsl(241, 77%, 12%) !important;
}

.background--warning {
  background-color: #fff3cd !important;
}

.background--bad-news {
  background-color: #fdd6d6 !important;
}

.background--good-news {
  background-color: #dbefdc !important;
}

.background--live {
  background-color: hsl(122, 39%, 49%) !important;
}

.background--draft {
  background-color: hsl(36, 100%, 50%) !important;
}

.background--current-color {
  background-color: currentColor !important;
}

.background--none {
  background-color: none !important;
}

body:target *[data-oui-component],
.highlight-react--oui *[data-oui-component],
.highlight-react--oui[data-oui-component] {
  outline: 2px solid hotpink;
}
body:target *[data-oui-component] body:target *[data-oui-component],
body:target *[data-oui-component] .highlight-react--oui *[data-oui-component],
body:target *[data-oui-component] .highlight-react--oui[data-oui-component],
.highlight-react--oui *[data-oui-component] body:target *[data-oui-component],
.highlight-react--oui *[data-oui-component] .highlight-react--oui *[data-oui-component],
.highlight-react--oui *[data-oui-component] .highlight-react--oui[data-oui-component],
.highlight-react--oui[data-oui-component] body:target *[data-oui-component],
.highlight-react--oui[data-oui-component] .highlight-react--oui *[data-oui-component],
.highlight-react--oui[data-oui-component] .highlight-react--oui[data-oui-component] {
  outline-width: 1px;
}

.border--all {
  border: 1px solid hsl(0, 0%, 84%) !important;
}

.border-dashed--all {
  border: 1px dashed hsl(0, 0%, 84%) !important;
}

.border--ends, .oui-disclose-table--row__toggle.is-active,
.border--top,
.oui-docked-footer {
  border-top: 1px solid hsl(0, 0%, 84%) !important;
}

.border--ends, .oui-disclose-table--row__content,
.border--bottom {
  border-bottom: 1px solid hsl(0, 0%, 84%) !important;
}

.border--sides, .oui-disclose-table--row__toggle.is-active, .oui-disclose-table--row__content,
.border--left {
  border-left: 1px solid hsl(0, 0%, 84%) !important;
}

.border--sides, .oui-disclose-table--row__toggle.is-active, .oui-disclose-table--row__content,
.border--right {
  border-right: 1px solid hsl(0, 0%, 84%) !important;
}

.no-border {
  border: 0 !important;
}

.no-border--top {
  border-top: none !important;
}

.no-border--right {
  border-right: none !important;
}

.no-border--bottom {
  border-bottom: none !important;
}

.no-border--left {
  border-left: none !important;
}

.border-radius {
  border-radius: var(--border-radius);
}

:root {
  --wide-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.17);
  --border-radius: 5px;
  --highlight: var(--light-blue-6);
  --ron-project-badge: #7b81d1;
  --white: #ffffff;
}

:root {
  --light-blue-100: hsl(227, 100%, 50%);
  --light-blue-75: hsl(227, 100%, 50%);
  --light-blue-50: hsl(227, 100%, 85%);
  --light-blue-25: hsl(227, 100%, 95%);
  --light-blue-10: hsl(226, 100%, 97%);
  --light-blue-6: hsl(226, 100%, 97%);
  --dark-blue-75: hsl(241, 77%, 12%);
  --gold: hsl(45, 100%, 51%);
  --red: hsl(0, 89%, 57%);
  --green: hsl(122, 39%, 49%);
  --indigo: hsl(263, 52%, 47%);
  --cyan: hsl(187, 100%, 42%);
  --blue: hsl(207, 90%, 54%);
  --orange: hsl(36, 100%, 50%);
  --dark-blue-100: hsl(241, 77%, 12%);
  --dark-blue-50: hsl(240, 11%, 65%);
  --dark-blue-25: hsl(240, 11%, 65%);
  --grey-50: hsl(0, 0%, 93%);
  --grey-25: hsl(0, 0%, 96%);
  --paper: hsl(0, 0%, 100%);
  --dark-paper: hsl(0, 0%, 98%);
  --white-40b: #999999;
}

.background--light-blue-100 {
  background-color: hsl(227, 100%, 50%);
  color: white;
}

.background--light-blue-75 {
  background-color: hsl(227, 100%, 50%);
  color: white;
}

.background--light-blue-50 {
  background-color: hsl(227, 100%, 85%);
  color: white;
}

.background--light-blue-25 {
  background-color: hsl(227, 100%, 95%);
  color: white;
}

.background--light-blue-10 {
  background-color: hsl(226, 100%, 97%);
  color: white;
}

.background--light-blue-6 {
  background-color: hsl(226, 100%, 97%);
  color: white;
}

.background--dark-blue-75 {
  background-color: hsl(241, 77%, 12%);
  color: white;
}

.background--gold {
  background-color: hsl(45, 100%, 51%);
  color: white;
}

.background--red {
  background-color: hsl(0, 89%, 57%);
  color: white;
}

.background--green {
  background-color: hsl(122, 39%, 49%);
  color: white;
}

.background--indigo {
  background-color: hsl(263, 52%, 47%);
  color: white;
}

.background--cyan {
  background-color: hsl(187, 100%, 42%);
  color: white;
}

.background--blue {
  background-color: hsl(207, 90%, 54%);
  color: white;
}

.background--orange {
  background-color: hsl(36, 100%, 50%);
  color: white;
}

.background--dark-blue-100 {
  background-color: hsl(241, 77%, 12%);
  color: white;
}

.background--dark-blue-50 {
  background-color: hsl(240, 11%, 65%);
  color: white;
}

.background--dark-blue-25 {
  background-color: hsl(240, 11%, 65%);
  color: white;
}

.background--grey-50 {
  background-color: hsl(0, 0%, 93%);
  color: white;
}

.background--grey-25 {
  background-color: hsl(0, 0%, 96%);
  color: white;
}

.background--paper {
  background-color: hsl(0, 0%, 100%);
  color: white;
}

.background--dark-paper {
  background-color: hsl(0, 0%, 98%);
  color: white;
}

.background--white-40b {
  background-color: #999999;
  color: white;
}

.color--light-blue-100 {
  color: hsl(227, 100%, 50%);
}

.color--light-blue-75 {
  color: hsl(227, 100%, 50%);
}

.color--light-blue-50 {
  color: hsl(227, 100%, 85%);
}

.color--light-blue-25 {
  color: hsl(227, 100%, 95%);
}

.color--light-blue-10 {
  color: hsl(226, 100%, 97%);
}

.color--light-blue-6 {
  color: hsl(226, 100%, 97%);
}

.color--dark-blue-75 {
  color: hsl(241, 77%, 12%);
}

.color--gold {
  color: hsl(45, 100%, 51%);
}

.color--red {
  color: hsl(0, 89%, 57%);
}

.color--green {
  color: hsl(122, 39%, 49%);
}

.color--indigo {
  color: hsl(263, 52%, 47%);
}

.color--cyan {
  color: hsl(187, 100%, 42%);
}

.color--blue {
  color: hsl(207, 90%, 54%);
}

.color--orange {
  color: hsl(36, 100%, 50%);
}

.color--dark-blue-100 {
  color: hsl(241, 77%, 12%);
}

.color--dark-blue-50 {
  color: hsl(240, 11%, 65%);
}

.color--dark-blue-25 {
  color: hsl(240, 11%, 65%);
}

.color--grey-50 {
  color: hsl(0, 0%, 93%);
}

.color--grey-25 {
  color: hsl(0, 0%, 96%);
}

.color--paper {
  color: hsl(0, 0%, 100%);
}

.color--dark-paper {
  color: hsl(0, 0%, 98%);
}

.color--white-40b {
  color: #999999;
}

.float--right {
  float: right !important;
}

.float--left {
  float: left !important;
}

.float--none {
  float: none !important;
}

.anchor--middle {
  margin-right: auto !important;
  margin-left: auto !important;
}

.anchor--right {
  margin-left: auto !important;
}

.anchor--left {
  margin-right: auto !important;
}

.anchor--top {
  margin-bottom: auto !important;
}

.anchor--bottom {
  margin-top: auto !important;
}

.text--left {
  text-align: left !important;
}

.text--center,
.oui-text--center {
  text-align: center !important;
}

.text--right {
  text-align: right !important;
}

.display--block {
  display: block !important;
}

.display--inline-block {
  display: inline-block !important;
}

.display--inline {
  display: inline !important;
}

.display--none {
  display: none !important;
}

.faded {
  opacity: 0.5 !important;
}

.vertical-align--top {
  vertical-align: top !important;
}

.vertical-align--middle {
  vertical-align: middle !important;
}

.vertical-align--bottom {
  vertical-align: bottom !important;
}

.vertical-align--text-top {
  vertical-align: text-top !important;
}

.overflow--hidden {
  overflow: hidden !important;
}

.overflow-x--auto {
  overflow-x: auto !important;
}

.overflow-y--auto {
  overflow-y: auto !important;
}

.overflow-y--scroll {
  overflow-y: scroll !important;
}

.max-scroll--small {
  max-height: 100px !important;
  overflow-y: auto !important;
}

.max-scroll--medium {
  max-height: 200px !important;
  overflow-y: auto !important;
}

.max-scroll--large {
  max-height: 300px !important;
  overflow-y: auto !important;
}

.max-width--large {
  max-width: 800px !important;
}

.cursor--auto {
  cursor: auto !important;
}

.cursor--default {
  cursor: default !important;
}

.cursor--help {
  cursor: help !important;
}

.cursor--move {
  cursor: move !important;
}

.cursor--grab {
  cursor: grab !important;
}

.cursor--pointer {
  cursor: pointer !important;
}

.cursor--text {
  cursor: text !important;
}

.pointer-events--none {
  pointer-events: none !important;
}

.no-resize {
  resize: none !important;
}

.position--relative {
  position: relative !important;
}

.position--absolute {
  position: absolute !important;
}

.position--fixed {
  position: fixed !important;
}

.visibility--hidden {
  visibility: hidden !important;
}

.oui-assistive-text {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.push {
  margin: 8px !important;
}

.push--top {
  margin-top: 8px !important;
}

.push--right {
  margin-right: 8px !important;
}

.push--bottom {
  margin-bottom: 8px !important;
}

.push--left {
  margin-left: 8px !important;
}

.push--ends {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.push--sides {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.push-half {
  margin: 4px !important;
}

.push-half--top {
  margin-top: 4px !important;
}

.push-half--right {
  margin-right: 4px !important;
}

.push-half--bottom {
  margin-bottom: 4px !important;
}

.push-half--left {
  margin-left: 4px !important;
}

.push-half--ends {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.push-half--sides {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.push-double {
  margin: 16px !important;
}

.push-double--top {
  margin-top: 16px !important;
}

.push-double--right {
  margin-right: 16px !important;
}

.push-double--bottom {
  margin-bottom: 16px !important;
}

.push-double--left {
  margin-left: 16px !important;
}

.push-double--ends {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.push-double--sides {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.push-triple {
  margin: 24px !important;
}

.push-triple--top {
  margin-top: 24px !important;
}

.push-triple--right {
  margin-right: 24px !important;
}

.push-triple--bottom {
  margin-bottom: 24px !important;
}

.push-triple--left {
  margin-left: 24px !important;
}

.push-triple--ends {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.push-triple--sides {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.push-quad {
  margin: 32px !important;
}

.push-quad--top {
  margin-top: 32px !important;
}

.push-quad--right {
  margin-right: 32px !important;
}

.push-quad--bottom {
  margin-bottom: 32px !important;
}

.push-quad--left {
  margin-left: 32px !important;
}

.push-quad--ends {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.push-quad--sides {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

.flush {
  margin: 0 !important;
}

.flush--top {
  margin-top: 0 !important;
}

.flush--right {
  margin-right: 0 !important;
}

.flush--bottom {
  margin-bottom: 0 !important;
}

.flush--left {
  margin-left: 0 !important;
}

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.form-fields > *:last-child,
.oui-form-fields > *:last-child,
.island > *:last-child,
.attention > *:last-child,
.oui-attention > *:last-child, .lego-dialog__body > *:last-child, .disclose > *:last-child,
.oui-disclose > *:last-child,
.oui-disclose-table--row__toggle > *:last-child,
.media__body > *:last-child,
.pop--over__content > *:last-child,
.oui-pop--over__content > *:last-child, .form-fields > *:last-child > *:last-child,
.oui-form-fields > *:last-child > *:last-child,
.island > *:last-child > *:last-child,
.attention > *:last-child > *:last-child,
.oui-attention > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child, .disclose > *:last-child > *:last-child,
.oui-disclose > *:last-child > *:last-child,
.oui-disclose-table--row__toggle > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child,
.pop--over__content > *:last-child > *:last-child,
.oui-pop--over__content > *:last-child > *:last-child, .form-fields > *:last-child > *:last-child > *:last-child,
.oui-form-fields > *:last-child > *:last-child > *:last-child,
.island > *:last-child > *:last-child > *:last-child,
.attention > *:last-child > *:last-child > *:last-child,
.oui-attention > *:last-child > *:last-child > *:last-child, .lego-dialog__body > *:last-child > *:last-child > *:last-child, .disclose > *:last-child > *:last-child > *:last-child,
.oui-disclose > *:last-child > *:last-child > *:last-child,
.oui-disclose-table--row__toggle > *:last-child > *:last-child > *:last-child,
.media__body > *:last-child > *:last-child > *:last-child,
.pop--over__content > *:last-child > *:last-child > *:last-child,
.oui-pop--over__content > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}

.soft {
  padding: 8px !important;
}

.soft--top {
  padding-top: 8px !important;
}

.soft--right {
  padding-right: 8px !important;
}

.soft--bottom {
  padding-bottom: 8px !important;
}

.soft--left {
  padding-left: 8px !important;
}

.soft--ends {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.soft--sides {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.soft-half {
  padding: 4px !important;
}

.soft-half--top {
  padding-top: 4px !important;
}

.soft-half--right {
  padding-right: 4px !important;
}

.soft-half--bottom {
  padding-bottom: 4px !important;
}

.soft-half--left {
  padding-left: 4px !important;
}

.soft-half--ends {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.soft-half--sides {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.soft-one-and-half--sides {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.soft-double {
  padding: 16px !important;
}

.soft-double--top {
  padding-top: 16px !important;
}

.soft-double--right {
  padding-right: 16px !important;
}

.soft-double--bottom {
  padding-bottom: 16px !important;
}

.soft-double--left {
  padding-left: 16px !important;
}

.soft-double--ends {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.soft-double--sides {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.soft-triple {
  padding: 24px !important;
}

.soft-triple--top {
  padding-top: 24px !important;
}

.soft-triple--right {
  padding-right: 24px !important;
}

.soft-triple--bottom {
  padding-bottom: 24px !important;
}

.soft-triple--left {
  padding-left: 24px !important;
}

.soft-triple--ends {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.soft-triple--sides {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.soft-quad {
  padding: 32px !important;
}

.soft-quad--top {
  padding-top: 32px !important;
}

.soft-quad--right {
  padding-right: 32px !important;
}

.soft-quad--bottom {
  padding-bottom: 32px !important;
}

.soft-quad--left {
  padding-left: 32px !important;
}

.soft-quad--ends {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.soft-quad--sides {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

.hard {
  padding: 0 !important;
}

.hard--top {
  padding-top: 0 !important;
}

.hard--right {
  padding-right: 0 !important;
}

.hard--bottom {
  padding-bottom: 0 !important;
}

.hard--left {
  padding-left: 0 !important;
}

.hard--ends {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.hard--sides {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.color--base {
  color: hsl(241, 77%, 12%) !important;
}

.color--brand {
  color: hsl(227, 100%, 50%) !important;
}

.color--good-news {
  color: hsl(122, 39%, 34%) !important;
}

.color--warning {
  color: hsl(36, 100%, 32%) !important;
}

.color--bad-news {
  color: hsl(0, 89%, 57%) !important;
}

.color--charcoal {
  color: #383838 !important;
}

.color--draft {
  color: hsl(36, 100%, 50%) !important;
}

.color--live {
  color: hsl(122, 39%, 49%) !important;
}

.weight--light {
  font-weight: 300 !important;
}

.weight--normal {
  font-weight: 400 !important;
}

.weight--bold {
  font-weight: 500 !important;
}

.style--italic {
  font-style: italic !important;
}

.style--normal {
  font-style: normal !important;
}

.underline {
  text-decoration: underline !important;
}

.strike {
  text-decoration: line-through !important;
}

.reverse {
  color: hsl(0, 0%, 100%) !important;
}

.muted {
  color: hsl(0, 0%, 44%) !important;
}

.faint {
  color: #e0e0e0 !important;
}

.proceed {
  text-align: right !important;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.go::after {
  content: " " "»" !important;
}

.caps {
  text-transform: uppercase !important;
}

.force-break {
  word-wrap: break-word !important;
}

.nowrap {
  white-space: nowrap !important;
}

.wrap-text {
  white-space: normal !important;
}

.text--block {
  display: block !important;
}

.text--inline {
  display: inline !important;
}

.line--tight {
  line-height: 1.4 !important;
}

.line--loose {
  line-height: 1.8 !important;
}

.line--1 {
  line-height: 1 !important;
}

.word-break--all {
  word-break: break-all !important;
}

.word-break--word {
  word-break: break-word !important;
}

.width--1-1 {
  width: 100% !important;
}

.width--6-12, .width--5-10, .width--4-8, .width--3-6, .width--2-4,
.width--1-2 {
  width: 50% !important;
}

.width--4-12, .width--2-6,
.width--1-3 {
  width: 33.333% !important;
}

.width--8-12, .width--4-6,
.width--2-3 {
  width: 66.666% !important;
}

.width--3-12, .width--2-8,
.width--1-4 {
  width: 25% !important;
}

.width--9-12, .width--6-8,
.width--3-4 {
  width: 75% !important;
}

.width--2-10,
.width--1-5 {
  width: 20% !important;
}

.width--4-10,
.width--2-5 {
  width: 40% !important;
}

.width--6-10,
.width--3-5 {
  width: 60% !important;
}

.width--8-10,
.width--4-5 {
  width: 80% !important;
}

.width--2-12,
.width--1-6 {
  width: 16.666% !important;
}

.width--10-12,
.width--5-6 {
  width: 83.333% !important;
}

.width--1-8 {
  width: 12.5% !important;
}

.width--3-8 {
  width: 37.5% !important;
}

.width--5-8 {
  width: 62.5% !important;
}

.width--7-8 {
  width: 87.5% !important;
}

.width--1-10 {
  width: 10% !important;
}

.width--3-10 {
  width: 30% !important;
}

.width--7-10 {
  width: 70% !important;
}

.width--9-10 {
  width: 90% !important;
}

.width--1-12 {
  width: 8.333% !important;
}

.width--5-12 {
  width: 41.666% !important;
}

.width--7-12 {
  width: 58.333% !important;
}

.width--11-12 {
  width: 91.666% !important;
}

.width--50 {
  width: 50px !important;
  -ms-flex-preferred-size: 50px !important;
}

.width--75 {
  width: 75px !important;
  -ms-flex-preferred-size: 75px !important;
}

.width--100 {
  width: 100px !important;
  -ms-flex-preferred-size: 100px !important;
}

.width--150 {
  width: 150px !important;
  -ms-flex-preferred-size: 150px !important;
}

.width--200 {
  width: 200px !important;
  -ms-flex-preferred-size: 200px !important;
}

.width--250 {
  width: 250px !important;
  -ms-flex-preferred-size: 250px !important;
}

.width--300 {
  width: 300px !important;
  -ms-flex-preferred-size: 300px !important;
}

.max-width--50 {
  max-width: 50px !important;
}

.max-width--75 {
  max-width: 75px !important;
}

.max-width--100 {
  max-width: 100px !important;
}

.max-width--150 {
  max-width: 150px !important;
}

.max-width--200 {
  max-width: 200px !important;
}

.max-width--250 {
  max-width: 250px !important;
}

.max-width--300 {
  max-width: 300px !important;
}

.min-width--50 {
  min-width: 50px !important;
}

.min-width--75 {
  min-width: 75px !important;
}

.min-width--100 {
  min-width: 100px !important;
}

.min-width--150 {
  min-width: 150px !important;
}

.min-width--200 {
  min-width: 200px !important;
}

.min-width--250 {
  min-width: 250px !important;
}

.min-width--300 {
  min-width: 300px !important;
}

.height--1-1 {
  height: 100% !important;
}

.height--50 {
  height: 50px !important;
}

.height--75 {
  height: 75px !important;
}

.height--100 {
  height: 100px !important;
}

.height--150 {
  height: 150px !important;
}

.height--200 {
  height: 200px !important;
}

.height--250 {
  height: 250px !important;
}

.height--300 {
  height: 300px !important;
}

.height--auto {
  height: auto !important;
}

.min-height--50 {
  min-height: 50px !important;
}

.min-height--75 {
  min-height: 75px !important;
}

.min-height--100 {
  min-height: 100px !important;
}

.min-height--150 {
  min-height: 150px !important;
}

.min-height--200 {
  min-height: 200px !important;
}

.min-height--250 {
  min-height: 250px !important;
}

.min-height--300 {
  min-height: 300px !important;
}

.admin--color {
  color: hsl(263, 52%, 47%) !important;
}

.admin--border {
  border-color: hsl(263, 52%, 47%) !important;
}

.admin--background {
  background-color: hsl(263, 52%, 47%) !important;
}

/*
Docco style used in http://jashkenas.github.com/docco/ converted by Simon Madine (@thingsinjars)
*/
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  color: #000;
  background: #f8f8ff;
}

.hljs-comment,
.hljs-quote {
  color: #408080;
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-subst {
  color: #954121;
}

.hljs-number {
  color: #40a070;
}

.hljs-string,
.hljs-doctag {
  color: #219161;
}

.hljs-selector-id,
.hljs-selector-class,
.hljs-section,
.hljs-type {
  color: #19469d;
}

.hljs-params {
  color: #00f;
}

.hljs-title {
  color: #458;
  font-weight: bold;
}

.hljs-tag,
.hljs-name,
.hljs-attribute {
  color: #000080;
  font-weight: normal;
}

.hljs-variable,
.hljs-template-variable {
  color: #008080;
}

.hljs-regexp,
.hljs-link {
  color: #b68;
}

.hljs-symbol,
.hljs-bullet {
  color: #990073;
}

.hljs-built_in,
.hljs-builtin-name {
  color: #0086b3;
}

.hljs-meta {
  color: #999;
  font-weight: bold;
}

.hljs-deletion {
  background: #fdd;
}

.hljs-addition {
  background: #dfd;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left {
  margin-left: -10px;
}
.tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over {
  margin-right: -1px;
}
.tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::before {
  border-left-color: hsl(0, 0%, 84%);
}
.tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--over::after {
  border-left-color: hsl(0, 0%, 100%);
  margin-left: -1px;
}
.tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::before {
  border-left-color: #262626;
}
.tether-element.tether-element-attached-middle.tether-element-attached-right.tether-target-attached-middle.tether-target-attached-left .oui-pop--tip::after {
  border-left-color: #262626;
  margin-left: -1px;
}
.tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left {
  margin-left: -10px;
}
.tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over {
  margin-right: -1px;
}
.tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before {
  border-left-color: hsl(0, 0%, 84%);
}
.tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after {
  border-left-color: hsl(0, 0%, 100%);
  margin-left: -1px;
}
.tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before {
  border-left-color: #262626;
}
.tether-element.tether-element-attached-top.tether-element-attached-right.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after {
  border-left-color: #262626;
  margin-left: -1px;
}
.tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left {
  margin-left: -10px;
}
.tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over {
  margin-right: -1px;
}
.tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before {
  border-left-color: hsl(0, 0%, 84%);
}
.tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after {
  border-left-color: hsl(0, 0%, 100%);
  margin-left: -1px;
}
.tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before {
  border-left-color: #262626;
}
.tether-element.tether-element-attached-bottom.tether-element-attached-right.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after {
  border-left-color: #262626;
  margin-left: -1px;
}
.tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right {
  margin-left: 10px;
}
.tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over {
  margin-left: -1px;
}
.tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::before {
  border-right-color: hsl(0, 0%, 84%);
}
.tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--over::after {
  border-right-color: hsl(0, 0%, 100%);
  margin-right: -1px;
}
.tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::before {
  border-right-color: #262626;
}
.tether-element.tether-element-attached-middle.tether-element-attached-left.tether-target-attached-middle.tether-target-attached-right .oui-pop--tip::after {
  border-right-color: #262626;
  margin-right: -1px;
}
.tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right {
  margin-left: 10px;
}
.tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over {
  margin-left: -1px;
}
.tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before {
  border-right-color: hsl(0, 0%, 84%);
}
.tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after {
  border-right-color: hsl(0, 0%, 100%);
  margin-right: -1px;
}
.tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before {
  border-right-color: #262626;
}
.tether-element.tether-element-attached-top.tether-element-attached-left.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after {
  border-right-color: #262626;
  margin-right: -1px;
}
.tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right {
  margin-left: 10px;
}
.tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over {
  margin-left: -1px;
}
.tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before {
  border-right-color: hsl(0, 0%, 84%);
}
.tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after {
  border-right-color: hsl(0, 0%, 100%);
  margin-right: -1px;
}
.tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before {
  border-right-color: #262626;
}
.tether-element.tether-element-attached-bottom.tether-element-attached-left.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after {
  border-right-color: #262626;
  margin-right: -1px;
}
.tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center {
  margin-top: 10px;
}
.tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over {
  margin-top: -1px;
}
.tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::before {
  border-bottom-color: hsl(0, 0%, 84%);
}
.tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--over::after {
  border-bottom-color: hsl(0, 0%, 100%);
  margin-bottom: -1px;
}
.tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::before {
  border-bottom-color: #262626;
}
.tether-element.tether-element-attached-center.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-center .oui-pop--tip::after {
  border-bottom-color: #262626;
  margin-bottom: -1px;
}
.tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left {
  margin-top: 10px;
}
.tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over {
  margin-top: -1px;
}
.tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::before {
  border-bottom-color: hsl(0, 0%, 84%);
}
.tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--over::after {
  border-bottom-color: hsl(0, 0%, 100%);
  margin-bottom: -1px;
}
.tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::before {
  border-bottom-color: #262626;
}
.tether-element.tether-element-attached-left.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-left .oui-pop--tip::after {
  border-bottom-color: #262626;
  margin-bottom: -1px;
}
.tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right {
  margin-top: 10px;
}
.tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over {
  margin-top: -1px;
}
.tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::before {
  border-bottom-color: hsl(0, 0%, 84%);
}
.tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--over::after {
  border-bottom-color: hsl(0, 0%, 100%);
  margin-bottom: -1px;
}
.tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::before {
  border-bottom-color: #262626;
}
.tether-element.tether-element-attached-right.tether-element-attached-top.tether-target-attached-bottom.tether-target-attached-right .oui-pop--tip::after {
  border-bottom-color: #262626;
  margin-bottom: -1px;
}
.tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center {
  margin-top: -10px;
}
.tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over {
  margin-bottom: -1px;
}
.tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::before {
  border-top-color: hsl(0, 0%, 84%);
}
.tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--over::after {
  border-top-color: hsl(0, 0%, 100%);
  margin-top: -1px;
}
.tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::before {
  border-top-color: #262626;
}
.tether-element.tether-element-attached-center.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-center .oui-pop--tip::after {
  border-top-color: #262626;
  margin-top: -1px;
}
.tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left {
  margin-top: -10px;
}
.tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over {
  margin-bottom: -1px;
}
.tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::before {
  border-top-color: hsl(0, 0%, 84%);
}
.tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--over::after {
  border-top-color: hsl(0, 0%, 100%);
  margin-top: -1px;
}
.tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::before {
  border-top-color: #262626;
}
.tether-element.tether-element-attached-left.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-left .oui-pop--tip::after {
  border-top-color: #262626;
  margin-top: -1px;
}
.tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right {
  margin-top: -10px;
}
.tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over {
  margin-bottom: -1px;
}
.tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::before {
  border-top-color: hsl(0, 0%, 84%);
}
.tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--over::after {
  border-top-color: hsl(0, 0%, 100%);
  margin-top: -1px;
}
.tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::before {
  border-top-color: #262626;
}
.tether-element.tether-element-attached-right.tether-element-attached-bottom.tether-target-attached-top.tether-target-attached-right .oui-pop--tip::after {
  border-top-color: #262626;
  margin-top: -1px;
}

.tippy-touch {
  cursor: pointer !important;
}

.tippy-notransition {
  transition: none !important;
}

.tippy-popper {
  max-width: 400px;
  -webkit-perspective: 800px;
  perspective: 800px;
  z-index: 9999;
  outline: 0;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none;
}
.tippy-popper.html-template {
  max-width: 96%;
  max-width: calc(100% - 20px);
}
.tippy-popper[x-placement^=top] [x-arrow] {
  border-top: 7px solid #333;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  bottom: -7px;
  margin: 0 9px;
}
.tippy-popper[x-placement^=top] [x-arrow].arrow-small {
  border-top: 5px solid #333;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -5px;
}
.tippy-popper[x-placement^=top] [x-arrow].arrow-big {
  border-top: 10px solid #333;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  bottom: -10px;
}
.tippy-popper[x-placement^=top] [x-circle] {
  -webkit-transform-origin: 0 33%;
  transform-origin: 0 33%;
}
.tippy-popper[x-placement^=top] [x-circle].enter {
  -webkit-transform: scale(1) translate(-50%, -55%);
  transform: scale(1) translate(-50%, -55%);
  opacity: 1;
}
.tippy-popper[x-placement^=top] [x-circle].leave {
  -webkit-transform: scale(0.15) translate(-50%, -50%);
  transform: scale(0.15) translate(-50%, -50%);
  opacity: 0;
}
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle] {
  background-color: #fff;
}
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow] {
  border-top: 7px solid #fff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small {
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big {
  border-top: 10px solid #fff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7);
}
.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow] {
  border-top: 7px solid rgba(0, 0, 0, 0.7);
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
  border-top: 5px solid rgba(0, 0, 0, 0.7);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-top: 10px solid rgba(0, 0, 0, 0.7);
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.tippy-popper[x-placement^=top] [data-animation=perspective] {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.tippy-popper[x-placement^=top] [data-animation=perspective].enter {
  opacity: 1;
  -webkit-transform: translateY(-10px) rotateX(0);
  transform: translateY(-10px) rotateX(0);
}
.tippy-popper[x-placement^=top] [data-animation=perspective].leave {
  opacity: 0;
  -webkit-transform: translateY(0) rotateX(90deg);
  transform: translateY(0) rotateX(90deg);
}
.tippy-popper[x-placement^=top] [data-animation=fade].enter {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.tippy-popper[x-placement^=top] [data-animation=fade].leave {
  opacity: 0;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.tippy-popper[x-placement^=top] [data-animation=shift].enter {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.tippy-popper[x-placement^=top] [data-animation=shift].leave {
  opacity: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.tippy-popper[x-placement^=top] [data-animation=scale].enter {
  opacity: 1;
  -webkit-transform: translateY(-10px) scale(1);
  transform: translateY(-10px) scale(1);
}
.tippy-popper[x-placement^=top] [data-animation=scale].leave {
  opacity: 0;
  -webkit-transform: translateY(0) scale(0);
  transform: translateY(0) scale(0);
}
.tippy-popper[x-placement^=bottom] [x-arrow] {
  border-bottom: 7px solid #333;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  top: -7px;
  margin: 0 9px;
}
.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small {
  border-bottom: 5px solid #333;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  top: -5px;
}
.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big {
  border-bottom: 10px solid #333;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  top: -10px;
}
.tippy-popper[x-placement^=bottom] [x-circle] {
  -webkit-transform-origin: 0 -50%;
  transform-origin: 0 -50%;
}
.tippy-popper[x-placement^=bottom] [x-circle].enter {
  -webkit-transform: scale(1) translate(-50%, -45%);
  transform: scale(1) translate(-50%, -45%);
  opacity: 1;
}
.tippy-popper[x-placement^=bottom] [x-circle].leave {
  -webkit-transform: scale(0.15) translate(-50%, -5%);
  transform: scale(0.15) translate(-50%, -5%);
  opacity: 0;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle] {
  background-color: #fff;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow] {
  border-bottom: 7px solid #fff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small {
  border-bottom: 5px solid #fff;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big {
  border-bottom: 10px solid #fff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7);
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow] {
  border-bottom: 7px solid rgba(0, 0, 0, 0.7);
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
  border-bottom: 5px solid rgba(0, 0, 0, 0.7);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-bottom: 10px solid rgba(0, 0, 0, 0.7);
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.tippy-popper[x-placement^=bottom] [data-animation=perspective] {
  -webkit-transform-origin: top;
  transform-origin: top;
}
.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter {
  opacity: 1;
  -webkit-transform: translateY(10px) rotateX(0);
  transform: translateY(10px) rotateX(0);
}
.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave {
  opacity: 0;
  -webkit-transform: translateY(0) rotateX(-90deg);
  transform: translateY(0) rotateX(-90deg);
}
.tippy-popper[x-placement^=bottom] [data-animation=fade].enter {
  opacity: 1;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.tippy-popper[x-placement^=bottom] [data-animation=fade].leave {
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.tippy-popper[x-placement^=bottom] [data-animation=shift].enter {
  opacity: 1;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.tippy-popper[x-placement^=bottom] [data-animation=shift].leave {
  opacity: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.tippy-popper[x-placement^=bottom] [data-animation=scale].enter {
  opacity: 1;
  -webkit-transform: translateY(10px) scale(1);
  transform: translateY(10px) scale(1);
}
.tippy-popper[x-placement^=bottom] [data-animation=scale].leave {
  opacity: 0;
  -webkit-transform: translateY(0) scale(0);
  transform: translateY(0) scale(0);
}
.tippy-popper[x-placement^=left] [x-arrow] {
  border-left: 7px solid #333;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  right: -7px;
  margin: 6px 0;
}
.tippy-popper[x-placement^=left] [x-arrow].arrow-small {
  border-left: 5px solid #333;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  right: -5px;
}
.tippy-popper[x-placement^=left] [x-arrow].arrow-big {
  border-left: 10px solid #333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  right: -10px;
}
.tippy-popper[x-placement^=left] [x-circle] {
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.tippy-popper[x-placement^=left] [x-circle].enter {
  -webkit-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
  opacity: 1;
}
.tippy-popper[x-placement^=left] [x-circle].leave {
  -webkit-transform: scale(0.15) translate(-50%, -50%);
  transform: scale(0.15) translate(-50%, -50%);
  opacity: 0;
}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle] {
  background-color: #fff;
}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow] {
  border-left: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small {
  border-left: 5px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big {
  border-left: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7);
}
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow] {
  border-left: 7px solid rgba(0, 0, 0, 0.7);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
  border-left: 5px solid rgba(0, 0, 0, 0.7);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-left: 10px solid rgba(0, 0, 0, 0.7);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.tippy-popper[x-placement^=left] [data-animation=perspective] {
  -webkit-transform-origin: right;
  transform-origin: right;
}
.tippy-popper[x-placement^=left] [data-animation=perspective].enter {
  opacity: 1;
  -webkit-transform: translateX(-10px) rotateY(0);
  transform: translateX(-10px) rotateY(0);
}
.tippy-popper[x-placement^=left] [data-animation=perspective].leave {
  opacity: 0;
  -webkit-transform: translateX(0) rotateY(-90deg);
  transform: translateX(0) rotateY(-90deg);
}
.tippy-popper[x-placement^=left] [data-animation=fade].enter {
  opacity: 1;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.tippy-popper[x-placement^=left] [data-animation=fade].leave {
  opacity: 0;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.tippy-popper[x-placement^=left] [data-animation=shift].enter {
  opacity: 1;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.tippy-popper[x-placement^=left] [data-animation=shift].leave {
  opacity: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.tippy-popper[x-placement^=left] [data-animation=scale].enter {
  opacity: 1;
  -webkit-transform: translateX(-10px) scale(1);
  transform: translateX(-10px) scale(1);
}
.tippy-popper[x-placement^=left] [data-animation=scale].leave {
  opacity: 0;
  -webkit-transform: translateX(0) scale(0);
  transform: translateX(0) scale(0);
}
.tippy-popper[x-placement^=right] [x-arrow] {
  border-right: 7px solid #333;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  left: -7px;
  margin: 6px 0;
}
.tippy-popper[x-placement^=right] [x-arrow].arrow-small {
  border-right: 5px solid #333;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  left: -5px;
}
.tippy-popper[x-placement^=right] [x-arrow].arrow-big {
  border-right: 10px solid #333;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  left: -10px;
}
.tippy-popper[x-placement^=right] [x-circle] {
  -webkit-transform-origin: -50% 0;
  transform-origin: -50% 0;
}
.tippy-popper[x-placement^=right] [x-circle].enter {
  -webkit-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
  opacity: 1;
}
.tippy-popper[x-placement^=right] [x-circle].leave {
  -webkit-transform: scale(0.15) translate(-50%, -50%);
  transform: scale(0.15) translate(-50%, -50%);
  opacity: 0;
}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle] {
  background-color: #fff;
}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow] {
  border-right: 7px solid #fff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small {
  border-right: 5px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big {
  border-right: 10px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle] {
  background-color: rgba(0, 0, 0, 0.7);
}
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow] {
  border-right: 7px solid rgba(0, 0, 0, 0.7);
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small {
  border-right: 5px solid rgba(0, 0, 0, 0.7);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
  border-right: 10px solid rgba(0, 0, 0, 0.7);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.tippy-popper[x-placement^=right] [data-animation=perspective] {
  -webkit-transform-origin: left;
  transform-origin: left;
}
.tippy-popper[x-placement^=right] [data-animation=perspective].enter {
  opacity: 1;
  -webkit-transform: translateX(10px) rotateY(0);
  transform: translateX(10px) rotateY(0);
}
.tippy-popper[x-placement^=right] [data-animation=perspective].leave {
  opacity: 0;
  -webkit-transform: translateX(0) rotateY(90deg);
  transform: translateX(0) rotateY(90deg);
}
.tippy-popper[x-placement^=right] [data-animation=fade].enter {
  opacity: 1;
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.tippy-popper[x-placement^=right] [data-animation=fade].leave {
  opacity: 0;
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.tippy-popper[x-placement^=right] [data-animation=shift].enter {
  opacity: 1;
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.tippy-popper[x-placement^=right] [data-animation=shift].leave {
  opacity: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.tippy-popper[x-placement^=right] [data-animation=scale].enter {
  opacity: 1;
  -webkit-transform: translateX(10px) scale(1);
  transform: translateX(10px) scale(1);
}
.tippy-popper[x-placement^=right] [data-animation=scale].leave {
  opacity: 0;
  -webkit-transform: translateX(0) scale(0);
  transform: translateX(0) scale(0);
}
.tippy-popper .tippy-tooltip.transparent-theme {
  background-color: rgba(0, 0, 0, 0.7);
}
.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill] {
  background-color: transparent;
}
.tippy-popper .tippy-tooltip.light-theme {
  color: #26323d;
  box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.1), 0 4px 80px -8px rgba(0, 20, 60, 0.2);
  background-color: #fff;
}
.tippy-popper .tippy-tooltip.light-theme[data-animatefill] {
  background-color: transparent;
}

.tippy-tooltip {
  position: relative;
  color: #fff;
  border-radius: 4px;
  font-size: 0.95rem;
  padding: 0.4rem 0.8rem;
  text-align: center;
  will-change: transform;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #333;
}
.tippy-tooltip--small {
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
}
.tippy-tooltip--big {
  padding: 0.6rem 1.2rem;
  font-size: 1.2rem;
}
.tippy-tooltip[data-animatefill] {
  overflow: hidden;
  background-color: transparent;
}
.tippy-tooltip[data-interactive] {
  pointer-events: auto;
}
.tippy-tooltip[data-inertia] {
  transition-timing-function: cubic-bezier(0.53, 2, 0.36, 0.85);
}
.tippy-tooltip [x-arrow] {
  position: absolute;
  width: 0;
  height: 0;
}
.tippy-tooltip [x-circle] {
  position: absolute;
  will-change: transform;
  background-color: #333;
  border-radius: 50%;
  width: 130%;
  width: calc(110% + 2rem);
  left: 50%;
  top: 50%;
  z-index: -1;
  overflow: hidden;
  transition: all ease;
}
.tippy-tooltip [x-circle]:before {
  content: "";
  padding-top: 90%;
  float: left;
}

@media (max-width: 450px) {
  .tippy-popper {
    max-width: 96%;
    max-width: calc(100% - 20px);
  }
}
.tippy-popper {
  max-width: 350px;
  perspective: 700px;
  z-index: 9999;
  outline: 0;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none;
}
.tippy-popper[data-html] {
  max-width: 96%;
  max-width: calc(100% - 20px);
}

.tippy-tooltip {
  background: #262626;
  color: hsl(0, 0%, 100%);
  border-radius: 5px;
  font-size: 0.6875rem;
  padding: 4px 8px;
  max-width: 250px;
  font-weight: 500;
  position: relative;
  text-align: center;
  will-change: transform;
}
.tippy-tooltip[data-interactive] {
  pointer-events: auto;
}

.tippy-arrow {
  position: absolute;
  width: 0;
  height: 0;
}

.tippy-backdrop {
  position: absolute;
  will-change: transform;
  background-color: #333;
  border-radius: 50%;
  width: 26%;
  left: 50%;
  top: 50%;
  z-index: -1;
  transition: all cubic-bezier(0.46, 0.1, 0.52, 0.98);
  backface-visibility: hidden;
}
.tippy-backdrop::after {
  content: "";
  float: left;
  padding-top: 100%;
}

.tippy-popper .tippy-tooltip.light-theme {
  border: 1px solid hsl(0, 0%, 84%);
  border-radius: 5px;
  background: hsl(0, 0%, 100%);
  max-width: 350px;
  box-shadow: 0 2px 22px rgba(0, 0, 0, 0.1) !important;
}

.tippy-tooltip.bordered-theme {
  border: 1px solid hsl(0, 0%, 84%);
  box-shadow: none !important;
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .arrow-regular {
  border-top: 7px solid hsl(0, 0%, 84%);
}

.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme .arrow-regular::after {
  content: "";
  position: absolute;
  top: -7px;
  left: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .arrow-regular {
  border-bottom: 7px solid hsl(0, 0%, 84%);
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme .arrow-regular::after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: -6px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .arrow-regular {
  border-left: 7px solid hsl(0, 0%, 84%);
}

.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme .arrow-regular::after {
  content: "";
  position: absolute;
  left: -7px;
  top: -6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid white;
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .arrow-regular {
  border-right: 7px solid hsl(0, 0%, 84%);
}

.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme .arrow-regular::after {
  content: "";
  position: absolute;
  right: -7px;
  top: -6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid white;
}

.og-source {
  padding: 16px 32px;
}

.og-source--body {
  margin-top: 16px
}

.og-source--body label {
  color: #707070;
  margin-bottom: 2px
}

.og-source--body>div {
  margin-bottom: 16px
}

.og-source .history--message {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 500px;
  display: block;
  height: 1.5em
}

.og-source .history--status {
  word-break: normal
}

.og-source .history--empty {
  text-align: center
}

.og-source.settings .oui-text-input.start-date {
  color: #707070
}

.og-source.settings .oui-text-input[type=time] {
  width: initial;
  margin-top: 24px;
  margin-left: 6px;
  max-height: 36px
}

.og-source.settings input::-webkit-outer-spin-button,.og-source.settings input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.og-source.settings input[type=number].oui-text-input {
  -moz-appearance: textfield
}

.og-source.settings .oui-dialog__header {
  padding-left: 24px;
  padding-top: 24px
}

.og-source.settings .oui-dialog__body {
  padding-left: 24px;
  padding-top: 0px
}

.og-source.settings .oui-dialog__body>div {
  margin-bottom: 16px
}

.og-source.settings .oui-dropdown-group {
  position: absolute
}

.og-source.settings label {
  display: block;
  margin-bottom: 2px
}

.og-source.settings .custom-interval-length {
  max-width: 46px;
  margin-right: 8px
}

.og-source--footer {
  margin-top: auto;
  border-top: 1px solid #d6d6d6;
  justify-content: flex-end;
  display: flex;
  padding-right: 24px;
  margin-left: -32px;
  margin-right: -24px
}

.og-source--footer>button {
  margin-top: 16px
}

.og-source-nav {
  display: flex;
  height: calc(100vh - 100px);
  padding-right: 32px
}

.og-source-nav .sidenav__body {
  overflow: hidden
}

.og-source-nav .oui-manager-side-nav {
  position: fixed
}

.og-source-nav .oui-manager-side-nav .sidenav__body,.og-source-nav .oui-manager-side-nav .sidenav__header {
  padding-left: 24px
}

.og-source-nav .oui-manager-side-nav .nav-list {
  margin-left: -24px
}

.og-source-nav .oui-manager-side-nav .nav-list>li.nav-list__link .link {
  padding-left: 24px
}

.og-source__overlay {
  pointer-events: none
}

.og-source__overlay .spinner {
  position: absolute;
  top: 49%;
  left: 49%
}

.og-source__overlay .og-source-nav {
  opacity: .2
}

.og-source-list {
  padding: 16px
}

.og-source-header {
  padding: 16px 0 0 32px
}

.og-source-warning {
  margin: 0 32px
}

.og-source-error {
  margin: 8px 32px 0 32px
}

.og-source-list-empty {
  padding-left: 16px
}

.og-source-filters {
  display: flex;
  padding-left: 16px
}

.og-source-filters .oui-text-input-with-icon--left {
  width: 200px;
  display: inline-block
}

.og-source-filters .oui-dropdown-group .oui-button--plain {
  padding: 0 8px
}

.og-source__overlay {
  pointer-events: none
}

.og-source__overlay .spinner {
  position: absolute;
  top: 49%;
  left: 49%
}

.og-source__overlay .og-source-list {
  opacity: .2
}

.og-source-list__history--message {
  display: flex
}

.og-source-list__history--message div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  height: 1.5em
}

.og-source-list__history--message.failed {
  color: #f33030
}

.og-source-list__history--message::after {
  content: " " attr(data-duration);
  white-space: nowrap;
  color: #707070
}

.plain-text {
  padding-left: 0px !important
}

.no-schedlued-job {
  text-align: center;
  margin-top: 113px
}
.side-pannel.oui-dialog__wrapper {
    padding-top: 40px;
    justify-content: right;
}

.side-pannel  .oui-dialog {
    width: 50%;
    max-width: 800px;
    min-width: 320px;
    height: 100%;
    max-height: inherit;
}

.side-pannel  .oui-dialog__header,
.side-pannel  .oui-dialog__footer-container {
    display: none;
}
.graph-dialog .oui-dialog {
    width: 656px;
}

.graph-dialog .oui-dialog__header {
    display: none;
}

.graph-dialog .oui-dialog__body {
    padding: 24px;
}