.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before,
.react-datepicker__month-year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}

.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  background: none;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  padding: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
  height: 10px;
  width: 10px;
  text-indent: -999em;
  overflow: hidden;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 95px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}

.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: 85px;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
  -moz-appearance: textfield;
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
  box-sizing: content-box;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}

.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}

.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range, .react-datepicker__month--selecting-range
.react-datepicker__month-text--in-range, .react-datepicker__month--selecting-range
.react-datepicker__quarter-text--in-range, .react-datepicker__month--selecting-range
.react-datepicker__year-text--in-range {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}

.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0px 6px 0px 0px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "\00d7";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
  border-right-color: #e6e6e6;
  cursor: default;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
  border-left-color: #e6e6e6;
  cursor: default;
}

/* normalize.css v3.0.0 | MIT License | git.io/normalize */
/* stylelint-disable property-no-vendor-prefix */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  color: #000;
  background: #ff0;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 * NB: The normalize default is to add margin (1em 40px) but here they are
 * removed so that margin-removal overrides are not required
 */
figure {
  margin: 0;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  /* 3 */
  font: inherit;
  /* 2 */
  color: inherit;
  /* 1 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA `stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  padding: 0;
  /* 2 */
  border: 0;
  /* 1 */
}

/**
 * Remove default vertical scrollbar in IE 8/9.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

/* stylelint-disable property-no-vendor-prefix */
.rh5v-DefaultPlayer_component {
  position: absolute;
  width: 100%;
  height: 100%;
}

.rh5v-DefaultPlayer_video {
  width: 100%;
  height: 100%;
}

.rh5v-DefaultPlayer_controls {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  height: 34px;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 0.2s;
}

.rh5v-DefaultPlayer_seek {
  flex-grow: 1;
}

.rh5v-DefaultPlayer_component:hover .rh5v-DefaultPlayer_controls {
  opacity: 1;
}

.rh5v-Time_component {
  padding: 0 10px;
  line-height: 35px;
  color: #fff;
}

.rh5v-Time_current {
  margin-right: 5px;
}

.rh5v-Time_duration {
  margin-left: 5px;
  color: #919191;
}

.rh5v-Seek_component {
  position: relative;
}

.rh5v-Seek_track {
  position: absolute;
  top: 50%;
  right: 5px;
  left: 5px;
  height: 4px;
  background-color: #3e3e3e;
  transform: translateY(-50%);
}

.rh5v-Seek_buffer,
.rh5v-Seek_fill,
.rh5v-Seek_input {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.rh5v-Seek_buffer {
  background-color: #5a5a5a;
}

.rh5v-Seek_fill {
  background: #fff;
}

.rh5v-Seek_input {
  width: 100%;
  cursor: pointer;
  opacity: 0;
}

.rh5v-Volume_component {
  position: relative;
}

.rh5v-Volume_component:hover {
  background-color: #000;
}

.rh5v-Volume_button {
  width: 34px;
  height: 34px;
  padding: 0;
  overflow: visible;
  font: inherit;
  line-height: normal;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
}

.rh5v-Volume_button:focus {
  outline: 0;
}

.rh5v-Volume_icon {
  padding: 7px;
}

.rh5v-Volume_slider {
  position: absolute;
  right: 5px;
  bottom: 100%;
  left: 5px;
  display: none;
  height: 56px;
  background-color: #000;
}

.rh5v-Volume_component:hover .rh5v-Volume_slider {
  display: block;
}

.rh5v-Volume_track {
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 50%;
  width: 4px;
  background-color: #3e3e3e;
  transform: translateX(-50%);
}

.rh5v-Volume_fill,
.rh5v-Volume_input {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.rh5v-Volume_fill {
  background-color: #fff;
}

.rh5v-Volume_input {
  padding: 0;
  margin: 0;
  cursor: pointer;
  opacity: 0;
  -webkit-appearance: slider-vertical;
}

.rh5v-Captions_component {
  position: relative;
}

.rh5v-Captions_component:hover {
  background-color: #000;
}

.rh5v-Captions_button {
  width: 34px;
  height: 34px;
  padding: 0;
  overflow: visible;
  font: inherit;
  line-height: normal;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
}

.rh5v-Captions_button:focus {
  outline: 0;
}

.rh5v-Captions_icon {
  padding: 5px;
}

.rh5v-Captions_trackList {
  position: absolute;
  right: 0;
  bottom: 100%;
  display: none;
  padding: 0;
  margin: 0;
  color: #fff;
  list-style: none;
  background-color: rgba(0, 0, 0, 0.7);
}

.rh5v-Captions_component:hover .rh5v-Captions_trackList {
  display: block;
}

.rh5v-Captions_trackItem {
  padding: 7px;
  cursor: pointer;
}

.rh5v-Captions_activeTrackItem,
.rh5v-Captions_trackItem:hover {
  background: #000;
}

.rh5v-Captions_activeTrackItem {
  text-decoration: underline;
}

.rh5v-PlayPause_component:hover {
  background-color: #000;
}

.rh5v-PlayPause_button {
  width: 34px;
  height: 34px;
  padding: 0;
  overflow: visible;
  font: inherit;
  line-height: normal;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
}

.rh5v-PlayPause_button:focus {
  outline: 0;
}

.rh5v-PlayPause_icon {
  padding: 5px;
}

.rh5v-Fullscreen_component:hover {
  background-color: #000;
}

.rh5v-Fullscreen_button {
  width: 34px;
  height: 34px;
  padding: 0;
  overflow: visible;
  font: inherit;
  line-height: normal;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
}

.rh5v-Fullscreen_button:focus {
  outline: 0;
}

.rh5v-Fullscreen_icon {
  padding: 5px;
}

.rh5v-Overlay_component {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
}

.rh5v-Overlay_inner {
  position: absolute;
  top: 50%;
  right: 0;
  left: 50%;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 10px;
  transform: translateY(-50%);
}

.rh5v-Overlay_icon {
  position: absolute;
  top: 50%;
  right: 0;
  left: calc(50% - 40px);
  transform: translateY(-50%);
}

@font-face {
  font-family: 'aleo';
  font-style: normal;
  font-weight: 400;
  src: url(/build/assets/Aleo-Regular-590f2b00b056cc30c70a5d7f05005f61.woff) format("woff");
}

@font-face {
  font-family: 'aleo';
  font-style: italic;
  font-weight: 400;
  src: url(/build/assets/Aleo-Italic-224ee00da5a615e5626d52101a8f9d88.woff) format("woff");
}

@font-face {
  font-family: 'aleo';
  font-style: normal;
  font-weight: 200;
  src: url(/build/assets/Aleo-Light-e0ffb6591423e34aebe1152429e475ad.woff) format("woff");
}

@font-face {
  font-family: 'aleo';
  font-style: normal;
  font-weight: 700;
  src: url(/build/assets/Aleo-Bold-65853ac3f982689d7b1057176ea754c7.woff) format("woff");
}

@font-face {
  font-family: 'trueno';
  font-style: normal;
  font-weight: 400;
  src: url(/build/assets/TruenoRg-1f370f82260c35703a075fd991cc3c97.woff) format("woff");
}

@font-face {
  font-family: 'trueno';
  font-style: italic;
  font-weight: 400;
  src: url(/build/assets/TruenoRgIt-9d12e045a4b3c3b0ceeb7502aa28c306.woff) format("woff");
}

@font-face {
  font-family: 'trueno';
  font-style: normal;
  font-weight: 700;
  src: url(/build/assets/TruenoBd-4fe4fdfca9ae8a190b3c2c188823a939.woff) format("woff");
}

@font-face {
  font-family: 'trueno';
  font-style: normal;
  font-weight: 600;
  src: url(/build/assets/TruenoSBd-de4246d54c510bf4556d2410801fc6db.woff) format("woff");
}

@font-face {
  font-family: 'trueno';
  font-style: normal;
  font-weight: 200;
  src: url(/build/assets/TruenoLt-f460eab11dcba2ac488f4785f2cda5fd.woff) format("woff");
}

.show-50 {
  display: none;
}

@media all and (min-width: 560px) {
  .show-50 {
    display: inherit;
  }
}

@media all and (min-width: 620px) {
  .hide-60 {
    display: none;
  }
}

.show-60 {
  display: none;
}

@media all and (min-width: 620px) {
  .show-60 {
    display: inherit;
  }
}

@media all and (min-width: 760px) {
  .hide-75 {
    display: none;
  }
}

.show-75 {
  display: none;
}

@media all and (min-width: 760px) {
  .show-75 {
    display: block;
  }
}

.rel {
  position: relative;
}

.no-scroll {
  overflow: hidden;
}

.container {
  max-width: 1235px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

@media all and (min-width: 450px) {
  .container {
    padding-right: 4.5%;
    padding-left: 4.5%;
  }
}

@media all and (min-width: 1235px) {
  .container {
    padding-right: 50px;
    padding-left: 50px;
  }
}

section > .container:not(.flush) {
  padding-top: 39px;
  padding-bottom: 45px;
}

@media all and (min-width: 620px) {
  section > .container:not(.flush) {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

@media all and (min-width: 760px) {
  section > .container:not(.flush) {
    padding-top: 60px;
    padding-bottom: 70px;
  }
}

section > .container.flush-top {
  padding-top: 0;
  padding-bottom: 45px;
}

@media all and (min-width: 760px) {
  section > .container.flush-top {
    padding-top: 0;
    padding-bottom: 70px;
  }
}

section > .container.flush-top.flush-bottom {
  padding-top: 0;
  padding-bottom: 0;
}

@media all and (min-width: 760px) {
  section > .container.flush-top.flush-bottom {
    padding-top: 0;
    padding-bottom: 0;
  }
}

section > .container.flush-bottom {
  padding-top: 45px;
  padding-bottom: 0;
}

@media all and (min-width: 760px) {
  section > .container.flush-bottom {
    padding-top: 60px;
    padding-bottom: 0;
  }
}

@media all and (min-width: 960px) {
  section > .container.extra-top {
    padding-top: 125px;
  }
}

.container-focus {
  max-width: 680px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container-focus.container-width-0 {
  max-width: 1063px;
}

.container-focus.container-width-1 {
  max-width: 916px;
}

.container-focus.container-width-2 {
  max-width: 790px;
}

.container-focus.container-width-3 {
  max-width: 680px;
}

.container-focus.container-width-4 {
  max-width: 500px;
}

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

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

.align-right {
  text-align: right;
}

.float-right {
  float: right;
}

.global-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.global-container > .main-content {
  flex-grow: 1;
}

.flex-viewport {
  display: flex;
  flex-direction: column;
}

.flex-viewport > .main-content {
  flex-grow: 1;
}

.row-3-p {
  margin-left: -30px;
}

.row-3-p::after {
  display: block;
  clear: both;
  content: '';
}

@media all and (min-width: 1235px) {
  .row-3-p {
    margin-left: -60px;
  }
}

.row-3-p + .row-3-p {
  margin-top: 30px;
}

.row-3-p .col-33, .row-3-p .col-66 {
  float: left;
  padding-left: 30px;
}

@media all and (min-width: 1235px) {
  .row-3-p .col-33, .row-3-p .col-66 {
    padding-left: 60px;
  }
}

.row-3-p .col-33 {
  width: 33.333%;
}

.row-3-p .col-66 {
  width: 66.666%;
}

.row-1-p::after {
  display: block;
  clear: both;
  content: '';
}

.row-1-p + .row-1-p {
  margin-top: 30px;
}

.heading-primary {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 1.2em;
  font-weight: 500;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.32;
}

@media all and (min-width: 620px) {
  .heading-primary {
    font-size: 26px;
  }
}

.heading-secondary {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 1.2em;
  font-weight: 500;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.32;
  font-size: 20px;
}

@media all and (min-width: 620px) {
  .heading-secondary {
    font-size: 26px;
  }
}

@media all and (min-width: 620px) {
  .heading-secondary {
    font-size: 22px;
  }
}

.heading-quaternary {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin: 0;
  font-size: 25px;
}

@media all and (min-width: 700px) {
  .heading-quaternary {
    font-size: 28px;
  }
}

@media all and (min-width: 960px) {
  .heading-quaternary {
    font-size: 30px;
  }
}

.utility-primary {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
}

.font-size-0 {
  font-size: 12px;
}

@media all and (min-width: 480px) {
  .font-size-0 {
    font-size: 13px;
  }
}

.font-size-1 {
  font-size: 14px;
}

@media all and (min-width: 480px) {
  .font-size-1 {
    font-size: 16px;
  }
}

.font-size-2 {
  font-size: 16px;
}

@media all and (min-width: 480px) {
  .font-size-2 {
    font-size: 20px;
  }
}

.font-size-3 {
  font-size: 18px;
}

@media all and (min-width: 480px) {
  .font-size-3 {
    font-size: 22px;
  }
}

.font-size-4 {
  font-size: 20px;
}

@media all and (min-width: 480px) {
  .font-size-4 {
    font-size: 26px;
  }
}

.font-size-5 {
  font-size: 24px;
}

@media all and (min-width: 480px) {
  .font-size-5 {
    font-size: 32px;
  }
}

.font-size-6 {
  font-size: 28px;
}

@media all and (min-width: 480px) {
  .font-size-6 {
    font-size: 38px;
  }
}

body {
  --accent-primary: #52e3ac;
  --accent-primary-dark: #34a178;
  --accent-primary-medium: #3dbd8c;
  --accent-primary-light: #75e9bd;
  --accent-primary-dull: #b1ead2;
  --accent-primary-pale: #a8f0d5;
  --accent-primary-extra-pale: #cbf7e6;
  --accent-primary-off-white: #f0faf7;
  --accent-interaction-light: #52e3ac;
  --accent-interaction-dark: #077a56;
  --analytics-highlight-color: #61caff;
  --analytics-highlight-color-pale: #42b2eb;
}

.browse,
.reader.scheme-light,
.bg-white {
  --default-focus-color: #828282;
  --default-hover-color: var(--accent-interaction-dark, #077a56);
  --default-error-color: #c42929;
  --default-warning-color: #706b2c;
  --default-notice-color: #19678f;
  color: #696969;
}

.backend,
.drawer--backend,
.reader.scheme-dark,
.bg-neutral90,
.bg-neutral95 {
  --default-focus-color: var(--accent-interaction-light, #52e3ac);
  --default-hover-color: var(--accent-interaction-light, #52e3ac);
  --default-error-color: #ff9191;
  --default-warning-color: #f5e425;
  --default-notice-color: #61caff;
  color: #b3b3b3;
}

.backend input[type='text'],
.backend input[type='email'],
.backend input[type='password'],
.backend select,
.drawer--backend input[type='text'],
.drawer--backend input[type='email'],
.drawer--backend input[type='password'],
.drawer--backend select,
.reader.scheme-dark input[type='text'],
.reader.scheme-dark input[type='email'],
.reader.scheme-dark input[type='password'],
.reader.scheme-dark select,
.bg-neutral90 input[type='text'],
.bg-neutral90 input[type='email'],
.bg-neutral90 input[type='password'],
.bg-neutral90 select,
.bg-neutral95 input[type='text'],
.bg-neutral95 input[type='email'],
.bg-neutral95 input[type='password'],
.bg-neutral95 select {
  color: #ececec;
}

.fake-link {
  text-decoration: underline;
  cursor: pointer;
}

.invisible {
  visibility: hidden;
}

.bg-white {
  background-color: #ffffff;
}

.bg-accent-primary {
  background-color: #52e3ac;
  background-color: var(--accent-primary, #52e3ac);
}

.bg-accent-secondary {
  background-color: #f0faf7;
  background-color: var(--accent-primary-off-white, #f0faf7);
}

.bg-neutral05 {
  background-color: #f7f7f7;
}

.bg-neutral90 {
  background-color: #363636;
}

.bg-neutral95 {
  background-color: #2e2e2e;
}

.manicon-svg {
  display: inline-block;
  vertical-align: middle;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 22px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

body {
  width: 100%;
  min-width: 320px;
  font-size: 16px;
  font-weight: 400;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  line-height: 1.2;
  color: #696969;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

body.no-scroll {
  overflow: hidden;
}

a {
  color: inherit;
}

p {
  margin: 0;
}

button,
[role='button'],
a,
[data-react-beautiful-dnd-drag-handle] {
  transition: color 0.2s ease;
}

button:hover,
[role='button']:hover,
a:hover,
[data-react-beautiful-dnd-drag-handle]:hover {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

button:focus:not(.focus-visible),
[role='button']:focus:not(.focus-visible),
a:focus:not(.focus-visible),
input:focus:not(.focus-visible),
select:focus:not(.focus-visible),
[data-react-beautiful-dnd-drag-handle]:focus:not(.focus-visible) {
  outline: 0;
}

button.focus-visible,
[role='button'].focus-visible,
a.focus-visible,
input.focus-visible,
select.focus-visible,
[data-react-beautiful-dnd-drag-handle].focus-visible {
  outline: solid 2px #52e3ac;
  outline: solid 2px var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.button-switch-primary {
  display: flex;
  border: 1px solid #52e3ac;
  border: 1px solid var(--accent-primary, #52e3ac);
}

.button-switch-primary__side {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  padding: 7.5px 20px 8.5px;
  font-size: 12px;
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

@media all and (min-width: 960px) {
  .button-switch-primary__side {
    padding-top: 9px;
    padding-bottom: 11px;
    font-size: 14px;
  }
}

.button-switch-primary__side:focus-within {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
  background-color: rgba(230, 230, 230, 0.1);
}

.button-switch-primary__side--selected {
  color: #262626;
  background-color: #52e3ac;
  background-color: var(--accent-primary, #52e3ac);
}

.button-switch-primary__side--selected:focus-within {
  color: #262626;
  background-color: #a8f0d5;
  background-color: var(--accent-primary-pale, #a8f0d5);
  border-color: #a8f0d5;
  border-color: var(--accent-primary-pale, #a8f0d5);
}

.button-switch-primary__icon {
  margin-right: 0.65em;
}

@media all and (min-width: 960px) {
  .button-switch-primary__icon {
    width: 36px;
    height: 36px;
  }
}

.button-switch-primary__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.drawer-backend .button-switch-primary {
  margin-bottom: 28px;
}

.backend-dashboard {
  --gap: 42px;
  display: grid;
  grid-template-columns: 100%;
  grid-gap: var(--gap);
  padding-top: 0;
}

@media all and (min-width: 560px) {
  .backend-dashboard {
    --gap: 60px;
  }
}

@media all and (min-width: 760px) {
  .backend-dashboard {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    --gap: 7.6vw;
  }
}

@media all and (min-width: 1235px) {
  .backend-dashboard {
    --gap: 95px;
  }
}

@media all and (max-width: 880px) {
  .backend-dashboard .list-pagination-secondary .ordinal {
    display: none;
  }
}

.dialog-primary {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 4.5%;
  padding-left: 4.5%;
  visibility: visible;
  background-color: rgba(255, 255, 255, 0.6);
  opacity: 1;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

@media all and (min-width: 1235px) {
  .dialog-primary {
    padding-right: 50px;
    padding-left: 50px;
  }
}

.dialog-primary.dialog-appear {
  visibility: visible;
  opacity: 0;
}

.dialog-primary .dialog-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}

.dialog-primary .dialog-box.dialog-error {
  max-width: 500px;
  background-color: #ffd1d1;
}

.dialog-primary .dialog-box.dialog-error header h1, .dialog-primary .dialog-box.dialog-error header h2, .dialog-primary .dialog-box.dialog-error header h3, .dialog-primary .dialog-box.dialog-error header h4, .dialog-primary .dialog-box.dialog-error header h5, .dialog-primary .dialog-box.dialog-error header h6, .dialog-primary .dialog-box.dialog-error .dialog-header-large h1, .dialog-primary .dialog-box.dialog-error .dialog-header-large h2, .dialog-primary .dialog-box.dialog-error .dialog-header-large h3, .dialog-primary .dialog-box.dialog-error .dialog-header-large h4, .dialog-primary .dialog-box.dialog-error .dialog-header-large h5, .dialog-primary .dialog-box.dialog-error .dialog-header-large h6, .dialog-primary .dialog-box.dialog-error .dialog-header-small h1, .dialog-primary .dialog-box.dialog-error .dialog-header-small h2, .dialog-primary .dialog-box.dialog-error .dialog-header-small h3, .dialog-primary .dialog-box.dialog-error .dialog-header-small h4, .dialog-primary .dialog-box.dialog-error .dialog-header-small h5, .dialog-primary .dialog-box.dialog-error .dialog-header-small h6 {
  color: #363636;
}

.dialog-primary .dialog-box.dialog-error p {
  font-weight: 400;
  color: #363636;
}

.dialog-primary .dialog-box.dialog-error .close-button-primary {
  color: #363636;
}

.dialog-primary .dialog-box {
  --default-hover-color: var(--accent-interaction-light, #52e3ac);
  position: relative;
  width: 100%;
  max-width: 880px;
  padding: 27px 6.818% 50px;
  margin: 0 auto;
  background-color: #2e2e2e;
}

@media all and (min-width: 960px) {
  .dialog-primary .dialog-box {
    padding: 29px 40px 50px;
  }
}

.dialog-primary .dialog-box header, .dialog-primary .dialog-box .dialog-header-large {
  padding: 11px 0 45px;
}

.dialog-primary .dialog-box header h1, .dialog-primary .dialog-box header h2, .dialog-primary .dialog-box header h3, .dialog-primary .dialog-box header h4, .dialog-primary .dialog-box header h5, .dialog-primary .dialog-box header h6, .dialog-primary .dialog-box .dialog-header-large h1, .dialog-primary .dialog-box .dialog-header-large h2, .dialog-primary .dialog-box .dialog-header-large h3, .dialog-primary .dialog-box .dialog-header-large h4, .dialog-primary .dialog-box .dialog-header-large h5, .dialog-primary .dialog-box .dialog-header-large h6 {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin: 0;
  font-size: 25px;
  padding: 11px 0 1.1em;
  color: #ececec;
}

@media all and (min-width: 700px) {
  .dialog-primary .dialog-box header h1, .dialog-primary .dialog-box header h2, .dialog-primary .dialog-box header h3, .dialog-primary .dialog-box header h4, .dialog-primary .dialog-box header h5, .dialog-primary .dialog-box header h6, .dialog-primary .dialog-box .dialog-header-large h1, .dialog-primary .dialog-box .dialog-header-large h2, .dialog-primary .dialog-box .dialog-header-large h3, .dialog-primary .dialog-box .dialog-header-large h4, .dialog-primary .dialog-box .dialog-header-large h5, .dialog-primary .dialog-box .dialog-header-large h6 {
    font-size: 28px;
  }
}

@media all and (min-width: 960px) {
  .dialog-primary .dialog-box header h1, .dialog-primary .dialog-box header h2, .dialog-primary .dialog-box header h3, .dialog-primary .dialog-box header h4, .dialog-primary .dialog-box header h5, .dialog-primary .dialog-box header h6, .dialog-primary .dialog-box .dialog-header-large h1, .dialog-primary .dialog-box .dialog-header-large h2, .dialog-primary .dialog-box .dialog-header-large h3, .dialog-primary .dialog-box .dialog-header-large h4, .dialog-primary .dialog-box .dialog-header-large h5, .dialog-primary .dialog-box .dialog-header-large h6 {
    font-size: 30px;
  }
}

.dialog-primary .dialog-box .dialog-header-small {
  padding: 11px 0 22px;
}

.dialog-primary .dialog-box .dialog-header-small h1, .dialog-primary .dialog-box .dialog-header-small h2, .dialog-primary .dialog-box .dialog-header-small h3, .dialog-primary .dialog-box .dialog-header-small h4, .dialog-primary .dialog-box .dialog-header-small h5, .dialog-primary .dialog-box .dialog-header-small h6 {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  padding: 11px 0;
  margin: 0;
  font-size: 22px;
  color: #ffffff;
}

.dialog-primary .dialog-box .utility-primary {
  color: #ececec;
}

.dialog-primary .dialog-box p {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding-bottom: 34px;
  color: #b3b3b3;
  text-transform: none;
}

.dialog-primary .dialog-box .buttons-icon-horizontal {
  margin-bottom: 0;
}

.dialog-primary .close-button-primary {
  position: absolute;
  top: auto;
  right: 32px;
}

.dialog-primary .form-input.submit {
  text-align: center;
}

.event-entity-row {
  position: relative;
  border-bottom: 1px solid #828282;
}

@media all and (min-width: 620px) {
  .event-entity-row {
    border-bottom: 0;
  }
}

.event-entity-row__inner {
  height: 100%;
}

.event-entity-row .utility-button {
  position: absolute;
  right: 8px;
  bottom: 16px;
}

.event-entity-row--tile .utility-button {
  right: 18px;
  bottom: 45px;
}

.picker-input {
  position: relative;
}

.picker-input__input-wrapper {
  position: relative;
}

body.backend .picker-input__input-wrapper {
  background-color: #363636;
}

.picker-input__input {
  border: 1px solid #828282;
}

.picker-input__text-input {
  /* stylelint-disable declaration-no-important */
  /* stylelint-enable declaration-no-important */
}

.picker-input__text-input--padded-1x {
  padding-right: 40px !important;
}

.picker-input__text-input--padded-2x {
  padding-right: 72px !important;
}

.picker-input__button-group {
  position: absolute;
  top: 50%;
  right: 8px;
  display: flex;
  pointer-events: none;
  transform: translateY(-50%);
}

.picker-input__button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 8px 6px;
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.picker-input__icon--reset {
  pointer-events: all;
}

.picker-input__icon--disclosure {
  pointer-events: none;
}

.picker-input__results {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 210px;
  padding: 8px 0;
  overflow: auto;
  color: #ececec;
  visibility: hidden;
  background-color: #363636;
  border-color: #555555;
  border-style: solid;
  border-width: 0 1px 1px;
  opacity: 0;
  transition: opacity 0.1s ease visibility 0.1s ease;
}

.picker-input--open .picker-input__results {
  visibility: visible;
  opacity: 1;
}

.picker-input__result {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  padding: 8px 17px;
  color: #ececec;
  cursor: pointer;
}

.picker-input__result + .picker-input__result {
  border: 0;
}

.picker-input__result:hover, .picker-input__result--active {
  background: #555555;
}

.picker-input__result--active.picker-input__result--selected {
  background: #696969;
}

.picker-input__result--selected {
  background: #424242;
}

.picker-input__result--empty {
  color: #b3b3b3;
  cursor: inherit;
}

.picker-input__result--empty:hover {
  background: inherit;
}

.form-secondary .form-input .picker-input input[type='text'] {
  height: auto;
  padding: 8px 0 13px 17px;
  border: 0;
}

.form-secondary .form-input .picker-input input[type='text'].focus-visible {
  border: 0;
}

.form-secondary .form-input .picker-input input[type='text']::-moz-placeholder {
  color: #ececec;
}

.form-secondary .form-input .picker-input input[type='text']:-ms-input-placeholder {
  color: #ececec;
}

.form-secondary .form-input .picker-input input[type='text']::placeholder {
  color: #ececec;
}

.picker-input__utility {
  margin-top: 12px;
  margin-bottom: 8px;
}

.picker-input__list {
  margin-top: 24px;
}

.picker-input__list--tight {
  margin-top: 0;
}

.results-list {
  margin-top: 1em;
}

.results-list.flush {
  margin-top: 0;
}

.results-list .no-results {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 15px;
  color: #828282;
}

.results-list + .list-pagination-primary {
  margin-top: 36px;
}

.results-list ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.results-list ul li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: 10px 0 14px;
}

@media all and (min-width: 620px) {
  .results-list ul li {
    flex-direction: row;
    align-items: center;
  }
}

.results-list ul li + li {
  border-top: 1px solid #828282;
}

.results-list ul li:last-child {
  padding-bottom: 24px;
}

.results-list ul li.no-icon {
  padding: 6px 0 14px;
}

.results-list ul li.state-pending {
  color: #61caff;
  color: var(--default-notice-color, #61caff);
}

.results-list ul li.state-pending a {
  color: inherit;
}

.results-list ul li.state-failed {
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
}

.results-list ul li.state-queued, .results-list ul li.state-importing {
  color: #f5e425;
  color: var(--default-warning-color, #f5e425);
}

.results-list ul li.state-queued a, .results-list ul li.state-importing a {
  color: inherit;
}

.results-list ul li.state-skipped {
  color: #828282;
}

.results-list ul li.state-imported {
  color: #b1ead2;
  color: var(--accent-primary-dull, #b1ead2);
}

.results-list ul li.state-imported a {
  color: inherit;
}

.results-list ul .results-body {
  order: 1;
}

@media all and (min-width: 620px) {
  .results-list ul .results-body {
    order: 0;
  }
}

.results-list ul .results-body a {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.results-list ul .results-header {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.015em;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  margin: 0;
  font-size: 16px;
  line-height: 1.6em;
}

@media all and (min-width: 620px) {
  .results-list ul .results-header {
    font-size: 20px;
  }
}

@media all and (min-width: 620px) {
  .results-list ul .results-header {
    font-size: 18px;
  }
}

@media all and (min-width: 700px) {
  .results-list ul .results-header {
    font-size: 20px;
  }
}

.results-list ul .results-header .subtitle {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 1.2em;
  font-weight: 500;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.32;
  font-size: 20px;
  margin: 5px 0;
  font-size: 14px;
  line-height: 1.4;
}

@media all and (min-width: 620px) {
  .results-list ul .results-header .subtitle {
    font-size: 26px;
  }
}

@media all and (min-width: 620px) {
  .results-list ul .results-header .subtitle {
    font-size: 22px;
  }
}

@media all and (min-width: 620px) {
  .results-list ul .results-header .subtitle {
    font-size: 16px;
  }
}

.results-list ul .results-header__icon {
  position: relative;
  top: -0.09em;
  margin-right: 10px;
}

.results-list ul .results-desc {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.031em;
  padding-left: 25px;
  margin-top: 5px;
}

.results-list ul .results-desc.flush {
  padding-left: 0;
}

.results-list ul .results-desc .specifier {
  padding-left: 5px;
}

.results-list ul .results-secondary {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  order: 0;
  margin-bottom: 2px;
  font-size: 14px;
  color: #b3b3b3;
  white-space: nowrap;
  vertical-align: middle;
}

@media all and (min-width: 620px) {
  .results-list ul .results-secondary {
    order: 1;
    margin-bottom: 0;
    margin-left: 12px;
    text-align: right;
  }
}

@media all and (min-width: 690px) {
  .results-list ul .results-secondary {
    font-size: 16px;
  }
}

.results-list ul .results-secondary a {
  text-decoration: none;
}

.results-list ul .results-secondary a:hover {
  color: #e6e6e6;
}

/* stylelint-disable property-no-vendor-prefix */
.backend-header {
  color: #9a9a9a;
  background-color: #2e2e2e;
  border-radius: 8px;
}

.backend-header--spaceBottom {
  margin-bottom: 30px;
}

.backend-header__inner {
  padding: 12px 15px;
  margin-right: auto;
  margin-left: auto;
}

@media all and (min-width: 620px) {
  .backend-header__inner {
    padding: 16px 24px;
  }
}

@media all and (min-width: 450px) {
  .backend-header__inner--padded {
    padding: 20px 4.5%;
  }
}

@media all and (min-width: 1235px) {
  .backend-header__inner--padded {
    padding-right: 50px;
    padding-left: 50px;
  }
}

.backend-header__inner--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 48px;
  padding-bottom: 48px;
}

.backend-header__content-wrapper {
  display: grid;
  grid-template: 'figure title' auto 'figure utility' auto / auto 1fr;
  row-gap: 9px;
  -moz-column-gap: 25px;
       column-gap: 25px;
}

.backend-header__content-flex-wrapper {
  display: flex;
  align-items: center;
}

.backend-header__content-flex-wrapper--aib {
  align-items: baseline;
}

.backend-header__content-flex-wrapper > * + * {
  margin-left: 8px;
}

@media all and (min-width: 620px) {
  .backend-header__content-flex-wrapper > * + * {
    margin-left: 20px;
  }
}

.backend-header__content-flex-wrapper--tight > * + * {
  margin-left: 5px;
}

.backend-header__title-block {
  grid-area: title;
}

.backend-header__utility-block {
  grid-area: utility;
}

.backend-header__utility-block--flex {
  flex-grow: 1;
  text-align: right;
}

.backend-header__figure-block {
  grid-area: figure;
}

.backend-header__figure-block--shift-left {
  margin-left: -14px;
}

.backend-header__section-nav {
  display: block;
  border-radius: 0 0 8px 8px;
}

.backend-header__section-nav.open {
  border-radius: 0;
}

.backend-header__section-nav ul {
  border-radius: 0 0 8px 8px;
}

@media all and (min-width: 690px) {
  .backend-header__section-nav {
    display: none;
  }
}

.backend-header__body {
  margin-top: 20px;
}

.backend-header__title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  color: #e6e6e6;
}

@media all and (min-width: 690px) {
  .backend-header__title {
    font-size: 22px;
  }
}

.backend-header__h2-title {
  position: relative;
  top: -1px;
  padding: 0.75em 1.5em 0.875em;
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
  letter-spacing: 0.143em;
}

.backend-header__subtitle {
  font-family: 'freight-text-pro', 'aleo', serif;
  margin-left: 0.433em;
  font-size: 1.071em;
  color: #b3b3b3;
}

.backend-header__emphasis {
  font-style: normal;
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.backend-header__empty-text {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-weight: 600;
  text-align: center;
}

.backend-header__note {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-size: 14px;
  line-height: initial;
}

@media all and (min-width: 690px) {
  .backend-header__note {
    font-size: 17px;
  }
}

.backend-header__figure--rounded {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #363636;
  border-radius: 8px;
}

@media all and (min-width: 690px) {
  .backend-header__figure--rounded {
    width: 60px;
    height: 60px;
  }
}

.backend-header__figure--accented {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.backend-header__figure--alt-accented {
  color: #61caff;
  color: var(--analytics-highlight-color, #61caff);
}

.backend-header__type-icon {
  width: 59px;
  height: 59px;
}

@media all and (min-width: 690px) {
  .backend-header__type-icon {
    width: 64px;
    height: 64px;
  }
}

.backend-header__type-icon--project {
  margin-top: 4px;
}

svg.backend-header__type-icon--project {
  overflow: visible;
}

.backend-header__type-icon--small {
  width: 26px;
  height: 26px;
}

@media all and (min-width: 690px) {
  .backend-header__type-icon--small {
    width: 34px;
    height: 34px;
  }
}

.backend-header__figure--rounded .backend-header__type-icon {
  width: 40px;
  height: 40px;
}

@media all and (min-width: 690px) {
  .backend-header__figure--rounded .backend-header__type-icon {
    width: 44px;
    height: 44px;
  }
}

.backend-header__breadcrumbs {
  border-radius: 8px 8px 0 0;
}

.notification-list-block ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.notification-list-block ul li {
  position: relative;
  padding: 14px 60px 17px 20px;
  background-color: #555555;
}

.notification-list-block ul li + li {
  margin-top: 20px;
}

.notification-list-block ul li p {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  color: #c3c3c3;
  letter-spacing: 0.015em;
}

@media all and (min-width: 400px) {
  .notification-list-block ul li p {
    font-size: 18px;
  }
}

@media all and (min-width: 760px) {
  .notification-list-block ul li p {
    font-size: 16px;
  }
}

@media all and (min-width: 880px) {
  .notification-list-block ul li p {
    font-size: 18px;
  }
}

.notification-list-block ul li p a {
  text-decoration: none;
}

.notification-list-block__close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: 50%;
  right: 22px;
  margin-top: -8px;
  color: #c3c3c3;
}

.backend-panel::after {
  display: block;
  clear: both;
  content: '';
}

.backend-panel > .container {
  display: flex;
  flex-direction: column;
}

.backend-panel > .container::after {
  display: block;
  clear: both;
  content: '';
}

@media all and (min-width: 690px) {
  .backend-panel > .container {
    flex-direction: row;
  }
}

.backend-panel > .container:not(.flush) {
  padding-top: 42px;
}

@media all and (max-width: 620px) {
  .backend-header + .backend-panel > .container {
    padding-top: 20px;
  }
}

.backend-panel .aside {
  color: #9a9a9a;
  background-color: #2e2e2e;
  border-radius: 8px;
  display: none;
  float: left;
  width: 192px;
  padding: 25px 31px 45px;
  margin-right: 20px;
}

@media all and (min-width: 690px) {
  .backend-panel .aside {
    display: block;
  }
}

@media all and (min-width: 1130px) {
  .backend-panel .aside {
    margin-right: 46px;
  }
}

.backend-panel .aside-wide {
  display: none;
  width: 300px;
  margin-right: 20px;
}

@media all and (min-width: 760px) {
  .backend-panel .aside-wide {
    display: block;
    width: 34.88%;
    min-width: 260px;
    max-width: 312px;
    margin-right: 46px;
  }
}

@media all and (min-width: 880px) {
  .backend-panel .aside-wide {
    min-width: auto;
  }
}

@media all and (min-width: 1130px) {
  .backend-panel .aside-wide {
    min-width: 312px;
    margin-right: 70px;
  }
}

.backend-panel .panel {
  flex-grow: 1;
}

.backend-panel .panel:only-child {
  padding-right: 5px;
  padding-left: 5px;
}

.dashboard-panel + .dashboard-panel {
  margin-top: 60px;
}

.avatar-builder {
  position: relative;
}

.avatar-builder .grid {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  text-align: center;
}

@media all and (min-width: 1024px) {
  .avatar-builder .grid {
    flex-flow: row nowrap;
    justify-content: center;
  }
}

.avatar-builder .grid .section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 30px 10px;
  border: 1px solid #828282;
}

@media all and (min-width: 1024px) {
  .avatar-builder .grid .section {
    flex: 1;
    width: 33.33%;
    padding-top: 25px;
    padding-bottom: 10px;
    margin: 0;
    border: 1px solid #828282;
    border-right: 0;
  }
}

.avatar-builder .grid .section + .section {
  border: 1px solid #828282;
}

.avatar-builder .grid .section + .section.active {
  border-color: #52e3ac;
  border-color: var(--accent-interaction-light, #52e3ac);
}

.avatar-builder .grid .label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.107em;
  display: block;
  margin-bottom: 1.625em;
}

.avatar-builder .grid .current {
  padding-bottom: 45px;
}

@media all and (min-width: 1024px) {
  .avatar-builder .grid .current {
    padding-bottom: 10px;
  }
}

.avatar-builder .grid .current .preview {
  display: block;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.avatar-builder .grid .current .preview svg {
  width: 100%;
  height: auto;
}

.avatar-builder .grid .colors .wrapper {
  width: 138px;
}

.avatar-builder .grid .color {
  position: relative;
}

.avatar-builder .grid .color .color-picker {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
}

.avatar-builder .grid .color .color-picker::after {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.107em;
  position: absolute;
  top: calc(100% - 13px);
  left: calc(50% - 25px);
  z-index: 1;
  width: 50px;
  height: 26px;
  font-size: 14px;
  line-height: 26px;
  content: 'Or';
  background-color: #363636;
}

@media all and (min-width: 1024px) {
  .avatar-builder .grid .color .color-picker::after {
    top: calc(50% - 50px);
    right: -13px;
    left: auto;
    width: 26px;
    height: 100px;
    line-height: 100px;
  }
}

.avatar-builder .grid .color .color-picker .default-description {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.533em;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  max-width: 150px;
  margin-top: 6px;
}

@media all and (min-width: 560px) {
  .avatar-builder .grid .color .color-picker .default-description {
    font-size: 12px;
  }
}

.avatar-builder .grid .upload > .form-input {
  display: flex;
  flex-grow: 2;
  width: 100%;
}

.avatar-builder .grid .upload > .form-input .form-input, .avatar-builder .grid .upload > .form-input .form-dropzone {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: none;
}

.avatar-builder .grid .upload > .form-input .contents-image-preview {
  flex-grow: 1;
  justify-content: space-between;
  padding: 0 0 15px;
}

.avatar-builder .grid .upload > .form-input .contents-image-preview .message {
  position: static;
  order: 1;
  padding: 0;
  margin-top: 16px;
  margin-bottom: 0;
  background-color: transparent;
  transform: none;
}

.avatar-builder .grid .upload > .form-input .preview {
  width: 120px;
  height: 120px;
}

.avatar-builder .grid .upload > .form-input .preview svg {
  width: 100%;
  height: auto;
}

.avatar-builder .grid .upload > .form-input .cover-upload-placeholder {
  width: 90px;
  height: auto;
  margin: 0 auto 17px;
}

@media all and (min-width: 480px) {
  .avatar-builder .grid .upload > .form-input .cover-upload-placeholder {
    width: 100px;
  }
}

@media all and (min-width: 560px) {
  .avatar-builder .grid .upload > .form-input .cover-upload-placeholder {
    width: 118px;
  }
}

.avatar-builder .grid .form-dropzone {
  width: 100%;
  border: 0;
}

.avatar-builder .grid .form-dropzone .contents-empty {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin: 0;
}

.avatar-builder .grid .form-dropzone .primary {
  font-size: 10px;
}

@media all and (min-width: 560px) {
  .avatar-builder .grid .form-dropzone .primary {
    font-size: 12px;
  }
}

.avatar-builder .grid .form-dropzone .secondary {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.533em;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  margin: 0;
}

@media all and (min-width: 560px) {
  .avatar-builder .grid .form-dropzone .secondary {
    font-size: 12px;
  }
}

.avatar-builder .grid .contents-empty {
  margin-top: 0;
}

.color-picker {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
}

.color-picker::after {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  position: absolute;
  top: calc(100% - 13px);
  left: calc(50% - 25px);
  z-index: 1;
  width: 50px;
  height: 26px;
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  color: #ececec;
  text-transform: uppercase;
  letter-spacing: 0.107em;
  content: 'Or';
  background-color: #363636;
}

@media all and (min-width: 1024px) {
  .color-picker::after {
    top: calc(50% - 50px);
    right: -13px;
    left: auto;
    width: 26px;
    height: 100px;
    line-height: 100px;
  }
}

.color-picker__inner {
  display: flex;
}

.color-picker__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 83px;
}

@media all and (min-width: 620px) {
  .color-picker__list {
    width: 138px;
  }
}

.color-picker__item {
  position: relative;
  display: block;
  width: 38px;
  height: 38px;
  margin-bottom: 13px;
  cursor: pointer;
}

.color-picker__item + .color-picker__item {
  margin-top: 0;
}

.color-picker__item--primary {
  background: #cbf7e6;
  background: var(--accent-primary-extra-pale, #cbf7e6);
}

.color-picker__item--secondary {
  background: #ececec;
}

.color-picker__item--tertiary {
  background: #d4edfa;
}

.color-picker__item--quaternary {
  background: #ffebce;
}

.color-picker__item--quinary {
  background: #f7dcf6;
}

.color-picker__item--sentary {
  background: #ffffff;
}

.color-picker__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.color-picker__input.focus-visible ~ .color-picker__indicator {
  outline: solid 2px;
  outline-color: #52e3ac;
  outline-color: var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
  outline-offset: 3px;
}

.color-picker__indicator {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.color-picker__indicator::before {
  display: none;
}

.color-picker__item--checked .color-picker__indicator {
  background-color: transparent;
}

.color-picker__indicator-icon {
  display: inline-block;
  color: #363636;
}

.color-picker__description {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  max-width: 150px;
  margin-top: 6px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.533em;
  text-transform: uppercase;
  letter-spacing: 0.125em;
}

@media all and (min-width: 560px) {
  .color-picker__description {
    font-size: 12px;
  }
}

.content-block {
  padding-top: 9px;
  padding-bottom: 9px;
}

.content-block--inactive {
  color: #828282;
}

.content-block--active {
  color: #b3b3b3;
}

.content-block--available ~ [data-rbd-placeholder-context-id] {
  display: none !important;
  /* stylelint-disable-line declaration-no-important */
}

.content-block__inner {
  color: #9a9a9a;
  background-color: #2e2e2e;
  border-radius: 8px;
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 9px 14px 11px;
  color: inherit;
  border: 1px solid transparent;
}

.content-block--current .content-block__inner {
  padding-right: 12px;
  cursor: default;
}

@media all and (min-width: 960px) {
  .content-block--current .content-block__inner {
    padding: 10px 19px 10px 23px;
  }
}

.content-block--is-dragging .content-block__inner {
  box-shadow: 0 31px 26px -13px rgba(0, 0, 0, 0.33);
}

.content-block--inactive .content-block__inner {
  cursor: not-allowed;
}

.content-block__inner.focus-visible {
  border-color: #52e3ac;
  border-color: var(--accent-primary, #52e3ac);
  outline: 0;
}

.content-block--available.content-block--active .content-block__inner.focus-visible .content-block__heading {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.content-block__heading {
  display: flex;
  flex-grow: 1;
  align-items: center;
  color: #9a9a9a;
  transition: color 0.2s ease;
}

@supports (grid-auto-columns: min-content) {
  .content-block__heading {
    display: grid;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
  }
}

.content-block--active .content-block__heading {
  color: #ececec;
}

.content-block--active.content-block--available .content-block__heading:hover {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.content-block__icon--large {
  width: 36px;
  height: 36px;
}

@media all and (min-width: 960px) {
  .content-block__icon--large {
    width: 46px;
    height: 46px;
  }
}

.content-block__icon--incomplete {
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
}

.content-block__title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-left: 15px;
  font-size: 17px;
  font-weight: 400;
}

.content-block__title--small {
  margin-bottom: 3px;
}

.content-block__title--large {
  margin-right: 8%;
  margin-bottom: 5px;
  font-weight: 500;
}

@media all and (min-width: 960px) {
  .content-block__title--large {
    margin-left: 23px;
    font-size: 20px;
  }
}

.content-block__label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-block;
  padding: 0.333em 8px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0.075em;
  background-color: #61caff;
  background-color: var(--default-notice-color, #61caff);
  border-radius: 3px;
  position: relative;
  display: inline-block;
  padding: 0.333em 5px;
  margin: -2px 0 0 14px;
  font-size: 9px;
  line-height: 1.2em;
  color: #424242;
  vertical-align: middle;
  background-color: #d6d6d6;
}

.content-block__button-list {
  display: flex;
}

.content-block__button-list > * + * {
  margin-left: 2vw;
}

@media all and (min-width: 620px) {
  .content-block__button-list > * + * {
    margin-left: 14px;
  }
}

.content-block__button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.content-block__button--delete {
  --default-hover-color: #ff9191;
}

.content-block__button--draggable {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
}

.content-block__button:disabled {
  cursor: not-allowed;
}

.content-block__button:disabled:hover {
  color: inherit;
}

.block-grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.block-grid > * {
  flex-basis: 100%;
  margin-top: 9px;
}

@media all and (min-width: 810px) {
  .block-grid > * {
    flex-basis: calc(50% - 18px / 1.5);
  }
}

@media all and (min-width: 1090px) {
  .block-grid > * {
    flex-basis: calc(33.333% - 18px / 1.5);
  }
}

@supports (grid-auto-columns: min-content) {
  .block-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
    row-gap: 0px;
    -moz-column-gap: 18px;
         column-gap: 18px;
    margin-top: 18px;
  }
  .block-grid > * {
    margin-top: 0;
  }
}

.content-block-list {
  color: #9a9a9a;
  background-color: #2e2e2e;
  border-radius: 8px;
  display: block;
  padding: 0 9px;
  margin-right: -9px;
  margin-left: -9px;
  background-color: transparent;
  transition: background-color 0.4s ease;
}

.content-block-list--show-dropzone {
  background-color: #434343;
}

.content-block-list + .content-block-list {
  margin-top: 0;
}

.content-block-list--show-dropzone + .content-block-list {
  margin-top: 16px;
}

.content-block-list--show-dropzone {
  min-height: 85px;
}

.hero-builder {
  margin-bottom: 60px;
}

.hero-builder-block {
  color: #9a9a9a;
  background-color: #2e2e2e;
  border-radius: 8px;
  padding: 24px 24px 12px;
  margin-top: 18px;
  margin-bottom: 21px;
}

.hero-builder-block__header {
  display: flex;
  margin-bottom: 12px;
  cursor: pointer;
}

.hero-builder-block__header:hover {
  color: #b3b3b3;
}

.hero-builder-block__header-details {
  flex-grow: 1;
}

.hero-builder-block__title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 500;
  color: #ececec;
  transition: color 0.2s ease;
}

.hero-builder-block__header:hover .hero-builder-block__title {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.hero-builder-block__description {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-style: italic;
}

.hero-builder-block__button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.hero-builder-block__button.focus-visible svg {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

@media all and (min-width: 480px) {
  .hero-builder-block__button.focus-visible .hero-builder-block__button-label {
    color: #52e3ac;
    color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
    visibility: visible;
    opacity: 1;
  }
}

.hero-builder-block__header:hover .hero-builder-block__button {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

@media all and (min-width: 480px) {
  .hero-builder-block__header:hover .hero-builder-block__button .hero-builder-block__button-label {
    visibility: visible;
    opacity: 1;
  }
}

.hero-builder-block__button-label {
  margin-right: 10px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.action-callouts {
  display: flex;
  flex-direction: column;
}

@media all and (min-width: 880px) {
  .action-callouts {
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  .action-callouts > * {
    flex-basis: calc(25% - 12px);
  }
}

.action-callout-slot {
  display: flex;
  width: 100%;
  padding: 12px 0;
}

.action-callout-slot--active .action-callout-slot__content {
  background-color: #434343;
}

.action-callout-slot__content {
  color: #9a9a9a;
  background-color: #2e2e2e;
  border-radius: 8px;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 7px;
  background: #363636;
  transition: background-color 0.2s ease;
}

.action-callout-slot__button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding: 8px 0 8px 4px;
  font-size: 12px;
  font-weight: 600;
  color: #b3b3b3;
  text-align: left;
  transition: color 0.2s ease;
  --hover-color: var(--accent-primary, #52e3ac);
}

.action-callout-slot__button--header {
  display: flex;
  margin-bottom: 4px;
  line-height: 1.5em;
}

.action-callout-slot__button--header svg {
  flex-shrink: 0;
  margin-right: 8px;
}

.action-callout-slot__button--draggable {
  display: inline-block;
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
}

.action-callout-slot__button.focus-visible {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
  outline: 0;
}

.action-callout-slot__button:not(:disabled):hover {
  color: #52e3ac;
  color: var(--hover-color, var(--accent-primary, #52e3ac));
}

.action-callout-slot__chips {
  flex-grow: 1;
  width: 100%;
  padding: 0;
}

.action-callout-slot__chip {
  padding: 5px 0;
}

.action-callout-slot__chip-inner {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 10px 15px;
  font-size: 12px;
  line-height: 1.2;
  color: #9a9a9a;
  letter-spacing: 0.125em;
  background: #2e2e2e;
  border-radius: 5px;
}

.action-callout-slot__chip--is-dragging .action-callout-slot__chip-inner {
  box-shadow: 0 31px 26px -13px rgba(0, 0, 0, 0.33);
}

.action-callout-slot__chip-title {
  /* stylelint-disable property-no-vendor-prefix */
  display: -webkit-inline-box;
  flex-grow: 1;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.action-callout-slot__chip-utility {
  display: flex;
  align-self: flex-start;
  margin-top: -4px;
  margin-left: 10px;
}

.project-collection-list {
  margin-top: -5px;
}

.project-collection-list.aside-wide {
  display: block;
}

@media all and (max-width: 759px) {
  .project-collection-list.aside-wide {
    width: 100%;
    margin-right: 0;
  }
}

.project-collection-list .actions {
  margin-top: 18px;
  margin-bottom: 18px;
  margin-left: 0;
}

@media all and (min-width: 760px) {
  .project-collection-list .actions {
    margin-top: 37px;
    margin-bottom: 25px;
  }
}

@media all and (min-width: 1024px) {
  .project-collection-list .actions {
    display: flex;
    flex-wrap: nowrap;
  }
}

.project-collection-list .instructional-copy {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-size: 16px;
  font-style: italic;
}

.project-collection-list-item {
  padding-top: 5px;
  padding-bottom: 5px;
}

.project-collection-list-item__inner {
  color: #9a9a9a;
  background-color: #2e2e2e;
  border-radius: 8px;
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.project-collection-list-item__inner--is-dragging {
  box-shadow: 0 31px 26px -13px rgba(0, 0, 0, 0.33);
}

.project-collection-list-item--selected .project-collection-list-item__inner {
  color: #2e2e2e;
  background-color: #52e3ac;
  background-color: var(--accent-primary, #52e3ac);
}

.project-collection-list-item__link {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  flex-grow: 1;
  padding: 10px 10px 10px 20px;
  overflow: hidden;
  text-align: left;
}

.project-collection-list-item--selected .project-collection-list-item__link:hover {
  color: inherit;
}

.project-collection-list-item--selected .project-collection-list-item__link.focus-visible {
  color: inherit;
  outline-color: #828282;
}

.project-collection-list-item__item-text, .project-collection-list-item__count {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  position: relative;
  top: -2px;
  font-size: 16px;
}

.project-collection-list-item__item-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  padding: 3px 0;
  margin-right: 6px;
  text-align: left;
}

.project-collection-list-item__count {
  margin-right: 6px;
}

.project-collection-list-item__button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.project-collection-list-item__button--drag-handle {
  cursor: -webkit-grab;
  cursor: grab;
  transition: color 0.2s ease;
}

.project-collection-list-item__button--drag-handle:hover {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.project-collection-list-item--selected .project-collection-list-item__button:hover {
  color: inherit;
}

.project-collection-list-item--selected .project-collection-list-item__button.focus-visible {
  color: inherit;
  outline-color: #828282;
}

.project-collection-list-item__icon-group {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 10px;
}

.project-collection-list-item__icon-group-item {
  padding-right: 3px;
  padding-left: 3px;
}

.icon-picker.form-input .form-input-heading {
  padding-bottom: 1em;
}

.icon-picker__list {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  padding: 0;
}

.icon-picker__item {
  /* stylelint-disable declaration-no-important */
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin-top: -1px !important;
  margin-bottom: 0 !important;
  margin-left: -1px;
  cursor: pointer;
  border: 1px solid #828282;
  transition: color 0.2s ease, background-color 0.2s ease;
  /* stylelint-enable declaration-no-important */
}

.icon-picker__item--active, .icon-picker__item:hover, .icon-picker__item:focus-within {
  color: #222222;
  background-color: #52e3ac;
  background-color: var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
  outline: 0;
}

.icon-picker__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

@media all and (min-width: 760px) {
  .project-collection-form {
    max-width: 446.44px;
  }
}

.project-collection-form .button-switch-primary__side {
  font-size: 17px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}

@media all and (min-width: 500px) {
  .project-collection-form .button-switch-primary__label::after {
    display: inline;
    content: ' Collection';
  }
}

.project-collections .project-list.grid {
  margin-right: 0;
}

@media all and (min-width: 760px) {
  .project-collections .project-list.grid li {
    flex: 1 1 33.333%;
    max-width: 33.333%;
  }
}

@media all and (min-width: 960px) {
  .project-collections .project-list.grid li {
    flex-basis: 25%;
    max-width: 25%;
  }
}

@media all and (min-width: 1365.33333px) {
  .project-collections .drawer-backend.flexible .project-list.grid {
    width: 807px;
  }
}

.project-collection-grid-item.orderable-list-item.dragging .item-wrapper {
  display: flex;
  padding: 15px 0;
  color: inherit;
  text-decoration: none;
  color: #9a9a9a;
  background-color: #2e2e2e;
  border-radius: 8px;
  background-color: #2e2e2e;
}

.project-collection-grid-item.orderable-list-item.dragging .item-wrapper .cover {
  position: relative;
  min-width: 50px;
  max-width: 50px;
  height: auto;
  padding-top: 0;
  margin-bottom: 0;
  line-height: 1;
}

.project-collection-grid-item.orderable-list-item.dragging .item-wrapper .cover + .meta {
  padding-left: 15px;
}

.project-collection-grid-item.orderable-list-item.dragging .item-wrapper .cover > img,
.project-collection-grid-item.orderable-list-item.dragging .item-wrapper .cover > svg {
  width: 50px;
  height: auto;
}

.project-collection-grid-item.orderable-list-item.dragging .item-wrapper .cover > img {
  border: 1px solid transparent;
  transition: border 0.2s ease;
}

.project-collection-grid-item.orderable-list-item.dragging .item-wrapper .cover > svg {
  max-height: 50px;
  overflow: visible;
  transition: fill 0.2s ease;
}

.project-collection-grid-item.orderable-list-item.dragging .item-wrapper .meta {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  width: 100%;
  padding-right: 20px;
  vertical-align: top;
}

.project-collection-grid-item.orderable-list-item.dragging .item-wrapper .name {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.188;
  white-space: normal;
  transition: color 0.2s ease;
}

.project-collection-grid-item.orderable-list-item.dragging .item-wrapper .name .title-text {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: inline-block;
}

.project-collection-grid-item.orderable-list-item.dragging .item-wrapper .name .subtitle {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.031em;
  display: block;
  padding-top: 0.143em;
  font-size: 14px;
  color: #c3c3c3;
  transition: color 0.2s ease;
}

.project-collection-grid-item.orderable-list-item.dragging .item-wrapper .name .subtitle:empty {
  display: none;
}

.project-collection-grid-item.orderable-list-item.dragging .item-wrapper .block-label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-block;
  padding: 0.333em 8px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0.075em;
  background-color: #61caff;
  background-color: var(--default-notice-color, #61caff);
  border-radius: 3px;
  padding-right: 5px;
  padding-left: 5px;
  margin: 2px 0 5px 9px;
  font-size: 9px;
  vertical-align: middle;
}

.project-collection-grid-item.orderable-list-item.dragging .item-wrapper .relations-list {
  font-family: 'freight-text-pro', 'aleo', serif;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.25;
  transition: color 0.2s ease;
}

.project-collection-grid-item.orderable-list-item.dragging .item-wrapper .date {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-size: 14px;
  font-style: italic;
}

@media all and (min-width: 760px) {
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper .date {
    font-size: 16px;
  }
}

@media all and (min-width: 760px) {
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper {
    flex-direction: column;
    height: 100%;
    padding: 2.105vw;
  }
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper .cover {
    width: 100%;
    min-width: 100%;
    margin-bottom: 16px;
  }
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper .cover + .meta {
    padding-left: 0;
  }
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper .cover > img,
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper .cover > svg {
    width: auto;
    height: 100%;
  }
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper .meta {
    padding-right: 0;
  }
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper .name .title-text {
    display: block;
  }
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper .name .subtitle {
    padding-top: 0.389em;
  }
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper .block-label {
    padding-right: 8px;
    padding-left: 8px;
    margin: 10px 0 0;
    font-size: 12px;
  }
}

@media all and (min-width: 1235px) {
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper {
    padding: 25px;
  }
}

.project-collection-grid-item.orderable-list-item.dragging .item-wrapper .name .title-text {
  color: #e6e6e6;
}

.project-collection-grid-item.orderable-list-item.dragging .item-wrapper .relations-list {
  padding-top: 0.389em;
  font-size: 14px;
  color: #c3c3c3;
}

.project-collection-grid-item.orderable-list-item.dragging .item-wrapper .label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding-top: 15px;
  font-size: 14px;
  color: #696969;
  white-space: nowrap;
  vertical-align: top;
  transition: color 0.2s ease;
}

@media all and (max-width: 760px) {
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: -15px;
    margin-left: -15px;
  }
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper figure img {
    border-color: #52e3ac;
    border-color: var(--accent-primary, #52e3ac);
  }
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper figure svg {
    fill: #52e3ac;
    fill: var(--accent-primary, #52e3ac);
  }
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper .title-text, .project-collection-grid-item.orderable-list-item.dragging .item-wrapper .label {
    color: #52e3ac;
    color: var(--accent-primary, #52e3ac);
  }
}

@media all and (min-width: 760px) {
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper {
    box-shadow: 0 31px 26px -13px rgba(0, 0, 0, 0.33);
    padding: 20px 24px;
  }
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper .cover {
    height: 120px;
  }
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper .cover svg {
    max-width: 100px;
    max-height: 110px;
  }
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper .relations-list {
    padding-top: 0.571em;
  }
  .project-collection-grid-item.orderable-list-item.dragging .item-wrapper .label {
    padding-top: 15px;
  }
}

.project-collection-sort {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media all and (min-width: 620px) {
  .project-collection-sort {
    flex-flow: row wrap;
    align-items: flex-start;
  }
}

.project-collection-sort .form-list-filter {
  display: flex;
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 0;
}

@media all and (min-width: 620px) {
  .project-collection-sort .form-list-filter {
    flex-basis: 100%;
    flex-direction: row;
  }
}

.project-collection-sort .form-list-filter .instructional-copy {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-size: 16px;
  font-style: italic;
  margin-top: 0;
}

.project-collection-sort .form-list-filter .select-group {
  flex: 0 1 auto;
  margin-bottom: 20px;
}

.project-collection-sort .form-list-filter .select-group + .project-collection-sort .form-list-filter .select-group {
  margin-top: 0;
}

@media all and (min-width: 620px) {
  .project-collection-sort .form-list-filter .select-group {
    flex: 0 1 auto;
    margin-right: 11px;
    margin-left: 11px;
  }
  .project-collection-sort .form-list-filter .select-group:first-child {
    margin-left: 0;
  }
  .project-collection-sort .form-list-filter .select-group:last-child {
    margin-right: 0;
  }
  .project-collection-sort .form-list-filter .select-group + .select-group {
    margin-top: 0;
  }
}

.project-collection-sort .form-list-filter .select-group label {
  font-size: 14px;
}

.project-collection-sort .form-list-filter .select-group .select {
  min-width: 260px;
}

.project-collection-sort .form-secondary {
  margin-top: 0;
}

.project-collection-sort .form-secondary .form-input {
  display: flex;
  justify-content: space-between;
}

@media all and (min-width: 620px) {
  .project-collection-sort .form-secondary .form-input {
    justify-content: flex-end;
    margin-bottom: 20px;
  }
}

.project-collection-sort .form-secondary .form-input .form-input-heading {
  margin-right: 12px;
  margin-bottom: 0;
  font-size: 14px;
  letter-spacing: 0.075em;
}

.project-collection-sort .form-secondary .form-input .toggle-indicator {
  display: inline-block;
}

@media all and (max-width: 759px) {
  .project-collections.active-collection .backend-panel > .container .project-collection-list {
    height: 0;
    visibility: hidden;
    opacity: 0;
  }
  .project-collections.active-collection .backend-panel > .container .panel {
    visibility: visible;
    opacity: 1;
  }
}

@media all and (max-width: 759px) {
  .project-collections.empty .backend-panel > .container .panel {
    visibility: visible;
    opacity: 1;
  }
}

.project-collections .backend-panel > .container {
  padding-top: 0;
}

@media all and (max-width: 759px) {
  .project-collections .backend-panel > .container {
    position: relative;
    flex-direction: column;
  }
  .project-collections .backend-panel > .container > * {
    width: 100%;
    transition: opacity 0.5s ease;
  }
  .project-collections .backend-panel > .container .project-collection-list {
    visibility: visible;
    opacity: 1;
  }
  .project-collections .backend-panel > .container .panel {
    visibility: hidden;
    opacity: 0;
  }
}

.project-collections .backend-panel .backend-header {
  margin-bottom: 20px;
}

@media all and (min-width: 760px) {
  .project-collections .backend-panel .backend-header {
    margin-bottom: 42px;
  }
}

.project-collections .drawer-backend .form-number-input input[type='number'] {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.resource-kind-picker {
  padding-bottom: 40px;
}

@media all and (min-width: 690px) {
  .resource-kind-picker {
    padding-bottom: 12px;
  }
}

.resource-kind-picker__list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: none;
  flex-wrap: wrap;
  margin-left: -15px;
}

@media all and (min-width: 690px) {
  .resource-kind-picker__list {
    display: flex;
  }
}

.resource-kind-picker__item {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  flex-basis: calc(50% - 15px);
  flex-direction: column;
  align-items: center;
  padding: 18px 10px;
  margin-bottom: 15px;
  margin-left: 15px;
  border: 1px solid #828282;
  transition: background-color 0.1s ease, border-color 0.2s ease;
}

@media all and (min-width: 620px) {
  .resource-kind-picker__item {
    flex-basis: calc(25% - 15px);
  }
}

@media all and (min-width: 800px) {
  .resource-kind-picker__item {
    flex-basis: calc(20% - 15px);
  }
}

.resource-kind-picker__item--active {
  color: #ececec;
  background-color: #555555;
  border-color: #555555;
}

.resource-kind-picker__item:hover, .resource-kind-picker__item:focus-within {
  border-color: #52e3ac;
  border-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  outline: 0;
}

.resource-kind-picker__label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  padding-bottom: 18px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
}

.resource-kind-picker__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

@media all and (min-width: 690px) {
  .resource-kind-picker__select {
    display: none;
  }
}

.resource-kind-picker__select--only {
  display: block;
}

@media all and (min-width: 690px) {
  .resource-kind-picker__select--only {
    padding-bottom: 28px;
  }
}

.text-categories__category {
  color: #9a9a9a;
  background-color: #2e2e2e;
  border-radius: 8px;
  margin-bottom: 16px;
  background: #2e2e2e;
}

.text-categories__category--is-dragging {
  box-shadow: 0 31px 26px -13px rgba(0, 0, 0, 0.33);
}

.text-categories__header {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: flex;
  justify-content: space-between;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #ececec;
  background: #262626;
  border-radius: 8px 8px 0 0;
}

.text-categories__label {
  margin: 4px 0;
  font-size: 14px;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.3em;
}

.text-categories__label--notice {
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
}

.text-categories__label-type--light {
  color: #b3b3b3;
}

.text-categories__utility {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 14px;
}

.text-categories__utility > * + * {
  margin-left: 14px;
}

.text-categories__button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline;
  padding: 0;
  color: #b3b3b3;
}

.text-categories__button--notice:hover {
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
}

.text-categories__dropzone {
  color: #9a9a9a;
  background-color: #2e2e2e;
  border-radius: 8px;
  padding: 16px 16px 4px;
  margin-right: -16px;
  margin-bottom: 16px;
  margin-left: -16px;
  background-color: transparent;
  transition: background-color 0.4s ease;
}

.text-categories__dropzone--active {
  background-color: #3e3e3e;
}

.texts-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: 600;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  transition: background-color 0.4s ease;
}

.texts-list--active {
  background-color: #3e3e3e;
}

.texts-list--empty {
  position: relative;
  min-height: 87px;
}

.texts-list--empty p {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  width: 100%;
  padding: 16px;
  font-size: 14px;
  text-align: center;
  border: 1px solid #555555;
}

.texts-list__text {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 8px 16px;
  margin: 8px;
  background: #2e2e2e;
  border-radius: 8px;
}

.texts-list__text--is-dragging {
  box-shadow: 0 31px 26px -13px rgba(0, 0, 0, 0.33);
}

.texts-list__text--placeholder {
  position: absolute;
  width: 100%;
  padding-right: 38px;
  background: none;
}

.texts-list__details {
  display: flex;
  flex-direction: row;
  text-decoration: none;
}

.texts-list__details:hover {
  color: inherit;
}

.texts-list__title-wrapper {
  padding-left: 16px;
}

.texts-list__title {
  margin: 0 0 0.4em;
  font-size: 17px;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  color: #ececec;
  transition: color 0.2s ease;
}

.texts-list__subtitle {
  margin: 7px 0 0 15px;
  transition: color 0.2s ease;
}

.texts-list__labels {
  display: inline-block;
  margin: 0;
}

.texts-list__label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-block;
  padding: 0.333em 8px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0.075em;
  background-color: #61caff;
  background-color: var(--default-notice-color, #61caff);
  border-radius: 3px;
  position: relative;
  display: inline-block;
  padding: 0.333em 5px;
  margin: -3px 0 0;
  font-size: 9px;
  line-height: 1.2em;
  color: #424242;
  vertical-align: middle;
  background-color: #ececec;
}

.texts-list__label + .texts-list__label {
  margin-left: 14px;
}

.texts-list__date {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
}

.texts-list__icon img {
  position: relative;
  left: 6px;
  max-width: 38px;
  margin-top: 4px;
  margin-right: 12px;
}

.texts-list__icon svg {
  width: 50px;
  height: 50px;
}

.texts-list__icon svg path {
  fill: #e6e6e6;
}

.texts-list__utility {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  margin-left: 14px;
}

.texts-list__utility > * + * {
  margin-left: 14px;
}

.texts-list__button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  padding: 0;
}

.texts-list__button:focus:not(.focus-visible) {
  outline: 0;
}

.texts-list__button.focus-visible {
  outline: solid 2px #52e3ac;
  outline: solid 2px var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.texts-list__button--notice:hover {
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
}

.ingestion-output__label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-top: 20px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.125em;
}

.ingestion-output__value {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-size: 16px;
  font-style: italic;
  margin-top: 12px;
  font-size: 17px;
  font-style: normal;
  color: #ececec;
}

.ingestion-output__properties {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 10px;
}

.ingestion-output__properties > * {
  flex-basis: 50%;
}

.ingestion-output__log-value {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  height: 200px;
  padding: 10px 15px;
  margin-top: 10px;
  overflow-y: auto;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.45em;
  color: #ececec;
  text-transform: none;
  white-space: pre-line;
  border: 1px solid #828282;
}

@media all and (min-width: 960px) {
  .ingestion-output__log-value {
    height: 50vh;
  }
}

.ingestion-output__buttons {
  margin: 30px 0 15px;
}

.ingestion-output__utility {
  margin-top: 20px;
}

.permissions-form .user {
  display: flex;
  align-items: center;
}

.permissions-form .user + .form-input {
  margin-top: 20px;
}

.permissions-form .user .meta .name {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  max-width: 100%;
  margin: 0;
  font-size: 16px;
  line-height: 21px;
  color: #d6d6d6;
  letter-spacing: 0.015em;
  transition: color 0.2s ease;
}

@media all and (min-width: 800px) {
  .permissions-form .user .meta .name {
    font-size: 18px;
  }
}

.permissions-form .user .meta .name.large {
  font-size: 18px;
}

@media all and (min-width: 800px) {
  .permissions-form .user .meta .name.large {
    font-size: 22px;
  }
}

.permissions-form .user figure.avatar {
  margin-right: 15px;
}

.permissions-form .user figure.avatar img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}

.permissions-form .user figure.avatar svg {
  width: 50px;
  height: 50px;
  color: #b3b3b3;
}

.secondary-nav {
  display: block;
  padding: 13px 0;
  background-color: #2e2e2e;
}

.secondary-nav ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  max-width: 1235px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

@media all and (min-width: 450px) {
  .secondary-nav ul {
    padding-right: 4.5%;
    padding-left: 4.5%;
  }
}

@media all and (min-width: 1235px) {
  .secondary-nav ul {
    padding-right: 50px;
    padding-left: 50px;
  }
}

.secondary-nav li + li {
  margin-top: 0;
  margin-left: 20px;
}

.secondary-nav a {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 14px;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
}

.secondary-nav a:hover, .secondary-nav a.active {
  color: #ececec;
}

@media all and (min-width: 480px) {
  .secondary-nav {
    padding: 22px 0;
  }
  .secondary-nav li + li {
    margin-left: 30px;
  }
  .secondary-nav a {
    font-size: 17px;
  }
}

.secondary-nav:not(.panel-nav) {
  display: none;
  overflow-x: auto;
  white-space: nowrap;
}

.secondary-nav:not(.panel-nav) li {
  display: inline-block;
}

@media all and (min-width: 760px) {
  .secondary-nav:not(.panel-nav) {
    display: block;
  }
}

.secondary-nav.panel-nav {
  padding: 0;
}

.secondary-nav.panel-nav ul {
  padding: 0;
}

.secondary-nav.panel-nav li + li {
  margin-top: 0.89em;
  margin-left: 0;
}

.secondary-nav.panel-nav a {
  font-size: 17px;
}

.secondary-nav.panel-nav a.active {
  border-bottom: none;
}

.dropdown-nav {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  position: relative;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  background-color: #262626;
}

.dropdown-nav__trigger {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
}

.dropdown-nav__trigger:hover {
  cursor: pointer;
}

.dropdown-nav__trigger.focus-visible {
  outline: 0;
}

.dropdown-nav--open .dropdown-nav__trigger {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.dropdown-nav--static:hover .dropdown-nav__trigger {
  color: #ececec;
  cursor: default;
}

.dropdown-nav__trigger-icon {
  margin-top: 3px;
  margin-left: 10px;
  transition: transform 0.2s ease;
}

.dropdown-nav--open .dropdown-nav__trigger-icon {
  transform: rotate(-180deg);
}

.dropdown-nav__selected {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 0 11px;
}

.dropdown-nav__nav-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  position: absolute;
  width: 100%;
  padding: 25px 43px 32px;
  text-align: left;
  visibility: hidden;
  background-color: #262626;
  border-top: 2px solid #2e2e2e;
  opacity: 0;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.dropdown-nav--open .dropdown-nav__nav-list {
  visibility: visible;
  opacity: 1;
}

.dropdown-nav__link {
  display: inline-block;
  width: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  text-decoration: none;
}

.dropdown-nav__link--active {
  color: #ececec;
}

.backend-detail {
  max-width: 1235px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 4.5%;
  padding-bottom: 45px;
}

@media all and (min-width: 450px) {
  .backend-detail {
    padding-right: 4.5%;
    padding-left: 4.5%;
  }
}

@media all and (min-width: 1235px) {
  .backend-detail {
    padding-right: 50px;
    padding-left: 50px;
  }
}

@media all and (min-width: 620px) {
  .backend-detail {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}

.backend-detail .backend-panel > .container {
  padding-right: 0;
  padding-left: 0;
}

.ordered-records {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  transition: background-color 0.4s ease;
}

.ordered-records--active {
  background-color: #3e3e3e;
}

.ordered-records--empty {
  position: relative;
  min-height: 87px;
}

.ordered-records--empty p {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  width: 100%;
  padding: 16px;
  font-size: 14px;
  text-align: center;
  border: 1px solid;
}

.ordered-records__dropzone {
  padding: 16px 32px;
  margin: -16px -32px;
  border-radius: 8px;
  transition: background-color 0.4s ease;
}

.ordered-records__dropzone--active {
  background-color: #3e3e3e;
}

.ordered-records-item {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  transition: border 0.2s ease;
}

.ordered-records-item + .ordered-records-item {
  border-top: 1px solid #828282;
}

.ordered-records-item--is-dragging {
  box-shadow: 0 31px 26px -13px rgba(0, 0, 0, 0.33);
  border: none;
}

.ordered-records-item--is-dragging ~ .ordered-records-item,
.ordered-records-item ~ .ordered-records-item--is-dragging {
  border: none;
}

.ordered-records-item__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 16px;
  margin: 0 -16px;
  background: #363636;
  border: 1px solid #363636;
  border-radius: 8px;
}

.ordered-records-item--placeholder {
  position: absolute;
  width: 100%;
  padding-right: 38px;
  background: none;
}

.ordered-records-item__details {
  display: flex;
  flex-direction: row;
  text-decoration: none;
}

.ordered-records-item__details:hover {
  color: inherit;
}

.ordered-records-item__title-wrapper {
  padding-left: 16px;
}

.ordered-records-item__title {
  margin: 0 0 0.6em;
  font-size: 17px;
  font-weight: 600;
  color: #ececec;
  transition: color 0.2s ease;
}

.ordered-records-item__subtitle {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.031em;
  margin-top: 7px;
  margin-left: 7px;
  text-transform: none;
  transition: color 0.2s ease;
}

.ordered-records-item__date {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
}

.ordered-records-item__icon svg {
  width: 50px;
  height: 50px;
}

.ordered-records-item__utility {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.ordered-records-item__utility > * + * {
  margin-left: 14px;
}

.ordered-records-item__button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  padding: 0;
}

.ordered-records-item__button--notice:hover {
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
}

.backend-activity-stats__list {
  padding: 0;
  margin: 0;
}

.backend-activity-stats__list-item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 6px 0 8px;
  border-bottom: 1px solid #828282;
}

.backend-activity-stats__list-item:first-child {
  padding-top: 0;
}

@media all and (min-width: 480px) {
  .backend-activity-stats__list-item {
    padding: 11px 0 6px;
  }
}

.backend-activity-stats__list-text {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 15px;
  letter-spacing: 0.015em;
}

@media all and (min-width: 480px) {
  .backend-activity-stats__list-text {
    font-size: 18px;
  }
}

.backend-activity-stats__list-text--highlighted {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 24px;
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

@media all and (min-width: 480px) {
  .backend-activity-stats__list-text--highlighted {
    font-size: 27px;
  }
}

.entity-list + .entity-list {
  margin-top: 64px;
}

.entity-list--indented {
  padding-right: 24px;
  padding-left: 24px;
}

.entity-list .instructional-copy {
  padding-bottom: 0;
}

.entity-list__title-block {
  margin: 0 0 32px;
}

.entity-list__title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #ececec;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.entity-list__title a,
.entity-list__title a:visited {
  color: #ececec;
  text-decoration: none;
}

.entity-list__title a:hover {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.entity-list__title .utility-button {
  color: #b3b3b3;
}

.entity-list__title-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.entity-list__list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.entity-list__list--tiles {
  display: flex;
  flex-flow: row wrap;
}

@supports (grid-auto-columns: min-content) {
  .entity-list__list--tiles {
    display: grid;
    grid-template-columns: auto;
  }
}

@media all and (min-width: 620px) {
  .entity-list__list--tiles {
    grid-template-columns: repeat(auto-fit, minmax(332px, 1fr));
    margin-top: -11px;
    margin-left: -40px;
  }
}

@media all and (min-width: 690px) {
  .entity-list__list--tiles {
    margin-left: -24px;
  }
}

@media all and (min-width: 952px) {
  .entity-list__list--tiles {
    grid-template-columns: repeat(2, minmax(332px, 1fr));
  }
}

.entity-list__list--tiles li {
  min-width: 100%;
}

@media all and (min-width: 620px) {
  .entity-list__list--tiles li {
    padding-left: 40px;
    margin-top: 28px;
  }
}

@media all and (min-width: 690px) {
  .entity-list__list--tiles li {
    flex-basis: 50%;
    min-width: 332px;
    max-width: 460.5px;
  }
  @supports (grid-auto-columns: min-content) {
    .entity-list__list--tiles li {
      max-width: none;
    }
  }
}

.entity-list__list--well {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 10px 20px 20px;
  background-color: #2e2e2e;
  border-radius: 10px;
}

@media all and (min-width: 690px) {
  .entity-list__list--grid {
    display: flex;
    flex-flow: row wrap;
    margin-top: 22px;
    margin-left: -25px;
  }
  @supports (grid-auto-columns: min-content) {
    .entity-list__list--grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(192px, 1fr));
    }
  }
  .entity-list__list--grid li {
    flex-basis: 33.333%;
    flex-grow: 1;
    min-width: 192px;
    border-bottom: none;
  }
}

@media all and (min-width: 880px) {
  .entity-list__list--grid li {
    flex-basis: 25%;
  }
}

.entity-list__list--sortable {
  color: #9a9a9a;
  background-color: #2e2e2e;
  border-radius: 8px;
  display: block;
  padding: 0 9px;
  margin-right: -9px;
  margin-left: -9px;
  background-color: transparent;
  transition: background-color 0.4s ease;
  padding-top: 9px;
  padding-bottom: 9px;
  margin-top: -9px;
  margin-bottom: -9px;
}

.entity-list__list--sortable.show-dropzone {
  background-color: #434343;
}

.entity-list__header {
  padding-top: 8px;
  padding-bottom: 16px;
  border-bottom: 1px solid #828282;
}

.entity-list--bare .entity-list__header {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.entity-list__pagination {
  margin-top: 32px;
}

.entity-list__button:focus:not(.focus-visible) {
  outline: 0;
}

.entity-list__button.focus-visible {
  background-color: #a8f0d5;
  background-color: var(--accent-primary-pale, #a8f0d5);
}

.entity-list__button.focus-visible {
  outline: 0;
}

.entity-list__button + .entity-list__button {
  margin-top: 24px;
}

@media all and (min-width: 620px) {
  .entity-list__button {
    display: inline-flex;
  }
  .entity-list__button + .entity-list__button {
    margin-top: 0;
    margin-left: 12px;
  }
}

.entity-list .entity-list__button-set {
  margin-bottom: 22px;
}

.entity-list__search {
  margin-bottom: 24px;
}

.entity-list__empty-message {
  font-family: 'freight-text-pro', 'aleo', serif;
  padding: 18px 0;
  font-size: 17px;
  font-style: italic;
  border-bottom: 1px solid #696969;
}

.entity-list__empty-message--well {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding: 31px 25px;
  font-size: 14px;
  font-style: normal;
  background-color: #2e2e2e;
  border: none;
  border-radius: 10px;
}

.entity-row {
  list-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.entity-row__inner {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 14px 19px 14px 0;
  border-bottom: 1px solid #828282;
  transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
}

.focus-visible .entity-row__inner {
  outline: 2px solid #52e3ac;
  outline: 2px solid var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
  outline-offset: -2px;
}

@media all and (min-width: 690px) {
  .entity-row__inner--in-grid {
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 20px 25px;
    border-bottom: 0;
  }
}

.entity-row__inner--in-well {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 5px 10px;
  margin: 10px 10px 0 0;
  line-height: 1;
  border: 1px solid #9a9a9a;
  border-radius: 5px;
}

.entity-row__inner--in-well:last-child {
  padding-bottom: 5px;
}

.entity-row__inner--sortable {
  color: #9a9a9a;
  background-color: #2e2e2e;
  border-radius: 8px;
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
  padding: 14px 9px 14px 11px;
  border-bottom: none;
}

@media all and (min-width: 960px) {
  .entity-row__inner--sortable {
    padding: 10px 19px 10px 23px;
  }
}

.entity-row__inner--sortable.entity-row__inner--sortable-with-handle {
  cursor: default;
}

.entity-row__inner--sortable.entity-row__inner--sortable-tight {
  padding: 14px 9px 14px 11px;
  background-color: #363636;
  border-bottom: 1px solid #828282;
  border-radius: 0;
  transition: background-color 0.2s ease-out;
}

.drawer--backend .entity-row__inner--sortable.entity-row__inner--sortable-tight {
  background-color: inherit;
}

.show-dropzone .entity-row__inner--sortable {
  border-bottom: 1px solid #424242;
  border-radius: 9px;
}

.entity-row__inner--sortable.entity-row__inner--is-dragging {
  box-shadow: none;
}

.entity-row__inner--is-dragging {
  box-shadow: 0 31px 26px -13px rgba(0, 0, 0, 0.33);
}

.entity-row__row-link--is-active .entity-row__inner {
  background-color: #262626;
  border-color: #262626;
  box-shadow: -21px 0 0 1px #262626, 21px 0 0 1px #262626;
}

.entity-row__row-link--button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  text-align: left;
}

.entity-row__drag-container {
  padding-top: 9px;
  padding-bottom: 9px;
}

.entity-row__drag-container.focus-visible {
  outline: 0;
}

.entity-row__row-link:hover {
  color: #b3b3b3;
}

.entity-row__row-link--block {
  display: block;
  height: 100%;
  text-decoration: none;
}

.entity-row__row-link--block.focus-visible {
  background-color: #3b3b3b;
  border-color: #3b3b3b;
  outline: none;
  box-shadow: -21px 0 0 1px #3b3b3b, 21px 0 0 1px #3b3b3b;
}

.entity-row__row-link--block.entity-row__row-link--in-grid {
  transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
}

.entity-row__row-link--block.entity-row__row-link--in-grid:hover, .entity-row__row-link--block.entity-row__row-link--in-grid.focus-visible {
  outline: 0;
}

@media all and (min-width: 690px) {
  .entity-row__row-link--block.entity-row__row-link--in-grid:hover, .entity-row__row-link--block.entity-row__row-link--in-grid.focus-visible {
    color: #9a9a9a;
    background-color: #2e2e2e;
    border-radius: 8px;
    box-shadow: 0 31px 26px -13px rgba(0, 0, 0, 0.33);
    color: inherit;
  }
}

.entity-row__text {
  font-family: 'freight-text-pro', 'aleo', serif;
  flex-grow: 1;
  align-self: flex-start;
  font-size: 17px;
  font-weight: 400;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

.entity-row__text a {
  text-decoration: none;
}

.entity-row__text a:hover {
  color: inherit;
  text-decoration: underline;
}

.entity-row__text a.entity-row__link--inverted {
  text-decoration: underline;
}

.entity-row__text a.entity-row__link--inverted:hover {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.entity-row__text--valign-center {
  position: relative;
  top: -2px;
  align-self: center;
}

.entity-row__labels {
  display: inline-block;
  margin: 0;
}

.entity-row__title--in-grid .entity-row__labels {
  display: block;
}

.entity-row__label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-block;
  padding: 0.333em 8px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0.075em;
  background-color: #61caff;
  background-color: var(--default-notice-color, #61caff);
  border-radius: 3px;
  position: relative;
  display: inline-block;
  padding: 0.333em 5px;
  margin: -3px 0 0;
  font-size: 9px;
  line-height: 1.2em;
  color: #424242;
  vertical-align: middle;
  background-color: #ececec;
}

.entity-row__label--notice {
  background-color: #61caff;
}

.entity-row__label--warning {
  background-color: #f5e425;
}

.entity-row__label--error {
  background-color: #ff9191;
}

.entity-row__label + .entity-row__label {
  margin-left: 14px;
}

.entity-row__utility {
  align-self: center;
}

.entity-row__utility-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.entity-row__utility-button.entity-row__utility-button--handle {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.entity-row__figure {
  position: relative;
  align-self: flex-start;
  margin-top: 4px;
  margin-right: 18px;
}

.entity-row__figure button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.entity-row__figure--valign-center {
  align-self: center;
  margin-top: 0;
}

.entity-row__figure--size-normal {
  width: 50px;
}

.entity-row__figure--size-normal img {
  width: 50px;
  height: auto;
}

.entity-row__figure--size-normal.entity-row__figure--shape-round {
  height: 50px;
}

.entity-row__figure--size-normal.entity-row__figure--shape-round img {
  height: 50px;
}

.entity-row__figure--size-normal svg {
  position: relative;
  top: -4px;
  left: -4px;
  width: 55px;
  height: 55px;
}

.entity-row__figure--size-normal svg.project-thumb-placeholder {
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  overflow: visible;
}

.entity-row__figure--size-normal svg.svg-icon--resourceImage64 {
  top: -10px;
}

.entity-row__figure--size-normal svg.svg-icon--resourceAudio64 {
  top: -7px;
}

.entity-row__figure--size-normal svg.svg-icon--resourceCollection64 {
  top: -10px;
  left: -4px;
  width: 58px;
  height: 58px;
}

.entity-row__figure--size-small {
  width: 25px;
  margin-right: 14px;
}

.entity-row__figure--size-small img {
  width: 25px;
}

.entity-row__figure--size-small.entity-row__figure--shape-round {
  height: 25px;
}

.entity-row__figure--size-small.entity-row__figure--shape-round img {
  height: 25px;
}

.entity-row__figure--size-small svg {
  position: relative;
  top: -3px;
  left: -3px;
  width: 30px;
  height: 30px;
}

.entity-row__figure--shape-round img, .entity-row__figure--shape-round svg {
  border-radius: 50%;
}

@media all and (min-width: 690px) {
  .entity-row__figure--in-grid {
    margin-bottom: 14px;
  }
  .entity-row__figure--in-grid img, .entity-row__figure--in-grid svg {
    left: 0;
    width: auto;
    height: 120px;
  }
  .entity-row__figure--in-grid img.project-thumb-placeholder, .entity-row__figure--in-grid svg.project-thumb-placeholder {
    top: 0;
    left: 0;
    width: 110px;
    height: 110px;
    overflow: visible;
  }
}

.entity-row__figure .entity-row__figure--size-normal {
  width: auto;
}

.entity-row__title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: inline-block;
  align-items: center;
  margin: -1px 14px 0 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4em;
  color: #ececec;
}

.entity-row__title--in-grid {
  margin-right: 0;
}

.entity-row__title--in-grid .entity-row__title-inner {
  margin-right: 0;
}

.entity-row__title--in-well {
  margin-right: 0;
  font-weight: 400;
}

.entity-row__title button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media all and (min-width: 690px) {
  .entity-row__title--in-grid {
    font-size: 16px;
  }
}

.entity-row__title-inner {
  display: inline-block;
  margin-right: 14px;
}

.entity-row__title-inner span {
  display: inline;
}

.entity-row__row-link--block:not(.entity-row__row-link--in-grid):not(.entity-row__row-link--is-active):hover .entity-row__title-inner,
.entity-row__row-link--block:not(.entity-row__row-link--in-grid):not(.entity-row__row-link--is-active).focus-visible .entity-row__title-inner {
  text-decoration: underline;
}

@media all and (max-width: 689px) {
  .entity-row__row-link--in-grid:hover .entity-row__title-inner,
  .entity-row__row-link--in-grid.focus-visible .entity-row__title-inner {
    text-decoration: underline;
  }
}

.entity-row__row-link--is-active .entity-row__title-inner {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.entity-row__count {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.entity-row__subtitle {
  margin: 0;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
}

@media all and (min-width: 690px) {
  .entity-row__subtitle--in-grid {
    font-size: 16px;
  }
}

.entity-row__meta {
  margin: 0;
  font-size: 17px;
  font-weight: 400;
}

@media all and (min-width: 690px) {
  .entity-row__meta--in-grid {
    font-size: 16px;
  }
}

.entity-row__meta em {
  font-style: normal;
}

.entity-row .entity-row__title + .entity-row__subtitle,
.entity-row .entity-row__title + .entity-row__meta,
.entity-row .entity-row__title + .entity-row__count,
.entity-row .entity-row__subtitle + .entity-row__count,
.entity-row .entity-row__subtitle + .entity-row__meta,
.entity-row .entity-row__count + .entity-row__meta {
  margin-top: 7px;
}

.entity-list__list--sortable-tight .entity-row__drag-container {
  padding: 0;
}

.entity-list--dragging .entity-row__row-link--in-grid:hover {
  background-color: inherit;
  border-radius: 0;
  box-shadow: none;
}

.entity-list-search {
  --select-bg-color: #363636;
}

.entity-list-search__keyword-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #828282;
  border-radius: 8px;
}

.entity-list-search__search-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  margin-top: -2px;
  margin-left: 14px;
}

.entity-list-search__search-button.focus-visible {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
  outline: 0;
}

.entity-list-search__text-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: none;
  margin-right: 14px;
  font-size: 13px;
  letter-spacing: 2px;
}

@media all and (min-width: 620px) {
  .entity-list-search__text-button {
    display: block;
  }
}

.entity-list-search__text-button--foregrounded {
  display: block;
}

.entity-list-search__text-button.focus-visible {
  color: #a8f0d5;
  color: var(--accent-primary-pale, #a8f0d5);
  outline: 0;
}

.entity-list-search__keyword-input-wrapper {
  display: block;
  flex: 1;
  border-radius: 8px;
}

.entity-list-search__keyword-input {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  padding: 0.438em 1.125em 0.563em;
  background: transparent;
  border: 1px solid #9a9a9a;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  width: 100%;
  padding-left: 14px;
  border: 0;
}

.entity-list-search__keyword-input.focus-visible {
  outline: none;
}

.entity-list-search__keyword-input.focus-visible::-moz-placeholder {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.entity-list-search__keyword-input.focus-visible:-ms-input-placeholder {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.entity-list-search__keyword-input.focus-visible::placeholder {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.entity-list-search__options {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -11px;
}

.entity-list-search__options--vertical {
  display: block;
  margin: 0;
}

.entity-list-search__option {
  flex: 0 0 100%;
  padding: 30px 11px 0;
}

.entity-list-search__option--vertical {
  flex: none;
  padding: 0;
}

.entity-list-search__option--vertical .select__label {
  padding-top: 30px;
}

.entity-list-search__option--vertical .select__label--empty {
  display: block;
  padding-top: 0;
}

@media all and (min-width: 620px) {
  .entity-list-search__option {
    flex: 0 0 33.333%;
  }
}

.analytics-block {
  --default-focus-color: var(--analytics-highlight-color, #61caff);
  --default-hover-color: var(--analytics-highlight-color, #61caff);
  --select-bg-color: #2e2e2e;
  color: #9a9a9a;
  background-color: #2e2e2e;
  border-radius: 8px;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  padding: 25px 30px 30px;
  font-size: 17px;
}

.analytics-block__title {
  display: flex;
  align-items: baseline;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -3px;
  font-size: 22px;
  font-weight: 500;
  color: #d6d6d6;
}

.analytics-block__title-text {
  flex-grow: 1;
  margin-left: 0.5em;
}

.analytics-block__icon {
  position: relative;
  top: -1px;
  flex-shrink: 0;
  align-self: flex-start;
  color: #61caff;
  color: var(--analytics-highlight-color, #61caff);
}

.analytics-block__description {
  margin-top: 8px;
}

.analytics-block__body {
  margin-top: 15px;
}

.analytics-block__stat {
  font-size: 66px;
  font-weight: 200;
  line-height: 1;
  color: #61caff;
  color: var(--analytics-highlight-color, #61caff);
}

.analytics-block__caption {
  margin-top: 15px;
}

.analytics-block__list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  -moz-columns: auto 365px;
       columns: auto 365px;
  -moz-column-gap: 50px;
       column-gap: 50px;
}

.analytics-block__figure-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  row-gap: 20px;
}

.analytics-block__figure-list-item {
  padding-right: 20px;
}

.analytics-block__figure-list-item + .analytics-block__figure-list-item {
  position: relative;
  padding-left: 20px;
}

.analytics-block__figure-list-item + .analytics-block__figure-list-item::after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 1px;
  height: 100%;
  content: '';
  background-color: currentColor;
  transform: translateY(-50%);
}

.analytics-block__figure-list-item + .analytics-block__figure-list-item .analytics-block__stat {
  position: relative;
  top: 6px;
  font-size: 52px;
  line-height: 66px;
  color: #9a9a9a;
}

.analytics-block__footer {
  margin-top: 32px;
  text-align: center;
}

.analytics-block__link {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #61caff;
  color: var(--analytics-highlight-color, #61caff);
  text-decoration: none;
}

.analytics-block__link > * + * {
  margin-left: 8px;
}

.analytics-block__sort {
  margin-bottom: 16px;
}

@media all and (min-width: 620px) {
  .analytics-block__sort-form {
    display: inline-flex;
  }
}

.analytics-chart {
  font-size: 12px;
  font-weight: 600;
}

.analytics-chart__label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.analytics-chart__tooltip {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  padding: 15px 18px;
  background-color: #222222;
  border: none;
  border-radius: 8px;
}

.analytics-chart__tooltip-label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #9a9a9a;
  letter-spacing: 0.1em;
}

.analytics-chart__tooltip-value {
  display: block;
  margin-top: 6px;
  font-size: 17px;
  color: #61caff;
  color: var(--analytics-highlight-color, #61caff);
}

/*
* Backend analytics grid for dashboard, projects, and texts
*
* This grid has 2, 3, or 4 columns depending on the width of its container.
* Without container queries in CSS yet :(, it's necessary to use separate media queries
* for each layout context, and adjust the flow of grid items within that context.
* Grid layouts in the RangePicker component also need to be defined per context.
*/
.analytics-grid {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 30px;
}

@media all and (max-width: 529px) {
  .analytics-grid .analytics-grid__item {
    grid-column-end: -1;
  }
}

@media all and (min-width: 530px) {
  .analytics-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.analytics-grid .range-picker,
.analytics-grid .range-picker__preset-group-inner {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media all and (min-width: 1090px) {
  .analytics-grid--4-col {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .analytics-grid--4-col .range-picker {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .analytics-grid--4-col .range-picker__preset-group-inner {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
}

@media all and (min-width: 960px) {
  .analytics-grid--3-col {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .analytics-grid--3-col .analytics-grid__item--50 {
    grid-column: 1 / -1;
  }
  .analytics-grid--3-col .range-picker {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .analytics-grid--3-col .range-picker__preset-group-inner {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  }
}

@media all and (min-width: 760px) {
  .analytics-grid--2-col {
    grid-template-columns: 100%;
  }
}

@media all and (min-width: 1150px) {
  .analytics-grid--2-col {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.analytics-grid__item--100 {
  grid-column: 1 / -1;
}

.analytics-grid__item--50 {
  grid-column-end: span 2;
}

.analytics-grid__item--25 {
  grid-column-end: span 1;
}

.analytics-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  font-size: 20px;
  color: #d6d6d6;
  border-bottom: 1px solid #555555;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

.analytics-list-item__label {
  display: flex;
  align-items: center;
}

.analytics-list-item__label h4 {
  margin: 0 0 0 15px;
  font-weight: 400;
}

.analytics-list-item__icon {
  flex-shrink: 0;
  color: #61caff;
  color: var(--analytics-highlight-color, #61caff);
}

.analytics-list-item__value {
  font-size: 32px;
  color: #61caff;
  color: var(--analytics-highlight-color, #61caff);
}

.analytics-table {
  --link-indent: 0;
  width: 100%;
  text-align: left;
  table-layout: auto;
}

.analytics-table__header {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 12px;
  font-weight: 600;
  color: #9a9a9a;
  letter-spacing: 0.1em;
}

.analytics-table__row {
  vertical-align: baseline;
  border-bottom: 1px solid #555555;
}

.analytics-table__link {
  margin-left: 0;
  margin-left: var(--link-indent, 0);
  text-decoration: none;
}

.analytics-table__link--depth-2 {
  --link-indent: 1em;
}

.analytics-table__link--depth-3 {
  --link-indent: 2em;
}

.analytics-table__link--depth-4 {
  --link-indent: 3em;
}

.analytics-table__link--depth-5 {
  --link-indent: 4em;
}

.analytics-table__link--depth-6 {
  --link-indent: 5em;
}

.analytics-table__empty-message {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-style: italic;
}

.analytics-table th {
  padding-top: 12px;
}

.analytics-table th:first-child {
  width: 100%;
}

.analytics-table th:last-child {
  width: 100%;
  text-align: right;
  white-space: nowrap;
}

.analytics-table td {
  padding-top: 14px;
  padding-bottom: 10px;
}

.analytics-table td:first-child {
  font-size: 18px;
  font-weight: 500;
  color: #d6d6d6;
}

.analytics-table td:last-child {
  font-size: 27px;
  color: #61caff;
  color: var(--analytics-highlight-color, #61caff);
  text-align: right;
}

.analytics-time-block {
  display: inline-grid;
  grid-template: 'min-val divider sec-val' auto 'min-label . sec-label' auto / auto auto auto;
  row-gap: 18px;
  -moz-column-gap: 6px;
       column-gap: 6px;
  text-align: center;
}

.analytics-time-block__value {
  font-size: 66px;
  font-weight: 200;
  line-height: 1;
  color: #61caff;
  color: var(--analytics-highlight-color, #61caff);
}

.analytics-time-block__value--minute {
  grid-area: min-val;
}

.analytics-time-block__value--second {
  grid-area: sec-val;
}

.analytics-time-block__label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 12px;
  font-weight: 600;
  color: #9a9a9a;
  letter-spacing: 0.1em;
}

.analytics-time-block__label--minute {
  grid-area: min-label;
}

.analytics-time-block__label--second {
  grid-area: sec-label;
}

.analytics-time-block__divider {
  grid-area: divider;
  font-size: 66px;
  font-weight: 200;
  line-height: 1;
}

.range-picker {
  --default-focus-color: var(--analytics-highlight-color, #61caff);
  --default-hover-color: var(--analytics-highlight-color, #61caff);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 268.75px));
  grid-gap: 20px;
}

.range-picker__section {
  min-width: 0;
}

.range-picker__section:last-child {
  grid-column: span 2;
}

.range-picker__date-input {
  position: relative;
}

.range-picker__label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  display: block;
  margin-bottom: 1em;
}

.range-picker__input-wrapper {
  position: relative;
}

.range-picker__input {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.015em;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 32x;
  padding: 0;
  padding-right: 44px;
  font-size: 16px;
  vertical-align: top;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #828282;
  outline: 0;
  transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  appearance: none;
}

@media all and (min-width: 620px) {
  .range-picker__input {
    font-size: 20px;
  }
}

@media all and (min-width: 620px) {
  .range-picker__input {
    height: 42px;
    font-size: 18px;
  }
}

.range-picker__input.focus-visible {
  border-color: #52e3ac;
  border-color: var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
  outline: 0;
}

.range-picker__input::-moz-placeholder {
  color: #9a9a9a;
}

.range-picker__input:-ms-input-placeholder {
  color: #9a9a9a;
}

.range-picker__input::placeholder {
  color: #9a9a9a;
}

.range-picker__picker-toggle {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: 50%;
  right: 0;
  color: currentColor;
  transform: translateY(-50%);
}

.range-picker__preset-group {
  padding: 0;
  margin: 0;
  border: none;
}

.range-picker__legend {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  display: block;
  margin-bottom: 1em;
}

.range-picker__preset-group-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 12px;
  margin-top: 4px;
}

.range-picker__preset {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #61caff;
  color: var(--analytics-highlight-color, #61caff);
}

.range-picker__preset:focus:not(.focus-visible) {
  outline: 0;
}

.range-picker__preset.focus-visible {
  background-color: #42b2eb;
  background-color: var(--analytics-highlight-color-pale, #42b2eb);
}

.range-picker__preset.focus-visible {
  outline: 0;
}

.cover-upload-placeholder .background {
  fill: #555555;
}

.checkbox-primary {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  line-height: 25px;
  cursor: pointer;
}

.bg-neutral90 .checkbox-primary .toggle-indicator {
  background-color: transparent;
  border: 1px solid #555555;
}

.bg-neutral90 .checkbox-primary.checked .toggle-indicator {
  background-color: #d6d6d6;
}

.checkbox-primary .toggle-indicator {
  display: inline-block;
  width: 25px;
  height: 25px;
  padding: 7px 6px;
  vertical-align: middle;
  background-color: #d6d6d6;
}

.checkbox-primary .label {
  display: inline-block;
  margin-left: 9px;
  vertical-align: middle;
}

.boolean-primary {
  position: relative;
  display: block;
  width: 40px;
  height: 20px;
  cursor: pointer;
  background: #9a9a9a linear-gradient(90deg, rgba(54, 54, 54, 0.5), rgba(54, 54, 54, 0));
  background-blend-mode: multiply;
  border-radius: 20px;
  transition: background 0.4s ease;
}

.boolean-primary.checked {
  background: #52e3ac linear-gradient(270deg, rgba(54, 54, 54, 0.5), rgba(54, 54, 54, 0));
  background: var(--accent-primary, #52e3ac) linear-gradient(270deg, rgba(54, 54, 54, 0.5), rgba(54, 54, 54, 0));
}

.boolean-primary.checked::before {
  left: calc(100% - 20px);
}

.boolean-primary::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '';
  background-color: #e6e6e6;
  border-radius: 20px;
  transition: left 0.2s ease;
}

.repeater-primary .buttons-icon-horizontal {
  margin-bottom: 0;
}

.repeater-primary .repeatable-input {
  position: relative;
}

.repeater-primary .repeatable-input + .repeatable-input {
  margin-top: 24px;
}

@media all and (min-width: 620px) {
  .repeater-primary .repeatable-input + .repeatable-input {
    margin-top: 24px;
  }
}

.form-input {
  /* stylelint-disable property-no-vendor-prefix */
  /* stylelint-enable property-no-vendor-prefix */
}

@media all and (min-width: 620px) {
  .form-input--with-actions {
    display: grid;
    grid-template: 'label label' auto 'input actions' auto / 1fr auto;
  }
}

.form-input--with-actions label {
  grid-area: label;
}

.form-input--with-actions input {
  grid-area: input;
}

.form-input--with-actions .form-input__action-group {
  grid-area: actions;
}

.form-input + .form-input {
  margin-top: 40px;
}

.form-input__wrapper {
  padding: 0;
  margin: 0;
  border: none;
}

.form-input__action-group {
  margin-top: 18px;
}

@media all and (min-width: 620px) {
  .form-input__action-group {
    margin-top: 0;
    border-bottom: 1px solid #555555;
    transition: border-color 0.2s ease;
  }
  input.focus-visible + .form-input__action-group {
    border-color: #52e3ac;
    border-color: var(--accent-primary, #52e3ac);
  }
}

.form-input__action {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding: 0.333em 1em;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  letter-spacing: 0.125em;
  background-color: #ececec;
  border: 1px solid #ececec;
  border-radius: 16px;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.form-input__action:focus:not(.focus-visible) {
  outline: 0;
}

.form-input__action.focus-visible {
  background-color: #52e3ac;
  background-color: var(--accent-interaction-light, #52e3ac);
}

.form-input__action.focus-visible {
  outline: 0;
}

.form-input__action:hover {
  background-color: #e6e6e6;
}

.form-input__action + .form-input__action {
  margin-left: 8px;
}

.form-input label:not(.checkbox):not(.radio):not(.toggle):not(.icon-picker):not(.form-switch) {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  display: block;
  margin-bottom: 1em;
}

.form-input label:not(.checkbox):not(.radio):not(.toggle):not(.icon-picker):not(.form-switch).has-instructions {
  margin-bottom: 0.5em;
}

.form-input .instructions {
  font-family: 'freight-text-pro', 'aleo', serif;
  display: block;
  margin-bottom: 1em;
  font-size: 17px;
  font-style: italic;
  text-transform: none;
}

.form-input .instructions a:visited {
  color: inherit;
}

.form-input .instructions.space-bottom {
  margin-bottom: 2em;
}

.form-input input[type='text'],
.form-input input[type='email'],
.form-input input[type='password'] {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.015em;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 60px;
  padding: 0.7em 1em;
  background-color: #f7f7f7;
  border: 1px solid transparent;
  border-radius: 0;
  outline: 0;
  transition: border-color 0.2s ease;
  appearance: none;
}

@media all and (min-width: 620px) {
  .form-input input[type='text'],
  .form-input input[type='email'],
  .form-input input[type='password'] {
    font-size: 20px;
  }
}

.form-input input[type='text'].focus-visible,
.form-input input[type='email'].focus-visible,
.form-input input[type='password'].focus-visible {
  border-color: #52e3ac;
  border-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.bg-neutral05 .form-input input[type='text'], .bg-neutral05
.form-input input[type='email'], .bg-neutral05
.form-input input[type='password'] {
  background-color: #ffffff;
}

.overlay-full-primary .form-input input[type='text'], .overlay-full-primary
.form-input input[type='email'], .overlay-full-primary
.form-input input[type='password'] {
  color: #696969;
}

.form-input textarea {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.015em;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  padding: 1.2em 1.5em;
  resize: vertical;
  background-color: #f7f7f7;
  border: 1px solid transparent;
  outline: none;
  transition: border-color 0.2s ease;
}

@media all and (min-width: 620px) {
  .form-input textarea {
    font-size: 20px;
  }
}

.form-input textarea.focus-visible {
  border-color: #52e3ac;
  border-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.bg-neutral05 .form-input textarea {
  background-color: #ffffff;
}

.form-input textarea.wide {
  padding: 0.7em 1em;
}

.form-input textarea.large {
  min-height: 250px;
}

.form-input .button-secondary {
  display: block;
  width: 100%;
}

.form-input .button-secondary + .button-secondary {
  margin-top: 21px;
}

.form-input .form-input-radios__wrapper, .form-input .form-input-radios__legend {
  padding: 0;
  margin: 0;
  border: none;
}

.form-input .form-input-radios__legend + .instructions {
  margin-top: 7px;
}

.form-input .form-input-radios__title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  display: inline-block;
  margin-bottom: 1em;
}

.form-input .form-input-radios__prompt {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: block;
  font-size: 18px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}

.form-input .errors {
  display: block;
}

.form-error .error {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.075em;
  display: inline-block;
  margin-top: 15px;
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
}

.form-error-grouped {
  margin-bottom: 15px;
}

.dialog-box .form-error-grouped {
  max-width: 80%;
}

.form-error-grouped .error {
  margin-top: 0;
}

.form-select {
  position: relative;
  display: inline-block;
  width: 100%;
}

.form-select__disclosure-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  pointer-events: none;
  transform: translateY(-50%);
}

.ie9 .form-select__disclosure-icon {
  display: none;
}

.form-select select {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  width: 100%;
  height: 4.286em;
  padding: 1.286em 55px 1.286em 2.214em;
  margin: 0;
  cursor: pointer;
  background-color: #f7f7f7;
  border: 1px solid transparent;
  border-radius: 0;
  outline: none;
  transition: border-color 0.2s ease;
  appearance: none;
}

.bg-neutral05 .form-select select {
  background-color: #ffffff;
}

.form-select select.focus-visible {
  border-color: #52e3ac;
  border-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.form-select select.focus-visible:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #696969;
}

.backend .form-select select.focus-visible:-moz-focusring {
  text-shadow: 0 0 0 #ececec;
}

.form-select select::-ms-expand {
  display: none;
}

.form-select select option {
  color: #363636;
}

.form-toggle {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  position: relative;
  display: block;
  padding-left: 33px;
  margin-bottom: 0;
  font-size: 13px;
  cursor: pointer;
}

@media all and (min-width: 620px) {
  .form-toggle {
    font-size: 16px;
  }
}

.form-toggle + .form-toggle {
  margin-top: 18px;
}

.form-toggle.horizontal {
  display: inline-block;
}

.form-toggle.horizontal + .form-toggle {
  margin-top: 0;
  margin-left: 38px;
}

.form-toggle.annotated {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.015em;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #363636;
  text-transform: none;
}

@media all and (min-width: 620px) {
  .form-toggle.annotated {
    font-size: 20px;
  }
}

.form-toggle input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.form-toggle input.focus-visible ~ .toggle-indicator {
  background-color: #75e9bd;
  background-color: var(--accent-primary-light, #75e9bd);
}

.form-toggle .toggle-indicator {
  position: absolute;
  left: 0;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #d6d6d6;
  transition: background-color 0.2s ease;
}

.bg-neutral90 .form-toggle .toggle-indicator,
.form-callout .form-toggle .toggle-indicator {
  background-color: #828282;
}

.form-toggle.checkbox {
  line-height: 1.563em;
}

.form-toggle.checkbox .toggle-indicator {
  width: 1.563em;
  height: 1.563em;
  padding: 0.438em 0.375em;
}

.form-toggle.radio {
  line-height: 1.25em;
}

.form-toggle.radio input[type='radio'].focus-visible ~ .toggle-label {
  outline: solid 2px;
  outline-color: #52e3ac;
  outline-color: var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
  outline-offset: 2px;
}

.form-toggle.radio .toggle-label {
  font-size: 14px;
}

.form-toggle.radio + .toggle-instructions {
  font-family: 'freight-text-pro', 'aleo', serif;
  display: block;
  padding-left: 33px;
  margin-top: 6px;
  font-size: 16px;
  font-style: italic;
  text-transform: none;
}

.form-toggle.radio + .toggle-instructions + .form-toggle.radio {
  margin-top: 16px;
}

.form-toggle.radio .toggle-indicator {
  width: 1.25em;
  height: 1.25em;
  padding-top: 0.313em;
  text-align: center;
  border-radius: 100%;
}

.form-toggle.radio .toggle-indicator::before {
  display: inline-block;
  width: 0.625em;
  height: 0.625em;
  vertical-align: top;
  content: '';
  background-color: #363636;
  border-radius: 100%;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.form-toggle.radio.checked .toggle-indicator {
  background-color: #75e9bd;
  background-color: var(--accent-primary-light, #75e9bd);
}

.form-toggle.radio.inline {
  display: block;
  font-size: 16px;
}

@media all and (min-width: 560px) {
  .form-toggle.radio.inline {
    display: inline-block;
  }
  .form-toggle.radio.inline + .radio {
    margin-top: 0;
    margin-left: 35px;
  }
}

.form-toggle .toggle-note {
  font-family: 'freight-text-pro', 'aleo', serif;
  display: block;
  margin-top: 13px;
  font-size: 16px;
  font-style: italic;
  line-height: 1.375;
}

.form-toggle.checked .toggle-indicator::before {
  opacity: 1;
}

.form-switch {
  position: relative;
  display: block;
  cursor: pointer;
}

.form-switch input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.form-switch input.focus-visible ~ .toggle-indicator .boolean-primary {
  outline: solid 2px;
  outline-color: #52e3ac;
  outline-color: var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
  outline-offset: 2px;
}

.form-date .input-day {
  margin-left: 15px;
}

.form-date .form-input {
  position: relative;
  display: inline-block;
  margin-left: 15px;
  vertical-align: bottom;
}

.form-primary .form-date .form-input .input-year {
  display: inline;
  width: calc(91vw - 242px);
  min-width: 49px;
  max-width: 100px;
}

@media all and (min-width: 480px) {
  .form-primary .form-date .form-input .input-year {
    width: calc(91vw - 372px);
  }
}

.form-date-picker,
.range-picker {
  position: relative;
}

.form-date-picker__button,
.range-picker__button {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  right: 0;
  bottom: 1em;
  z-index: 10;
  font-size: 12px;
}

@media all and (min-width: 620px) {
  .form-date-picker__button,
  .range-picker__button {
    bottom: 1.45em;
  }
}

.form-date-picker .react-datepicker,
.range-picker .react-datepicker {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  box-shadow: 10px 31px 44px 2px rgba(0, 0, 0, 0.13);
  color: #b3b3b3;
  background-color: transparent;
  border: none;
}

.form-date-picker .react-datepicker-wrapper,
.range-picker .react-datepicker-wrapper {
  width: 100%;
}

.form-date-picker .react-datepicker__triangle,
.range-picker .react-datepicker__triangle {
  display: none;
}

.form-date-picker .react-datepicker__navigation,
.range-picker .react-datepicker__navigation {
  top: 9px;
  width: auto;
  height: auto;
  font-size: 16px;
  line-height: 1;
  text-indent: unset;
  background-color: transparent;
  border: none;
}

.form-date-picker .react-datepicker__navigation--previous,
.range-picker .react-datepicker__navigation--previous {
  left: 20px;
}

.form-date-picker .react-datepicker__navigation--next,
.range-picker .react-datepicker__navigation--next {
  right: 20px;
}

.form-date-picker .react-datepicker__input-container,
.range-picker .react-datepicker__input-container {
  display: block;
}

.form-date-picker .react-datepicker__close-icon,
.range-picker .react-datepicker__close-icon {
  display: none;
}

.form-date-picker .react-datepicker__header,
.range-picker .react-datepicker__header {
  background-color: #222222;
  border: none;
}

.form-date-picker .react-datepicker__current-month,
.range-picker .react-datepicker__current-month {
  color: #ececec;
}

.form-date-picker .react-datepicker__day-name,
.range-picker .react-datepicker__day-name {
  color: inherit;
}

.form-date-picker .react-datepicker__month-container,
.range-picker .react-datepicker__month-container {
  background-color: #2e2e2e;
  border-radius: 8px;
}

.form-date-picker .react-datepicker__day,
.range-picker .react-datepicker__day {
  height: 1.7rem;
  line-height: 1.45rem;
  line-height: 1.45rem;
  color: inherit;
  border: 1px solid transparent;
  border-radius: 50%;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.form-date-picker .react-datepicker__day--keyboard-selected, .form-date-picker .react-datepicker__day--selected,
.range-picker .react-datepicker__day--keyboard-selected,
.range-picker .react-datepicker__day--selected {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  background-color: #555555;
}

.form-date-picker .react-datepicker__day:hover,
.range-picker .react-datepicker__day:hover {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  background-color: #363636;
}

.form-callout {
  padding: 54px 30px;
  background-color: #ececec;
}

.form-callout header {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  padding-bottom: 53px;
  text-align: center;
}

.form-callout + .form-input {
  margin-top: 40px;
}

@media all and (min-width: 800px) {
  .form-column-map {
    display: flex;
    margin-left: -35px;
  }
}

@media all and (min-width: 800px) {
  .form-column-map .column {
    padding-left: 35px;
  }
}

.form-column-map .column + .column {
  margin-top: 30px;
}

@media all and (min-width: 800px) {
  .form-column-map .column + .column {
    margin-top: 0;
  }
}

.form-column-map .column-mappable {
  flex-grow: 1;
  width: 100%;
}

@media all and (min-width: 800px) {
  .form-column-map .column-mappable {
    width: calc(100% - 28vw);
  }
}

@media all and (min-width: 880px) {
  .form-column-map .column-mappable {
    width: calc(100% - 29vw);
  }
}

@media all and (min-width: 1130px) {
  .form-column-map .column-mappable {
    width: calc(100% - 360px);
  }
}

.form-column-map .available {
  max-height: 700px;
  padding: 0.8em;
  margin-top: 10px;
  overflow-y: scroll;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #424242;
}

@media all and (min-width: 560px) {
  .form-column-map .available {
    margin-top: 15px;
  }
}

@media all and (min-width: 960px) {
  .form-column-map .available {
    font-size: 16px;
  }
}

.form-column-map .available .form-column-listing + .form-column-listing {
  margin-top: 0.8em;
}

.form-column-map .mappable {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  max-height: 700px;
  padding: 0.8em;
  margin-top: 10px;
  overflow-y: scroll;
  font-size: 14px;
  background-color: #424242;
}

@media all and (min-width: 560px) {
  .form-column-map .mappable {
    margin-top: 15px;
  }
}

@media all and (min-width: 960px) {
  .form-column-map .mappable {
    font-size: 16px;
  }
}

.form-column-map .mappable li + li {
  margin-top: calc(0.8em - 2px);
}

.form-column-map .mappable .mapping {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  position: relative;
  width: 100%;
}

.form-column-map .mappable .mapping::after {
  display: block;
  clear: both;
  content: '';
}

.form-column-map .mappable .mapping .column-label {
  position: relative;
  float: left;
  width: 50%;
  padding: 0.6em 0.8em;
  font-weight: 500;
  color: #363636;
  background-color: #c3c3c3;
}

@media all and (min-width: 800px) {
  .form-column-map .mappable .mapping .column-label {
    width: calc(100% - 21vw);
  }
}

@media all and (min-width: 880px) {
  .form-column-map .mappable .mapping .column-label {
    width: calc(100% - 23vw);
  }
}

@media all and (min-width: 1130px) {
  .form-column-map .mappable .mapping .column-label {
    width: calc(100% - 300px);
  }
}

.form-column-map .mappable .mapping .column-label .truncate {
  display: block;
  max-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.form-column-map .mappable .mapping .column-label::after {
  position: absolute;
  top: 0;
  right: -1em;
  z-index: 10;
  width: 0;
  height: 0;
  content: '';
  border-color: transparent transparent transparent #c3c3c3;
  border-style: solid;
  border-width: 1.2em 0 1.2em 1em;
}

.form-column-map .mappable .well {
  float: left;
  width: 50%;
}

@media all and (min-width: 800px) {
  .form-column-map .mappable .well {
    width: 21vw;
  }
}

@media all and (min-width: 880px) {
  .form-column-map .mappable .well {
    width: 23vw;
  }
}

@media all and (min-width: 1130px) {
  .form-column-map .mappable .well {
    width: 300px;
  }
}

.form-column-map .mappable .well::before {
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  pointer-events: none;
  content: '';
  background: transparent;
  border: 2px solid #424242;
}

.form-column-map .mappable .well.drag-over::before {
  border-color: #52e3ac;
  border-color: var(--accent-primary, #52e3ac);
}

.form-column-map .mappable .well.matched .placeholder {
  position: absolute;
}

@-webkit-keyframes cancelAppear {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  1% {
    visibility: visible;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes cancelAppear {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  1% {
    visibility: visible;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.form-column-map .mappable .well .cancel {
  visibility: visible;
  opacity: 1;
  -webkit-animation: cancelAppear 0.1s ease 0s 1;
          animation: cancelAppear 0.1s ease 0s 1;
}

.form-column-map .mappable .placeholder {
  top: 0;
  z-index: -1;
  display: block;
  padding: 0.6em 0.8em 0.6em 1.6em;
  color: #b3b3b3;
}

.form-column-map .mappable [data-rbd-placeholder-context-id] {
  height: 0 !important;
  /* stylelint-disable-line declaration-no-important */
}

.form-column-listing {
  position: relative;
}

.form-column-listing .cancel {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: 50%;
  right: 0;
  width: 38px;
  height: 100%;
  font-size: 0;
  color: #363636;
  transform: translateY(-50%);
}

.form-column-listing .cancel:focus:not(.focus-visible) {
  outline: 0;
}

.form-column-listing .cancel.focus-visible {
  outline: solid 2px #ff9191;
  outline: solid 2px var(--default-error-color, #ff9191);
}

.form-column-listing .cancel:hover {
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
}

.form-column-listing .cancel.focus-visible {
  outline-offset: -4px;
}

.form-column-available {
  position: relative;
  width: 100%;
  padding-left: calc(1em - 1px);
  list-style: none;
  outline: none;
}

@media all and (min-width: 800px) {
  .form-column-available {
    width: 21vw;
  }
}

@media all and (min-width: 880px) {
  .form-column-available {
    width: 23vw;
  }
}

@media all and (min-width: 1130px) {
  .form-column-available {
    width: 300px;
  }
}

.form-column-available .text {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: block;
  padding: 0.6em 0.8em;
  overflow: hidden;
  font-weight: 600;
  color: #363636;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #f7f7f7;
  transition: background-color 0.2s ease;
}

.matched .form-column-available .text {
  padding-right: 40px;
}

.form-column-available:hover .text, .form-column-available.focus-visible .text {
  background-color: #a8f0d5;
  background-color: var(--accent-primary-pale, #a8f0d5);
}

.form-column-available:hover::before, .form-column-available.focus-visible::before {
  border-color: #a8f0d5 transparent transparent transparent;
  border-color: var(--accent-primary-pale, #a8f0d5) transparent transparent transparent;
}

.form-column-available:hover::after, .form-column-available.focus-visible::after {
  border-color: transparent transparent #a8f0d5 transparent;
  border-color: transparent transparent var(--accent-primary-pale, #a8f0d5) transparent;
}

.form-column-available::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  content: '';
  border-color: #f7f7f7 transparent transparent transparent;
  border-style: solid;
  border-width: 1.2em 0 1.2em 1em;
  transition: border-color 0.2s ease;
}

.form-column-available::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  content: '';
  border-color: transparent transparent #f7f7f7 transparent;
  border-style: solid;
  border-width: 1.2em 0 1.2em 1em;
  transition: border-color 0.2s ease;
}

/* I'm sorry for everything --ZD */
.form-section .form-input-group > .form-input .form-select--rounded .form-select {
  width: auto;
}

.drawer-primary .form-secondary {
  margin-bottom: 80px;
}

.form-secondary .form-input + .form-input,
.form-secondary .form-input + .form-section,
.form-secondary .form-section + .form-section,
.form-secondary .form-section + .form-input {
  margin-top: 20px;
}

@media all and (min-width: 620px) {
  .form-secondary .form-input + .form-input,
  .form-secondary .form-input + .form-section,
  .form-secondary .form-section + .form-section,
  .form-secondary .form-section + .form-input {
    margin-top: 40px;
  }
}

.form-secondary .form-header {
  color: #9a9a9a;
  background-color: #2e2e2e;
  border-radius: 8px;
  display: table;
  width: 100%;
  padding: 0.75em 1.5em 0.875em;
  margin-bottom: 20px;
  font-size: 16px;
  background-color: #2e2e2e;
}

.form-secondary .form-header ~ :not(.full-width) {
  padding-right: 5px;
  padding-left: 5px;
}

@media all and (min-width: 760px) {
  .form-secondary .form-header ~ :not(.full-width) {
    padding-right: 24px;
    padding-left: 24px;
  }
}

.form-secondary .form-header h2,
.form-secondary .form-header span {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: table-cell;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
  letter-spacing: 0.1em;
}

@media all and (min-width: 960px) {
  .form-secondary .form-header {
    margin-bottom: 38px;
  }
}

.form-secondary .instructions {
  font-family: 'freight-text-pro', 'aleo', serif;
  display: block;
  margin-top: 0.75em;
  font-size: 15px;
  font-style: italic;
  text-transform: none;
}

@media all and (min-width: 620px) {
  .form-secondary .instructions {
    font-size: 17px;
  }
}

.form-secondary .instructions:last-child {
  margin-bottom: 0;
}

.form-secondary .instructions.space-bottom {
  margin-bottom: 2em;
}

.form-secondary .instructions--inline {
  display: inline;
}

.form-secondary .instructions + .form-input-group--primary {
  margin-top: 32px;
}

.form-secondary .instructions + .form-input-group--secondary {
  margin-top: 24px;
}

.form-secondary .instructions a, .form-secondary .instructions a:visited {
  color: inherit;
}

.form-secondary .notification {
  font-family: 'freight-text-pro', 'aleo', serif;
  display: block;
  margin-top: 0.75em;
  font-size: 17px;
  font-style: italic;
  color: #52e3ac;
  color: var(--accent-interaction-light, #52e3ac);
  text-align: right;
  text-transform: none;
}

.form-secondary .form-input .form-input-heading, .form-secondary .form-input .column-heading, .form-secondary .form-input label:not(.checkbox):not(.radio):not(.toggle):not(.icon-picker):not(.form-switch) {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  display: block;
  margin-top: 0;
  margin-bottom: 0.5em;
}

.form-secondary .form-input .form-input-heading.below, .form-secondary .form-input .column-heading.below, .form-secondary .form-input label:not(.checkbox):not(.radio):not(.toggle):not(.icon-picker):not(.form-switch).below {
  margin-top: 0.6em;
  margin-bottom: 0;
}

.form-secondary .form-input .form-input-heading.secondary, .form-secondary .form-input .column-heading.secondary, .form-secondary .form-input label:not(.checkbox):not(.radio):not(.toggle):not(.icon-picker):not(.form-switch).secondary {
  font-weight: normal;
}

.form-secondary .form-input input[type='text'], .form-secondary .form-input input[type='email'], .form-secondary .form-input input[type='password'], .form-secondary .form-input input[type='number'] {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.015em;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 0;
  font-size: 16px;
  vertical-align: top;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #828282;
  outline: 0;
  transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}

@media all and (min-width: 620px) {
  .form-secondary .form-input input[type='text'], .form-secondary .form-input input[type='email'], .form-secondary .form-input input[type='password'], .form-secondary .form-input input[type='number'] {
    font-size: 20px;
  }
}

@media all and (min-width: 620px) {
  .form-secondary .form-input input[type='text'], .form-secondary .form-input input[type='email'], .form-secondary .form-input input[type='password'], .form-secondary .form-input input[type='number'] {
    height: 42px;
    font-size: 18px;
  }
}

.form-secondary .form-input input[type='text']::-moz-placeholder, .form-secondary .form-input input[type='email']::-moz-placeholder, .form-secondary .form-input input[type='password']::-moz-placeholder, .form-secondary .form-input input[type='number']::-moz-placeholder {
  color: #9a9a9a;
}

.form-secondary .form-input input[type='text']:-ms-input-placeholder, .form-secondary .form-input input[type='email']:-ms-input-placeholder, .form-secondary .form-input input[type='password']:-ms-input-placeholder, .form-secondary .form-input input[type='number']:-ms-input-placeholder {
  color: #9a9a9a;
}

.form-secondary .form-input input[type='text']::placeholder, .form-secondary .form-input input[type='email']::placeholder, .form-secondary .form-input input[type='password']::placeholder, .form-secondary .form-input input[type='number']::placeholder {
  color: #9a9a9a;
}

.bg-neutral90 .form-secondary .form-input input[type='text']:-webkit-autofill, .bg-neutral90 .form-secondary .form-input input[type='email']:-webkit-autofill, .bg-neutral90 .form-secondary .form-input input[type='password']:-webkit-autofill, .bg-neutral90 .form-secondary .form-input input[type='number']:-webkit-autofill {
  box-shadow: 0 0 0 1000px #363636 inset;
  /* stylelint-disable declaration-no-important */
  -webkit-text-fill-color: #a8f0d5 !important;
  -webkit-text-fill-color: var(--accent-primary-pale, #a8f0d5) !important;
  /* stylelint-enable declaration-no-important */
}

.form-secondary .form-input input[type='text'].focus-visible, .form-secondary .form-input input[type='email'].focus-visible, .form-secondary .form-input input[type='password'].focus-visible, .form-secondary .form-input input[type='number'].focus-visible {
  border-color: #52e3ac;
  border-color: var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.form-secondary .form-input textarea {
  font-family: 'freight-text-pro', 'aleo', serif;
  width: 100%;
  padding: 1.2em;
  font-size: 16px;
  color: #ececec;
  resize: vertical;
  background-color: transparent;
  border: 1px solid #828282;
  outline: none;
  transition: border-color 0.2s ease;
}

@media all and (min-width: 700px) {
  .form-secondary .form-input textarea {
    padding: 1.579em;
    font-size: 18px;
  }
}

.form-secondary .form-input textarea::-moz-placeholder {
  color: #9a9a9a;
}

.form-secondary .form-input textarea:-ms-input-placeholder {
  color: #9a9a9a;
}

.form-secondary .form-input textarea::placeholder {
  color: #9a9a9a;
}

.form-secondary .form-input textarea.focus-visible {
  border-color: #52e3ac;
  border-color: var(--accent-primary, #52e3ac);
}

.form-secondary .form-input.form-number-input input[type='number']::-webkit-inner-spin-button,
.form-secondary .form-input.form-number-input input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-secondary .form-input.form-number-input input[type='number'] {
  text-align: right;
}

.form-secondary .form-input .form-toggle .toggle-label {
  transition: color 0.2s ease;
}

.form-secondary .form-input .form-toggle.checked .toggle-label {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.form-secondary .form-input.form-toggle-secondary {
  position: relative;
}

.form-secondary .form-input.form-toggle-secondary .form-input-heading {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.015em;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 0;
  font-size: 16px;
  vertical-align: top;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #828282;
  outline: 0;
  transition: border-color 0.2s ease;
  margin-bottom: 0.5em;
  text-transform: inherit;
  letter-spacing: inherit;
}

@media all and (min-width: 620px) {
  .form-secondary .form-input.form-toggle-secondary .form-input-heading {
    font-size: 20px;
  }
}

@media all and (min-width: 620px) {
  .form-secondary .form-input.form-toggle-secondary .form-input-heading {
    height: 42px;
    font-size: 18px;
  }
}

.form-secondary .form-input.form-toggle-secondary .form-input-heading::-moz-placeholder {
  color: #9a9a9a;
}

.form-secondary .form-input.form-toggle-secondary .form-input-heading:-ms-input-placeholder {
  color: #9a9a9a;
}

.form-secondary .form-input.form-toggle-secondary .form-input-heading::placeholder {
  color: #9a9a9a;
}

.bg-neutral90 .form-secondary .form-input.form-toggle-secondary .form-input-heading:-webkit-autofill {
  box-shadow: 0 0 0 1000px #363636 inset;
  /* stylelint-disable declaration-no-important */
  -webkit-text-fill-color: #a8f0d5 !important;
  -webkit-text-fill-color: var(--accent-primary-pale, #a8f0d5) !important;
  /* stylelint-enable declaration-no-important */
}

@media all and (min-width: 620px) {
  .form-secondary .form-input.form-toggle-secondary .form-input-heading {
    height: 38px;
  }
}

.form-secondary .form-input.form-toggle-secondary .form-input-heading.toggle {
  color: #ececec;
}

.form-secondary .form-input.form-toggle-secondary .toggle-indicator {
  position: absolute;
  top: 2px;
  right: 0;
}

.form-secondary .form-input.form-toggle-secondary .instructions {
  margin-bottom: 0;
}

.form-secondary .form-input .button-secondary {
  display: inline-block;
  width: auto;
}

.form-secondary .form-input .button-secondary.button-secondary--wide {
  display: block;
  width: 100%;
}

.form-secondary .form-input.submit .button-secondary, .form-secondary .form-input.submit .button-secondary--dull {
  line-height: normal;
}

.form-secondary .form-input.submit .button-secondary + .button-secondary, .form-secondary .form-input.submit .button-secondary--dull + .button-secondary {
  margin-top: 0;
  margin-left: 15px;
}

.form-secondary .form-date {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media all and (min-width: 960px) {
  .form-secondary .form-date {
    flex-wrap: nowrap;
  }
}

.form-secondary .form-date > * {
  display: block;
  flex: 0 1 47.64%;
  margin-left: 0;
}

@media all and (min-width: 960px) {
  .form-secondary .form-date > * {
    flex: auto;
  }
  .form-secondary .form-date > *:not(:first-child) {
    margin-left: 15px;
  }
}

.form-secondary .form-date .form-select select {
  width: auto;
  min-width: 100%;
}

.form-secondary .form-date .form-input {
  flex-basis: 100%;
  margin-top: 1em;
}

@media all and (min-width: 960px) {
  .form-secondary .form-date .form-input {
    flex-basis: auto;
    margin-top: 0;
  }
}

.form-secondary .form-select {
  width: auto;
}

.form-secondary .form-select__icon {
  position: absolute;
  top: 42%;
  right: 4px;
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
  pointer-events: none;
  transform: translateY(-50%);
}

.ie9 .form-secondary .form-select__icon {
  display: none;
}

.form-secondary .form-select select {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.015em;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 0;
  font-size: 16px;
  vertical-align: top;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #828282;
  outline: 0;
  transition: border-color 0.2s ease;
  padding: 0 42px 0.75em 0;
  font-size: 16px;
  line-height: normal;
  text-transform: none;
}

@media all and (min-width: 620px) {
  .form-secondary .form-select select {
    font-size: 20px;
  }
}

@media all and (min-width: 620px) {
  .form-secondary .form-select select {
    height: 42px;
    font-size: 18px;
  }
}

.form-secondary .form-select select::-moz-placeholder {
  color: #9a9a9a;
}

.form-secondary .form-select select:-ms-input-placeholder {
  color: #9a9a9a;
}

.form-secondary .form-select select::placeholder {
  color: #9a9a9a;
}

.bg-neutral90 .form-secondary .form-select select:-webkit-autofill {
  box-shadow: 0 0 0 1000px #363636 inset;
  /* stylelint-disable declaration-no-important */
  -webkit-text-fill-color: #a8f0d5 !important;
  -webkit-text-fill-color: var(--accent-primary-pale, #a8f0d5) !important;
  /* stylelint-enable declaration-no-important */
}

.form-secondary .form-select select.focus-visible {
  border-color: #75e9bd;
  border-color: var(--accent-primary-light, #75e9bd);
}

.form-secondary .form-select.form-select--rounded .form-select {
  width: auto;
}

.form-secondary .form-select.form-select--rounded .form-select__icon {
  position: absolute;
  top: 50%;
  right: 8px;
  width: auto;
  width: 22px;
  height: 22px;
  color: #828282;
  pointer-events: none;
  transform: translateY(-50%);
}

.ie9 .form-secondary .form-select.form-select--rounded .form-select__icon {
  display: none;
}

.form-secondary .form-select.form-select--rounded select {
  cursor: pointer;
  background: transparent;
  border-radius: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  width: auto;
  height: 2.857em;
  padding-right: 32px;
  padding-bottom: 0;
  padding-left: 13px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  text-overflow: ellipsis;
  text-transform: none;
  letter-spacing: normal;
  white-space: nowrap;
  background-color: #363636;
  border: 1px solid #828282;
  border-radius: 8px;
  transition: border-color 0.2s ease;
}

.form-secondary .form-select.form-select--rounded select.focus-visible:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #555555;
}

.form-secondary .form-select.form-select--rounded select::-ms-expand {
  display: none;
}

.form-secondary .form-select.form-select--rounded select.focus-visible {
  border-color: #52e3ac;
  border-color: var(--accent-primary, #52e3ac);
}

.form-secondary .form-dropzone {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 350px;
  min-height: 200px;
  border: 1px solid #828282;
  transition: border-color 0.2s;
}

.form-secondary .form-dropzone .primary {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding-bottom: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
}

.form-secondary .form-dropzone .error {
  display: block;
  margin-top: 10px;
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
}

.form-secondary .form-dropzone .secondary {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  padding-bottom: 0;
  margin-top: 10px;
  line-height: 1.5em;
  text-align: center;
}

.form-secondary .form-dropzone a, .form-secondary .form-dropzone .fake-link {
  transition: color 0.2s ease;
}

.form-secondary .form-dropzone a:hover, .form-secondary .form-dropzone .fake-link:hover {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.form-secondary .form-dropzone a.focus-visible, .form-secondary .form-dropzone .fake-link.focus-visible {
  outline: 0;
}

.form-secondary .form-dropzone .contents-icon-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.form-secondary .form-dropzone .contents-icon-preview .message {
  width: 100%;
  padding: 20px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.form-secondary .form-dropzone .contents-icon-preview__icon {
  display: block;
  margin: 0 auto 20px;
}

.form-secondary .form-dropzone .contents-image-preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px;
}

.form-secondary .form-dropzone .contents-image-preview .preview {
  max-width: 100%;
  max-height: 200px;
  background: #e6e6e6;
}

.form-secondary .form-dropzone .contents-image-preview .message {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 75%;
  padding: 5px 20px 15px;
  margin-bottom: 20px;
  text-align: center;
  background: #2e2e2e;
  opacity: 0.9;
  transform: translate(-50%, -50%);
}

.form-secondary .form-dropzone .contents-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 200px;
  padding: 15px;
}

.form-secondary .form-dropzone .remove {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  position: absolute;
  right: 4px;
  bottom: 4px;
  z-index: 2;
  font-size: 12px;
}

.form-secondary .form-dropzone .cover-upload-placeholder {
  max-width: 118px;
  height: auto;
}

.form-secondary .form-dropzone .contents-empty__icon {
  display: block;
  color: #ffffff;
}

.form-secondary .boolean-labeled {
  display: table;
}

.form-secondary .boolean-labeled span {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.015em;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 0;
  font-size: 16px;
  vertical-align: top;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #828282;
  outline: 0;
  transition: border-color 0.2s ease;
  display: table-cell;
  padding-bottom: 0.5em;
  vertical-align: middle;
}

@media all and (min-width: 620px) {
  .form-secondary .boolean-labeled span {
    font-size: 20px;
  }
}

@media all and (min-width: 620px) {
  .form-secondary .boolean-labeled span {
    height: 42px;
    font-size: 18px;
  }
}

.form-secondary .boolean-labeled span::-moz-placeholder {
  color: #9a9a9a;
}

.form-secondary .boolean-labeled span:-ms-input-placeholder {
  color: #9a9a9a;
}

.form-secondary .boolean-labeled span::placeholder {
  color: #9a9a9a;
}

.bg-neutral90 .form-secondary .boolean-labeled span:-webkit-autofill {
  box-shadow: 0 0 0 1000px #363636 inset;
  /* stylelint-disable declaration-no-important */
  -webkit-text-fill-color: #a8f0d5 !important;
  -webkit-text-fill-color: var(--accent-primary-pale, #a8f0d5) !important;
  /* stylelint-enable declaration-no-important */
}

.form-secondary .boolean-labeled .toggle-indicator {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
}

.form-secondary .checkbox {
  margin-top: 5px;
}

.form-list-filter {
  display: block;
  padding-bottom: 26px;
  font-size: 0;
}

@media all and (min-width: 960px) {
  .form-list-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.resource-totals + .form-list-filter {
  padding-top: 40px;
}

.form-list-filter input[type='text'] {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  width: 100%;
  height: 2.857em;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 14px;
  letter-spacing: 0.01em;
  background-color: transparent;
  border: 1px solid #828282;
}

.form-list-filter input[type='text'].focus-visible::-moz-placeholder {
  color: #52e3ac;
  color: var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.form-list-filter input[type='text'].focus-visible:-ms-input-placeholder {
  color: #52e3ac;
  color: var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.form-list-filter input[type='text'].focus-visible::placeholder {
  color: #52e3ac;
  color: var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.form-list-filter .search-input {
  position: relative;
  display: inline-block;
  width: 100%;
}

@media all and (min-width: 760px) {
  .form-list-filter .search-input {
    width: 70%;
  }
}

@media all and (min-width: 1024px) {
  .form-list-filter .search-input {
    width: 40%;
  }
}

.form-list-filter .search-input .search-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: 10px;
  left: 14px;
  font-size: 13px;
}

.form-list-filter .search-input .search-button:focus:not(.focus-visible) {
  outline: 0;
}

.form-list-filter .search-input .search-button.focus-visible {
  outline: solid 2px #52e3ac;
  outline: solid 2px var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.form-list-filter .search-input .search-button:hover {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.form-list-filter .search-input input[type='text'] {
  padding-left: 40px;
}

.form-list-filter .search-input input[type='text'].focus-visible {
  outline: 0;
}

.form-list-filter .select-group {
  position: relative;
  display: block;
  max-width: 100%;
  padding-top: 15px;
  margin-left: -10px;
}

.form-list-filter .select-group + .select-group {
  margin-top: 25px;
}

@media all and (min-width: 960px) {
  .form-list-filter .select-group + .select-group {
    margin-top: 0;
    margin-left: 0;
  }
}

@media all and (min-width: 960px) {
  .form-list-filter .select-group {
    display: flex;
  }
}

.form-list-filter .select-group label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 13px;
  color: #9a9a9a;
}

.form-list-filter .select-group.inline {
  margin-bottom: 0;
}

@media all and (min-width: 760px) {
  .form-list-filter .select-group.inline {
    display: block;
    width: 100%;
  }
}

@media all and (min-width: 1024px) {
  .form-list-filter .select-group.inline {
    display: inline-block;
    width: 60%;
    padding-top: 0;
    margin-top: 0;
    white-space: nowrap;
  }
}

.form-list-filter .select-group.inline .select {
  margin-top: 0;
}

.form-list-filter .select-group.inline .select + .select {
  margin-top: 10px;
}

@media all and (min-width: 760px) {
  .form-list-filter .select-group.inline .select + .select {
    margin-top: 0;
  }
}

.form-list-filter .select-group .select {
  position: relative;
  width: 100%;
  margin-top: 10px;
  margin-left: 10px;
}

@media all and (min-width: 760px) {
  .form-list-filter .select-group .select {
    display: inline-block;
    width: 200px;
  }
  .form-search-filter .form-list-filter .select-group .select {
    width: 100%;
  }
}

.form-list-filter .select-group .select select {
  cursor: pointer;
  background: transparent;
  border-radius: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding-right: 36px;
  padding-left: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  height: 2.857em;
  font-size: 14px;
  border: 1px solid #828282;
  transition: border-color 0.2s ease;
}

.form-list-filter .select-group .select select.focus-visible:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #555555;
}

.form-list-filter .select-group .select select::-ms-expand {
  display: none;
}

.form-list-filter .select-group .select select.focus-visible {
  border-color: #52e3ac;
  border-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.form-search-filter .form-list-filter .select-group .select select {
  font-size: 13px;
}

.form-search-filter .form-list-filter .select-group .select select.focus-visible {
  border-color: #52e3ac;
  border-color: var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.form-list-filter .select-group .select select option {
  color: #000000;
}

.form-list-filter .select-group .select__icon {
  position: absolute;
  top: 50%;
  right: 12px;
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  pointer-events: none;
  transform: translateY(-50%);
}

.ie9 .form-list-filter .select-group .select__icon {
  display: none;
}

.form-list-filter .reset-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  margin-top: 8px;
  font-size: 14px;
}

.form-list-filter .reset-button.focus-visible {
  color: #52e3ac;
  color: var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.form-section--primary .form-section-label {
  color: #9a9a9a;
  background-color: #2e2e2e;
  border-radius: 8px;
  display: table;
  width: 100%;
  padding: 0.75em 1.5em 0.875em;
  margin-bottom: 20px;
  font-size: 16px;
  background-color: #2e2e2e;
}

.form-section--primary .form-section-label ~ :not(.full-width) {
  padding-right: 5px;
  padding-left: 5px;
}

@media all and (min-width: 760px) {
  .form-section--primary .form-section-label ~ :not(.full-width) {
    padding-right: 24px;
    padding-left: 24px;
  }
}

.form-section--primary .form-section-label h2,
.form-section--primary .form-section-label span {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: table-cell;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
  letter-spacing: 0.1em;
}

.form-section--secondary .form-section-label h2, .form-section--secondary .form-section-label span {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: table-cell;
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  color: #828282;
  letter-spacing: 0.125em;
}

.form-section + .form-section {
  margin-top: 45px;
}

@media all and (min-width: 620px) {
  .form-section + .form-section {
    margin-top: 52px;
  }
}

.form-section .form-subsection-label {
  padding-left: 24px;
  margin-top: 40px;
}

.form-section .form-subsection-label h2, .form-section .form-subsection-label h3, .form-section .form-subsection-label span {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #9a9a9a;
  letter-spacing: 0.1em;
}

.form-section .form-input-group {
  display: flex;
  flex-flow: column wrap;
}

@media all and (min-width: 960px) {
  .form-section .form-input-group {
    flex-direction: row;
    justify-content: space-between;
  }
}

@media all and (min-width: 960px) {
  .form-section .form-input-group > .buttons-icon-horizontal {
    flex-basis: 100%;
  }
}

.form-section .form-input-group--primary > .form-input {
  margin-bottom: 35px;
}

@media all and (min-width: 960px) {
  .form-section .form-input-group--primary > .form-input {
    margin-top: 18px;
  }
}

.form-section .form-input-group--primary > .form-input:last-child {
  margin-bottom: 12px;
}

.form-section .form-input-group--primary > .form-input.extra-space-bottom {
  margin-bottom: 32px;
}

.form-section .form-input-group--secondary > .form-input {
  margin-bottom: 25px;
}

.form-section .form-input-group--secondary > .form-input:last-child {
  margin-bottom: 0;
}

.form-section .form-input-group > .form-input {
  flex: 0 1 auto;
  margin-top: 0;
}

@media all and (min-width: 960px) {
  .form-section .form-input-group > .form-input {
    flex-basis: 47.64%;
  }
}

@media all and (min-width: 960px) {
  .form-section .form-input-group > .form-input.wide {
    flex-basis: 100%;
  }
}

@media all and (min-width: 960px) {
  .form-section .form-input-group > .form-input.form-input-fourth {
    flex-basis: 23.82%;
  }
}

@media all and (min-width: 960px) {
  .form-section .form-input-group > .form-input.form-input-third {
    flex-basis: 31.76%;
  }
}

.form-section .form-input-group > .form-input .form-select {
  width: 100%;
}

@media all and (min-width: 960px) {
  .form-section .form-input-group > .form-divider.wide {
    flex-basis: 100%;
  }
}

.form-section.horizontal .form-input {
  display: block;
  margin-right: 0;
}

@media all and (min-width: 620px) {
  .form-section.horizontal .form-input {
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 20px;
  }
  .form-section.horizontal .form-input:last-child {
    margin-right: 0;
  }
}

.form-section.horizontal .form-input-fourth {
  width: 18%;
}

.form-section.horizontal .form-input-third {
  width: 30%;
}

@media all and (min-width: 620px) {
  .form-section.horizontal .form-input + .form-input,
  .form-section.horizontal .form-input + .form-section,
  .form-section.horizontal .form-section + .form-section,
  .form-section.horizontal .form-section + .form-input {
    margin-top: 0;
  }
}

header + .form-section {
  margin-top: 19px;
}

.search-button-inline {
  position: relative;
}

.search-button-inline .icon {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -11px;
  font-size: 17px;
}

.search-button-inline .icon:focus:not(.focus-visible) {
  outline: 0;
}

.search-button-inline .icon.focus-visible {
  outline: solid 2px #52e3ac;
  outline: solid 2px var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.search-button-inline input {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  padding: 0.438em 1.125em 0.563em;
  background: transparent;
  border: 1px solid #9a9a9a;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  width: 100%;
  padding-left: 40px;
  border-color: #c3c3c3;
  border-radius: 0;
  appearance: none;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.search-button-inline input.focus-visible {
  outline: none;
}

.search-button-inline input.focus-visible::-moz-placeholder {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.search-button-inline input.focus-visible:-ms-input-placeholder {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.search-button-inline input.focus-visible::placeholder {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.search-button-inline input::-moz-placeholder {
  color: #d6d6d6;
}

.search-button-inline input:-ms-input-placeholder {
  color: #d6d6d6;
}

.search-button-inline input::placeholder {
  color: #d6d6d6;
}

.search-button-inline input.focus-visible {
  color: #ffffff;
  border-color: #52e3ac;
  border-color: var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.form-dropzone {
  cursor: pointer;
}

.form-dropzone__inline-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline;
  text-decoration: underline;
  text-transform: inherit;
  letter-spacing: inherit;
}

.form-dropzone__upload-prompt {
  transition: color 0.2s ease;
  text-decoration: underline;
}

.form-dropzone__upload-prompt:hover {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.form-dropzone .dropzone-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  border-radius: 7px;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  padding: 25px 15px;
  font-weight: 400;
  line-height: 1.761;
  text-align: center;
  border: 2px solid;
}

.form-dropzone .dropzone-button__text {
  display: block;
  padding-left: 95px;
  text-align: left;
}

.form-dropzone .dropzone-button__cancel-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: -6px;
  right: -12px;
}

.form-dropzone .dropzone-button + .dropzone-button {
  margin-top: 25px;
}

.form-dropzone .dropzone-button-dotted {
  border: 2px dotted #9a9a9a;
}

.form-dropzone input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  /* stylelint-disable declaration-no-important */
  display: block !important;
  /* stylelint-enable declaration-no-important */
}

.form-dropzone input.focus-visible {
  outline: 0;
}

.form-dropzone input.focus-visible + [class^='contents-'] .form-dropzone__upload-prompt,
.form-dropzone input.focus-visible + .dropzone-button .form-dropzone__upload-prompt {
  outline: solid 2px;
  outline-color: #52e3ac;
  outline-color: var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.select-browse {
  position: relative;
  display: inline-block;
  color: #555555;
  width: 100%;
}

.select-browse select {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  cursor: pointer;
  background: transparent;
  border-radius: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  display: inline-block;
  width: 100%;
  padding: 9px 13px 11px;
  margin: 0;
  font-size: 14px;
  line-height: 1.2;
  border: 2px solid #c3c3c3;
}

.select-browse select.focus-visible:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #555555;
}

.select-browse select::-ms-expand {
  display: none;
}

.select-browse select.focus-visible {
  border-color: #52e3ac;
  border-color: var(--accent-primary, #52e3ac);
}

@media all and (min-width: 400px) {
  .select-browse {
    width: auto;
    min-width: 310px;
  }
}

.password-input {
  position: relative;
}

.password-input .hidden {
  display: none;
}

.password-input__visibility-toggle {
  position: absolute;
  top: -9px;
  left: 80px;
  width: 32px;
  height: 32px;
  color: #828282;
  cursor: pointer;
}

.password-input__visibility-toggle.focus-visible {
  outline: 0;
}

.password-input__visibility-icon {
  position: absolute;
  cursor: pointer;
}

.form-divider {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 0;
  white-space: nowrap;
}

.form-divider::before {
  margin-right: 25px;
  margin-left: 10px;
}

.form-divider::after {
  margin-right: 10px;
  margin-left: 25px;
}

.form-divider::before, .form-divider::after {
  width: 45%;
  height: 1px;
  content: '';
  background-color: #828282;
}

.select__label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: block;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.select__label--empty {
  display: none;
}

@media all and (min-width: 620px) {
  .select__label--empty {
    display: block;
  }
}

.select__wrapper {
  position: relative;
}

.select select, .select__select {
  cursor: pointer;
  background: transparent;
  border-radius: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  width: 100%;
  height: 2.857em;
  padding-right: 32px;
  padding-left: 13px;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  text-overflow: ellipsis;
  text-transform: none;
  letter-spacing: normal;
  white-space: nowrap;
  background-color: inherit;
  background-color: var(--select-bg-color, inherit);
  border: 1px solid #828282;
  border-radius: 8px;
  transition: border-color 0.2s ease;
}

.select select.focus-visible:-moz-focusring, .select__select.focus-visible:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #555555;
}

.select select::-ms-expand, .select__select::-ms-expand {
  display: none;
}

.select select.focus-visible, .select__select.focus-visible {
  border-color: #52e3ac;
  border-color: var(--accent-primary, #52e3ac);
}

.select svg {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 22px;
  height: 22px;
  pointer-events: none;
  transform: translateY(-50%);
}

/* stylelint-disable */
body.fatal-error-page {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

body.fatal-error-page #content {
  flex-grow: 1;
  min-height: 100%;
}

/* stylelint-enable */
.fatal-error {
  height: 100%;
  border: 20px solid #ff9191;
  border: 20px solid var(--default-error-color, #ff9191);
}

.fatal-error .error-wrapper {
  padding: 10vh 4vh 4vh;
  vertical-align: middle;
}

.fatal-error .container {
  max-width: 680px;
  text-align: center;
}

.fatal-error__stop-icon {
  margin-bottom: 20px;
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
}

.fatal-error header {
  margin-bottom: 1.375em;
  font-size: 24px;
}

@media all and (min-width: 620px) {
  .fatal-error header {
    font-size: 32px;
  }
}

.fatal-error header h3 {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.333;
  color: #9a9a9a;
}

.fatal-error .error-description h1 {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #363636;
}

@media all and (min-width: 620px) {
  .fatal-error .error-description h1 {
    font-size: 24px;
  }
}

.backend .fatal-error .error-description h1 {
  color: #f7f7f7;
}

.fatal-error .error-description p {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.031em;
  font-size: 18px;
  line-height: 1.421;
  color: #696969;
}

.backend .fatal-error .error-description p {
  color: #e6e6e6;
}

.fatal-error .error-description p .dismiss {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-top: 10px;
  text-decoration: underline;
  cursor: pointer;
}

.fatal-error .stacks {
  margin-top: 5vh;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
}

.fatal-error .stacks .stack + .stack {
  margin-top: 50px;
}

.fatal-error .stacks h3 {
  margin-bottom: 15px;
  text-align: center;
}

.fatal-error .stacks .footnote {
  display: block;
  font-size: 12px;
  font-style: italic;
  color: #c3c3c3;
  text-align: center;
}

.fatal-error .stacks ol {
  background-color: #f7f7f7;
  -webkit-padding-start: 50px;
          padding-inline-start: 50px;
}

.fatal-error .stacks ol li {
  padding: 5px;
}

.fatal-error .stacks ol li:nth-child(even) {
  background-color: #f1f1f1;
}

.fatal-error .stacks ol span.highlight {
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
}

.fatal-error .stacks ol span.location {
  display: block;
  padding-top: 4px;
  font-size: 13px;
}

.icon-thumbnail-primary {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: center;
  background-color: #ececec;
}

.icon-thumbnail-primary.bg-image {
  color: #ffffff;
  background-position: 0 0;
  background-size: cover;
}

.icon-thumbnail-primary.bg-image::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(54, 54, 54, 0.7);
}

.icon-thumbnail-primary.title .wrapper {
  padding: 16px 16px 18px;
}

@media all and (min-width: 1235px) {
  .icon-thumbnail-primary.title .wrapper {
    padding: 22px 20px 36px;
  }
}

.icon-thumbnail-primary.title .icon-thumbnail-type {
  font-size: 12px;
}

.icon-thumbnail-primary.title .icon-thumbnail-icon {
  padding: 10px 0 6px;
}

.icon-thumbnail-primary.title .icon-thumbnail-icon svg {
  width: 48px;
  height: 48px;
}

@media all and (min-width: 620px) {
  .icon-thumbnail-primary.title .icon-thumbnail-icon {
    padding: 14px 0;
  }
  .icon-thumbnail-primary.title .icon-thumbnail-icon svg {
    width: 64px;
    height: 64px;
  }
}

.icon-thumbnail-primary.icon-only {
  background-color: transparent;
}

.icon-thumbnail-primary.icon-only.bg-image::before {
  display: none;
}

.icon-thumbnail-primary.icon-only.bg-image .icon-thumbnail-icon {
  display: none;
}

.icon-thumbnail-primary.icon-only.bg-image .wrapper {
  padding-top: 50px;
}

.icon-thumbnail-primary.icon-only .wrapper {
  padding: 0;
}

.icon-thumbnail-primary.icon-only .icon-thumbnail-icon {
  width: 100%;
  padding: 0;
}

.icon-thumbnail-primary.minimal:not(.preview) {
  background: transparent;
}

.icon-thumbnail-primary.minimal.preview {
  width: 37px;
  height: 37px;
  overflow: hidden;
}

.icon-thumbnail-primary.minimal.preview .icon-thumbnail-icon {
  width: 100%;
  height: 37px;
}

.icon-thumbnail-primary.minimal.preview .icon-thumbnail-icon svg {
  width: 24px;
  height: 24px;
}

.icon-thumbnail-primary.minimal.bg-image .icon-thumbnail-icon {
  display: none;
}

.icon-thumbnail-primary.minimal.bg-image::before {
  background-color: #52e3ac;
  background-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  opacity: 0;
}

.icon-thumbnail-primary.minimal .icon-thumbnail-image {
  position: relative;
  display: inline-block;
}

.icon-thumbnail-primary.minimal .icon-thumbnail-image .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  transition: opacity 0.2s ease-out;
}

.icon-thumbnail-primary.minimal .icon-thumbnail-image img {
  display: block;
  width: auto;
  height: 50px;
}

.icon-thumbnail-primary.minimal .icon-thumbnail-icon {
  display: flex;
  width: 80px;
  height: 50px;
  padding: 0;
  margin: 0 0 0 auto;
  color: #363636;
  text-align: center;
  background-color: #ececec;
}

.icon-thumbnail-primary.minimal .icon-thumbnail-icon svg {
  width: 30px;
  height: 30px;
  margin: auto;
}

.icon-thumbnail-primary.minimal .wrapper {
  padding: 0;
  padding-bottom: 1em;
}

.viewer-list .icon-thumbnail-primary.minimal .wrapper {
  padding-bottom: 0.5em;
}

.icon-thumbnail-primary.minimal .icon-thumbnail-title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  padding-top: 8px;
  font-size: 14px;
  font-weight: 200;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.1;
}

.icon-thumbnail-primary.right {
  text-align: right;
}

.icon-thumbnail-primary .wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 24px 0 30px;
}

@media all and (min-width: 480px) {
  .icon-thumbnail-primary .wrapper {
    padding: 30px 0 37px;
  }
}

@media all and (min-width: 880px) {
  .icon-thumbnail-primary .wrapper {
    padding: 35px 0 43px;
  }
}

.icon-thumbnail-primary .icon-thumbnail-type {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.096em;
}

.notation-viewer .icon-thumbnail-primary .icon-thumbnail-type {
  font-size: 0;
}

.icon-thumbnail-primary .icon-thumbnail-title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

.icon-thumbnail-primary .icon-thumbnail-icon {
  display: block;
  padding: 18px 0 0;
  margin: 0 auto;
}

.breadcrumbs {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: block;
  padding: 0.5em 1em 0.6em;
  font-size: 16px;
  line-height: 1.4;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  background-color: #262626;
}

@media all and (min-width: 560px) {
  .breadcrumbs {
    padding-top: 0.45em;
    padding-bottom: 0.5em;
    font-size: 20px;
  }
}

@media all and (min-width: 760px) {
  .breadcrumbs--hidden-desktop {
    display: none;
  }
}

.breadcrumbs__inner {
  display: flex;
  align-items: center;
}

.breadcrumbs__link {
  text-decoration: none;
}

.breadcrumbs__link.focus-visible {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  outline: 0;
}

.breadcrumbs__icon {
  position: relative;
  top: -0.045em;
  margin-right: 0.5em;
}

@media all and (min-width: 560px) {
  .breadcrumbs__icon--small {
    display: none;
  }
}

.breadcrumbs__icon--large {
  display: none;
}

@media all and (min-width: 560px) {
  .breadcrumbs__icon--large {
    display: inline-block;
  }
}

.utility-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.125em;
}

.backend .utility-button:not(:disabled):hover .utility-button__icon:not(.utility-button__icon--light), .backend .utility-button:not(:disabled):hover .utility-button__text:not(.utility-button__text--light) {
  color: #ececec;
}

.utility-button:disabled .utility-button__icon:not(.utility-button__icon--light), .utility-button:disabled .utility-button__text:not(.utility-button__text--light) {
  color: #9a9a9a;
  opacity: 0.5;
}

.utility-button__icon {
  margin-left: -3px;
  transition: color 0.2s ease;
}

.utility-button__icon--highlight {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.utility-button__icon--notice {
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
}

.utility-button__icon--download {
  color: #d6d6d6;
}

.utility-button__text {
  display: none;
  transition: color 0.2s ease;
}

@media all and (min-width: 480px) {
  .utility-button__text {
    display: block;
  }
}

.utility-button__text--light {
  color: #ffffff;
}

.utility-button__text--highlight {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.utility-button__text--dark-green {
  color: #077a56;
  color: var(--accent-interaction-dark, #077a56);
}

.utility-button__text--large {
  font-size: 14px;
}

.utility-button__text--underlined {
  text-decoration: underline;
}

.utility-button:hover .utility-button__text {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.utility-button__icon + .utility-button__text {
  margin-left: 0.417em;
}

.utility-button-group--inline > *:not(:last-child) {
  margin-right: 1em;
}

@media all and (min-width: 480px) {
  .utility-button-group--inline > *:not(:last-child) {
    margin-right: 2em;
  }
}

.utility-button-group--stack {
  display: flex;
}

@media all and (min-width: 690px) {
  .utility-button-group--stack {
    flex-direction: column;
  }
}

@media all and (max-width: 689px) {
  .utility-button-group--stack > * + * {
    margin-left: 1em;
  }
}

@media all and (min-width: 690px) {
  .utility-button-group--stack > * + * {
    margin-top: 1em;
  }
}

.button-primary {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 23px 16px;
  font-size: 14px;
  text-decoration: none;
  letter-spacing: 0.089em;
  border: 1px solid #52e3ac;
  border: 1px solid var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.button-primary:hover, .button-primary:active {
  color: #363636;
  background-color: #52e3ac;
  background-color: var(--accent-interaction-light, #52e3ac);
  border-color: #52e3ac;
  border-color: var(--accent-interaction-light, #52e3ac);
}

.button-primary.focus-visible {
  background-color: #b1ead2;
  background-color: var(--accent-primary-dull, #b1ead2);
  outline: 0;
}

.browse .button-primary.focus-visible {
  outline: 0;
}

.button-primary--gray {
  color: #696969;
  background-color: #ececec;
  border-color: #ececec;
}

.button-primary--gray:hover {
  color: #2e2e2e;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

.button-primary--gray.focus-visible {
  color: #2e2e2e;
  background-color: #d6d6d6;
  border-color: #d6d6d6;
}

.button-primary--dull {
  border-color: #828282;
}

.button-primary--dull:hover {
  background-color: #ececec;
  border-color: #828282;
}

.button-primary--dull.focus-visible {
  background-color: #e6e6e6;
}

.button-primary--dull:active {
  color: #ffffff;
  background-color: #9a9a9a;
}

.bg-neutral05 .button-primary--dull:hover {
  color: #ffffff;
  background-color: #9a9a9a;
}

.button-primary__icon {
  position: relative;
  top: 1px;
  margin-left: 10px;
}

.button-icon-primary {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding-right: 28px;
  padding-left: 28px;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  border: 1px solid #52e3ac;
  border: 1px solid var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

@media all and (min-width: 620px) {
  .button-icon-primary {
    min-height: 58px;
    font-size: 14px;
  }
}

.button-icon-primary:hover, .button-icon-primary:active {
  color: #363636;
  background-color: #52e3ac;
  background-color: var(--accent-interaction-light, #52e3ac);
}

.browse .button-icon-primary:focus:not(.focus-visible) {
  outline: 0;
}

.browse .button-icon-primary.focus-visible {
  background-color: #cbf7e6;
  background-color: var(--accent-primary-extra-pale, #cbf7e6);
}

.browse .button-icon-primary.focus-visible {
  outline: 0;
}

.button-icon-primary__icon {
  margin-right: 7px;
  color: #9a9a9a;
  transition: color 0.2s ease;
}

.button-icon-primary:hover .button-icon-primary__icon {
  color: #424242;
}

@media all and (min-width: 620px) {
  .button-icon-primary__icon {
    width: 54px;
    height: 54px;
  }
}

.button-icon-secondary {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  padding: 0.667em 17px 0.778em;
  font-size: 16px;
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
  text-align: left;
  text-decoration: none;
  letter-spacing: 0.015em;
  border: 1px solid #52e3ac;
  border: 1px solid var(--accent-primary, #52e3ac);
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

@media all and (min-width: 620px) {
  .button-icon-secondary {
    font-size: 18px;
  }
}

.button-icon-secondary__icon {
  position: relative;
  top: 0.125em;
  margin-right: 0.833em;
}

.button-icon-secondary__icon--large {
  top: 0.08em;
}

.button-icon-secondary__icon--short {
  top: 0;
}

.button-icon-secondary__icon--right {
  margin-right: 0;
  margin-left: 0.833em;
}

.button-icon-secondary:disabled {
  color: #828282;
  cursor: not-allowed;
  border: 1px solid;
}

.button-icon-secondary.focus-visible:not([disabled]) {
  color: #363636;
  background-color: #a8f0d5;
  background-color: var(--accent-primary-pale, #a8f0d5);
  outline: 0;
}

.button-icon-secondary:hover:not([disabled]), .button-icon-secondary:active:not([disabled]) {
  color: #363636;
  background-color: #52e3ac;
  background-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.button-icon-secondary.focus-visible:disabled {
  outline-offset: 2px;
}

.button-icon-secondary--dull {
  color: #b3b3b3;
  border-color: #b3b3b3;
}

.button-icon-secondary--dull:hover:not([disabled]), .button-icon-secondary--dull:active:not([disabled]) {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  background-color: transparent;
  border-color: #52e3ac;
  border-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.button-icon-secondary--dull.focus-visible:not([disabled]) {
  color: #ececec;
  background-color: rgba(130, 130, 130, 0.3);
  outline: 0;
}

.button-icon-secondary--full {
  width: 100%;
}

.button-icon-secondary--centered {
  justify-content: center;
}

.button-icon-secondary--smallcaps {
  padding-top: 1.125em;
  padding-bottom: 1.375em;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
}

.button-icon-secondary--in-drawer {
  width: 100%;
}

@media all and (min-width: 960px) {
  .button-icon-secondary--in-drawer {
    width: calc(50% - 17px);
  }
}

.button-icon-secondary--wide {
  width: 100%;
  margin-bottom: 15px;
}

@media all and (min-width: 880px) {
  .button-icon-secondary--wide {
    width: calc(50% - 17px);
  }
}

.buttons-icon-horizontal {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 35px;
}

.buttons-icon-horizontal.right {
  justify-content: flex-end;
}

.buttons-icon-horizontal.maintain {
  flex-wrap: nowrap;
}

.buttons-icon-horizontal.maintain .buttons-icon-horizontal__button {
  width: calc(50% - 8px);
  margin-bottom: 0;
}

@media all and (min-width: 880px) {
  .buttons-icon-horizontal {
    font-size: 0;
  }
}

.buttons-icon-horizontal__button {
  margin-bottom: 15px;
}

.buttons-icon-horizontal__button:not(.button-icon-secondary--in-drawer) {
  width: 100%;
}

@media all and (min-width: 880px) {
  .buttons-icon-horizontal__button:not(.button-icon-secondary--in-drawer) {
    width: calc(50% - 17px);
  }
}

.buttons-icon-horizontal .full {
  display: none;
}

@media all and (min-width: 880px) {
  .buttons-icon-horizontal .full {
    display: inline;
  }
}

@media all and (min-width: 880px) {
  .buttons-icon-horizontal .abbreviated {
    display: none;
  }
}

.button-secondary {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1.214em 16px 1.286em;
  font-size: 12px;
  font-weight: 600;
  color: #363636;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.089em;
  background-color: #52e3ac;
  background-color: var(--accent-primary, #52e3ac);
  transition: color 0.2s ease, background-color 0.2s ease;
}

@media all and (min-width: 620px) {
  .button-secondary {
    font-size: 14px;
  }
}

.button-secondary:hover, .button-secondary.focus-visible {
  color: #555555;
  background-color: #b1ead2;
  background-color: var(--accent-primary-dull, #b1ead2);
  outline: 0;
}

.button-secondary:active {
  color: #ffffff;
  background-color: #34a178;
  background-color: var(--accent-primary-dark, #34a178);
}

.button-secondary--with-room {
  margin-top: 40px;
}

.button-secondary--dull {
  color: #828282;
  background-color: #ececec;
  border-color: #828282;
}

.button-secondary--dull:hover {
  background-color: #ececec;
}

.button-secondary--dull.focus-visible {
  background-color: #d6d6d6;
  outline: 0;
}

.button-secondary--dull:active {
  color: #ffffff;
  background-color: #9a9a9a;
}

.bg-neutral90 .button-secondary:hover {
  color: #363636;
  background-color: #b1ead2;
  background-color: var(--accent-primary-dull, #b1ead2);
}

.bg-neutral90 .button-secondary.focus-visible {
  color: #ffffff;
  background-color: #2e2e2e;
  outline: 0;
}

.bg-neutral90 .button-secondary:active {
  color: #363636;
  background-color: #34a178;
  background-color: var(--accent-primary-dark, #34a178);
}

.button-secondary--outlined {
  padding: 1em 30px 1.2em;
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
  background: none;
  border: 1px solid #52e3ac;
  border: 1px solid var(--accent-primary, #52e3ac);
}

.button-secondary--outlined:hover, .button-secondary--outlined.focus-visible {
  color: #363636;
  background-color: #52e3ac;
  background-color: var(--accent-primary, #52e3ac);
  outline: 0;
}

.bg-neutral90 .button-secondary--outlined,
.bg-neutral100 .button-secondary--outlined,
.drawer-backend .button-secondary--outlined {
  color: #ffffff;
}

.bg-neutral90 .button-secondary--outlined:not(.button-secondary--dull):hover,
.bg-neutral100 .button-secondary--outlined:not(.button-secondary--dull):hover,
.drawer-backend .button-secondary--outlined:not(.button-secondary--dull):hover {
  color: #363636;
  background-color: #52e3ac;
  background-color: var(--accent-primary, #52e3ac);
}

.bg-neutral90 .button-secondary--outlined:not(.button-secondary--dull).focus-visible,
.bg-neutral100 .button-secondary--outlined:not(.button-secondary--dull).focus-visible,
.drawer-backend .button-secondary--outlined:not(.button-secondary--dull).focus-visible {
  color: #262626;
  background-color: #a8f0d5;
  background-color: var(--accent-primary-pale, #a8f0d5);
  border-color: #a8f0d5;
  border-color: var(--accent-primary-pale, #a8f0d5);
}

.button-secondary--outlined.button-secondary--dull {
  color: #b3b3b3;
  border-color: #b3b3b3;
}

.button-secondary--outlined.button-secondary--dull:focus:not(.focus-visible) {
  outline: 0;
}

.button-secondary--outlined.button-secondary--dull.focus-visible {
  background-color: rgba(130, 130, 130, 0.2);
}

.button-secondary--outlined.button-secondary--dull.focus-visible {
  outline: 0;
}

.button-secondary--outlined.button-secondary--dull:hover {
  color: #363636;
  background-color: #b3b3b3;
  outline: 0;
}

.button-secondary--accent-pale {
  padding: 1em 30px 1.2em;
  color: #363636;
  background-color: #a8f0d5;
  background-color: var(--accent-primary-pale, #a8f0d5);
}

.button-secondary--accent-pale:focus:not(.focus-visible) {
  outline: 0;
}

.button-secondary--accent-pale.focus-visible {
  background-color: #52e3ac;
  background-color: var(--accent-primary, #52e3ac);
}

.button-secondary--accent-pale.focus-visible {
  outline: 0;
}

.button-secondary--accent-pale:hover {
  background-color: #52e3ac;
  background-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.button-secondary--accent-pale.button-secondary--dull {
  background-color: #ececec;
}

.button-secondary--accent-pale.button-secondary--dull:focus:not(.focus-visible) {
  outline: 0;
}

.button-secondary--accent-pale.button-secondary--dull.focus-visible {
  background-color: #d6d6d6;
}

.button-secondary--accent-pale.button-secondary--dull.focus-visible {
  outline: 0;
}

.button-secondary--accent-pale.button-secondary--dull:hover {
  background-color: #e6e6e6;
}

.button-secondary--dark {
  justify-content: flex-start;
  color: #c3c3c3;
  text-align: left;
  background-color: #555555;
}

.bg-neutral90 .button-secondary--dark:hover {
  color: #2e2e2e;
}

.bg-neutral90 .button-secondary--dark.focus-visible {
  background-color: #2e2e2e;
}

.bg-neutral90 .button-secondary--dark:active {
  color: #2e2e2e;
}

.overlay-full-primary .button-secondary--dark:hover, .overlay-full-primary .button-secondary--dark.focus-visible {
  color: #555555;
}

.button-secondary--color-white {
  color: #ffffff;
}

.button-secondary__icon {
  position: relative;
  top: 1px;
}

.button-secondary__icon + .button-secondary__text {
  margin-left: 10px;
}

.button-secondary__text--white {
  color: #ffffff;
}

.button-secondary__text--hover-dark {
  transition: color 0.2s ease;
}

.button-secondary:hover .button-secondary__text--hover-dark,
.button-secondary.focus-visible .button-secondary__text--hover-dark {
  color: #363636;
}

.button-secondary__text + .button-secondary__icon {
  margin-left: 10px;
}

.button-trim-primary {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: block;
  width: 100%;
  padding-bottom: 13px;
  font-size: 14px;
  text-align: left;
}

.button-trim-primary:hover {
  color: #3dbd8c;
  color: var(--accent-primary-medium, #3dbd8c);
}

.button-trim-primary.focus-visible {
  color: #2e2e2e;
  outline: 0;
}

.button-trim-primary:active {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.login-external .button-secondary--dark + .button-secondary--dark {
  margin-top: 21px;
}

.project-cover-button-wrapper {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: 10px;
  left: -15px;
  width: 28px;
  height: 28px;
}

@media all and (min-width: 760px) {
  .project-cover-button-wrapper {
    top: 15px;
    width: 30px;
    height: 30px;
  }
}

.project-list__item--pos-rel .project-cover-button-wrapper {
  top: 25px;
  left: 0;
}

@media all and (min-width: 760px) {
  .project-list__item--pos-rel .project-cover-button-wrapper {
    top: calc(2.105vw + 15px);
    left: calc(2.105vw - 15px);
  }
}

@media all and (min-width: 1235px) {
  .project-list__item--pos-rel .project-cover-button-wrapper {
    top: 40px;
    left: 10px;
  }
}

.project-cover-button-wrapper.active {
  width: 100%;
}

.project-cover-button {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  box-shadow: 2px 4px 10px 0 rgba(54, 54, 54, 0.36);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  max-width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 16px;
  color: #363636;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
  background-color: #52e3ac;
  background-color: var(--accent-primary, #52e3ac);
  border-radius: 22.5px;
  transition: max-width 0.2s ease, background-color 0.2s ease;
}

@media all and (min-width: 760px) {
  .project-cover-button {
    font-size: 18px;
  }
}

.project-cover-button--sr-only.focus-visible ~ .project-cover-button-wrapper {
  outline: solid 2px;
  outline-color: #52e3ac;
  outline-color: var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.remove .project-cover-button {
  background-color: #61caff;
}

.project-cover-button .action-text {
  display: block;
  padding-right: 14px;
  padding-left: 30px;
  line-height: 1.65;
}

@media all and (min-width: 760px) {
  .project-cover-button .action-text {
    padding-left: 32px;
    line-height: 1.5;
  }
}

.project-cover-button .button-enter,
.project-cover-button .button-exit.action-text-hide-immediately {
  display: none;
}

.project-cover-button .button-enter.action-text-show-immediately {
  display: inline;
}

.add-active .project-cover-button,
.remove-active .project-cover-button,
.remove-confirm-active .project-cover-button {
  max-width: 200px;
  transition: max-width 0.4s ease-out;
}

.add-active .project-cover-button {
  background-color: #61caff;
}

.remove-active .project-cover-button,
.remove-confirm-active .project-cover-button {
  background-color: #c3c3c3;
}

.project-cover-button .icons {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: transform 0.2s ease;
}

.add .project-cover-button .icons {
  transform: translateY(-100%);
}

.add-active .project-cover-button .icons {
  transform: translateY(-100%);
}

.remove-active .project-cover-button .icons {
  transform: translateY(100%);
}

.project-cover-button .icons .manicon-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  transition: transform 0.2s ease;
}

@media all and (min-width: 760px) {
  .project-cover-button .icons .manicon-svg {
    width: 30px;
    height: 30px;
  }
}

.project-cover-button .icons .manicon-svg.minus {
  top: -100%;
}

.project-cover-button .icons .manicon-svg.plus {
  top: 100%;
}

.follow-active .project-cover-button .icons .manicon-svg.plus {
  transform: rotate(-90deg);
}

/* stylelint-disable declaration-no-important */
.back-link-primary {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-flex;
  align-items: center;
  padding: 16px 0 15px;
  font-size: 13px;
  line-height: 1.4;
  text-decoration: none !important;
  background-color: #f7f7f7;
  transition: color 0.2s ease, background-color 0.2s ease;
}

@media all and (min-width: 480px) {
  .back-link-primary {
    padding: 26px 0 25px;
    font-size: 14px;
  }
}

.back-link-primary--full {
  display: flex;
}

.bg-neutral95 .back-link-primary {
  background-color: #2e2e2e;
}

.bg-neutral95 .back-link-primary:hover, .bg-neutral95 .back-link-primary.focus-visible {
  background-color: #2e2e2e;
  outline: 0;
}

.back-link-primary:hover, .back-link-primary:active {
  background-color: #e6e6e6;
}

.back-link-primary.focus-visible {
  background-color: #d6d6d6;
  outline: 0;
}

.back-link-primary__container {
  position: relative;
  width: 100%;
  padding-left: calc(4.5% + 26px);
}

@media all and (min-width: 1235px) {
  .back-link-primary__container {
    padding-left: calc(50px + 26px);
  }
}

.back-link-primary__icon {
  position: absolute;
  top: 3px;
  left: 4.5%;
}

@media all and (min-width: 1235px) {
  .back-link-primary__icon {
    left: 50px;
  }
}

.back-link-primary__back-text {
  margin-right: 10px;
}

.back-link-primary__title {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.01em;
}

.back-link-secondary {
  display: block;
  text-decoration: none !important;
  background-color: #ececec;
  transition: background-color 0.2s ease;
}

.back-link-secondary:hover, .back-link-secondary:active {
  background-color: #e6e6e6;
}

.back-link-secondary.focus-visible {
  background-color: #d6d6d6;
  outline: 0;
}

.back-link-secondary__container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: 31px;
  padding-bottom: 28px;
}

.back-link-secondary:hover .back-link-secondary__icon, .back-link-secondary:hover .back-link-secondary__project-title {
  color: #828282;
}

.back-link-secondary.focus-visible .back-link-secondary__icon, .back-link-secondary.focus-visible .back-link-secondary__project-title {
  color: #555555;
}

.back-link-secondary:active .back-link-secondary__icon, .back-link-secondary:active .back-link-secondary__project-title {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.back-link-secondary__icon {
  margin-right: 16px;
  color: #9a9a9a;
  transition: color 0.2s ease;
}

.back-link-secondary__text {
  width: 100%;
}

.back-link-secondary__back-text {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 14px;
  color: #696969;
}

.back-link-secondary__project-title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: block;
  font-size: 17px;
  line-height: 1.556;
  color: #9a9a9a;
  transition: color 0.2s ease;
}

/* stylelint-enable  declaration-no-important */
.close-button-primary {
  font-size: 15px;
  color: #9a9a9a;
  text-decoration: none;
  cursor: pointer;
}

.button-lozenge {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  border: 1px solid;
  border-radius: 16px;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.button-lozenge:hover {
  color: #363636;
  background-color: #52e3ac;
  background-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  border-color: #52e3ac;
  border-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.button-lozenge.focus-visible {
  color: #363636;
  border-color: #52e3ac;
  border-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.button-lozenge span {
  padding-top: 7px;
  padding-bottom: 9px;
}

.button-lozenge svg {
  width: 24px;
  height: 24px;
  margin-right: 6px;
  margin-left: -5px;
}

.confirmable-button__confirm-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.confirmable-button__button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 12px;
}

.confirmable-button__button--delete:not(:disabled):hover {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.confirmable-button__button--confirm {
  margin-top: 5px;
}

.confirmable-button__button--deny {
  margin-top: 5px;
}

.confirmable-button__button--deny:hover, .confirmable-button__button--deny.focus-visible {
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
}

.content-placeholder {
  text-align: center;
}

.content-placeholder__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}

.content-placeholder__icon-wrapper {
  width: 80px;
  height: 80px;
  padding: 15px;
  margin-bottom: 30px;
  border-radius: 50%;
}

@media all and (min-width: 1130px) {
  .content-placeholder__icon-wrapper {
    width: 120px;
    height: 120px;
    padding: 17px;
  }
}

.content-placeholder--backend .content-placeholder__icon-wrapper {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
  background-color: #2e2e2e;
}

.content-placeholder--frontend .content-placeholder__icon-wrapper {
  color: #696969;
  background-color: #ececec;
}

.content-placeholder__icon {
  width: 100%;
  height: 100%;
}

.content-placeholder__title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 1.2em;
  font-weight: 500;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.32;
  margin-bottom: 0;
}

@media all and (min-width: 620px) {
  .content-placeholder__title {
    font-size: 26px;
  }
}

.content-placeholder--frontend .content-placeholder__title {
  color: #363636;
}

.content-placeholder--backend .content-placeholder__title {
  color: #ececec;
}

.content-placeholder__body, .content-placeholder__ext-link {
  margin: 0 auto 35px;
}

.content-placeholder--backend .content-placeholder__body, .content-placeholder--backend .content-placeholder__ext-link {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.content-placeholder--frontend .content-placeholder__body, .content-placeholder--frontend .content-placeholder__ext-link {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-size: 19px;
  line-height: 1.3;
}

.content-placeholder__body a, .content-placeholder__ext-link a {
  text-decoration: underline;
}

.content-placeholder__body a:visited, .content-placeholder__ext-link a:visited {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.content-placeholder__body {
  width: 90%;
}

@media all and (min-width: 960px) {
  .content-placeholder__body {
    width: 60%;
  }
}

.content-placeholder__body > * + * {
  margin-top: 35px;
}

.content-placeholder__actions {
  display: inline-flex;
  flex-direction: column;
}

.content-placeholder__actions > * + * {
  margin-top: 20px;
}

.content-placeholder__ext-link-wrapper:not(:only-child) {
  margin-top: 40px;
}

.content-placeholder__ext-link:hover {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.demo-animation {
  width: 150px;
  height: auto;
}

@media all and (min-width: 800px) {
  .demo-animation {
    width: 180px;
  }
}

.drawer-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.drawer-bar--pad-lateral {
  padding-right: 20px;
  padding-left: 20px;
}

@media all and (min-width: 690px) {
  .drawer-bar--pad-lateral {
    padding-right: 32px;
    padding-left: 32px;
  }
}

.drawer-bar--default {
  padding-bottom: 18px;
}

@media all and (min-width: 560px) {
  .drawer-bar--default {
    padding-bottom: 26px;
  }
}

.drawer-bar--reader {
  padding-top: 10px;
  padding-bottom: 12px;
  background-color: #ececec;
}

.drawer-bar__title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: flex;
  flex-grow: 1;
  align-items: center;
  min-height: 24px;
  font-size: 13px;
  letter-spacing: 0.125em;
}

.drawer-bar__title-icon {
  position: relative;
  top: 2px;
  margin-right: 10px;
}

.drawer-bar__close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}

.drawer-bar__close-button--light {
  cursor: pointer;
}

.drawer-bar__close-button--light:hover {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  outline: 0;
}

.drawer-bar__close-button--light.focus-visible {
  color: #52e3ac;
  color: var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.drawer-bar__close-button--dark {
  font-size: 17px;
  cursor: pointer;
}

.drawer-bar__close-text {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  margin-right: 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.125em;
}

.drawer-bar__close-icon--large {
  margin-right: -9px;
}

@media all and (min-width: 560px) {
  .drawer-bar__close-icon--large {
    width: 56.889px;
    height: 56.889px;
    margin-right: -12px;
  }
}

.drawer {
  position: fixed;
  bottom: 0;
  width: 100%;
  overflow: auto;
  transition: transform 0.2s ease;
}

.drawer--backend.drawer--pos-default, .drawer--frontend.drawer--pos-default {
  top: 82px;
  top: 82px;
  top: var(--header-height, 82px);
}

.drawer--backend {
  background-color: #262626;
}

.drawer--backend .button-switch-primary {
  margin-bottom: 28px;
}

.drawer--frontend {
  background-color: #ffffff;
}

.drawer--reader {
  color: #363636;
  background-color: #ffffff;
}

.drawer--reader.drawer--pos-default {
  top: 46px;
}

.drawer--pos-overlay {
  top: 0;
}

.drawer--right {
  right: 0;
  left: auto;
}

.drawer-enter .drawer--right {
  transform: translateX(100%);
}

.drawer-enter-active .drawer--right {
  transition: transform 0.2s ease;
  transform: translateX(0);
}

.drawer-exit .drawer--right {
  transform: translateX(0);
}

.drawer-exit.drawer-exit-active .drawer--right {
  transition: transform 0.2s ease;
  transform: translateX(100%);
}

.drawer--left {
  right: auto;
  left: 0;
}

.drawer-enter .drawer--left {
  transform: translateX(-100%);
}

.drawer-enter-active .drawer--left {
  transition: transform 0.2s ease;
  transform: translateX(0);
}

.drawer-exit .drawer--left {
  transform: translateX(0);
}

.drawer-exit.drawer-exit-active .drawer--left {
  transition: transform 0.2s ease;
  transform: translateX(-100%);
}

@media all and (min-width: 690px) {
  .drawer--default {
    width: 400px;
  }
}

@media all and (min-width: 960px) {
  .drawer--default {
    width: 555px;
  }
}

@media all and (min-width: 760px) {
  .drawer--wide {
    width: 70vw;
  }
}

@media all and (min-width: 1235px) {
  .drawer--wide {
    width: 850px;
  }
}

@media all and (min-width: 760px) {
  .drawer--flexible {
    width: auto;
    max-width: 75%;
  }
}

@media all and (min-width: 1365.33333px) {
  .drawer--flexible {
    max-width: 1024px;
  }
}

@media all and (min-width: 2235px) {
  .drawer--flexible {
    width: calc((100vw - 1135px) / 2);
  }
}

.drawer--pad-default, .drawer--pad-large {
  padding: 20px 4.5% 33px;
}

@media all and (min-width: 960px) {
  .drawer--pad-default {
    padding: 33px 48px;
  }
}

@media all and (min-width: 690px) {
  .drawer--pad-large {
    padding: 33px 48px;
  }
}

@media all and (min-width: 960px) {
  .drawer--pad-large {
    padding: 33px 156px 66px 98px;
  }
}

@media all and (min-width: 2235px) {
  .drawer--pad-large {
    padding: 33px 70px;
  }
}

.drawer .utility-primary {
  color: #ffffff;
}

.drawer .list-pagination-primary span {
  display: inline-block;
}

@media all and (min-width: 690px) {
  .drawer .list-pagination-primary span {
    display: none;
  }
}

@media all and (min-width: 960px) {
  .drawer .list-pagination-primary span {
    display: inline-block;
  }
}

.drawer .form-secondary .form-select {
  width: 100%;
}

.drawer .actions {
  margin-top: 40px;
}

@media all and (min-width: 1024px) {
  .drawer .actions {
    margin-top: 60px;
  }
}

.drawer-header {
  padding-bottom: 21px;
}

@media all and (min-width: 560px) {
  .drawer-header {
    padding-bottom: 33px;
  }
}

@media all and (min-width: 560px) {
  .drawer-header {
    padding-bottom: 48px;
  }
}

@media all and (min-width: 960px) {
  .drawer-header {
    padding-bottom: 53px;
  }
}

.drawer-header__title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin: 0;
  font-size: 25px;
  display: flex;
  min-width: 0;
}

@media all and (min-width: 700px) {
  .drawer-header__title {
    font-size: 28px;
  }
}

@media all and (min-width: 960px) {
  .drawer-header__title {
    font-size: 30px;
  }
}

.drawer-header__title-icon {
  margin-right: 10px;
  margin-left: -8px;
}

.drawer-header__title-text {
  padding-top: 2px;
  color: #ececec;
}

.browse .drawer-header__title-text {
  color: #363636;
}

.drawer-header__utility {
  margin-top: 24px;
}

.drawer-header__instructions {
  font-family: 'freight-text-pro', 'aleo', serif;
  display: block;
  margin-top: 8px;
  margin-bottom: 0;
  font-size: 17px;
  font-style: italic;
  text-transform: none;
}

.drawer-header .subtitle {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.031em;
  padding: 5px 0;
}

.drawer-header .form-input input[type='text'] {
  height: auto;
  padding: 0 0 0.4em;
  font-size: 24px;
}

@media all and (min-width: 960px) {
  .drawer-header .form-input input[type='text'] {
    padding: 0 0 0.25em;
    font-size: 30px;
  }
}

.drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
}

.drawer-enter .drawer-overlay {
  opacity: 0.01;
}

.drawer-enter-active .drawer-overlay {
  opacity: 1;
  transition: opacity 0.2s ease;
}

.drawer-exit .drawer-overlay {
  opacity: 1;
}

.drawer-exit-active .drawer-overlay {
  opacity: 0.01;
  transition: opacity 0.2s ease;
}

.meta-list-secondary {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

@media all and (min-width: 620px) {
  .meta-list-secondary.columnar {
    max-width: 810px;
    -moz-column-count: 2;
         column-count: 2;
  }
}

.meta-list-secondary li {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: block;
  width: 100%;
  font-size: 13px;
}

.meta-list-secondary li + li {
  margin-top: 10px;
}

.meta-list-secondary li .meta-label::after {
  display: inline;
  content: ': ';
}

.meta-list-secondary li .meta-value {
  margin-top: 3px;
  color: #363636;
}

.bg-neutral90 .meta-list-secondary li .meta-value {
  color: #ececec;
}

.meta-list-secondary li .meta-value a {
  text-decoration: underline;
}

.meta-list-primary {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

@media all and (min-width: 620px) {
  .meta-list-primary.columnar {
    -moz-column-gap: 10.2vw;
         column-gap: 10.2vw;
    -moz-columns: 2;
         columns: 2;
  }
}

@media all and (min-width: 760px) {
  .meta-list-primary.columnar {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}

@media all and (min-width: 880px) {
  .meta-list-primary.columnar {
    -moz-columns: 3;
         columns: 3;
  }
}

@media all and (min-width: 620px) {
  .meta-list-primary + .meta-list-primary {
    margin-top: 30px;
  }
}

.meta-list-primary li {
  display: inline-block;
  width: 100%;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

.meta-list-primary .meta-label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: block;
  font-size: 12px;
}

@media all and (min-width: 620px) {
  .meta-list-primary .meta-label {
    font-size: 14px;
  }
}

.meta-list-primary .meta-value {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-top: 7px;
  margin-bottom: 1.667em;
  font-size: 15px;
  color: #363636;
}

@media all and (min-width: 620px) {
  .meta-list-primary .meta-value {
    margin-top: 10px;
    font-size: 18px;
  }
}

.bg-neutral90 .meta-list-primary .meta-value {
  color: #ececec;
}

@media all and (min-width: 480px) {
  .meta-list-primary .meta-value {
    font-size: 20px;
  }
}

.list-pagination {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.list-pagination a, .list-pagination a:visited {
  text-decoration: none;
}

.list-pagination ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.list-pagination li {
  line-height: 16px;
}

.list-pagination .manicon-svg {
  width: 24px;
  height: 16px;
  margin-top: -4px;
}

.list-pagination__columns {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.list-pagination__icon-label {
  margin: 0 8px;
}

.list-pagination__column {
  flex: 0 0 auto;
}

.list-pagination__column-middle {
  flex: 1 1 auto;
}

.list-pagination__pages {
  display: flex;
  justify-content: center;
}

.list-pagination__page a {
  display: block;
  padding: 0 8px;
}

.list-pagination__page--disabled a, .list-pagination__page--disabled a:visited {
  pointer-events: none;
  opacity: 0.6;
}

.list-pagination__page--prev a, .list-pagination__page--next a {
  padding: 0;
}

.label-with-icon {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  white-space: nowrap;
}

.label-with-icon__icon {
  align-self: center;
  margin-right: 8px;
}

.label-with-icon__text-large {
  font-size: 13px;
}

.list-total {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 14px;
  transition: color 0.2s ease;
}

.list-total--extra-bottom {
  margin-bottom: 20px;
}

.list-total--empty {
  padding-top: 20px;
  border-bottom: 0;
}

.section-heading-secondary .list-total {
  float: right;
}

.section-heading-secondary a:hover .list-total {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.overlay-full {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 48px;
  overflow: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

@media all and (min-width: 620px) {
  .overlay-full {
    padding-bottom: 80px;
  }
}

@media all and (min-width: 760px) {
  .overlay-full {
    padding-bottom: 110px;
  }
}

.overlay-full:not([class*='bg-']) {
  background-color: #ffffff;
}

.overlay-full .overlay-full-header + .container {
  padding-top: 97px;
}

@media all and (min-width: 700px) {
  .overlay-full .overlay-full-header + .container {
    padding-top: 195px;
  }
}

.overlay-full-appear .overlay-full {
  opacity: 0.01;
}

.overlay-full-appear.overlay-full-appear-active .overlay-full {
  opacity: 1;
  transition: opacity 0.2s ease;
}

.overlay-full-enter .overlay-full {
  opacity: 0.01;
}

.overlay-full-enter.overlay-full-enter-active .overlay-full {
  opacity: 1;
  transition: opacity 0.2s ease;
}

.overlay-full-exit .overlay-full {
  opacity: 1;
}

.overlay-full-exit.overlay-full-exit-active .overlay-full {
  opacity: 0.01;
  transition: opacity 0.2s ease;
}

.overlay-full .overlay-close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 15px;
  line-height: 21px;
  position: absolute;
  top: 8px;
  right: 8px;
}

@media all and (min-width: 690px) {
  .overlay-full .overlay-close {
    font-size: 18px;
    line-height: 31px;
  }
}

.overlay-full .overlay-close:focus:not(.focus-visible) {
  outline: 0;
}

.overlay-full .overlay-close.focus-visible {
  outline: solid 2px #52e3ac;
  outline: solid 2px var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

@media all and (min-width: 700px) {
  .overlay-full .overlay-close {
    top: 4.444vh;
    right: 35px;
  }
}

@media all and (min-width: 700px) and (min-height: 900px) {
  .overlay-full .overlay-close {
    top: 40px;
  }
}

.overlay-full .overlay-close__icon {
  margin-left: 4px;
}

@media all and (min-width: 700px) {
  .overlay-full .overlay-close__icon {
    width: 56.889px;
    height: 56.889px;
    margin-left: 14px;
  }
}

.overlay-full-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 60px;
  background-color: #f7f7f7;
}

.overlay-full-header .container {
  text-align: center;
}

.overlay-full-header .overlay-title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: flex;
  align-items: center;
  padding: 0.85em 0;
  margin: 0;
  font-size: 22px;
  font-weight: 500;
}

@media all and (min-width: 690px) {
  .overlay-full-header .overlay-title {
    justify-content: center;
  }
}

.overlay-full-header .overlay-title__icon {
  position: relative;
  top: 1px;
}

.overlay-full-header .overlay-title__text {
  margin-left: 10px;
}

.overlay-full-header .overlay-close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 15px;
  line-height: 21px;
  position: absolute;
  top: 50%;
  right: 17px;
  transform: translateY(-50%);
}

@media all and (min-width: 690px) {
  .overlay-full-header .overlay-close {
    font-size: 18px;
    line-height: 31px;
  }
}

@media all and (min-width: 690px) {
  .overlay-full-header .overlay-close {
    font-size: 17px;
  }
}

.overlay-full-primary {
  --default-focus-color: var(--accent-interaction-light, #52e3ac);
  --default-hover-color: var(--accent-interaction-light, #52e3ac);
  font-family: 'freight-text-pro', 'aleo', serif;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #b3b3b3;
  background-color: rgba(54, 54, 54, 0.975);
  opacity: 1;
  transition: opacity, 0s, linear;
}

.overlay-full-primary a {
  text-decoration: underline;
}

.overlay-full-primary.overlay-full-enter {
  opacity: 0;
}

.overlay-full-primary.overlay-full-enter-active {
  opacity: 1;
  transition: opacity, 0.2s, ease;
}

.overlay-full-primary.overlay-full-exit {
  opacity: 0;
  transition: opacity, 0.2s, ease;
}

.overlay-full-primary .container {
  padding-bottom: 100px;
}

.overlay-full-primary .overlay-header {
  position: fixed;
  z-index: 5;
  width: 100%;
}

.overlay-full-primary .overlay-header .container {
  max-width: 1235px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  padding-top: 9px;
}

@media all and (min-width: 450px) {
  .overlay-full-primary .overlay-header .container {
    padding-right: 4.5%;
    padding-left: 4.5%;
  }
}

@media all and (min-width: 1235px) {
  .overlay-full-primary .overlay-header .container {
    padding-right: 50px;
    padding-left: 50px;
  }
}

@media all and (min-width: 480px) {
  .overlay-full-primary .overlay-header .container {
    padding-top: 20px;
  }
}

.overlay-full-primary .overlay-close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 15px;
  line-height: 21px;
  position: absolute;
  top: -10px;
  right: 0;
  display: flex;
  align-items: center;
  transition: color 0.2s ease;
}

@media all and (min-width: 690px) {
  .overlay-full-primary .overlay-close {
    font-size: 18px;
    line-height: 31px;
  }
}

.overlay-full-primary .overlay-close:focus:not(.focus-visible) {
  outline: 0;
}

.overlay-full-primary .overlay-close.focus-visible {
  outline: solid 2px #52e3ac;
  outline: solid 2px var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.overlay-full-primary .overlay-close:hover {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.overlay-full-primary .overlay-close__text {
  line-height: 1;
}

.overlay-full-primary .overlay-content {
  position: absolute;
  top: 80px;
  bottom: 0;
  z-index: 0;
  width: 100%;
  overflow: auto;
}

@media all and (min-width: 960px) {
  .overlay-full-primary .overlay-content.focus {
    top: 0;
  }
}

.overlay-full-primary .overlay-content.focus .inner {
  max-width: 340px;
  margin: 0 auto;
}

@media all and (min-width: 480px) {
  .overlay-full-primary .overlay-content.focus .inner {
    padding-top: 35px;
  }
}

@media all and (min-width: 960px) {
  .overlay-full-primary .overlay-content.focus .inner {
    padding-top: 126px;
  }
}

.overlay-full-primary .login-form .field + .field {
  margin-top: 27px;
}

.overlay-full-primary .login-form .login-links {
  margin-top: 25px;
}

.overlay-full-primary .login-form .login-links button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  font-style: italic;
  text-decoration: underline;
}

.overlay-full-primary .login-form .login-links button:focus:not(.focus-visible) {
  outline: 0;
}

.overlay-full-primary .login-form .login-links button.focus-visible {
  outline: solid 2px #52e3ac;
  outline: solid 2px var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.overlay-full-primary .login-form .login-links button + button {
  margin-top: 14px;
  margin-left: 0;
}

.overlay-full-primary .login-form .login-links a {
  font-style: italic;
}

.overlay-full-primary .login-form .login-links a + a {
  margin-top: 14px;
  margin-left: 0;
}

.overlay-full-primary .login-form .login-external {
  margin-top: 45px;
}

.overlay-full-primary .login-form .button-secondary--dark {
  display: flex;
  width: 100%;
}

.overlay-full-primary .login-form label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: block;
  margin-bottom: 12px;
  font-size: 13px;
  color: #9a9a9a;
  text-transform: uppercase;
}

.overlay-full-primary .login-form input[type='text'], .overlay-full-primary .login-form input[type='password'], .overlay-full-primary .login-form input[type='email'] {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  padding: 8px 13px 12px;
  font-size: 20px;
  color: #363636;
  background-color: #ffffff;
  border: 3px solid #ffffff;
  outline: none;
}

.overlay-full-primary .login-form input[type='text'].focus-visible, .overlay-full-primary .login-form input[type='password'].focus-visible, .overlay-full-primary .login-form input[type='email'].focus-visible {
  border-color: #52e3ac;
  border-color: var(--accent-primary, #52e3ac);
}

.overlay-full-primary .login-form .button-secondary {
  display: block;
  margin-top: 30px;
}

.overlay-full-primary .login-form input[type='text'], .overlay-full-primary .login-form input[type='password'], .overlay-full-primary .login-form input[type='submit'] {
  width: 100%;
}

.overlay-full-primary .login-external {
  margin-top: 45px;
}

.overlay-full-primary .button-secondary--dark {
  display: flex;
  width: 100%;
}

.checkbox {
  transition: color 0.2s ease;
  position: relative;
  display: block;
  cursor: pointer;
}

.checkbox:hover {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.checkbox--white:hover {
  color: #363636;
}

@media all and (min-width: 350px) {
  .checkbox {
    display: inline-block;
  }
}

@media all and (min-width: 560px) {
  .checkbox + .checkbox {
    margin-left: 32px;
  }
}

.checkbox + .instructions {
  display: inline-block;
}

.checkbox__indicator {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  text-align: center;
  vertical-align: middle;
  background-color: #ffffff;
  border-radius: 3px;
}

.checkbox--gray .checkbox__indicator {
  background-color: #e6e6e6;
}

.checkbox__icon {
  position: relative;
  top: 1px;
  color: #ffffff;
  visibility: hidden;
}

.checkbox--gray .checkbox__icon,
.checkbox--white .checkbox__icon {
  color: #363636;
}

.checkbox.checked .checkbox__icon {
  visibility: visible;
}

.checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.checkbox input:checked ~ .checkbox__indicator {
  background-color: #52e3ac;
  background-color: var(--accent-primary, #52e3ac);
}

.checkbox input:checked ~ .checkbox__indicator .checkbox__icon {
  visibility: visible;
}

.checkbox--gray input:checked ~ .checkbox__indicator {
  background-color: #e6e6e6;
}

.checkbox--white input:checked ~ .checkbox__indicator {
  background-color: #ffffff;
}

.checkbox input.focus-visible {
  outline: 0;
}

.checkbox input.focus-visible ~ .checkbox__indicator {
  outline: solid 2px;
}

.checkbox-wrapper--inline {
  display: inline;
}

.breadcrumb-list {
  font-family: 'sofia-pro', 'trueno', sans-serif;
}

.breadcrumb-list__link {
  display: inline;
  font-size: 17px;
  text-decoration: none;
}

@media all and (min-width: 480px) {
  .breadcrumb-list__link {
    font-size: 20px;
  }
}

.breadcrumb-list__icon {
  position: relative;
  top: -1px;
  margin-right: 5px;
  margin-left: 5px;
  transform: rotate(-90deg);
}

.custom-logo__image {
  position: relative;
  width: auto;
  max-width: 175px;
  height: auto;
  max-height: 26px;
}

@media all and (min-width: 760px) {
  .custom-logo__image {
    max-width: 100%;
    max-height: 59px;
  }
}

.custom-logo__image--desktop {
  display: none;
}

@media all and (min-width: 760px) {
  .custom-logo__image--desktop {
    display: block;
  }
}

.custom-logo__image--mobile {
  display: block;
}

@media all and (min-width: 760px) {
  .custom-logo__image--mobile {
    display: none;
  }
}

.header-border {
  position: absolute;
  width: 100%;
  visibility: hidden;
  border-bottom: 1px solid #c3c3c3;
  opacity: 0;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.header-app {
  position: relative;
  top: 0;
  width: 100%;
}

.header-app--sticky {
  position: sticky;
}

@supports (position: sticky) {
  .header-app--sticky {
    box-shadow: 0 -10px 20px 7px rgba(0, 0, 0, 0.25);
  }
}

.header-logo, .overlay-full-primary .overlay-header .logo {
  grid-area: logo;
  /* stylelint-disable property-no-vendor-prefix */
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  /* stylelint-enable property-no-vendor-prefix */
  align-self: center;
  max-width: 300px;
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
  text-decoration: none;
  vertical-align: middle;
}

.library-header--dark .header-logo, .library-header--dark .overlay-full-primary .overlay-header .logo, .overlay-full-primary .overlay-header .library-header--dark .logo {
  color: #9a9a9a;
}

.header-logo:hover, .overlay-full-primary .overlay-header .logo:hover, .header-logo.focus-visible, .overlay-full-primary .overlay-header .logo.focus-visible {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  outline: 0;
}

@media all and (min-width: 480px) {
  .header-logo .manicon-svg, .overlay-full-primary .overlay-header .logo .manicon-svg {
    width: 32px;
    height: 32px;
  }
}

@media all and (min-width: 760px) {
  .header-logo .manicon-svg, .overlay-full-primary .overlay-header .logo .manicon-svg {
    width: 38px;
    height: 38px;
  }
}

.mobile-nav-toggle {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
}

@media all and (min-width: 760px) {
  .mobile-nav-toggle {
    display: none;
  }
}

.mobile-nav-toggle.focus-visible {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  outline: 0;
}

.mode-button {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-block;
  padding: 0.76em 1.7em;
  font-size: 11.18px;
  color: #696969;
  color: #696969;
  color: var(--header-foreground-color, #696969);
  text-decoration: none;
  letter-spacing: 0.134em;
  white-space: nowrap;
  border: 1px solid;
  border-radius: 4px;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.mode-button:hover, .mode-button.focus-visible {
  color: #363636;
  background-color: #52e3ac;
  background-color: var(--accent-interaction-light, #52e3ac);
  border-color: #52e3ac;
  border-color: var(--accent-interaction-light, #52e3ac);
  outline: 0;
}

.bg-neutral90 .mode-button:hover, .bg-neutral90 .mode-button.focus-visible,
.user-links--dark .mode-button:hover,
.user-links--dark .mode-button.focus-visible,
.user-nav--dark .mode-button:hover,
.user-nav--dark .mode-button.focus-visible {
  color: #363636;
}

@media all and (min-width: 760px) {
  .site-nav {
    margin-left: 25px;
  }
}

.site-nav__list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.site-nav__list li {
  display: inline-block;
}

.site-nav__item {
  margin-right: 18px;
  margin-bottom: 9px;
}

@media all and (min-width: 480px) {
  .site-nav__item {
    margin-right: 25px;
    margin-bottom: 20px;
  }
}

.site-nav__link {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  position: relative;
  font-size: 14px;
  text-decoration: none;
}

@media all and (min-width: 480px) {
  .site-nav__link {
    font-size: 16px;
  }
}

.site-nav__link:hover {
  color: #52e3ac;
  color: var(--header-foreground-hover-color, #52e3ac);
}

.site-nav__link--active {
  color: #363636;
  color: var(--header-foreground-active-color, #363636);
}

.site-nav--backend .site-nav__link--active {
  color: #ffffff;
}

.site-nav__link--active::before {
  position: absolute;
  bottom: -4px;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  content: '';
  background-color: #363636;
}

.site-nav--backend .site-nav__link--active::before {
  display: none;
}

.site-nav__link--active.focus-visible {
  outline-offset: 2px;
}

.site-nav__link--active.focus-visible:focus:not(.focus-visible) {
  outline: 0;
}

.site-nav__link--active.focus-visible:focus-visible {
  outline: solid 2px #52e3ac;
  outline: solid 2px var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.user-nav--dark {
  --header-foreground-color: var(--accent-primary, #52e3ac);
}

.user-nav__list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  position: relative;
  display: flex;
  align-items: baseline;
  height: 100%;
}

.user-nav__item {
  padding-bottom: 9px;
}

@media all and (min-width: 480px) {
  .user-nav__item {
    padding-bottom: 20px;
  }
}

@media all and (min-width: 800px) {
  .user-nav__item {
    position: relative;
  }
}

.user-nav__item + .user-nav__item {
  margin-left: 1.875vw;
}

@media all and (min-width: 1235px) {
  .user-nav__item + .user-nav__item {
    margin-left: 24px;
  }
}

.user-nav .mode-button {
  margin-right: 4px;
}

@-webkit-keyframes menuSlideFade {
  from {
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes menuSlideFade {
  from {
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.user-nav .search-menu,
.user-nav .user-menu {
  top: 100%;
}

.user-nav .search-menu {
  padding: 28px 22px 22px;
}

@media all and (min-width: 480px) {
  .user-nav .search-menu {
    padding: 20px 24px 22px;
  }
}

.user-nav .panel-enter .search-menu,
.user-nav .panel-enter .user-menu {
  opacity: 0;
  transform: translateY(-30px);
}

.user-nav .panel-enter-active .search-menu,
.user-nav .panel-enter-active .user-menu {
  opacity: 1;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transform: translateY(0);
}

.user-nav .panel-exit .search-menu,
.user-nav .panel-exit .user-menu {
  opacity: 1;
  transform: translateY(0);
}

.user-nav .panel-exit-active .search-menu,
.user-nav .panel-exit-active .user-menu {
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transform: translateY(-30px);
}

.notifications-list {
  width: 100%;
  /* stylelint-disable length-zero-no-unit */
  /* stylelint-enable length-zero-no-unit */
}

.notifications-list--updating {
  transition: transform 0.2s ease-out;
}

.notifications-list--context-header {
  position: fixed;
  top: calc(50px + 0px);
  top: calc(var(--library-header-height, 50px) + var(--press-header-height, 0px));
}

@media all and (min-width: 480px) {
  .notifications-list--context-header {
    top: calc(72px + 0px);
    top: calc(var(--library-header-height, 72px) + var(--press-header-height, 0px));
  }
}

@media all and (min-width: 760px) {
  .notifications-list--context-header {
    top: calc(82px + 0px);
    top: calc(var(--library-header-height, 82px) + var(--press-header-height, 0px));
  }
}

.notifications-list--context-drawer .notifications-list__inner {
  margin-bottom: 26px;
  transition: transform 0.2s ease-out;
}

.notifications-list--context-drawer .notifications-list__inner.notification-exit {
  visibility: visible;
  opacity: 1;
  transition: opacity 0s linear;
}

.notifications-list--context-drawer .notifications-list__inner.notification-exit-active {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.5s, opacity 0.5s linear;
}

.notifications-list--context-header .notifications-list__inner + .notifications-list__inner {
  border-top: 1px solid #424242;
}

.notifications-list--context-header .notifications-list__inner.notification-exit {
  max-height: 200px;
  transition: transform 0.3s ease-in-out, max-height 0.2s ease-out 0.15s;
}

.notifications-list--context-header .notifications-list__inner.notification-exit-active {
  max-height: 0;
  transform: translate3d(-100%, 0, 0);
}

.notification {
  width: 100%;
  color: #363636;
}

.notification--notice {
  background-color: #61caff;
}

.notification--warning {
  background-color: #f5e425;
}

.notification--error {
  background-color: #ff9191;
}

.notification--context-drawer {
  background-color: #363636;
}

.notification__container {
  max-width: 1235px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  padding-top: 23px;
  padding-bottom: 25px;
}

@media all and (min-width: 450px) {
  .notification__container {
    padding-right: 4.5%;
    padding-left: 4.5%;
  }
}

@media all and (min-width: 1235px) {
  .notification__container {
    padding-right: 50px;
    padding-left: 50px;
  }
}

@media all and (min-width: 1235px) {
  .notification__container {
    max-width: 1185px;
    padding: 23px 26px 25px;
  }
}

.notification--context-drawer .notification__container {
  padding: 18px;
}

.notification__heading {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-top: 0;
  font-size: 16px;
  font-weight: 600;
  padding-right: 67px;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

@media all and (min-width: 700px) {
  .notification__heading {
    font-size: 20px;
  }
}

.notification--context-drawer .notification__heading {
  font-size: 20px;
  color: #d6d6d6;
}

.notification__body {
  font-family: 'freight-text-pro', 'aleo', serif;
  padding-right: 67px;
  margin-top: 10px;
  font-size: 16px;
}

@media all and (min-width: 700px) {
  .notification__body {
    font-size: 20px;
  }
}

.notification--context-drawer .notification__body {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-top: 0;
  font-size: 16px;
  font-weight: 600;
  padding-right: 0;
  margin-top: 8px;
  font-size: 16px;
  font-weight: normal;
  color: #d6d6d6;
}

.notification__button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.notification--context-header .notification__button {
  position: absolute;
  top: 50%;
  right: 4.5%;
  transform: translateY(-50%);
}

@media all and (min-width: 1235px) {
  .notification--context-header .notification__button {
    right: 26px;
  }
}

.notification--context-header .notification__button.focus-visible {
  outline-color: #363636;
}

.notification--context-header .notification__button:hover {
  color: inherit;
}

.notification--context-drawer .notification__button {
  position: relative;
  top: auto;
  right: auto;
  margin: 8px 0 0;
  font-size: inherit;
  color: #9a9a9a;
}

.notification--context-drawer .notification__button:hover {
  color: #e6e6e6;
}

.notification--context-drawer .notification__button .screen-reader-text {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  position: relative;
  margin: 0;
  overflow: visible;
  font-size: 12px;
}

.notification--context-drawer .notification__button-icon {
  display: none;
}

.loading-bar {
  position: fixed;
  top: 0;
  width: 100%;
  height: 5px;
  visibility: hidden;
}

.loading-bar.loading, .loading-bar.complete {
  visibility: visible;
}

.loading-bar .progress {
  position: relative;
  width: 0%;
  height: 100%;
  background-color: #52e3ac;
  background-color: var(--accent-primary, #52e3ac);
  opacity: 0;
}

.loading-bar.loading .progress {
  width: 90%;
  opacity: 1;
  transition: width 100s cubic-bezier(0.06, 0.95, 0.4, 0.93);
}

.loading-bar.complete .progress {
  width: 100%;
  opacity: 0;
  transition: width 0.5s ease-out, opacity 0.8s ease;
}

.project-list ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
}

.project-list li {
  border-bottom: 1px solid;
  transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
}

.project-list li a, .project-list li .item-wrapper {
  display: flex;
  padding: 15px 0;
  color: inherit;
  text-decoration: none;
}

.project-list li a .cover, .project-list li .item-wrapper .cover {
  position: relative;
  min-width: 50px;
  max-width: 50px;
  height: auto;
  padding-top: 0;
  margin-bottom: 0;
  line-height: 1;
}

.project-list li a .cover + .meta, .project-list li .item-wrapper .cover + .meta {
  padding-left: 15px;
}

.project-list li a .cover > img,
.project-list li a .cover > svg, .project-list li .item-wrapper .cover > img,
.project-list li .item-wrapper .cover > svg {
  width: 50px;
  height: auto;
}

.project-list li a .cover > img, .project-list li .item-wrapper .cover > img {
  border: 1px solid transparent;
  transition: border 0.2s ease;
}

.project-list li a .cover > svg, .project-list li .item-wrapper .cover > svg {
  max-height: 50px;
  overflow: visible;
  transition: fill 0.2s ease;
}

.project-list li a .meta, .project-list li .item-wrapper .meta {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  width: 100%;
  padding-right: 20px;
  vertical-align: top;
}

.project-list li a .name, .project-list li .item-wrapper .name {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.188;
  white-space: normal;
  transition: color 0.2s ease;
}

.project-list li a .name .title-text, .project-list li .item-wrapper .name .title-text {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: inline-block;
}

.project-list li a .name .subtitle, .project-list li .item-wrapper .name .subtitle {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.031em;
  display: block;
  padding-top: 0.143em;
  font-size: 14px;
  color: #c3c3c3;
  transition: color 0.2s ease;
}

.project-list li a .name .subtitle:empty, .project-list li .item-wrapper .name .subtitle:empty {
  display: none;
}

.project-list li a .block-label, .project-list li .item-wrapper .block-label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-block;
  padding: 0.333em 8px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0.075em;
  background-color: #61caff;
  background-color: var(--default-notice-color, #61caff);
  border-radius: 3px;
  padding-right: 5px;
  padding-left: 5px;
  margin: 2px 0 5px 9px;
  font-size: 9px;
  vertical-align: middle;
}

.project-list li a .relations-list, .project-list li .item-wrapper .relations-list {
  font-family: 'freight-text-pro', 'aleo', serif;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.25;
  transition: color 0.2s ease;
}

.project-list li a .date, .project-list li .item-wrapper .date {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-size: 14px;
  font-style: italic;
}

@media all and (min-width: 760px) {
  .project-list li a .date, .project-list li .item-wrapper .date {
    font-size: 16px;
  }
}

.project-list li a:hover, .project-list li a.focus-visible, .project-list li .orderable-list-item .item-wrapper:hover, .project-list li .orderable-list-item .item-wrapper.focus-visible {
  outline: 0;
}

.project-list li a:hover .title-text, .project-list li a:hover .label, .project-list li a.focus-visible .title-text, .project-list li a.focus-visible .label, .project-list li .orderable-list-item .item-wrapper:hover .title-text, .project-list li .orderable-list-item .item-wrapper:hover .label, .project-list li .orderable-list-item .item-wrapper.focus-visible .title-text, .project-list li .orderable-list-item .item-wrapper.focus-visible .label {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.project-list__item--pos-rel {
  position: relative;
}

.project-list.grid a, .project-list.grid .item-wrapper {
  display: flex;
  padding: 15px 0;
  color: inherit;
  text-decoration: none;
}

.project-list.grid a .cover, .project-list.grid .item-wrapper .cover {
  position: relative;
  min-width: 50px;
  max-width: 50px;
  height: auto;
  padding-top: 0;
  margin-bottom: 0;
  line-height: 1;
}

.project-list.grid a .cover + .meta, .project-list.grid .item-wrapper .cover + .meta {
  padding-left: 15px;
}

.project-list.grid a .cover > img,
.project-list.grid a .cover > svg, .project-list.grid .item-wrapper .cover > img,
.project-list.grid .item-wrapper .cover > svg {
  width: 50px;
  height: auto;
}

.project-list.grid a .cover > img, .project-list.grid .item-wrapper .cover > img {
  border: 1px solid transparent;
  transition: border 0.2s ease;
}

.project-list.grid a .cover > svg, .project-list.grid .item-wrapper .cover > svg {
  max-height: 50px;
  overflow: visible;
  transition: fill 0.2s ease;
}

.project-list.grid a .meta, .project-list.grid .item-wrapper .meta {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  width: 100%;
  padding-right: 20px;
  vertical-align: top;
}

.project-list.grid a .name, .project-list.grid .item-wrapper .name {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.188;
  white-space: normal;
  transition: color 0.2s ease;
}

.project-list.grid a .name .title-text, .project-list.grid .item-wrapper .name .title-text {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: inline-block;
}

.project-list.grid a .name .subtitle, .project-list.grid .item-wrapper .name .subtitle {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.031em;
  display: block;
  padding-top: 0.143em;
  font-size: 14px;
  color: #c3c3c3;
  transition: color 0.2s ease;
}

.project-list.grid a .name .subtitle:empty, .project-list.grid .item-wrapper .name .subtitle:empty {
  display: none;
}

.project-list.grid a .block-label, .project-list.grid .item-wrapper .block-label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-block;
  padding: 0.333em 8px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0.075em;
  background-color: #61caff;
  background-color: var(--default-notice-color, #61caff);
  border-radius: 3px;
  padding-right: 5px;
  padding-left: 5px;
  margin: 2px 0 5px 9px;
  font-size: 9px;
  vertical-align: middle;
}

.project-list.grid a .relations-list, .project-list.grid .item-wrapper .relations-list {
  font-family: 'freight-text-pro', 'aleo', serif;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.25;
  transition: color 0.2s ease;
}

.project-list.grid a .date, .project-list.grid .item-wrapper .date {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-size: 14px;
  font-style: italic;
}

@media all and (min-width: 760px) {
  .project-list.grid a .date, .project-list.grid .item-wrapper .date {
    font-size: 16px;
  }
}

@media all and (min-width: 760px) {
  .project-list.grid a, .project-list.grid .item-wrapper {
    flex-direction: column;
    height: 100%;
    padding: 2.105vw;
  }
  .project-list.grid a .cover, .project-list.grid .item-wrapper .cover {
    width: 100%;
    min-width: 100%;
    margin-bottom: 16px;
  }
  .project-list.grid a .cover + .meta, .project-list.grid .item-wrapper .cover + .meta {
    padding-left: 0;
  }
  .project-list.grid a .cover > img,
  .project-list.grid a .cover > svg, .project-list.grid .item-wrapper .cover > img,
  .project-list.grid .item-wrapper .cover > svg {
    width: auto;
    height: 100%;
  }
  .project-list.grid a .meta, .project-list.grid .item-wrapper .meta {
    padding-right: 0;
  }
  .project-list.grid a .name .title-text, .project-list.grid .item-wrapper .name .title-text {
    display: block;
  }
  .project-list.grid a .name .subtitle, .project-list.grid .item-wrapper .name .subtitle {
    padding-top: 0.389em;
  }
  .project-list.grid a .block-label, .project-list.grid .item-wrapper .block-label {
    padding-right: 8px;
    padding-left: 8px;
    margin: 10px 0 0;
    font-size: 12px;
  }
}

@media all and (min-width: 1235px) {
  .project-list.grid a, .project-list.grid .item-wrapper {
    padding: 25px;
  }
}

@media all and (min-width: 760px) {
  .project-list.grid {
    width: calc(100% + 4.21vw);
    margin-right: -2.105vw;
    margin-left: -2.105vw;
  }
  .project-list.grid ul {
    flex-flow: row wrap;
  }
  .project-list.grid li {
    flex: 1 1 25%;
    max-width: 25%;
    padding-left: 0;
    margin-bottom: 18px;
    border-bottom: none;
  }
  .project-list.grid a:hover, .project-list.grid a.focus-visible, .project-list.grid .orderable-list-item .item-wrapper:hover, .project-list.grid .orderable-list-item .item-wrapper.focus-visible {
    color: #9a9a9a;
    background-color: #2e2e2e;
    border-radius: 8px;
    color: inherit;
  }
  .project-list.grid a:hover figure > img, .project-list.grid a.focus-visible figure > img, .project-list.grid .orderable-list-item .item-wrapper:hover figure > img, .project-list.grid .orderable-list-item .item-wrapper.focus-visible figure > img {
    border-color: transparent;
  }
}

@media all and (min-width: 1235px) {
  .project-list.grid {
    width: calc(100% + 52px);
    margin-right: -26px;
    margin-left: -26px;
  }
}

.project-list.grid .list-total--empty {
  width: calc(100% - 4.21vw);
  padding-top: 0;
  text-align: left;
}

@media all and (min-width: 760px) {
  .project-list.grid .list-total--empty {
    margin: auto;
  }
}

.ReactCollapse--collapse {
  transition: height 500ms;
}

.section-heading {
  font-size: 22px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 30px;
}

@media all and (min-width: 620px) {
  .section-heading {
    font-size: 26px;
  }
}

@media all and (min-width: 1024px) {
  .section-heading {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.section-heading .main {
  display: flex;
  align-items: flex-start;
  padding-right: 25px;
}

.section-heading .main .body {
  font-size: 16px;
}

.section-heading .main .body .title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 1.2em;
  font-weight: 500;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.32;
  margin-bottom: 2px;
  color: #363636;
}

@media all and (min-width: 620px) {
  .section-heading .main .body .title {
    font-size: 26px;
  }
}

.bg-neutral90 .section-heading .main .body .title {
  color: #ececec;
}

.section-heading .main .body .date {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.031em;
  font-size: 14px;
}

.section-heading .overlay-copy {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-size: 18px;
  color: #d6d6d6;
}

.section-heading .overlay-copy a {
  color: #d6d6d6;
}

.section-heading .login-links {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-size: 18px;
  color: #d6d6d6;
  font-style: italic;
}

.section-heading .login-links a {
  color: #d6d6d6;
}

.section-heading .login-links a {
  color: #9a9a9a;
}

.section-heading .login-links a + a {
  margin-left: 14px;
}

.section-heading .utility {
  margin-top: 20px;
}

@media all and (min-width: 1024px) {
  .section-heading .utility {
    margin-top: 0;
  }
}

@media all and (min-width: 1024px) {
  .section-heading .utility .right {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.section-heading .utility .right .button-primary {
  margin-bottom: 20px;
}

@media all and (min-width: 1024px) {
  .section-heading .utility .right .button-primary {
    margin-bottom: 0;
  }
}

.sub-section-heading {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding: 1.143em 2.143em 1.357em;
  margin-top: 0;
  margin-bottom: 2.929em;
  font-size: 14px;
  color: #34a178;
  color: var(--accent-primary-dark, #34a178);
  background-color: #f7f7f7;
}

.form-heading {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 1.2em;
  font-weight: 500;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.32;
  margin-bottom: 25px;
}

@media all and (min-width: 620px) {
  .form-heading {
    font-size: 26px;
  }
}

.form-heading .instructions {
  font-family: 'freight-text-pro', 'aleo', serif;
  display: block;
  margin-bottom: 1em;
  font-size: 17px;
  font-style: italic;
  text-transform: none;
}

.form-heading .instructions a:visited {
  color: inherit;
}

.section-heading-secondary {
  padding-bottom: 1.375em;
  font-size: 16px;
}

.backend-dashboard .section-heading-secondary {
  padding-bottom: 2.625em;
}

.drawer-backend .section-heading-secondary {
  padding-bottom: 0;
}

.section-heading-secondary h1, .section-heading-secondary h2, .section-heading-secondary h3, .section-heading-secondary h4, .section-heading-secondary h5, .section-heading-secondary h6 {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin: 0;
  font-size: 1em;
  color: #ececec;
  text-transform: uppercase;
  letter-spacing: 0.125em;
}

.section-heading-secondary .manicon-svg {
  width: 34px;
  height: 34px;
  margin-top: -3px;
  margin-right: 15px;
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.share-nav-primary {
  display: flex;
  align-items: center;
}

.share-nav-primary__label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  margin-right: 8px;
  font-size: 14px;
  line-height: 15px;
}

.share-nav-primary__list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
}

.share-nav-primary__link {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 8px;
  padding-left: 8px;
  color: #828282;
  text-decoration: none;
}

.button-avatar {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 100%;
  vertical-align: middle;
}

.button-avatar .avatar {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 32px;
  height: 32px;
  overflow: hidden;
  color: #696969;
  color: var(--header-foreground-color, #696969);
  text-align: center;
  border-radius: 100%;
}

.button-avatar .avatar__icon {
  width: 100%;
  height: 100%;
}

.button-avatar .avatar .avatar-image {
  width: 100%;
}

.button-avatar--frontend, .button-avatar--backend {
  padding-top: 5px;
  padding-bottom: 5px;
}

.button-avatar--frontend .avatar, .button-avatar--backend .avatar {
  transition: color 0.2s ease;
}

.button-avatar--frontend:hover .avatar, .button-avatar--frontend.button-active .avatar, .button-avatar--backend:hover .avatar, .button-avatar--backend.button-active .avatar {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.button-avatar--frontend.focus-visible {
  outline: 0;
}

.button-avatar--frontend.focus-visible .avatar {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.button-avatar--reader .avatar {
  color: inherit;
}

.button-avatar svg {
  color: inherit;
}

.user-menu {
  position: absolute;
  right: -20px;
  color: #696969;
  white-space: nowrap;
  background-color: #ececec;
}

.user-menu--frontend, .user-menu--backend {
  z-index: 1;
  min-width: 235px;
  border-radius: 8px;
  box-shadow: 5px 15px 35px 8px rgba(0, 0, 0, 0.13);
}

.user-menu--reader {
  width: 100%;
}

@media all and (min-width: 560px) {
  .user-menu--reader {
    width: auto;
  }
}

.user-menu__tail {
  width: 0;
  height: 0;
  border-color: transparent transparent #ececec;
  border-style: solid;
  border-width: 0 15.5px 17px;
  position: absolute;
  top: -17px;
  right: 25px;
}

.user-menu__list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.user-menu__item {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 17px;
}

.user-menu__link {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 9px 20px;
  text-decoration: none;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.user-menu__link:hover, .user-menu__link.focus-visible {
  color: #363636;
}

.user-menu--reader .user-menu__link:hover, .user-menu--reader .user-menu__link.focus-visible {
  background-color: #d6d6d6;
}

.user-menu__link.focus-visible {
  background-color: #d6d6d6;
  outline: 0;
}

.user-menu__icon {
  position: relative;
  top: 2px;
  margin-right: 10px;
  transition: color 0.2s ease;
}

.user-menu--frontend .user-menu__icon,
.user-menu--backend .user-menu__icon {
  color: #828282;
}

.user-menu__link:hover .user-menu__icon,
.user-menu__link.focus-visible .user-menu__icon {
  color: #363636;
}

@media all and (min-width: 480px) {
  .user-menu {
    right: -24px;
  }
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.instructional-copy {
  font-family: 'freight-text-pro', 'aleo', serif;
  display: block;
  padding-bottom: 12px;
  margin-top: 0.75em;
  margin-bottom: 15px;
  font-size: 17px;
  font-style: italic;
  text-transform: none;
}

.instructional-copy a {
  text-decoration: underline;
}

.instructional-copy.margin-top {
  margin-top: 30px;
}

.instructional-copy.margin-bottom {
  margin-bottom: 30px;
}

.no-focus-outline.focus-visible {
  outline: 0;
}

.search-query + .search-results {
  margin-top: 65px;
}

.search-results__list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  margin: 14px 0;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
}

.search-result {
  font-family: 'freight-text-pro', 'aleo', serif;
  padding: 29px 20px 23px;
}

.search-result mark {
  background-color: #fff799;
}

.search-result a, .search-result a:visited {
  color: #363636;
  text-decoration: none;
}

.search-result a:hover {
  text-decoration: underline;
}

.search-result + .search-result {
  border-top: 1px solid #b3b3b3;
}

.search-result__wrapper-link {
  text-decoration: none;
}

.search-result__content-wrapper {
  display: flex;
}

.search-result__figure-column {
  display: none;
  padding-right: 5px;
}

@media all and (min-width: 620px) {
  .search-result__figure-column {
    display: block;
    padding-right: 15px;
  }
}

.search-result__text-column {
  width: 100%;
}

.search-result__text-column-top {
  display: flex;
  justify-content: space-between;
}

.search-result__text-column-top-left {
  flex: 1 100%;
}

.search-result__text-column-top-right {
  padding-left: 20px;
  text-align: right;
}

.search-result__label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: flex;
  align-items: center;
  padding: 8px 14px;
  font-size: 11px;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  color: #34a178;
  color: var(--accent-primary-dark, #34a178);
  text-align: center;
  background-color: #ececec;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 3px;
}

.search-result__label.secondary {
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
}

.search-result__label.tertiary {
  color: #696969;
}

.search-result__label + .marker {
  margin-left: 8px;
}

.search-result__title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin: 0 0 16px;
  font-size: 21px;
  font-weight: 600;
}

.search-result__subtitle {
  color: #696969;
}

.search-result__parent {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 600;
  color: #696969;
}

.search-result__parent a, .search-result__parent a:visited {
  color: inherit;
}

.search-result__description {
  font-family: 'freight-text-pro', 'aleo', serif;
  margin-bottom: 16px;
  line-height: 23px;
}

.search-result__meta {
  font-style: italic;
}

.search-result__attribution {
  font-family: 'freight-text-pro', 'aleo', serif;
  margin-bottom: 16px;
  font-style: normal;
}

.search-result svg.search-result--figure-narrow-svg {
  max-width: 76px;
  margin-left: -10px;
}

.search-result__figure {
  position: relative;
  width: 76px;
}

.search-result__figure img {
  margin-top: 6px;
}

.search-result__figure img, .search-result__figure svg {
  max-width: 56px;
  color: #828282;
}

.search-result img.search-result__avatar {
  border: 2px solid #9a9a9a;
  border-radius: 50%;
}

.search-result .search-result__avatar svg {
  position: relative;
  left: -6px;
  width: 68px;
  max-width: 68px;
  height: 68px;
}

.search-result__excerpt-open-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  margin-top: 30px;
  font-size: 13px;
  font-weight: 600;
}

.search-result__excerpt-shim {
  min-height: 25px;
}

.search-result__excerpt {
  margin: 0;
  font-size: 16px;
  line-height: 23px;
  border-left: 4px solid #b3b3b3;
}

.search-result__excerpt:hover, .search-result__excerpt.focus-visible {
  background-color: #f7f7f7;
  outline: 0;
}

.search-result__excerpt a {
  display: block;
  padding: 10px 31px 10px 28px;
}

.search-result__excerpt a:hover {
  text-decoration: none;
}

.search-result .search-result__excerpt + .search-result__excerpt {
  margin-top: 25px;
}

/* stylelint-disable property-no-vendor-prefix */
.nested-nav {
  --default-hover-color: var(--accent-interaction-dark, #077a56);
  display: none;
  background-color: #ffffff;
  background-color: #ffffff;
  background-color: var(--header-background-color, #ffffff);
}

.nested-nav--dark {
  --default-hover-color: var(--accent-interaction-light, #52e3ac);
  --header-foreground-color: var(--accent-interaction-light, #52e3ac);
  background-color: #222222;
}

.nested-nav--open {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

@media all and (min-width: 480px) {
  .nested-nav {
    min-height: 32px;
  }
}

.nested-nav__search-menu {
  width: 100%;
  padding: 0;
  margin-top: 20px;
  border: 1px solid #696969;
  border: 1px solid var(--header-foreground-color, #696969);
}

.nested-nav__search-menu .search-query input[type='text'] {
  background-color: #ffffff;
  background-color: var(--header-background-color, #ffffff);
}

.nested-nav__search-menu .search-query .input-magnify {
  min-width: 0;
}

.nested-nav__search-menu .search-query .footer {
  display: none;
}

.nested-nav__search-menu .search-query__search-icon {
  color: #696969;
  color: var(--header-foreground-color, #696969);
}

.nested-nav__search-footer {
  display: none;
}

.nested-nav__content {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.nested-nav--open .nested-nav__content {
  display: flex;
}

.nested-nav__list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.nested-nav__list--nested {
  display: none;
  grid-area: nested;
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}

.nested-nav__item--open .nested-nav__list--nested {
  display: block;
}

.nested-nav__list--primary-links, .nested-nav__list--user-links {
  padding-right: 40px;
  padding-bottom: 30px;
  padding-left: 30px;
}

.nested-nav__list--primary-links {
  padding-top: 30px;
}

.browse .nested-nav__list--primary-links {
  padding-top: calc(20px + 10px);
  padding-top: calc(20px + var(--press-header-height, 10px));
}

.nested-nav__list--user-links {
  flex-grow: 1;
  height: auto;
  padding-top: 30px;
  text-align: left;
  background-color: #f7f7f7;
  background-color: var(--header-background-color-light, #f7f7f7);
}

.nested-nav--dark .nested-nav__list--user-links {
  background-color: #2e2e2e;
}

.nested-nav__item, .nested-nav__link {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  position: relative;
  font-size: 17px;
  text-decoration: none;
  transition: color 0.2s ease;
}

@media all and (min-width: 480px) {
  .nested-nav__item, .nested-nav__link {
    font-size: 20px;
  }
}

.nested-nav__item.active, .nested-nav__link.active {
  color: #363636;
  color: var(--header-foreground-active-color, #363636);
}

.nested-nav--dark .nested-nav__item.active, .nested-nav--dark .nested-nav__link.active {
  color: #ffffff;
}

.nested-nav--dark .nested-nav__item, .nested-nav--dark .nested-nav__link {
  color: #b3b3b3;
}

.nested-nav__grid-item {
  display: -ms-grid;
  display: grid;
  grid-template: 'icon link' auto 'nested nested' auto / 32px 1fr;
  -moz-column-gap: 12px;
       column-gap: 12px;
  align-items: center;
  -ms-grid-rows: auto auto;
  -ms-grid-columns: 32px 12px 1fr;
}

.nested-nav__list--nested .nested-nav__link {
  margin-left: 20px;
}

.nested-nav__link, .nested-nav__button-text {
  display: block;
  grid-area: link;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  padding-top: 0.588em;
  padding-bottom: 0.588em;
}

.nested-nav__link.focus-visible, .nested-nav__button.focus-visible, .nested-nav__disclosure-button.focus-visible {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  outline: 0;
}

.nested-nav__button-icon, .nested-nav__disclosure-button {
  grid-area: icon;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  width: 100%;
}

.nested-nav__button, .nested-nav__disclosure-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.nested-nav__button {
  width: 100%;
}

.nested-nav__button-text {
  text-align: left;
}

.nested-nav__disclosure-button {
  height: 100%;
}

.nested-nav__disclosure-icon {
  color: inherit;
  transition: transform 0.2s ease;
  transform: rotate(0deg);
}

.nested-nav__disclosure-button:hover .nested-nav__disclosure-icon {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.nested-nav__item--open .nested-nav__disclosure-icon {
  transform: rotate(180deg);
}

.nested-nav .avatar, .nested-nav__button-icon {
  position: relative;
  top: 1.5px;
  -ms-grid-row-align: center;
}

.nested-nav .avatar {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 28px;
  height: 28px;
  overflow: hidden;
  color: inherit;
  text-align: center;
  border-radius: 100%;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  color: inherit;
  cursor: default;
}

.nested-nav .avatar__icon {
  width: 100%;
  height: 100%;
}

.nested-nav .avatar .avatar-image {
  width: 100%;
}

@media all and (min-width: 480px) {
  .nested-nav .avatar {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 32px;
    height: 32px;
    overflow: hidden;
    color: inherit;
    text-align: center;
    border-radius: 100%;
    color: inherit;
    cursor: default;
  }
  .nested-nav .avatar__icon {
    width: 100%;
    height: 100%;
  }
  .nested-nav .avatar .avatar-image {
    width: 100%;
  }
}

.nested-nav__footer {
  margin-top: 16px;
}

.nested-nav__standalone-heading {
  line-height: 1.45;
}

.nested-nav__standalone-title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: inline-block;
  margin: 0 8px 0 0;
  font-size: 18px;
  font-weight: 600;
}

@media all and (min-width: 480px) {
  .nested-nav__standalone-title {
    margin-right: 12px;
    font-size: 21px;
  }
}

.nested-nav__standalone-subtitle {
  font-family: 'freight-text-pro', 'aleo', serif;
  display: inline-block;
  font-size: 18px;
  font-style: italic;
  letter-spacing: 0.028em;
}

.aria-describedby {
  display: none;
}

.skip-to-main {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  position: fixed;
  top: 0;
  left: -400px;
  width: auto;
  height: auto;
  padding: 14px 18px;
  margin: 0;
  clip: unset;
  font-size: 15px;
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
  text-decoration: none;
  background: #424242;
  opacity: 0.95;
  transition: left 0.4s ease;
}

.skip-to-main.focus-visible {
  left: 0;
  outline-offset: -3px;
}

.sign-in-up-update .form-group + .form-group {
  margin-top: 0;
}

@media all and (min-width: 620px) {
  .sign-in-up-update .form-group + .form-group {
    margin-top: 40px;
  }
}

.sign-in-up-update .nickname {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 1.2em;
  font-weight: 500;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.32;
  margin-bottom: 30px;
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

@media all and (min-width: 620px) {
  .sign-in-up-update .nickname {
    font-size: 26px;
  }
}

.sign-in-up-update .overlay-copy {
  margin-bottom: 20px;
}

.sign-in-up-update .form-heading-image {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 1.2em;
  font-weight: 500;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.32;
  margin-top: 60px;
  margin-bottom: 20px;
}

@media all and (min-width: 620px) {
  .sign-in-up-update .form-heading-image {
    font-size: 26px;
  }
}

.sign-in-up-update .avatar {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 65px;
  height: 65px;
  overflow: hidden;
  color: inherit;
  text-align: center;
  border-radius: 100%;
  margin: 25px auto;
}

.sign-in-up-update .avatar__icon {
  width: 100%;
  height: 100%;
}

.sign-in-up-update .avatar .avatar-image {
  width: 100%;
}

.table__count-container {
  background-color: #f7f7f7;
  border-radius: 8px;
  padding: 15px 22px;
  margin-bottom: 8px;
}

.table__heading-small {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.125em;
}

.table__row {
  position: relative;
  padding: 15px 22px 16px;
  margin: 0;
  border-bottom: 1px solid #b3b3b3;
  transition: background-color 0.2s ease;
}

.table__row--is-link {
  cursor: pointer;
}

.table__row--is-link.table__row--is-hovering {
  background-color: #f7f7f7;
}

.table__list {
  display: grid;
}

@media all and (min-width: 690px) {
  .table__list {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
  }
}

.table__list-item-container {
  padding-bottom: 15px;
}

.table__list-value {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}

.table__table {
  display: none;
  width: 100%;
}

@media all and (min-width: 690px) {
  .table__table {
    display: table;
  }
}

.table__th {
  text-align: left;
}

.table__ordered-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

@media all and (min-width: 690px) {
  .table__ordered-list {
    display: none;
  }
}

.table__nested-link-arrow {
  position: absolute;
  top: 9px;
  right: 12px;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.table__private-icon {
  position: relative;
  top: -2.5px;
  margin-left: 10px;
  color: #828282;
}

.table__nested-link {
  position: relative;
  padding: 4px 32px 5px 17px;
  margin-left: -17px;
  text-decoration: none;
  border-radius: 15px;
  transition: background-color 0.2s ease;
}

@media all and (min-width: 690px) {
  .table__nested-link {
    margin-left: 17px;
  }
}

.table__nested-link:hover, .table__nested-link.focus-visible {
  color: inherit;
  background-color: #f7f7f7;
}

.table__nested-link:hover .table__nested-link-arrow, .table__nested-link.focus-visible .table__nested-link-arrow {
  opacity: 1;
}

.table__name {
  display: flex;
  align-items: baseline;
  width: 100%;
  text-decoration: none;
}

.table__name--with-link:hover, .table__name--with-link.focus-visible {
  outline: 0;
}

.table__sr-link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}

.table__sr-link.focus-visible {
  outline: 0;
}

.table__sr-link.focus-visible ~ .table__name-container {
  outline: solid 2px;
}

.table__mobile-columns {
  display: flex;
  justify-content: space-between;
}

@media all and (min-width: 480px) {
  .table__mobile-columns {
    justify-content: flex-start;
  }
}

.table__padded-cell {
  padding: 13px 20px;
}

.table__row-link {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.table__body-text {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  position: relative;
  margin: 0;
  color: #363636;
  vertical-align: baseline;
}

.table__value-large {
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: 10px 0 20px;
  margin: 0;
  font-size: 18px;
  font-weight: 500;
}

@media all and (min-width: 690px) {
  .table__value-large {
    padding: 17px 22px 18px;
    font-size: 21px;
  }
}

.table__inline-value {
  display: inline-block;
  margin-right: 6px;
  margin-left: 6px;
}

.table__inline-icon {
  position: relative;
  top: -1px;
  margin-right: 5px;
  color: #828282;
}

.table__name-container {
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media all and (min-width: 690px) {
  .table__name-container {
    overflow: visible;
    line-height: inherit;
    white-space: normal;
  }
}

.table__tag {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-block;
  padding: 0.333em 8px;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0.075em;
  background-color: #61caff;
  background-color: var(--default-notice-color, #61caff);
  border-radius: 3px;
  position: relative;
  top: -2px;
  display: inline-block;
  flex-shrink: 0;
  padding: 0.273em 5px 0.364em;
  margin-left: 1em;
  font-size: 11px;
  line-height: 1.2em;
  color: #363636;
  vertical-align: middle;
  background-color: #e6e6e6;
}

.table__no-left-padding {
  padding-left: 0;
}

.table__grid-item-left {
  grid-column-start: 1;
}

.table__grid-item-right {
  grid-column-start: 2;
}

.table__grid-item-row-2 {
  grid-row-start: 2;
}

.table__grid-item-row-3 {
  grid-row-start: 3;
}

.table__grid-item-colspan {
  grid-column-end: span 2;
  min-width: 0;
}

.table__value-standard {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 14px;
}

@media all and (min-width: 690px) {
  .table__centered {
    text-align: center;
  }
}

.table__right {
  text-align: right;
}

.table__cell--small {
  width: 55px;
}

.table__cell--medium {
  width: 135px;
}

.table__cell--header-has-icon {
  padding-left: 32px;
}

@media all and (min-width: 690px) {
  .table__cell--header-has-icon {
    padding-left: 20px;
  }
}

@media all and (min-width: 690px) {
  .table__small-padding-left {
    padding-left: 10px;
  }
}

.table__right-unpadded {
  padding-right: 0;
  vertical-align: middle;
}

.table__pagination {
  padding-top: 30px;
}

.table__avatar--image {
  position: relative;
  top: 2px;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  border: 1px solid #9a9a9a;
  border-radius: 100%;
}

@media all and (min-width: 690px) {
  .table__avatar--image {
    margin-right: 0;
  }
}

.table__avatar--placeholder {
  margin-right: 6px;
  margin-left: -3px;
  color: #828282;
}

@media all and (min-width: 690px) {
  .table__avatar--placeholder {
    margin-right: -3px;
  }
}

.table__avatar--placeholder svg {
  width: 37px;
  height: 37px;
}

.table__avatar-placeholder-container {
  width: 38px;
  margin-right: 8px;
  margin-left: -2px;
}

@media all and (min-width: 690px) {
  .table__hide-desktop {
    display: none;
  }
}

.table__hide-mobile {
  display: none;
}

@media all and (min-width: 690px) {
  .table__hide-mobile {
    display: inline-block;
  }
}

.pagination-count {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  margin: 0;
  font-size: 13px;
  color: #696969;
}

.pagination-count__figure {
  color: #363636;
}

.annotation-comments__body, .annotation-reply__body {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  padding-left: 50px;
  font-weight: 400;
  line-height: 1.375;
  color: #363636;
}

.annotation-comments__utility, .annotation-reply__utility {
  margin-top: 10px;
}

.annotation-comments__utility-list, .annotation-reply__utility-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 50px;
  display: flex;
  flex-wrap: wrap;
}

.annotation-comments__utility-list li, .annotation-reply__utility-list li {
  display: inline-block;
}

.annotation-comments__utility-list > li:not(:last-child), .annotation-reply__utility-list > li:not(:last-child) {
  margin-right: 26px;
}

.annotation-comments__list-button, .annotation-reply__list-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 12px;
}

.annotation-comments__list-button--active, .annotation-reply__list-button--active {
  margin-bottom: 15px;
}

.annotation-comments__list-button--active, .annotation-reply__list-button--active {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.annotation-comments__list-button--secondary, .annotation-reply__list-button--secondary {
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
}

.annotation-comments__list-button--secondary--active, .annotation-comments__list-button--secondary.focus-visible, .annotation-reply__list-button--secondary--active, .annotation-reply__list-button--secondary.focus-visible {
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
}

.annotation-editor {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 32px;
}

@media all and (min-width: 1024px) {
  .annotation-editor {
    padding-right: 5.859vw;
  }
}

@media all and (min-width: 1235px) {
  .annotation-editor {
    padding-right: 60px;
  }
}

@media all and (min-width: 1024px) {
  .annotation-editor {
    padding-left: 5.859vw;
  }
}

@media all and (min-width: 1235px) {
  .annotation-editor {
    padding-left: 60px;
  }
}

@media all and (min-width: 960px) {
  .annotation-editor {
    padding-top: 48px;
  }
}

.annotation-comments .annotation-editor,
.resource-comments .annotation-editor {
  padding-left: 50px;
  padding-top: 5px;
  padding-right: 0;
  padding-bottom: 5px;
  margin-top: 10px;
}

.annotation-comments .annotation-editor .annotation-editor__textarea,
.resource-comments .annotation-editor .annotation-editor__textarea {
  font-size: 16px;
}

.annotation-editor__editor-label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: flex;
  align-items: center;
  margin: 0;
  margin-bottom: 1.313em;
  font-size: 14px;
}

@media all and (min-width: 620px) {
  .annotation-editor__editor-label {
    font-size: 16px;
  }
}

.annotation-editor__label-icon {
  margin-right: 7px;
  margin-left: -3px;
  color: #828282;
}

@media all and (min-width: 620px) {
  .annotation-editor__label-icon {
    width: 54px;
    height: 54px;
    margin-right: 9px;
  }
}

.annotation-editor__textarea {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  width: 100%;
  padding: 1em 1.5em;
  font-size: 16px;
  color: #363636;
  resize: vertical;
  background-color: #ececec;
  border: 0;
  border-radius: 8px;
  outline: 0;
}

@media all and (min-width: 620px) {
  .annotation-editor__textarea {
    font-size: 18px;
  }
}

@media all and (min-width: 960px) {
  .annotation-editor__textarea {
    font-size: 20px;
  }
}

.annotation-editor__textarea::-moz-placeholder {
  color: #696969;
}

.annotation-editor__textarea:-ms-input-placeholder {
  color: #696969;
}

.annotation-editor__textarea::placeholder {
  color: #696969;
}

.annotation-editor__textarea.focus-visible::-moz-placeholder {
  color: #363636;
}

.annotation-editor__textarea.focus-visible:-ms-input-placeholder {
  color: #363636;
}

.annotation-editor__textarea.focus-visible::placeholder {
  color: #363636;
}

.annotation-editor__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-top: -8px;
}

@media all and (min-width: 960px) {
  .annotation-editor__actions {
    margin-top: 2px;
  }
}

.annotation-editor__actions .form-input {
  width: 100%;
}

@media all and (min-width: 1024px) {
  .annotation-editor__actions .form-input {
    width: auto;
  }
}

.annotation-editor__action {
  display: flex;
  flex-direction: column;
  margin-top: 18px;
}

@media all and (min-width: 620px) {
  .annotation-editor__action {
    flex-direction: row;
    align-items: center;
  }
}

.annotation-editor__action-label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: flex;
  align-items: center;
  margin-right: 16px;
  margin-bottom: 8px;
  font-size: 14px;
  letter-spacing: 0.125em;
}

@media all and (min-width: 620px) {
  .annotation-editor__action-label {
    margin-bottom: 0;
  }
}

.annotation-editor__action-icon {
  margin-right: 12px;
}

.annotation-editor__group-picker {
  position: relative;
  color: #363636;
}

.annotation-editor__group-picker-toggle {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 250px;
  padding: 7.5px 16px 9.5px 18px;
  font-size: 17px;
  background-color: #ececec;
  border-radius: 20px;
  transition: background-color 0.2s ease;
}

.annotation-editor__group-picker-toggle:hover {
  color: inherit;
  background-color: #e6e6e6;
}

.annotation-editor__group-picker-toggle.focus-visible {
  background-color: #e6e6e6;
  outline: 0;
}

.annotation-editor__group-picker-toggle svg {
  position: relative;
  top: 2px;
  flex-shrink: 0;
  margin-left: 3px;
}

.annotation-editor__group-picker-toggle-text {
  overflow: hidden;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.annotation-editor__buttons {
  display: flex;
  width: 100%;
  margin-top: 18px;
  margin-left: -15px;
}

@media all and (min-width: 1235px) {
  .annotation-editor__buttons {
    width: auto;
  }
}

.annotation-editor__buttons--end {
  width: auto;
}

.annotation-editor__buttons:only-child {
  justify-content: flex-end;
  width: 100%;
  margin-left: 0;
}

.annotation-editor__buttons .button-primary, .annotation-editor__buttons .button-secondary {
  min-width: 100px;
  padding: 9px 0 11px;
  margin-left: 15px;
  font-size: 14px;
}

.annotation-editor__buttons .button-secondary[disabled='disabled'], .annotation-editor__buttons .button-secondary.button-secondary:disabled {
  color: #363636;
  background-color: #b1ead2;
  background-color: var(--accent-primary-dull, #b1ead2);
}

.annotation-editor__buttons .button-secondary:active {
  color: inherit;
}

.annotation-editor .placeholder button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 14px;
  border: 0;
}

.selection-group-heading {
  margin-bottom: 26px;
}

.selection-group-heading h2 {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin: 0;
  font-size: 24px;
}

@media all and (min-width: 690px) {
  .selection-group-heading h2 {
    font-size: 32px;
  }
}

.annotation-comment-thread {
  padding-top: 22px;
}

.annotation-comment-thread .annotation-comment-thread .comment-list {
  padding-left: 0;
}

@media all and (min-width: 700px) {
  .annotation-comment-thread .annotation-comment-thread .comment-list {
    padding-left: 50px;
  }
}

.annotation-comment-thread .annotation-comment-thread .annotation-comment-thread .comment-list {
  padding-left: 0;
}

@media all and (min-width: 1024px) {
  .annotation-comment-thread .annotation-comment-thread .annotation-comment-thread .comment-list {
    padding-left: 50px;
  }
}

.annotation-comment-thread .annotation-comment-thread .annotation-comment-thread .annotation-comment-thread .comment-list {
  padding-left: 0;
}

.annotation-comment-thread .comment-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 50px;
}

.annotation-comment-thread .comment-list .annotation-reply + .annotation-reply {
  padding-top: 20px;
}

.annotation-selection__text-container {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.3;
  color: #363636;
  word-wrap: break-word;
  transition: background-color 0.2s ease;
}

@media all and (min-width: 1024px) {
  .annotation-selection__text-container {
    padding-right: 5.859vw;
  }
}

@media all and (min-width: 1235px) {
  .annotation-selection__text-container {
    padding-right: 60px;
  }
}

@media all and (min-width: 1024px) {
  .annotation-selection__text-container {
    padding-left: 5.859vw;
  }
}

@media all and (min-width: 1235px) {
  .annotation-selection__text-container {
    padding-left: 60px;
  }
}

@media all and (min-width: 800px) {
  .annotation-selection__text-container {
    font-size: 18px;
  }
}

.annotation-selection__text-container--dark {
  padding-top: 23px;
  padding-bottom: 23px;
  background-color: #ececec;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

@media all and (min-width: 800px) {
  .annotation-selection__text-container--dark {
    padding-top: 31px;
    padding-bottom: 25px;
  }
}

.annotation-selection__text-container--dark.annotation-selection__text-container--hovering {
  background-color: #e6e6e6;
}

.annotation-selection__text-container--light {
  padding-top: 30px;
  padding-bottom: 26px;
  background-color: #f7f7f7;
}

@media all and (min-width: 800px) {
  .annotation-selection__text-container--light {
    padding-top: 41px;
    padding-bottom: 34px;
  }
}

.annotation-selection__text-container--light.annotation-selection__text-container--hovering {
  background-color: #ececec;
}

.annotation-selection__text-container--rounded-corners {
  border-radius: 8px;
}

.annotation-selection__text-container--hovering {
  position: relative;
}

.annotation-selection__text-container--hovering .annotation-selection__hover-arrow {
  opacity: 1;
}

.annotation-selection__text-container--hovering .truncated__wrapper--blur::after {
  opacity: 1;
}

.annotation-selection__highlight-text {
  width: 100%;
  line-height: 1.6;
  background-color: #d9f5fb;
}

.annotation-selection__container {
  padding-left: 50px;
  position: relative;
  padding-right: 0;
}

.annotation-selection__icon {
  position: absolute;
  top: 2px;
  left: 0;
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  transform: rotateX(180deg);
  transform: rotateX(180deg) translateZ(-1px);
}

.annotation-selection__button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  margin-left: 50px;
  display: block;
  margin-top: 20px;
  font-size: 13px;
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.annotation-selection__button-absolute {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotation-selection__source-summary {
  padding-top: 10px;
}

.annotation-selection__source-summary-link {
  display: flex;
  text-decoration: none;
}

.annotation-selection__source-summary-link:hover {
  color: inherit;
}

.annotation-selection__source-summary-text {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-size: 14px;
}

@media all and (min-width: 800px) {
  .annotation-selection__source-summary-text {
    font-size: 16px;
  }
}

.annotation-selection__hover-arrow {
  position: relative;
  top: -2px;
  flex-shrink: 0;
  margin-left: 12px;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.annotation-selection__action-buttons {
  position: relative;
}

.citation {
  padding-top: 28px;
}

.citation__radios {
  display: block;
  padding: 0;
  margin: 0;
  color: #9a9a9a;
  border: none;
}

.citation__legend {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  margin-bottom: 15px;
  font-size: 14px;
}

.citation__radio {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  position: relative;
  font-size: 14px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.citation__radio:hover, .citation__radio--active {
  color: #000000;
  border-color: #000000;
}

.citation__radio + .citation__radio {
  margin-left: 24px;
}

.citation__input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.citation__input.focus-visible ~ .citation__label {
  outline: solid 2px;
  outline-offset: 4px;
}

.citation__notice {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.075em;
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
}

.citation__copyable {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.015em;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  padding: 1.2em 1.5em;
  margin-top: 32px;
  margin-bottom: 20px;
  color: #363636;
  background-color: #ececec;
  border-radius: 8px;
}

@media all and (min-width: 620px) {
  .citation__copyable {
    font-size: 20px;
  }
}

.annotation-meta {
  padding-left: 50px;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

@media all and (min-width: 560px) {
  .annotation-meta {
    flex-direction: row;
    justify-content: space-between;
  }
}

.annotation-meta:only-child {
  margin-bottom: 0;
}

.annotation-meta__avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  color: #828282;
}

.annotation-meta__avatar--dull {
  color: #e6e6e6;
  cursor: default;
}

.annotation-meta__avatar svg {
  width: 100%;
  height: 100%;
}

.annotation-meta__avatar-placeholder-container {
  width: 38px;
  margin-left: -2px;
}

.annotation-meta__avatar-image-container {
  width: 32px;
  border: 1px solid #9a9a9a;
  border-radius: 100%;
}

.annotation-meta__author-name {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin: 0;
  font-weight: 600;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  color: #363636;
}

.annotation-meta__deleted-message {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.031em;
  margin-top: 8px;
  margin-bottom: 11px;
}

.annotation-meta__datetime, .annotation-meta__subtitle {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.031em;
  margin-top: 2px;
}

.annotation-meta .markers {
  display: flex;
  padding-top: 6px;
}

@media all and (min-width: 560px) {
  .annotation-meta .markers {
    padding: 0;
  }
}

.annotation-meta .marker {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: flex;
  align-items: center;
  padding: 8px 14px;
  font-size: 11px;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  color: #34a178;
  color: var(--accent-primary-dark, #34a178);
  text-align: center;
  background-color: #ececec;
  max-width: 240px;
}

.annotation-meta .marker.secondary {
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
}

.annotation-meta .marker.tertiary {
  color: #696969;
}

.annotation-meta .marker + .marker {
  margin-left: 8px;
}

.annotation-meta .marker__link {
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.annotation-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 37px;
}

@media all and (min-width: 1024px) {
  .annotation-list {
    padding-right: 5.859vw;
  }
}

@media all and (min-width: 1235px) {
  .annotation-list {
    padding-right: 60px;
  }
}

@media all and (min-width: 1024px) {
  .annotation-list {
    padding-left: 5.859vw;
  }
}

@media all and (min-width: 1235px) {
  .annotation-list {
    padding-left: 60px;
  }
}

.annotation-list--dark {
  padding-right: 20px;
  background-color: #f7f7f7;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

@media all and (min-width: 1024px) {
  .annotation-list--dark {
    padding-right: 5.859vw;
  }
}

@media all and (min-width: 1235px) {
  .annotation-list--dark {
    padding-right: 60px;
  }
}

.annotation-list .annotation-comments {
  padding-top: 32px;
}

@media all and (min-width: 690px) {
  .annotation-list .annotation-comments {
    padding-top: 40px;
  }
}

.annotation-list .annotation-comments + .annotation-comments {
  margin-top: 23px;
  border-top: 1px solid #c3c3c3;
}

.annotation-list:not(last-child) .annotation-comment-thread .annotation-selection__button-trim {
  padding: 0;
  border: 0;
}

.truncated__wrapper {
  position: relative;
  overflow: hidden;
  transition: height 0.2s ease;
}

.truncated__wrapper::before, .truncated__wrapper::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4em;
  content: '';
  opacity: 0;
}

.truncated__wrapper::before {
  transition: opacity 0.4s ease 0.2s;
}

.truncated__wrapper--light::before {
  background: linear-gradient(to top, #f7f7f7 10%, rgba(247, 247, 247, 0) 100%);
}

.truncated__wrapper--dark::before {
  background: linear-gradient(to top, #ececec 10%, rgba(236, 236, 236, 0) 100%);
}

.truncated__wrapper--blur::before {
  opacity: 1;
}

.truncated__wrapper::after {
  background: linear-gradient(to top, rgba(214, 214, 214, 0.2) 10%, rgba(214, 214, 214, 0) 100%);
  transition: opacity 0.2s ease;
}

.truncated__expand-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: block;
  width: 100%;
  padding-bottom: 13px;
  font-size: 14px;
  text-align: left;
  position: relative;
  padding-top: 11px;
  padding-bottom: 0;
  margin-top: -8px;
  font-size: 13px;
  color: #363636;
  visibility: visible;
  border: 0;
  border-top: 1px solid #363636;
  opacity: 1;
  transition: margin 0.2s linear, color 0.2s ease, border-color 0.2s ease, padding-top 0.2s ease 0.1s, opacity 0.2s ease 0.1s, visibility 0.2s ease 0.1s;
}

.truncated__expand-button:hover {
  color: #3dbd8c;
  color: var(--accent-primary-medium, #3dbd8c);
}

.truncated__expand-button.focus-visible {
  color: #2e2e2e;
  outline: 0;
}

.truncated__expand-button:active {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.truncated__expand-button:hover {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  border-color: #52e3ac;
  border-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.truncated__expand-button--hidden {
  padding-top: 0;
  visibility: hidden;
  opacity: 0;
}

.annotation-group-options {
  width: 290px;
  padding-bottom: 20px;
  background-color: #ececec;
  border-radius: 8px;
  /* stylelint-disable property-no-vendor-prefix */
  /* stylelint-enable property-no-vendor-prefix */
}

.annotation-group-options--light {
  padding-top: 30px;
  background-color: #ececec;
}

.annotation-group-options--dark {
  padding-top: 14px;
  background-color: #424242;
}

.scheme-dark .annotation-group-options--dark {
  background-color: #ffffff;
}

.annotation-group-options--popup {
  box-shadow: 5px 15px 35px 8px rgba(0, 0, 0, 0.13);
  position: absolute;
  top: calc(100% + 16px * 2);
  left: 50%;
  z-index: 1;
  outline: 0;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  transform: translateX(-50%);
}

.annotation-group-options--popup::after {
  position: absolute;
  top: -16px;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  margin-left: -16px;
  content: '';
  border-color: transparent transparent #ececec;
  border-style: solid;
  border-width: 0 16px 16px;
}

.annotation-group-options--hidden {
  visibility: hidden;
  opacity: 0;
}

.annotation-group-options__list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  max-height: 336px;
  overflow: auto;
}

.annotation-group-options__button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  text-align: left;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.annotation-group-options--light .annotation-group-options__button {
  color: #363636;
}

.annotation-group-options--light .annotation-group-options__button:hover, .annotation-group-options--light .annotation-group-options__button.focus-visible {
  background-color: #d6d6d6;
  outline: 0;
}

.annotation-group-options--dark .annotation-group-options__button {
  color: #ffffff;
}

.scheme-dark .annotation-group-options--dark .annotation-group-options__button {
  color: #424242;
}

.annotation-group-options--dark .annotation-group-options__button:hover, .annotation-group-options--dark .annotation-group-options__button.focus-visible {
  color: #424242;
  background-color: #52e3ac;
  background-color: var(--accent-interaction-light, #52e3ac);
  outline: 0;
}

.annotation-group-options__button-inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 22px 14px 1fr 14px 18px;
  grid-template: 'selected label private' auto / 22px 1fr 18px;
  -moz-column-gap: 14px;
       column-gap: 14px;
  padding: 10px 20px;
}

.annotation-group-options__button-text {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: block;
  grid-area: label;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  min-height: 22px;
  overflow: hidden;
  font-size: 17px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.annotation-group-options__icon--selected {
  grid-area: selected;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.annotation-group-options__icon--private {
  grid-area: private;
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  margin-top: 2px;
  transition: color 0.2s ease;
}

.annotation-group-options--light .annotation-group-options__icon--private {
  color: #9a9a9a;
}

.annotation-group-options--dark .annotation-group-options__icon--private {
  color: #b3b3b3;
}

.scheme-dark .annotation-group-options--dark .annotation-group-options__icon--private {
  color: #9a9a9a;
}

.annotation-group-options--dark .annotation-group-options__button:hover .annotation-group-options__icon--private,
.annotation-group-options--dark .annotation-group-options__button.focus-visible .annotation-group-options__icon--private {
  color: #424242;
}

.annotation-group-options__icon--link {
  margin-left: 8px;
}

.annotation-group-options__link {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  font-size: 12px;
  text-decoration: none;
  border: 1px solid;
  border-radius: 4px;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.annotation-group-options--light .annotation-group-options__link {
  color: #5c5c5c;
}

.annotation-group-options--dark .annotation-group-options__link {
  color: #b3b3b3;
}

.scheme-dark .annotation-group-options--dark .annotation-group-options__link {
  color: #5c5c5c;
}

.annotation-group-options__link:hover, .annotation-group-options__link.focus-visible {
  color: #424242;
  background-color: #52e3ac;
  background-color: var(--accent-interaction-light, #52e3ac);
  border-color: #52e3ac;
  border-color: var(--accent-interaction-light, #52e3ac);
  outline: 0;
}

.annotation-group-options__footer {
  margin: 20px 20px 0;
}

.comment-more {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  width: 100%;
  padding-top: 13px;
  padding-bottom: 3px;
  margin-top: 20px;
  font-size: 13px;
  color: #363636;
  text-align: left;
}

.comment-more__icon {
  margin-bottom: 2px;
  margin-left: 12px;
}

.app-footer {
  --default-hover-color: var(--accent-interaction-light, #52e3ac);
  --default-focus-color: var(--accent-interaction-light, #52e3ac);
  padding-top: 32px;
  color: #b3b3b3;
  background-color: #424242;
}

@media all and (min-width: 560px) {
  .app-footer {
    padding-top: 40px;
  }
}

@media all and (min-width: 690px) {
  .app-footer {
    padding-top: 67px;
  }
}

.app-footer--reader {
  padding-top: 0;
}

.app-footer--branded .app-footer__column--right {
  display: none;
}

@media all and (min-width: 690px) {
  .app-footer--branded .app-footer__column--right {
    display: block;
  }
}

.app-footer--standalone {
  --default-focus-color: var(--accent-interaction-light, #52e3ac);
  padding-top: 0;
}

.app-footer__columns {
  margin-bottom: 30px;
}

.app-footer__columns::after {
  display: block;
  clear: both;
  content: '';
}

@media all and (min-width: 690px) {
  .app-footer__columns {
    min-height: 105px;
  }
}

.app-footer__row {
  display: flex;
  flex-direction: column-reverse;
}

@media all and (min-width: 690px) {
  .app-footer__row {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.app-footer__socials {
  float: right;
  width: 200px;
  margin-top: 38px;
}

.app-footer__socials-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.app-footer__socials-item {
  padding: 0;
}

.app-footer__socials-item a:hover,
.app-footer__socials-item a.focus-visible {
  outline: 0;
}

.app-footer__socials-item a:hover svg,
.app-footer__socials-item a.focus-visible svg {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.app-footer__socials-item .svg-icon--socialTwitter32 {
  margin-left: 10px;
}

.app-footer__column--right {
  padding-top: 30px;
}

@media all and (min-width: 690px) {
  .app-footer__column--right {
    order: 2;
    padding-top: 0;
  }
}

@media all and (min-width: 690px) {
  .app-footer__column--left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0;
  }
}

.app-footer__copyright {
  position: relative;
  padding-bottom: 20px;
  font-size: 14px;
  font-family: 'freight-text-pro', 'aleo', serif;
}

@media all and (min-width: 400px) {
  .app-footer__copyright {
    padding-top: 8px;
    padding-bottom: 25px;
  }
}

@media all and (min-width: 480px) {
  .app-footer__copyright {
    font-size: 16px;
  }
}

.app-footer__copyright--standalone {
  padding: 0;
}

.app-footer__copyright--with-top-margin {
  margin-top: 30px;
}

@media all and (min-width: 690px) {
  .app-footer__copyright--with-top-margin {
    padding-top: 67px;
  }
}

.app-footer__copyright a {
  color: inherit;
}

.app-footer__press-logo {
  display: none;
  padding: 0;
  margin-bottom: 14px;
}

@media all and (min-width: 690px) {
  .app-footer__press-logo {
    display: inline-block;
    float: right;
    margin-bottom: 0;
  }
}

.app-footer__press-logo-image {
  max-width: 328px;
  max-height: 202px;
}

.app-footer-navigation {
  margin-top: -20px;
  margin-bottom: 20px;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  font-size: 16px;
}

@media all and (min-width: 880px) {
  .app-footer-navigation--mobile {
    display: none;
  }
}

.app-footer-navigation--desktop {
  display: none;
}

@media all and (min-width: 880px) {
  .app-footer-navigation--desktop {
    display: block;
  }
}

@media all and (min-width: 760px) {
  .app-footer-navigation {
    margin-bottom: 0;
  }
}

.app-footer-navigation__list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}

.app-footer-navigation__group {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  max-width: 150px;
  margin-right: 30px;
  margin-bottom: 0.8em;
}

@media all and (min-width: 960px) {
  .app-footer-navigation__group {
    max-width: 160px;
    margin-right: 70px;
  }
}

.app-footer-navigation__item {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: flex;
  font-size: 17px;
  font-weight: 500;
}

.app-footer-navigation__item + .app-footer-navigation__item {
  margin-top: 0.8em;
}

.app-footer-navigation__icon {
  position: relative;
  top: -1px;
  margin-right: 14px;
}

.app-footer-navigation__link {
  text-decoration: none;
  cursor: pointer;
}

.app-footer-powered-by {
  display: block;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #363636;
  transition: background-color 0.2s ease;
}

.app-footer-powered-by--reader {
  padding-top: 42px;
  padding-bottom: 42px;
}

.app-footer-powered-by--with-hover:hover, .app-footer-powered-by--with-hover.focus-visible {
  background-color: #52e3ac;
  background-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  outline: 0;
}

.app-footer-powered-by--with-hover:hover .app-footer-powered-by__logo-icon,
.app-footer-powered-by--with-hover:hover .app-footer-powered-by__logo-text--neutral,
.app-footer-powered-by--with-hover:hover .app-footer-powered-by__logo-text--white, .app-footer-powered-by--with-hover.focus-visible .app-footer-powered-by__logo-icon,
.app-footer-powered-by--with-hover.focus-visible .app-footer-powered-by__logo-text--neutral,
.app-footer-powered-by--with-hover.focus-visible .app-footer-powered-by__logo-text--white {
  color: #363636;
}

.app-footer-powered-by__copyright {
  font-family: 'freight-text-pro', 'aleo', serif;
  display: inline-block;
  margin-top: 10px;
  margin-left: 0;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.4em;
  vertical-align: top;
}

@media all and (min-width: 690px) {
  .app-footer-powered-by__copyright {
    margin-top: -6px;
    margin-left: 6px;
    font-size: 17px;
  }
}

.app-footer-powered-by__logo {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: block;
  font-size: 20px;
  font-weight: 600;
  line-height: 33px;
  color: #ffffff;
  text-decoration: none;
}

@media all and (min-width: 690px) {
  .app-footer-powered-by__logo--dull {
    color: #d6d6d6;
  }
}

.app-footer-powered-by__logo--w-copyright {
  display: flex;
  flex-direction: column;
}

@media all and (min-width: 690px) {
  .app-footer-powered-by__logo--w-copyright {
    flex-direction: row;
  }
}

.app-footer-powered-by__logo--with-hover:hover, .app-footer-powered-by__logo--with-hover.focus-visible {
  outline: 0;
}

.app-footer-powered-by__logo--with-hover:hover .app-footer-powered-by__logo-icon,
.app-footer-powered-by__logo--with-hover:hover .app-footer-powered-by__logo-text--neutral,
.app-footer-powered-by__logo--with-hover:hover .app-footer-powered-by__logo-text--white, .app-footer-powered-by__logo--with-hover.focus-visible .app-footer-powered-by__logo-icon,
.app-footer-powered-by__logo--with-hover.focus-visible .app-footer-powered-by__logo-text--neutral,
.app-footer-powered-by__logo--with-hover.focus-visible .app-footer-powered-by__logo-text--white {
  color: #ffffff;
}

.app-footer-powered-by__logo-icon {
  position: relative;
  top: -2px;
  flex-shrink: 0;
  margin-right: 14px;
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
  transition: color 0.2s ease;
}

@media all and (min-width: 690px) {
  .app-footer-powered-by__logo-icon--dull {
    color: #828282;
  }
}

.app-footer-powered-by__logo-text {
  display: inline-block;
}

.app-footer-powered-by__logo-text--tiny {
  margin-top: 11px;
  font-size: 12px;
  line-height: 1.4em;
}

@media all and (min-width: 690px) {
  .app-footer-powered-by__logo-text--tiny {
    margin-top: 0;
    font-size: 13px;
  }
}

.app-footer-powered-by__logo-text--neutral {
  color: #b3b3b3;
  transition: color 0.2s ease;
}

.app-footer-powered-by__logo-text--white {
  transition: color 0.2s ease;
}

.app-footer-powered-by__postscript {
  margin-top: 20px;
}

.app-footer-search-form input {
  border-width: 1px;
  border-radius: 8px;
}

.app-footer-search-form--with-top-margin {
  margin-top: 30px;
}

@media all and (min-width: 690px) {
  .app-footer-search-form--with-top-margin {
    margin-top: 60px;
  }
}

.collection-detail__utility {
  padding: 26px 0 12px;
}

@media all and (min-width: 620px) {
  .collection-detail__utility {
    display: flex;
    justify-content: space-between;
  }
}

.collection-detail__description {
  font-family: 'freight-text-pro', 'aleo', serif;
  max-width: 840px;
  font-size: 15px;
}

.collection-detail .share-nav-primary {
  padding-top: 26px;
}

.resource-collections-list ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

@media all and (min-width: 620px) {
  .resource-collections-list ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -25px;
  }
}

.resource-collections-list li {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}

@media all and (min-width: 620px) {
  .resource-collections-list li {
    width: 50%;
    padding-left: 25px;
    margin-bottom: 30px;
  }
}

.resource-collections-list a {
  --default-hover-color: var(--accent-interaction-light, #52e3ac);
  color: #9a9a9a;
  background-color: #2e2e2e;
  border-radius: 8px;
  display: flex;
  width: 100%;
  padding-top: 107px;
  color: #ffffff;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  transition: color 0.2s ease, box-shadow 0.2s ease;
}

@media all and (min-width: 800px) {
  .resource-collections-list a {
    padding-top: 160px;
  }
}

.resource-collections-list a:hover, .resource-collections-list a.focus-visible {
  box-shadow: 0 20px 30px 2px rgba(0, 0, 0, 0.13);
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  outline: 0;
}

.resource-collections-list .title-overlay {
  display: flex;
  justify-content: space-between;
  width: 100%;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0 0 8px 8px;
  transition: background-color 0.2s ease-out;
}

@media all and (min-width: 800px) {
  .resource-collections-list .title-overlay {
    flex-direction: row;
  }
}

.resource-collections-list .collection-title, .resource-collections-list .icon {
  margin: 0;
}

.resource-collections-list .collection-title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  width: auto;
  height: auto;
  padding: 18px 16px;
  font-size: 18px;
  font-weight: 500;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

@media all and (min-width: 700px) {
  .resource-collections-list .collection-title {
    padding: 18px 21px;
  }
}

@media all and (min-width: 800px) {
  .resource-collections-list .collection-title {
    flex-grow: 1;
  }
}

@media all and (min-width: 880px) {
  .resource-collections-list .collection-title {
    font-size: 20px;
  }
}

@media all and (min-width: 1024px) {
  .resource-collections-list .collection-title {
    padding: 20px 24px;
  }
}

.resource-collections-list .icon {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  max-width: 100px;
  padding-right: 16px;
  font-size: 12px;
  text-align: center;
}

@media all and (min-width: 760px) {
  .resource-collections-list .icon {
    padding: 18px 24px 18px 0;
    font-size: 14px;
  }
}

.resource-collections-list .icon span {
  display: none;
}

@media all and (min-width: 960px) {
  .resource-collections-list .icon span {
    display: block;
    word-break: break-word;
  }
}

.resource-slideshow {
  --default-focus-color: var(--accent-interaction-light, #52e3ac);
  --default-hover-color: var(--accent-interaction-light, #52e3ac);
  padding-bottom: 38px;
}

@media all and (min-width: 620px) {
  .resource-slideshow {
    max-width: 1235px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media all and (min-width: 620px) and (min-width: 450px) {
  .resource-slideshow {
    padding-right: 4.5%;
    padding-left: 4.5%;
  }
}

@media all and (min-width: 620px) and (min-width: 1235px) {
  .resource-slideshow {
    padding-right: 50px;
    padding-left: 50px;
  }
}

.resource-slideshow__figure figure {
  height: calc(100% - 39px);
}

@media all and (min-width: 620px) {
  .resource-slideshow__figure figure {
    height: 100%;
  }
}

.resource-slideshow__footer {
  position: relative;
  padding: 10px 4.5%;
  color: #696969;
}

@media all and (min-width: 620px) {
  .resource-slideshow__footer {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 17px 23px;
    color: #b3b3b3;
    background-color: #363636;
  }
}

.resource-slideshow__caption {
  position: relative;
  flex-grow: 1;
}

.resource-slideshow__pagination {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  color: #b3b3b3;
  text-align: center;
  background-color: rgba(54, 54, 54, 0.9);
}

@media all and (min-width: 620px) {
  .resource-slideshow__pagination {
    position: static;
    width: 160px;
    padding-top: 2px;
    text-align: right;
    background: transparent;
  }
}

.resource-slideshow__ordinal {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-block;
  padding: 11px 0 13px;
  font-size: 13px;
  letter-spacing: 0.05em;
}

@media all and (min-width: 620px) {
  .resource-slideshow__ordinal {
    padding: 0;
    font-size: 16px;
  }
}

.resource-slideshow__button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  position: absolute;
  top: 50%;
  display: inline-flex;
  align-items: center;
  margin-top: -9px;
  font-size: 13px;
  letter-spacing: 0.05em;
}

@media all and (min-width: 620px) {
  .resource-slideshow__button {
    position: static;
    margin-top: 13px;
  }
}

.resource-slideshow__button:disabled {
  opacity: 0.4;
}

.resource-slideshow__button:disabled:hover {
  color: #c3c3c3;
}

.resource-slideshow__button--previous {
  left: 20px;
}

.resource-slideshow__button--next {
  right: 20px;
  float: right;
}

@media all and (min-width: 620px) {
  .resource-slideshow__button--next {
    margin-right: -4px;
    margin-left: 11px;
  }
}

@media all and (min-width: 620px) {
  .resource-slideshow__pagination-text {
    display: none;
  }
}

.resource-slideshow__pagination-icon--large {
  display: none;
}

@media all and (min-width: 620px) {
  .resource-slideshow__pagination-icon--large {
    display: inline-block;
  }
}

@media all and (min-width: 620px) {
  .resource-slideshow__pagination-icon--small {
    display: none;
  }
}

.resource-slideshow__pagination-icon--small.resource-slideshow__pagination-icon--right {
  margin-left: 8px;
}

.resource-slideshow__pagination-icon--small.resource-slideshow__pagination-icon--left {
  margin-right: 8px;
}

.resource-slideshow__title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-top: 0;
  margin-bottom: 0.2em;
  font-size: 20px;
  font-weight: 400;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  color: #363636;
}

@media all and (min-width: 620px) {
  .resource-slideshow__title {
    margin-bottom: 0.364em;
    font-size: 22px;
    color: #f7f7f7;
  }
}

.overlay-full .resource-slideshow__title {
  color: #f7f7f7;
}

.resource-slideshow__description {
  font-family: 'freight-text-pro', 'aleo', serif;
  max-width: 570px;
  height: 48px;
  padding-bottom: 5em;
  overflow: visible;
  font-size: 15px;
}

@media all and (min-width: 480px) {
  .resource-slideshow__description {
    padding-bottom: 3.5em;
  }
}

.resource-slideshow__description--collapsed {
  overflow: hidden;
}

.resource-slideshow__description--expanded {
  height: auto;
}

.resource-slideshow__description p + p {
  margin-top: 1em;
}

.resource-slideshow__description a {
  text-decoration: underline;
}

.resource-slideshow__utility {
  position: relative;
}

.resource-slideshow__utility--expandable::before {
  position: absolute;
  bottom: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 33px;
  content: '';
  box-shadow: inset -10px -10px 18px 0 #ffffff;
}

@media all and (min-width: 620px) {
  .resource-slideshow__utility--expandable::before {
    box-shadow: inset -10px -10px 18px 0 #363636;
  }
}

.overlay-full .resource-slideshow__utility--expandable::before {
  box-shadow: inset -10px -10px 18px 0 #363636;
}

.resource-slideshow__utility-inner {
  padding: 9px 0 13px;
  background-color: #ffffff;
}

@media all and (min-width: 620px) {
  .resource-slideshow__utility-inner {
    background-color: #363636;
  }
}

.resource-slideshow__utility--expandable.resource-slideshow__utility--expanded .resource-slideshow__utility-inner {
  margin-top: 0;
}

.overlay-full .resource-slideshow__utility-inner {
  background-color: #363636;
}

.resource-slideshow__more-link, .resource-slideshow__download-link, .resource-slideshow__detail-link {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  margin-top: 7px;
  font-size: 13px;
  text-decoration: none;
}

@media all and (min-width: 480px) {
  .resource-slideshow__more-link, .resource-slideshow__download-link, .resource-slideshow__detail-link {
    display: inline;
    margin-top: 0;
    margin-right: 22px;
  }
}

.resource-slideshow__more-link {
  display: none;
}

.resource-slideshow__utility--expandable .resource-slideshow__more-link {
  display: block;
}

@media all and (min-width: 480px) {
  .resource-slideshow__utility--expandable .resource-slideshow__more-link {
    display: inline;
  }
}

.resource-slideshow__close-text {
  display: none;
}

.resource-slideshow__more-link--open .resource-slideshow__close-text {
  display: inline;
}

.resource-slideshow__more-link--open .resource-slideshow__open-text {
  display: none;
}

.resource-slideshow__download-link {
  display: inline-flex;
  align-items: center;
}

.resource-slideshow__download-icon {
  margin-left: 4px;
}

.event-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
  flex-flow: row wrap;
  margin-top: -28px;
}

@media all and (min-width: 620px) {
  .event-list {
    margin-left: -48px;
  }
}

@supports (grid-auto-columns: min-content) {
  .event-list {
    display: grid;
    grid-template-columns: auto;
  }
  @media all and (min-width: 692px) {
    .event-list {
      grid-template-columns: repeat(2, minmax(332px, 1fr));
    }
  }
  @media all and (min-width: 1057px) {
    .event-list {
      grid-template-columns: repeat(3, minmax(332px, 1fr));
    }
  }
}

.event-list__item {
  display: flex;
  flex-grow: 1;
  min-width: 100%;
  margin-top: 28px;
}

@media all and (min-width: 620px) {
  .event-list__item {
    padding-left: 40px;
  }
}

@media all and (min-width: 690px) {
  .event-list__item {
    flex-basis: calc(50% - 40px);
    min-width: 332px;
  }
}

@media all and (min-width: 880px) {
  .event-list__item {
    flex-basis: calc(33.333% - 40px);
    max-width: 417.58px;
    margin-top: 40px;
  }
  @supports (grid-auto-columns: min-content) {
    .event-list__item {
      max-width: none;
    }
  }
}

.event-tile {
  position: relative;
  width: 100%;
  padding: 19px 17px 21px 0;
  margin-left: 10px;
  text-decoration: none;
  transition: color 0.2s ease-out, box-shadow 0.2s ease-out;
}

.backend .event-tile {
  height: 100%;
}

@media all and (min-width: 620px) {
  .backend .event-tile {
    color: #9a9a9a;
    background-color: #2e2e2e;
    border-radius: 8px;
  }
}

.browse .event-tile {
  background-color: #f7f7f7;
  border-radius: 8px;
}

.event-tile--linked {
  cursor: pointer;
}

.event-tile--linked:hover, .event-tile--linked.focus-visible {
  box-shadow: 0 10px 30px 2px rgba(0, 0, 0, 0.13);
  outline: 0;
}

@media all and (min-width: 620px) {
  .event-tile--linked:hover, .event-tile--linked.focus-visible {
    box-shadow: 0 20px 30px 2px rgba(0, 0, 0, 0.13);
  }
}

.event-tile.tweet .event-tile__content {
  font-style: italic;
  letter-spacing: 0.065em;
}

.event-tile__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-left: 32px;
}

.backend .event-tile__inner {
  padding-left: 0;
}

@media all and (min-width: 620px) {
  .backend .event-tile__inner {
    padding-left: 40px;
  }
}

@media all and (min-width: 620px) {
  .event-tile__inner {
    padding-left: 40px;
  }
}

.event-tile__icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  color: #9a9a9a;
  background-color: #ffffff;
  border-radius: 100%;
  transition: color 0.2s ease;
  transform: translateX(-50%);
}

.backend .event-tile__icon {
  display: none;
  background-color: transparent;
}

@media all and (min-width: 620px) {
  .backend .event-tile__icon {
    display: block;
  }
}

.event-tile--linked:hover .event-tile__icon,
.event-tile--linked.focus-visible .event-tile__icon {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

@media all and (min-width: 620px) {
  .event-tile__icon {
    width: 44px;
    height: 44px;
  }
}

@media all and (min-width: 760px) {
  .event-tile__icon {
    width: 48px;
    height: 48px;
  }
}

.event-tile__title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  color: #ececec;
}

@media all and (min-width: 480px) {
  .event-tile__title {
    font-size: 17px;
  }
}

.browse .event-tile__title {
  color: #363636;
}

.event-tile__subtitle, .event-tile .event.content {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.031em;
  display: block;
  font-size: 15px;
}

.event-tile__user, .event-tile__user a {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 15px;
  text-decoration: none;
}

.event-tile__user + .event-tile__footer, .event-tile__user a + .event-tile__footer {
  margin-top: 3px;
}

.event-tile__user + .event-tile__content, .event-tile__user a + .event-tile__content {
  padding-top: 10px;
}

.event-tile__content {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-size: 13px;
  line-height: 1.313em;
  letter-spacing: 0.03em;
}

.event-tile__content a {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  text-decoration: none;
}

.event-tile__utility {
  position: absolute;
  right: 12px;
  bottom: 8px;
}

@media all and (min-width: 620px) {
  .event-tile__utility {
    font-size: 1.2em;
  }
}

.event-tile__utility:hover {
  cursor: pointer;
}

.event-tile__header, .event-tile__footer {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.115em;
}

@media all and (min-width: 480px) {
  .event-tile__header, .event-tile__footer {
    font-size: 13px;
  }
}

.event-tile__header {
  margin-bottom: 10px;
}

@media all and (min-width: 480px) {
  .event-tile__header {
    margin-bottom: 14px;
  }
}

.event-tile__footer {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end;
  margin-top: 18px;
}

.button-nav {
  display: flex;
  justify-content: center;
  margin-top: -10px;
  margin-bottom: -10px;
}

.button-nav--default {
  flex-direction: column;
}

@media all and (min-width: 760px) {
  .button-nav--default {
    flex-direction: row;
  }
}

.button-nav--stack {
  flex-direction: column;
}

.button-nav .button-icon-primary {
  flex-grow: 1;
  margin: 10px;
  vertical-align: top;
}

@media all and (min-width: 760px) {
  .button-nav .button-icon-primary {
    flex-grow: 0;
  }
}

.entity-section-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 30px;
}

@media all and (min-width: 760px) {
  .entity-section-wrapper {
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
  }
}

.entity-section-wrapper__heading {
  flex-grow: 1;
  order: -1;
  margin-bottom: 20px;
}

@media all and (min-width: 760px) {
  .entity-section-wrapper__heading + .entity-section-wrapper__body {
    margin-top: 34px;
  }
}

@media all and (min-width: 760px) {
  .entity-section-wrapper__heading {
    order: 0;
    margin-bottom: 0;
  }
}

@media all and (min-width: 1024px) {
  .entity-section-wrapper__heading {
    flex-basis: 1%;
    order: 0;
  }
}

.entity-section-wrapper__heading--wide {
  flex-basis: 100%;
  margin-bottom: 30px;
}

.entity-section-wrapper__heading .main {
  align-items: center;
}

@media all and (max-width: 760px) {
  .entity-section-wrapper__heading .main .title {
    font-size: 18px;
  }
}

.entity-section-wrapper__heading .main .manicon-svg {
  position: relative;
  top: 2px;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  margin-right: 6px;
  margin-left: -4px;
  color: #b3b3b3;
}

@media all and (min-width: 620px) {
  .entity-section-wrapper__heading .main .manicon-svg {
    width: 60px;
    height: 60px;
    margin-right: 14px;
  }
}

.entity-section-wrapper__tools {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  padding-bottom: 0;
  margin-bottom: 36px;
}

.entity-section-wrapper__tools + .entity-section-wrapper__body {
  margin-top: 18px;
}

@media all and (min-width: 760px) {
  .entity-section-wrapper__tools + .entity-section-wrapper__body {
    margin-top: 28px;
  }
  .entity-section-wrapper__tools + .entity-section-wrapper__body--pad-top {
    margin-top: 38px;
  }
}

@media all and (min-width: 760px) {
  .entity-section-wrapper__tools {
    flex-direction: row;
    margin-top: 10px;
  }
}

@media all and (min-width: 1024px) {
  .entity-section-wrapper__tools {
    align-self: flex-start;
    justify-content: flex-end;
    width: auto;
    margin-top: 11px;
    margin-bottom: 0;
  }
}

.entity-section-wrapper__tools.form-list-filter .search-input {
  width: auto;
}

@media all and (min-width: 760px) {
  .entity-section-wrapper__tools.form-list-filter .search-input {
    flex-grow: 1;
  }
}

@media all and (min-width: 1024px) {
  .entity-section-wrapper__tools.form-list-filter .search-input {
    width: 200px;
  }
}

@media all and (min-width: 760px) {
  .entity-section-wrapper__tools.form-list-filter .select-group.inline {
    width: auto;
    padding-top: 0;
    margin-left: 0;
  }
}

.entity-section-wrapper__tools.form-list-filter .reset-button {
  position: absolute;
  top: 100%;
  left: 0;
}

@media all and (min-width: 1024px) {
  .entity-section-wrapper__tools.form-list-filter:not(.entity-section-wrapper__tools--wide) {
    right: 0;
    left: unset;
    text-align: right;
  }
}

.entity-section-wrapper__tools--wide.form-list-filter {
  flex-basis: auto;
  margin-bottom: 46px;
}

@media all and (min-width: 760px) {
  .entity-section-wrapper__tools--wide.form-list-filter {
    flex-basis: 100%;
    flex-direction: column;
    margin-top: 30px;
  }
  .entity-section-wrapper__tools--wide.form-list-filter .select:first-child {
    margin-left: 0;
  }
}

@media all and (min-width: 960px) {
  .entity-section-wrapper__tools--wide.form-list-filter {
    flex-direction: row;
  }
}

.entity-section-wrapper__tools--wide.form-list-filter .select-group.inline {
  padding-top: 15px;
}

@media all and (min-width: 960px) {
  .entity-section-wrapper__tools--wide.form-list-filter .select-group.inline {
    padding-top: 0;
    padding-left: 15px;
  }
}

.entity-section-wrapper__details {
  order: -1;
  width: 100%;
  margin-bottom: 20px;
  line-height: 1.4;
}

@media all and (min-width: 760px) {
  .entity-section-wrapper__details {
    order: 0;
    margin-top: 28px;
    margin-bottom: 20px;
  }
}

@media all and (min-width: 1024px) {
  .entity-section-wrapper__details:not(.entity-section-wrapper__details--wide) {
    margin-right: 50%;
  }
}

@media all and (min-width: 1024px) {
  .entity-section-wrapper__details--wide {
    margin-right: 26%;
  }
}

.entity-section-wrapper__details + .entity-section-wrapper__body.project-list.empty {
  margin-top: 6px;
}

@media all and (min-width: 760px) {
  .entity-section-wrapper__details + .entity-section-wrapper__body.project-list.empty {
    margin-top: 12px;
  }
}

.entity-section-wrapper__details .description {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
  color: #555555;
}

.entity-section-wrapper__details .description:only-child:not(.pad-bottom) {
  margin-bottom: 0;
}

@media all and (min-width: 760px) {
  .entity-section-wrapper__details .description {
    font-size: 16px;
  }
}

.entity-section-wrapper__body:not(.project-list) {
  width: 100%;
}

.entity-section-wrapper__body--narrow {
  max-width: 720px;
}

.entity-section-wrapper__body--incomplete-header {
  margin-bottom: 20px;
}

@media all and (min-width: 480px) {
  .entity-section-wrapper__body--incomplete-header {
    margin-bottom: 0;
  }
}

.entity-section-wrapper__body--warning {
  font-style: italic;
}

.entity-section-wrapper__body--warning i, .entity-section-wrapper__body--warning em {
  font-style: normal;
}

.entity-section-wrapper__body--incomplete, .entity-section-wrapper__body--notice {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px;
  font-weight: 500;
  color: #363636;
  background-color: #fff799;
  border-radius: 8px;
}

.entity-section-wrapper__body--incomplete > div, .entity-section-wrapper__body--notice > div {
  margin-top: 15px;
  text-align: center;
}

.entity-section-wrapper__body--incomplete svg, .entity-section-wrapper__body--notice svg {
  color: #f5e425;
  color: var(--default-warning-color, #f5e425);
}

.entity-section-wrapper__body--incomplete .entity-section-wrapper__link-container, .entity-section-wrapper__body--notice .entity-section-wrapper__link-container {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-weight: 400;
  text-align: center;
}

.entity-section-wrapper__body--incomplete span, .entity-section-wrapper__body--notice span {
  display: block;
}

.entity-section-wrapper__body--incomplete span + span, .entity-section-wrapper__body--notice span + span {
  margin-top: 5px;
}

.entity-section-wrapper__body--incomplete a:hover, .entity-section-wrapper__body--incomplete a:visited, .entity-section-wrapper__body--notice a:hover, .entity-section-wrapper__body--notice a:visited {
  color: inherit;
}

@media all and (min-width: 480px) {
  .entity-section-wrapper__body--incomplete, .entity-section-wrapper__body--notice {
    flex-direction: row;
    justify-content: flex-start;
    padding: 35px 30px;
  }
  .entity-section-wrapper__body--incomplete svg, .entity-section-wrapper__body--notice svg {
    flex-shrink: 0;
  }
  .entity-section-wrapper__body--incomplete > div, .entity-section-wrapper__body--notice > div {
    margin-top: 0;
    margin-left: 30px;
    text-align: left;
  }
  .entity-section-wrapper__body--incomplete .entity-section-wrapper__link-container, .entity-section-wrapper__body--notice .entity-section-wrapper__link-container {
    text-align: left;
  }
}

.entity-section-wrapper__body--notice {
  background-color: #d4edfa;
}

.entity-section-wrapper__body--notice svg {
  color: #61caff;
  color: var(--default-notice-color, #61caff);
}

.entity-section-wrapper__utility {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 14px;
  line-height: 1.57;
}

.entity-section-wrapper__utility--footer {
  margin-top: 30px;
}

@media all and (min-width: 760px) {
  .entity-section-wrapper__utility--footer {
    margin-top: 20px;
  }
}

.entity-section-wrapper__utility a {
  display: flex;
  align-items: center;
  color: #555555;
  text-decoration: none;
}

.entity-section-wrapper__utility a:hover {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.entity-section-wrapper__utility a .manicon-svg {
  position: relative;
  top: -1px;
  width: 24px;
  height: 16px;
  margin-left: 12px;
}

@media all and (min-width: 760px) {
  .entity-section-wrapper__utility a .manicon-svg {
    width: 30px;
    height: 20px;
    margin-left: 15px;
  }
}

.entity-section-wrapper__pagination {
  width: 100%;
  margin-top: 30px;
}

.press-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
}

.press-header::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background-color: #2e2e2e;
  opacity: 0;
  transition: opacity 0.4s;
}

.press-header:hover, .press-header.focus-visible {
  outline: 0;
}

.press-header:hover::after, .press-header.focus-visible::after {
  opacity: 0.125;
}

.press-header__inner {
  max-width: 1235px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  padding-top: 9.5px;
  padding-bottom: 9.5px;
}

@media all and (min-width: 450px) {
  .press-header__inner {
    padding-right: 4.5%;
    padding-left: 4.5%;
  }
}

@media all and (min-width: 1235px) {
  .press-header__inner {
    padding-right: 50px;
    padding-left: 50px;
  }
}

.press-header__text {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  position: relative;
  top: -2px;
  display: block;
  overflow: hidden;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* stylelint-disable property-no-vendor-prefix */
.library-header--light {
  color: #696969;
  color: var(--header-foreground-color, #696969);
  background-color: #ffffff;
  background-color: var(--header-background-color, #ffffff);
}

.library-header--dark {
  background-color: #424242;
}

.library-header__inner {
  max-width: 1235px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  padding-top: 9px;
  display: -ms-grid;
  display: grid;
  grid-template: 'logo breadcrumbs hamburger' / 1fr auto 1fr;
  width: 100%;
  height: 100%;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr auto 1fr;
}

@media all and (min-width: 450px) {
  .library-header__inner {
    padding-right: 4.5%;
    padding-left: 4.5%;
  }
}

@media all and (min-width: 1235px) {
  .library-header__inner {
    padding-right: 50px;
    padding-left: 50px;
  }
}

@media all and (min-width: 480px) {
  .library-header__inner {
    padding-top: 20px;
  }
}

@media all and (min-width: 760px) {
  .library-header__inner {
    grid-template: 'logo site-nav . user-nav' / -webkit-max-content -webkit-max-content 1fr -webkit-max-content;
    grid-template: 'logo site-nav . user-nav' / max-content max-content 1fr max-content;
    -ms-grid-columns: max-content max-content 1fr max-content;
  }
}

.library-header .header-logo, .library-header .overlay-full-primary .overlay-header .logo, .overlay-full-primary .overlay-header .library-header .logo,
.library-header .breadcrumb-list,
.library-header .mobile-nav-toggle {
  margin-bottom: 9px;
}

@media all and (min-width: 480px) {
  .library-header .header-logo, .library-header .overlay-full-primary .overlay-header .logo, .overlay-full-primary .overlay-header .library-header .logo,
  .library-header .breadcrumb-list,
  .library-header .mobile-nav-toggle {
    margin-bottom: 20px;
  }
}

.library-header .site-nav {
  grid-area: site-nav;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  align-self: center;
  -ms-grid-row-align: center;
}

@media all and (min-width: 760px) {
  .library-header .site-nav {
    margin-left: 25px;
  }
}

.library-header .user-nav {
  grid-area: user-nav;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  align-self: center;
  -ms-grid-row-align: center;
}

@media all and (min-width: 760px) {
  .library-header .user-nav {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
}

.library-header .breadcrumb-list {
  grid-area: breadcrumbs;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  align-self: center;
}

@media all and (min-width: 760px) {
  .library-header .breadcrumb-list {
    display: none;
  }
}

.library-header .mobile-nav-toggle {
  grid-area: hamburger;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-align: end;
  justify-self: flex-end;
}

/* stylelint-disable property-no-vendor-prefix */
.standalone-header {
  position: fixed;
  left: 0;
  width: 100%;
  background-color: #262626;
  --header-foreground-color: $neutral75;
}

.standalone-header--visible {
  box-shadow: 0 -10px 20px 7px rgba(0, 0, 0, 0.25);
  background-color: #262626;
  transition: background-color 0.2s ease;
}

.standalone-header--dark {
  --default-hover-color: var(--accent-interaction-light, #52e3ac);
  --default-focus-color: var(--accent-interaction-light, #52e3ac);
}

.standalone-header--light:not(.standalone-header--hidden) {
  box-shadow: 0 -10px 20px 7px rgba(0, 0, 0, 0.25);
  background-color: #ececec;
}

.standalone-header--hidden {
  background-color: transparent;
  transition: background-color 0.2s ease;
}

.standalone-header__shim {
  position: relative;
}

.standalone-header__inner {
  max-width: 1235px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  padding-top: 9px;
  display: -ms-grid;
  display: grid;
  grid-template: "heading . hamburger"/auto minmax(75px, 1fr) -webkit-max-content;
  grid-template: "heading . hamburger"/auto minmax(75px, 1fr) max-content;
  padding-top: 24px;
  padding-bottom: 24px;
  color: #ffffff;
  -ms-grid-rows: auto;
  -ms-grid-columns: auto minmax(25px, 1fr) max-content;
}

@media all and (min-width: 450px) {
  .standalone-header__inner {
    padding-right: 4.5%;
    padding-left: 4.5%;
  }
}

@media all and (min-width: 1235px) {
  .standalone-header__inner {
    padding-right: 50px;
    padding-left: 50px;
  }
}

@media all and (min-width: 480px) {
  .standalone-header__inner {
    padding-top: 20px;
  }
}

.standalone-header--light .standalone-header__inner {
  color: #555555;
}

@media all and (min-width: 760px) {
  .standalone-header__inner {
    grid-template: "heading . user-nav"/auto minmax(75px, 1fr) -webkit-max-content;
    grid-template: "heading . user-nav"/auto minmax(75px, 1fr) max-content;
    padding-bottom: 0;
    -ms-grid-columns: auto minmax(75px, 1fr) max-content;
  }
}

.standalone-header__inner--hidden {
  padding-top: 24px;
}

@media all and (min-width: 620px) {
  .standalone-header__inner--hidden {
    padding-top: 45px;
  }
}

.standalone-header__header {
  font-family: 'freight-text-pro', 'aleo', serif;
  position: relative;
  top: 3px;
  grid-area: heading;
  line-height: 1.188;
  opacity: 1;
  transition: opacity 0.2s ease;
}

.standalone-header--hidden .standalone-header__header {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.standalone-header__title-link {
  --default-hover-color: #ffffff;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.45;
}

.standalone-header__title-link.focus-visible {
  outline: 0;
}

.standalone-header--light .standalone-header__title-link {
  --default-hover-color: #555555;
}

.standalone-header__title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: inline-block;
  margin: 0 16px 0 0;
  font-size: 18px;
  font-weight: 600;
}

a:hover .standalone-header__title,
a.focus-visible .standalone-header__title {
  text-decoration: underline;
}

@media all and (min-width: 480px) {
  .standalone-header__title {
    font-size: 21px;
  }
}

.standalone-header__subtitle {
  display: inline-block;
  font-size: 18px;
  font-style: italic;
  letter-spacing: 0.028em;
}

@media all and (min-width: 760px) {
  .standalone-header__subtitle {
    padding-bottom: 20px;
  }
}

.standalone-header .user-nav {
  grid-area: user-nav;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  justify-self: end;
  -ms-grid-column-align: end;
}

.standalone-header .mobile-nav-toggle {
  grid-area: hamburger;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  align-self: baseline;
  justify-self: flex-end;
  -ms-grid-column-align: end;
  -ms-grid-row-align: baseline;
}

.action-callout-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  /* stylelint-disable property-no-vendor-prefix */
  /* stylelint-enable property-no-vendor-prefix */
}

.action-callout-list > * {
  width: 100%;
  margin-top: 19px;
}

@media all and (min-width: 620px) {
  .action-callout-list--inline {
    flex-flow: row wrap;
    margin-top: 19px;
    margin-bottom: -19px;
    margin-left: -19px;
  }
  .action-callout-list--inline > * {
    width: auto;
    margin-top: 0;
    margin-bottom: 19px;
    margin-left: 19px;
  }
}

.action-callout-list__button, .action-callout-list__link {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: inherit;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.104em;
}

.action-callout-list__button {
  display: -ms-grid;
  display: grid;
  grid-template: '. icon text .' auto / 1fr auto auto 1fr;
  grid-gap: 9px;
  align-items: center;
  padding-right: 13px;
  padding-left: 13px;
  color: #363636;
  border: 2px solid transparent;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  -ms-flex-align: center;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr 9px auto 9px auto 9px 1fr;
}

.action-callout-list__button.focus-visible {
  outline: 0;
}

.action-callout-list__button--primary {
  background-color: #52e3ac;
  background-color: var(--accent-primary, #52e3ac);
}

.action-callout-list__button--primary:hover, .action-callout-list__button--primary.focus-visible {
  color: #363636;
  background-color: #b1ead2;
  background-color: var(--accent-primary-dull, #b1ead2);
}

.action-callout-list__button--primary.focus-visible {
  border-color: #52e3ac;
  border-color: var(--accent-primary, #52e3ac);
}

.action-callout-list__button--secondary {
  background-color: #d6d6d6;
}

.action-callout-list__button--secondary:hover {
  color: inherit;
  background-color: rgba(214, 214, 214, 0.7);
}

.action-callout-list__button--secondary.focus-visible {
  border-color: #828282;
}

.project-hero--dark .action-callout-list__button--secondary {
  color: #2e2e2e;
  background-color: #9a9a9a;
  border-color: #9a9a9a;
}

.project-hero--dark .action-callout-list__button--secondary:hover, .project-hero--dark .action-callout-list__button--secondary.focus-visible {
  background-color: #d6d6d6;
  border-color: #d6d6d6;
}

.project-hero--dark .action-callout-list__button--secondary.focus-visible {
  border-color: #696969;
}

.action-callout-list__button--error {
  background-color: #f5e425;
}

.action-callout-list__button--error:hover, .action-callout-list__button--error.focus-visible {
  color: #363636;
  background-color: #fff799;
}

.action-callout-list__button--centered {
  grid-template: '. text .' auto / 1fr auto 1fr;
  -ms-grid-rows: auto;
  -ms-grid-columns: 1fr auto 1fr;
}

.action-callout-list__button-icon {
  grid-area: icon;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  margin-left: -6px;
  -ms-grid-row-align: center;
}

.action-callout-list__button--secondary .action-callout-list__button-icon {
  color: #363636;
}

.action-callout-list__button-text {
  display: block;
  grid-area: text;
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  padding-top: 12px;
  padding-bottom: 12px;
}

.action-callout-list__button--centered .action-callout-list__button-text {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

@media all and (min-width: 620px) {
  .action-callout-list__button-text {
    padding-top: 17px;
    padding-bottom: 17px;
  }
}

.action-callout-list__link {
  display: block;
  min-height: 17.33px;
}

.action-callout-list__link:hover .action-callout-list__link-icon {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.action-callout-list__link--error {
  color: #f5e425;
}

.action-callout-list__link--error:hover, .action-callout-list__link--error.focus-visible {
  color: #fff799;
}

.action-callout-list__link-icon {
  margin-right: 8px;
  color: #9a9a9a;
  transition: color 0.2s ease;
}

.project-hero--dark .action-callout-list__link-icon {
  color: #b3b3b3;
}

.project-content-block {
  margin-bottom: 50px;
}

@media all and (min-width: 620px) {
  .project-content-block {
    margin-bottom: 8.065vw;
  }
}

@media all and (min-width: 800px) {
  .project-content-block {
    margin-bottom: 65px;
  }
}

.project-content-block + .project-content-block:not(:last-child) {
  margin-bottom: 0;
}

.project-content-block.bg-neutral05 {
  padding-bottom: 30px;
}

@media all and (min-width: 620px) {
  .project-content-block.bg-neutral05 {
    padding-top: 2.429vw;
  }
}

@media all and (min-width: 1235px) {
  .project-content-block.bg-neutral05 {
    padding-top: 30px;
  }
}

.project-content-block:not(.bg-neutral05) + .project-content-block {
  margin-top: 25px;
}

@media all and (min-width: 620px) {
  .project-content-block:not(.bg-neutral05) + .project-content-block {
    margin-top: 4.453vw;
  }
}

@media all and (min-width: 1235px) {
  .project-content-block:not(.bg-neutral05) + .project-content-block {
    margin-top: 55px;
  }
}

.project-hero {
  position: relative;
  padding-top: 20px;
  padding-bottom: 35px;
  color: #ffffff;
  background-color: #2e2e2e;
  /* stylelint-disable property-no-vendor-prefix */
  /* stylelint-enable property-no-vendor-prefix */
}

@media all and (min-width: 620px) {
  .project-hero {
    padding-top: 70px;
    padding-bottom: 80px;
  }
}

.project-hero--light {
  color: #363636;
  background-color: #f7f7f7;
}

.project-hero--dark {
  --default-focus-color: var(--accent-interaction-light, #52e3ac);
  --default-hover-color: var(--accent-interaction-light, #52e3ac);
}

.project-hero--standalone {
  padding-top: calc(30px + var(--standalone-header-height));
}

@media all and (min-width: 620px) {
  .project-hero--standalone {
    padding-top: 30px;
  }
}

.project-hero__bg-image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 25;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.project-hero__bg-image-wrapper::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(0, 0, 0, 0.8);
}

.project-hero__bg-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.project-hero__inner {
  max-width: 1235px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 50;
  display: -ms-grid;
  display: grid;
  grid-row-gap: 30px;
  max-width: 1178px;
  -ms-grid-rows: auto 30px auto 30px auto 30px auto;
  -ms-grid-columns: 100%;
}

@media all and (min-width: 450px) {
  .project-hero__inner {
    padding-right: 4.5%;
    padding-left: 4.5%;
  }
}

@media all and (min-width: 1235px) {
  .project-hero__inner {
    padding-right: 50px;
    padding-left: 50px;
  }
}

@media all and (min-width: 620px) {
  .project-hero__inner {
    grid-template-columns: 1fr minmax(220px, 28%);
    row-gap: 3.159vw;
    -moz-column-gap: 4.839vw;
         column-gap: 4.839vw;
    padding-right: 20px;
    padding-left: 20px;
    -ms-grid-rows: auto 3.159vw auto;
    -ms-grid-columns: 1fr 4.839vw minmax(220px, 28%);
  }
}

@media all and (min-width: 1235px) {
  .project-hero__inner {
    row-gap: 48px;
    -moz-column-gap: 100px;
         column-gap: 100px;
  }
}

.project-hero__left-top-block, .project-hero__right-top-block {
  display: flex;
  flex-direction: column;
}

.project-hero__left-top-block {
  -ms-grid-row: 3;
  grid-row: 2;
  -ms-grid-column: 1;
  grid-column: 1;
}

@media all and (min-width: 620px) {
  .project-hero__left-top-block {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 1;
    grid-column: 1;
  }
}

.project-hero__left-bottom-block {
  grid-area: left-bottom;
  -ms-grid-row: 5;
  grid-row: 3;
  -ms-grid-column: 1;
  grid-column: 1;
}

@media all and (min-width: 620px) {
  .project-hero__left-bottom-block {
    -ms-grid-row: 3;
    grid-row: 2;
    -ms-grid-column: 1;
    grid-column: 1;
  }
}

.project-hero__right-top-block {
  grid-area: right-top;
  -ms-grid-row: 1;
  grid-row: 1;
  -ms-grid-column: 1;
  grid-column: 1;
}

@media all and (min-width: 620px) {
  .project-hero__right-top-block {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 3;
    grid-column: 2;
    padding-right: 60px;
  }
}

.project-hero__right-bottom-block {
  grid-area: right-bottom;
  -ms-grid-row: 7;
  grid-row: 4;
  -ms-grid-column: 1;
  grid-column: 1;
}

@media all and (min-width: 620px) {
  .project-hero__right-bottom-block {
    -ms-grid-row: 3;
    grid-row: 2;
    -ms-grid-column: 3;
    grid-column: 2;
    align-self: end;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
  }
}

.project-hero__meta-block {
  font-family: 'freight-text-pro', 'aleo', serif;
}

.project-hero__meta-block + .project-hero__callout-block {
  margin-top: 20px;
}

.project-hero__cover-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media all and (min-width: 620px) {
  .project-hero__cover-block {
    align-items: flex-start;
  }
}

.project-hero__social-block {
  grid-area: social;
}

.project-hero--light .project-hero__social-block {
  color: #696969;
}

.project-hero__callout-block--mobile {
  display: block;
}

@media all and (min-width: 620px) {
  .project-hero__callout-block--mobile {
    display: none;
  }
}

.project-hero__callout-block--desktop {
  display: none;
}

@media all and (min-width: 620px) {
  .project-hero__callout-block--desktop {
    display: block;
    width: 100%;
  }
}

.project-hero__callout-block + .project-hero__callout-block {
  margin-top: 12px;
}

.project-hero__callout-block + .project-hero__social-block {
  margin-top: 35px;
}

.project-hero__heading {
  position: relative;
  z-index: 50;
  margin-bottom: 24px;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.188;
}

.project-hero--standalone .project-hero__heading {
  display: none;
}

@media all and (min-width: 620px) {
  .project-hero--standalone .project-hero__heading {
    display: block;
  }
}

.project-hero__title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin: 0;
  font-size: 22px;
  font-weight: 600;
}

@media all and (min-width: 620px) {
  .project-hero__title {
    font-size: 32px;
  }
}

@media all and (min-width: 620px) {
  .project-hero--standalone .project-hero__title {
    max-width: 90%;
  }
}

.project-hero__subtitle {
  font-family: 'freight-text-pro', 'aleo', serif;
  margin-top: 2px;
  font-size: 18px;
  font-style: italic;
  letter-spacing: 0.028em;
}

@media all and (min-width: 620px) {
  .project-hero__subtitle {
    margin-top: 11px;
    font-size: 24px;
  }
}

.project-hero__subtitle em, .project-hero__subtitle i {
  font-style: normal;
}

.project-hero__creators, .project-hero__contributors, .project-hero__description {
  font-size: 16px;
  letter-spacing: 0.012em;
}

.project-hero__creators, .project-hero__contributors {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  line-height: 1.313em;
}

@media all and (min-width: 620px) {
  .project-hero__creators {
    font-size: 20px;
  }
}

.project-hero__creators + .project-hero__contributors {
  margin-top: 12px;
}

.project-hero__creators .maker-avatar {
  display: inline-flex;
  align-items: center;
  margin-right: 10px;
}

.project-hero__creators .maker-avatar:not(:last-child)::after {
  display: inline;
  content: ', ';
}

.project-hero__creators .maker-avatar img, .project-hero__creators .maker-avatar svg {
  display: inline-block;
  width: 42px;
  height: auto;
}

.project-hero__creators .maker-avatar img {
  margin-right: 6px;
  border: 2px solid #ffffff;
  border-radius: 100%;
}

.project-hero__creators .maker-avatar svg {
  margin-right: 4px;
}

.project-hero__creators .maker-avatar figcaption {
  display: inline-block;
}

.project-hero__maker-text {
  margin-left: 0.5ch;
}

.project-hero__maker-text:not(:last-child)::after {
  display: inline;
  content: ', ';
}

@media all and (min-width: 620px) {
  .project-hero__contributors, .project-hero__description {
    font-size: 17px;
  }
}

.project-hero__description {
  margin-top: 22px;
  line-height: 1.529em;
}

@media all and (min-width: 620px) {
  .project-hero__description {
    margin-top: 45px;
  }
}

.project-hero__social-link, .project-hero__hashtag {
  color: inherit;
  text-decoration: none;
}

.project-hero__social-link {
  display: inline-block;
  padding: 5px;
  color: #9a9a9a;
}

.project-hero__social-link:first-child {
  margin-left: -5px;
}

.project-hero__social-link + .project-hero__hashtag {
  margin-top: 15px;
}

.project-hero__hashtag {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: block;
  font-size: 16px;
  font-weight: 600;
}

@media all and (min-width: 620px) {
  .project-hero__hashtag {
    font-size: 18px;
  }
}

.project-hero__figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  font-size: 0;
}

@media all and (min-width: 620px) {
  .project-hero__figure {
    align-items: flex-start;
  }
}

.project-hero__figure--constrained {
  width: 160px;
}

.project-hero__figure img {
  width: 100%;
  max-width: 120px;
  height: auto;
}

@media all and (min-width: 620px) {
  .project-hero__figure img {
    max-width: 260px;
  }
}

.project-hero__figure svg {
  width: 111px;
  height: 111px;
}

@media all and (min-width: 620px) {
  .project-hero__figure svg {
    width: 160px;
    height: 160px;
  }
}

.project-hero__credits-text {
  font-family: 'freight-text-pro', 'aleo', serif;
  margin: 0;
  font-size: 16px;
  font-style: italic;
  color: #696969;
  letter-spacing: 0.012em;
}

.project-hero__credits-text em {
  font-style: normal;
}

.project-hero--dark .project-hero__credits-text {
  color: #b3b3b3;
}

.meta-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  margin-right: -63px;
  margin-left: -63px;
}

.meta-list li {
  display: inline-block;
}

.meta-list li {
  width: 50%;
  padding-right: 63px;
  padding-left: 63px;
  vertical-align: top;
}

.meta-list .meta-label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  color: #c3c3c3;
}

.meta-list .meta-value {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-top: 4px;
  margin-bottom: 19px;
  font-size: 26px;
  color: #555555;
}

@media all and (min-width: 760px) {
  .project-thumb-placeholder--mobile {
    display: none;
  }
}

.project-thumb-placeholder--desktop {
  display: none;
}

@media all and (min-width: 760px) {
  .project-thumb-placeholder--desktop {
    display: block;
  }
}

.project-thumb-placeholder--primary .project-thumb-placeholder__tile {
  fill: #cbf7e6;
  fill: var(--accent-primary-extra-pale, #cbf7e6);
}

.project-thumb-placeholder--secondary .project-thumb-placeholder__tile {
  fill: #ececec;
}

.project-thumb-placeholder--tertiary .project-thumb-placeholder__tile {
  fill: #d4edfa;
}

.project-thumb-placeholder--quaternary .project-thumb-placeholder__tile {
  fill: #ffebce;
}

.project-thumb-placeholder--quinary .project-thumb-placeholder__tile {
  fill: #f7dcf6;
}

.project-thumb-placeholder--outlined .project-thumb-placeholder__tile {
  fill: transparent;
}

.backend .project-thumb-placeholder--outlined .project-thumb-placeholder__illustration,
.project-hero--dark .project-thumb-placeholder--outlined .project-thumb-placeholder__illustration {
  stroke: #9a9a9a;
}

.project-thumb-placeholder__tile {
  fill: #ffffff;
}

.project-thumb-placeholder__illustration {
  stroke: #696969;
}

.backend .project-thumb-placeholder__illustration,
.project-hero--dark .project-thumb-placeholder__illustration {
  stroke: #363636;
}

.project-thumb-placeholder__frame {
  stroke: #696969;
}

.backend .project-thumb-placeholder__frame,
.project-hero--dark .project-thumb-placeholder__frame {
  stroke: #9a9a9a;
}

.resource-thumbnail-list ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
}

.resource-thumbnail-list li {
  display: flex;
  width: 50%;
  padding-left: 20px;
  margin-bottom: 20px;
}

@media all and (min-width: 800px) {
  .resource-thumbnail-list li {
    width: 20%;
  }
}

.resource-thumbnail-list a {
  display: flex;
  width: 100%;
  text-decoration: none;
}

.resource-thumbnail-list a .icon-thumbnail-primary {
  background-color: #f7f7f7;
  border-radius: 8px;
  transition: color 0.2s ease, box-shadow 0.2s ease;
}

.resource-thumbnail-list a .icon-thumbnail-primary.bg-image::before {
  border-radius: 8px;
}

.resource-thumbnail-list a:hover, .resource-thumbnail-list a.focus-visible {
  outline: none;
}

.resource-thumbnail-list a:hover .icon-thumbnail-primary, .resource-thumbnail-list a.focus-visible .icon-thumbnail-primary {
  box-shadow: 0 20px 30px 2px rgba(0, 0, 0, 0.13);
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.resource-thumbnail-list .bg-image {
  --default-hover-color: var(--accent-interaction-light, #52e3ac);
}

.browse .project-list li {
  border-color: #b3b3b3;
  opacity: 1;
  transition: opacity 0.2s ease;
}

.browse .project-list .grid-project-exit {
  opacity: 0;
}

.browse .project-list .grid-project-enter {
  opacity: 0;
}

.browse .project-list .name {
  color: #363636;
}

.browse .project-list .relations-list {
  padding-top: 0.4em;
  font-size: 15px;
  color: #424242;
}

.browse .project-list .date {
  padding-top: 0.625em;
}

.browse .project-list .alert::before {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 5px;
  margin-bottom: 2px;
  color: #ffffff;
  content: '';
  background-color: #ff9191;
  background-color: var(--default-error-color, #ff9191);
  border-radius: 50%;
}

.browse .project-list + .list-pagination-primary {
  margin-top: 30px;
}

.browse .project-list.empty {
  color: #9a9a9a;
  background-color: #2e2e2e;
  border-radius: 8px;
  width: 100%;
  padding: 20px 22px;
  background-color: #ececec;
}

@media all and (min-width: 760px) {
  .browse .project-list.empty {
    padding: 24px 30px;
  }
}

.browse .project-list.empty .message {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  line-height: 1.313;
  color: #363636;
}

@media all and (min-width: 760px) {
  .browse .project-list.empty .message {
    font-size: 18px;
  }
}

.browse .project-list.grid li {
  padding-left: 14px;
}

@media all and (min-width: 760px) {
  .browse .project-list.grid li {
    padding-left: 0;
  }
  .browse .project-list.grid a {
    transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
  }
  .browse .project-list.grid a:hover, .browse .project-list.grid a.focus-visible {
    box-shadow: 0 31px 44px 2px rgba(0, 0, 0, 0.13);
    background-color: #f7f7f7;
  }
  .browse .project-list.grid a:hover .title-text, .browse .project-list.grid a.focus-visible .title-text {
    color: #363636;
  }
  .browse .project-list.grid .cover {
    height: 160px;
  }
  .browse .project-list.grid .cover.cover-placeholder {
    height: auto;
  }
  .browse .project-list.grid .cover > svg {
    max-width: 130px;
    max-height: 130px;
  }
  .browse .project-list.grid .name {
    font-size: 17px;
  }
  .browse .project-list.grid .relations-list {
    padding-top: 0.625em;
    font-size: 16px;
  }
}

@media all and (min-width: 760px) {
  .browse .bg-neutral05 .project-list.grid a:hover, .browse .bg-neutral05 .project-list.grid a.focus-visible {
    background-color: #ececec;
  }
}

.audio-player {
  --default-hover-color: var(--accent-interaction-light, #52e3ac);
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.audio-player .cover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
}

.audio-player .cover:focus:not(.focus-visible) {
  outline: 0;
}

.audio-player .cover.focus-visible {
  outline: solid 2px;
}

.audio-player .cover.error {
  pointer-events: none;
  cursor: default;
}

.audio-player .cover.error .message {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  position: absolute;
  top: calc(50% + (60px - 7px));
  width: 100%;
  padding: 0 10px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
}

.audio-player .cover .indicator {
  position: absolute;
  top: calc(50% - 35px);
  left: calc(50% - 35px);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  padding: 1px 7px 2px;
  color: #ffffff;
  text-align: center;
  background-color: #52e3ac;
  background-color: var(--accent-primary, #52e3ac);
  border: 0;
  border-radius: 50%;
}

.audio-player wave:hover {
  cursor: pointer;
}

.audio-player .waveform {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
}

.audio-player .control-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px 10px;
}

@media all and (min-width: 620px) {
  .audio-player .control-bar {
    padding: 0 25px 19px;
  }
}

.audio-player .control-bar button {
  padding: 0;
  background-color: transparent;
  border: 0;
  outline: none;
}

.audio-player .control-bar button:hover .audio-player__icon, .audio-player .control-bar button.focus-visible .audio-player__icon {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.audio-player .control-bar .progress {
  display: none;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  font-variant-numeric: tabular-nums;
}

@media all and (min-width: 480px) {
  .audio-player .control-bar .progress {
    display: flex;
  }
}

.audio-player .control-bar .progress .slider {
  flex-grow: 1;
  margin: 0 15px;
}

.audio-player .control-bar .progress .slider input[type='range'] {
  width: 100%;
}

.audio-player .control-bar .progress .slider input[type='range']::-webkit-slider-thumb {
  box-shadow: -1024px 0 0 1024px #ffffff;
}

.audio-player .control-bar .progress .time {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 14px;
  color: #ffffff;
}

@media all and (min-width: 620px) {
  .audio-player .control-bar .progress .time {
    font-size: 19px;
  }
}

.audio-player .control-bar .progress .time.duration {
  color: #555555;
}

.audio-player .control-bar .volume {
  text-align: left;
}

.audio-player .control-bar .volume .mute {
  display: inline-block;
  width: 35px;
  text-align: left;
}

@media all and (min-width: 620px) {
  .audio-player .control-bar .volume .mute {
    margin-right: 7px;
  }
}

.audio-player .control-bar .slider {
  position: relative;
  display: inline-block;
}

.audio-player .control-bar .slider .input-thumb {
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  pointer-events: none;
  background: #52e3ac;
  background: var(--accent-primary, #52e3ac);
  border: 3px solid #000000;
  border-radius: 50%;
}

.audio-player .control-bar .slider input[type='range'] {
  width: 70px;
  height: 0;
  padding: 5px 0 0;
  margin-top: 1px;
  overflow: hidden;
  vertical-align: middle;
  background: #555555;
  border-radius: 0;
  outline: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.audio-player .control-bar .slider input[type='range']:hover {
  cursor: pointer;
}

.audio-player .control-bar .slider input[type='range']::-webkit-slider-runnable-track {
  height: 3px;
  -webkit-appearance: none;
          appearance: none;
}

.audio-player .control-bar .slider input[type='range']::-webkit-slider-thumb {
  width: 1px;
  height: 1px;
  margin-top: -9px;
  background: transparent;
  box-shadow: -70px 0 0 70px #ffffff;
  -webkit-appearance: none;
          appearance: none;
}

.audio-player .control-bar .slider input[type='range']::-ms-fill-lower, .audio-player .control-bar .slider input[type='range']::-moz-range-progress {
  color: #555555;
}

.audio-player__icon {
  position: relative;
  color: #ffffff;
  transition: color 0.1s ease;
}

.audio-player__icon--play-pause {
  top: 1px;
}

@media all and (min-width: 620px) {
  .audio-player__icon--play-pause {
    width: 32px;
    height: 32px;
  }
}

@media all and (min-width: 620px) {
  .audio-player__icon--mute {
    top: 1px;
    width: 27.429px;
    height: 27.429px;
  }
}

.resource-card {
  display: flex;
}

.resource-card .resource-link-wrapper {
  display: flex;
  width: 37.8%;
}

@media all and (min-width: 480px) {
  .resource-card .resource-link-wrapper {
    width: 155px;
  }
}

@media all and (min-width: 760px) {
  .resource-card .resource-link-wrapper {
    width: 135px;
  }
}

@media all and (min-width: 880px) {
  .resource-card .resource-link-wrapper {
    width: 155px;
  }
}

.resource-card__link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #ececec;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.resource-card__link:hover, .resource-card__link.focus-visible {
  outline: 0;
}

.resource-card__link:hover .icon-thumbnail-type,
.resource-card__link:hover .icon-thumbnail-icon, .resource-card__link.focus-visible .icon-thumbnail-type,
.resource-card__link.focus-visible .icon-thumbnail-icon {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.resource-card__link:hover .bg-image, .resource-card__link.focus-visible .bg-image {
  --default-hover-color: var(--accent-interaction-light, #52e3ac);
}

.resource-card__link .icon-thumbnail-primary {
  flex-grow: 1;
}

.resource-card__link .resource-thumbnail-primary {
  flex-grow: 2;
}

.resource-card__preview-text {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 1em 6px;
  font-size: 12px;
  line-height: 13px;
  white-space: nowrap;
  background-color: #e6e6e6;
  transition: color 0.2s ease, background-color 0.2s ease;
}

@media all and (min-width: 560px) {
  .resource-card__preview-text {
    padding: 1em 10px;
  }
}

@media all and (min-width: 880px) {
  .resource-card__preview-text {
    font-size: 14px;
  }
}

.resource-card__link:hover .resource-card__preview-text,
.resource-card__link.focus-visible .resource-card__preview-text,
.resource-preview-wrapper.focus-visible .resource-card__preview-text {
  color: #ffffff;
  background-color: #52e3ac;
  background-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.resource-card__view-text {
  position: relative;
  top: -1px;
}

.resource-card__view-icon {
  position: relative;
  top: -1px;
  margin-left: 7px;
}

@media all and (min-width: 560px) {
  .resource-card__view-icon {
    margin-left: 8px;
  }
}

.resource-card__info {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 62.2%;
  padding: 12px 15px;
  text-decoration: none;
  background-color: #f7f7f7;
}

@media all and (min-width: 480px) {
  .resource-card__info {
    width: calc(100% - 155px);
  }
}

@media all and (min-width: 760px) {
  .resource-card__info {
    width: calc(100% - 135px);
  }
}

@media all and (min-width: 880px) {
  .resource-card__info {
    width: calc(100% - 155px);
  }
}

.resource-card__info--hover, .resource-card__info.focus-visible {
  cursor: pointer;
  outline: 0;
}

.resource-card__arrow-link {
  position: absolute;
  top: 50%;
  right: -10px;
  display: block;
  width: 26px;
  height: 26px;
  margin-top: -13px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  background-color: #e6e6e6;
  border-radius: 100%;
  transition: color 0.2s ease, background-color 0.2s ease;
}

@media all and (min-width: 480px) {
  .resource-card__arrow-link {
    right: -17.5px;
    width: 35px;
    height: 35px;
    margin-top: -17.5px;
    font-size: 15px;
  }
}

.resource-card__arrow-link:hover,
.resource-card__info--hover .resource-card__arrow-link,
.resource-card__info.focus-visible .resource-card__arrow-link {
  color: #ffffff;
  background-color: #52e3ac;
  background-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.resource-card__arrow-link-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.resource-card__title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin: 0;
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 400;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

@media all and (min-width: 880px) {
  .resource-card__title {
    font-size: 17px;
  }
}

.resource-card__date {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.031em;
  font-size: 12px;
}

@media all and (min-width: 880px) {
  .resource-card__date {
    font-size: 14px;
  }
}

.resource-card .resource-preview-wrapper {
  display: flex;
  width: 100%;
}

.resource-card .resource-preview-wrapper.focus-visible {
  outline: 0;
}

.resource-card .resource-preview-wrapper.focus-visible .icon-thumbnail-type,
.resource-card .resource-preview-wrapper.focus-visible .icon-thumbnail-icon {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.resource-card .resource-tag-list {
  padding-top: 18px;
}

@media all and (min-width: 760px) {
  .resource-card .resource-tag-list {
    padding-top: 11px;
  }
}

.resource-detail {
  padding-top: 22px;
}

.resource-detail::after {
  display: block;
  clear: both;
  content: '';
}

.resource-detail .container::after {
  display: block;
  clear: both;
  content: '';
}

.resource-detail .resource-slide-audio {
  height: auto;
}

.resource-detail .resource-kind {
  display: flex;
  align-items: center;
}

@media all and (min-width: 620px) {
  .resource-detail .resource-kind {
    width: 100%;
  }
}

.resource-detail .resource-kind + .resource-title {
  padding-top: 7px;
}

.resource-detail .resource-kind h3 {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  margin: -8px 0 0;
  font-size: 13px;
  color: #9a9a9a;
}

@media all and (min-width: 620px) {
  .resource-detail .resource-kind h3 {
    margin: 0;
  }
}

.resource-detail .resource-kind .resource-icon {
  padding-right: 14px;
}

@media all and (min-width: 620px) {
  .resource-detail .resource-kind .resource-icon {
    display: none;
  }
}

.resource-detail .resource-kind .resource-icon svg {
  fill: #9a9a9a;
}

.resource-detail .resource-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 23px;
  padding-bottom: 26px;
  text-decoration: none;
}

.resource-detail .resource-title .resource-icon {
  display: none;
  padding-right: 18px;
}

@media all and (min-width: 620px) {
  .resource-detail .resource-title .resource-icon {
    display: inline-block;
  }
}

.resource-detail .resource-title .resource-icon svg {
  fill: #9a9a9a;
}

.resource-detail .resource-title a {
  text-decoration: none;
}

.resource-detail .resource-title a:hover h1, .resource-detail .resource-title a:hover h2, .resource-detail .resource-title a:hover h3, .resource-detail .resource-title a:hover h4, .resource-detail .resource-title a:hover h5, .resource-detail .resource-title a:hover h6 {
  outline: solid 2px;
}

.resource-detail .resource-title h1, .resource-detail .resource-title h2, .resource-detail .resource-title h3, .resource-detail .resource-title h4, .resource-detail .resource-title h5, .resource-detail .resource-title h6 {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  width: 100%;
  margin: 0;
  margin-bottom: 5px;
  font-size: 26px;
  font-weight: 500;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  color: #696969;
}

@media all and (min-width: 620px) {
  .resource-detail .resource-title h1, .resource-detail .resource-title h2, .resource-detail .resource-title h3, .resource-detail .resource-title h4, .resource-detail .resource-title h5, .resource-detail .resource-title h6 {
    width: auto;
  }
}

.bg-neutral90 .resource-detail .resource-title h1, .bg-neutral90 .resource-detail .resource-title h2, .bg-neutral90 .resource-detail .resource-title h3, .bg-neutral90 .resource-detail .resource-title h4, .bg-neutral90 .resource-detail .resource-title h5, .bg-neutral90 .resource-detail .resource-title h6 {
  color: #f7f7f7;
}

.resource-detail .resource-title + .resource-content {
  margin-top: -8px;
}

.resource-detail .resource-date {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.031em;
  width: 100%;
  font-size: 16px;
}

.bg-neutral90 .resource-detail .resource-date {
  color: #c3c3c3;
}

.resource-detail .resource-content {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-size: 14px;
  line-height: 1.4;
}

@media all and (min-width: 620px) {
  .resource-detail .resource-content {
    font-size: 16px;
  }
}

@media all and (min-width: 690px) {
  .resource-detail .resource-content.left {
    float: right;
    width: 68%;
    padding-right: 8.45%;
  }
}

.resource-detail .resource-content .attribute-header {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  margin-top: 2em;
  font-size: 12px;
}

.resource-detail .resource-content p + p {
  margin-top: 1em;
}

.resource-detail .resource-content a {
  color: #696969;
}

.resource-detail .resource-content a:visited {
  color: #696969;
}

@media all and (min-width: 690px) {
  .resource-detail aside {
    float: right;
    width: 32%;
  }
}

.resource-detail aside .button-primary {
  width: calc(50% - 7px);
  padding: 0.813em 0.8em;
  margin-bottom: 0.929em;
  font-size: 12px;
  line-height: 13px;
  text-align: center;
}

@media all and (min-width: 560px) {
  .resource-detail aside .button-primary {
    width: 180px;
    padding: 0.813em 1.438em;
    font-size: 14px;
  }
}

@media all and (min-width: 690px) {
  .resource-detail aside .button-primary {
    display: flex;
    max-width: 100%;
  }
}

.resource-detail aside .button-primary + .button-primary {
  margin-left: 14px;
}

@media all and (min-width: 690px) {
  .resource-detail aside .button-primary + .button-primary {
    margin-left: 0;
  }
}

.resource-detail aside .share-nav-primary {
  margin: 21px 0 35px;
}

@media all and (min-width: 1130px) {
  .resource-detail aside .share-nav-primary {
    margin: 21px 0 29px;
  }
}

.resource-detail aside .resource-meta {
  display: none;
}

@media all and (min-width: 690px) {
  .resource-detail aside .resource-meta {
    display: block;
  }
}

@media all and (min-width: 690px) {
  .resource-detail .resource-meta-mobile {
    display: none;
  }
}

.resource-detail .resource-comments {
  padding-top: 16px;
  margin-top: 54px;
  border-top: 1px solid #b3b3b3;
}

.resource-detail .resource-comments .comment-list {
  padding-left: 0;
}

.resource-detail .resource-comments .comment-list .comment-list {
  padding-left: 50px;
}

.resource-detail .resource-comments > .annotation-editor {
  padding-top: 16px;
  padding-left: 0;
}

@media all and (min-width: 620px) {
  .resource-hero-container {
    max-width: 1235px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media all and (min-width: 620px) and (min-width: 450px) {
  .resource-hero-container {
    padding-right: 4.5%;
    padding-left: 4.5%;
  }
}

@media all and (min-width: 620px) and (min-width: 1235px) {
  .resource-hero-container {
    padding-right: 50px;
    padding-left: 50px;
  }
}

.overlay-full .resource-hero-container {
  margin-top: 17px;
}

@media all and (min-width: 620px) {
  .overlay-full .resource-hero-container {
    margin-top: 40px;
  }
}

.resource-hero {
  position: relative;
}

.resource-hero .resource-slide-figure {
  margin-bottom: 32px;
}

@media all and (min-width: 560px) {
  .resource-hero .resource-slide-figure {
    margin-bottom: 40px;
  }
}

.overlay-full .resource-hero .resource-slide-figure {
  margin-bottom: 19px;
}

.resource-list {
  padding-bottom: 30px;
}

.resource-list .resource-count {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  margin-bottom: 24px;
  font-size: 13px;
}

@media all and (min-width: 620px) {
  .resource-list .resource-count {
    display: flex;
    justify-content: space-between;
  }
}

.resource-list .resource-count .meta-value {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 12px;
}

.resource-list .resource-count .meta-value a:visited {
  outline: solid 2px;
}

.resource-list .resource-count span {
  color: #696969;
}

.resource-list > ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

@media all and (min-width: 760px) {
  .resource-list > ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
  }
}

@media all and (min-width: 880px) {
  .resource-list > ul {
    margin-left: -4.858vw;
  }
}

.resource-list > ul > li {
  width: 100%;
  margin-bottom: 18px;
}

@media all and (min-width: 760px) {
  .resource-list > ul > li {
    width: 50%;
    padding-left: 30px;
    margin-bottom: 30px;
  }
}

@media all and (min-width: 880px) {
  .resource-list > ul > li {
    padding-left: 4.858vw;
  }
}

.resource-meta .resource-type, .resource-meta-mobile .resource-type {
  margin-bottom: 14px;
}

@media all and (min-width: 690px) {
  .resource-meta .resource-type, .resource-meta-mobile .resource-type {
    margin-bottom: 2px;
  }
}

.resource-meta .meta-list-secondary, .resource-meta-mobile .meta-list-secondary {
  margin-bottom: 22px;
}

.resource-meta .meta-list-primary, .resource-meta-mobile .meta-list-primary {
  margin-bottom: 22px;
}

.overlay-full .resource-preview {
  padding-top: 70px;
}

@media all and (min-width: 700px) {
  .overlay-full .resource-preview {
    padding-top: 120px;
  }
}

.resource-preview-image img {
  width: 100%;
  height: 100%;
}

.resource-preview-video {
  position: relative;
  height: 500px;
}

.resource-preview-video.external-video {
  height: 620px;
}

.resource-preview-video.external-video .figure-video {
  width: 100%;
  height: 100%;
}

.resource-preview-video.external-video .figure-video iframe {
  width: 100%;
  height: 100%;
}

.resource-preview-interactive {
  position: relative;
}

.resource-preview-interactive iframe {
  border: 0;
}

.resource-slide-figure {
  --default-focus-color: var(--accent-interaction-light, #52e3ac);
  --default-hover-color: var(--accent-interaction-light, #52e3ac);
  position: relative;
  display: flex;
  width: 100%;
  height: 52vw;
  min-height: 350px;
  max-height: 52vh;
  overflow: hidden;
  color: #ececec;
  background-color: #000000;
  /* Most resource heroes are height constrained. */
  /* Interactive ones are not. */
}

.resource-slide-figure figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 1;
}

.resource-slide-figure.resource-slide-interactive {
  display: flex;
  overflow: visible;
  background-color: inherit;
}

.resource-slide-figure.resource-slide-interactive figure {
  position: relative;
  height: auto;
  overflow: visible;
}

.resource-slide-figure .slide-left-enter figure {
  transform: translate3d(100%, 0, 0);
}

.resource-slide-figure .slide-left-enter-active figure {
  transition: transform 0.4s ease;
  transform: translate3d(0, 0, 0);
}

.resource-slide-figure .slide-left-exit figure {
  transform: translate3d(0, 0, 0);
}

.resource-slide-figure .slide-left-exit-active figure {
  transition: transform 0.4s ease;
  transform: translate3d(-100%, 0, 0);
}

.resource-slide-figure .slide-right-enter figure {
  transform: translate3d(-100%, 0, 0);
}

.resource-slide-figure .slide-right-enter-active figure {
  transition: transform 0.4s ease;
  transform: translate3d(0, 0, 0);
}

.resource-slide-figure .slide-right-exit figure {
  transform: translate3d(0, 0, 0);
}

.resource-slide-figure .slide-right-exit-active figure {
  transition: transform 0.4s ease;
  transform: translate3d(100%, 0, 0);
}

.resource-slide-figure .figure-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.resource-slide-figure .figure-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.resource-slide-figure .figure-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
}

.resource-slide-figure .figure-interactive {
  flex: 1;
  height: 100%;
  background: #ffffff;
}

.resource-slide-figure .figure-interactive iframe {
  width: 100%;
  min-height: 100%;
  border: 0;
}

.resource-slide-figure .figure-default {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
}

.resource-slide-figure .figure-default .resource-info {
  padding: 20px 60px;
  margin: auto;
  text-align: center;
}

.resource-slide-figure .figure-default .resource-info.with-background {
  background-color: #363636;
  opacity: 0.75;
}

.resource-slide-figure .figure-default .resource-type {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: block;
  padding-bottom: 6px;
  font-size: 21px;
  font-weight: 400;
}

.resource-slide-figure .figure-default .resource-date {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 12px;
}

.resource-slide-figure .zoom-indicator {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 5.5px 11px 7.5px 13px;
  font-size: 12px;
  cursor: pointer;
  background-color: #2e2e2e;
  opacity: 0.9;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.resource-slide-figure .zoom-indicator:hover {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.resource-slide-figure .zoom-indicator__icon {
  margin-left: 4px;
}

.resource-slide-figure .resource-preview-wrapper.focus-visible {
  border: 0;
  outline: 0;
}

.resource-slide-figure .resource-preview-wrapper.focus-visible .zoom-indicator {
  color: #2e2e2e;
  background-color: #52e3ac;
  background-color: var(--default-focus-color, var(--accent-primary, #52e3ac));
}

.resource-slide-figure__resource-icon {
  margin-bottom: 4px;
}

@media all and (min-width: 560px) {
  .resource-slide-figure__resource-icon {
    width: 21.34vw;
    height: 21.34vw;
  }
}

@media all and (min-width: 1235px) {
  .resource-slide-figure__resource-icon {
    width: 220px;
    height: 220px;
  }
}

.resource-total {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 10px;
  text-align: center;
}

.resource-total--left-aligned {
  text-align: left;
}

.resource-total:not(:last-child) {
  margin-bottom: 25px;
}

@media all and (min-width: 620px) {
  .resource-total:not(:last-child) {
    margin-bottom: 50px;
  }
}

@media all and (min-width: 620px) {
  .resource-total--tight:not(:last-child) {
    margin-bottom: 15px;
  }
}

.resource-total__link {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 20px;
  text-decoration: none;
}

.resource-total__link:hover .resource-total__value {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  transition: color 0.2s ease;
}

.resource-total__value {
  color: #363636;
}

.resource-total__icon {
  margin-bottom: 2px;
  margin-left: 15px;
}

.resource-tag-list ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.resource-tag-list li {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline;
  font-size: 13px;
  color: #c3c3c3;
}

.resource-tag-list li + li::before {
  content: ', ';
}

.resource-tag-list a {
  color: #c3c3c3;
  text-decoration: none;
  transition: color 0.2s ease;
}

.resource-tag-list a.disabled {
  pointer-events: none;
}

.resource-tag-list a:not(.disabled):hover {
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
}

.rh5v-DefaultPlayer_component {
  font-family: 'sofia-pro', 'trueno', sans-serif;
}

.rh5v-DefaultPlayer_component:-webkit-full-screen {
  background-color: #000000;
}

.rh5v-DefaultPlayer_component:-ms-fullscreen {
  background-color: #000000;
}

.rh5v-DefaultPlayer_component:fullscreen {
  background-color: #000000;
}

.rh5v-Overlay_inner {
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.22);
  border-radius: 0;
}

.rh5v-Overlay_inner svg {
  width: 68px;
  height: 68px;
  padding: 6px;
  background-color: #52e3ac;
  background-color: var(--accent-primary, #52e3ac);
  border-radius: 100%;
}

.rh5v-PlayPause_button svg, .rh5v-Volume_button svg, .rh5v-Fullscreen_button svg {
  width: 100%;
  height: 100%;
}

.resource-variant-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: none;
  font-size: 13px;
}

@media all and (min-width: 690px) {
  .resource-variant-list {
    display: block;
  }
}

.resource-variants-mobile .resource-variant-list {
  display: block;
  margin-bottom: 25px;
}

@media all and (min-width: 690px) {
  .resource-variants-mobile .resource-variant-list {
    display: none;
  }
}

.resource-variant-list__section-title {
  margin-bottom: 10px;
}

.resource-variant-list__list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.resource-variant-list__item {
  white-space: nowrap;
}

.resource-variant-list__item + .resource-variant-list__item {
  margin-top: 10px;
}

.resource-variant-list__link {
  display: inline-flex;
  align-items: center;
  color: #363636;
  text-decoration: none;
}

.resource-variant-list__link-text {
  white-space: pre-wrap;
}

.resource-variant-list__link-icon {
  position: relative;
  top: 1px;
  margin-right: 6px;
  margin-left: -1px;
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.asset-thumb .asset-link::after {
  display: block;
  clear: both;
  content: '';
}

.asset-thumb .asset-image {
  position: relative;
  float: left;
  width: 22%;
  text-align: left;
}

@media all and (min-width: 480px) {
  .asset-thumb .asset-image {
    width: 90px;
  }
}

@media all and (min-width: 760px) {
  .asset-thumb .asset-image {
    width: 20%;
  }
}

.asset-thumb .asset-image img {
  max-width: 100%;
  height: auto;
  max-height: 130%;
}

.asset-thumb .asset-image-placeholder svg {
  max-width: 100%;
  height: auto;
  max-height: 130px;
}

.asset-thumb .asset-image-placeholder svg path {
  fill: #c3c3c3;
}

.asset-thumb .asset-description {
  float: left;
  width: 78%;
  padding-left: 6%;
}

@media all and (min-width: 480px) {
  .asset-thumb .asset-description {
    width: calc(100% - 90px);
  }
}

@media all and (min-width: 760px) {
  .asset-thumb .asset-description {
    width: 80%;
  }
}

.asset-thumb .asset-description a {
  display: block;
  text-decoration: none;
}

.asset-thumb .asset-description .asset-title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-top: 0;
  margin-bottom: 0.697em;
  font-size: 20px;
  font-weight: 600;
  color: #363636;
}

@media all and (min-width: 880px) {
  .asset-thumb .asset-description .asset-title {
    font-size: 23px;
  }
}

.asset-thumb .asset-description .asset-title .subtitle {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.031em;
  display: block;
  margin-top: 0.625em;
  font-size: 18px;
}

.asset-thumb .asset-description .asset-date {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 14px;
  color: #9a9a9a;
}

.asset-thumb .asset-status {
  margin-top: 20px;
}

.asset-thumb .asset-interactions {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-top: -3px;
}

.asset-thumb .asset-interactions li {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 15px;
  color: #c3c3c3;
}

.asset-thumb .asset-interactions li + li {
  margin-left: 22px;
}

.asset-thumb .asset-interactions a {
  color: #555555;
  text-decoration: none;
}

.text-category-list-primary .text-category + .text-category, .text-category-list-primary .text-category + div {
  padding-top: 73px;
}

.text-category-list-primary .texts-group {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  margin-bottom: -45px;
  font-size: 0;
}

.text-category-list-primary .texts-group li {
  display: inline-block;
}

@media all and (min-width: 760px) {
  .text-category-list-primary .texts-group {
    margin-bottom: -73px;
    margin-left: -45px;
  }
}

@media all and (min-width: 800px) {
  .text-category-list-primary .texts-group {
    margin-left: -65px;
  }
}

.text-category-list-primary .texts-group > li {
  width: 100%;
  padding-bottom: 45px;
  font-size: 16px;
  vertical-align: top;
}

@media all and (min-width: 760px) {
  .text-category-list-primary .texts-group > li {
    width: 50%;
    padding-bottom: 73px;
    padding-left: 45px;
  }
}

@media all and (min-width: 800px) {
  .text-category-list-primary .texts-group > li {
    padding-left: 65px;
  }
}

.text-block {
  display: flex;
  flex-direction: column;
}

@media all and (min-width: 620px) {
  .text-block {
    flex-direction: row;
  }
}

.text-block:hover, .text-block:focus-within {
  cursor: pointer;
  outline: 0;
}

.text-block:hover .text-block__cover--svg,
.text-block:hover .text-block__name, .text-block:focus-within .text-block__cover--svg,
.text-block:focus-within .text-block__name {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.text-block:hover .text-block__cover-image, .text-block:focus-within .text-block__cover-image {
  border-color: #52e3ac;
  border-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.text-block a.focus-visible {
  outline: 0;
}

.text-block__content {
  display: flex;
  flex-grow: 1;
  padding: 0;
  color: inherit;
  text-decoration: none;
}

.text-block__inner {
  display: flex;
  width: 100%;
  padding: 0;
}

.text-block__cover {
  position: relative;
  display: none;
  padding-top: 0;
  margin-bottom: 0;
  line-height: 1;
}

@media all and (min-width: 620px) {
  .text-block__cover {
    display: block;
  }
}

.text-block__cover--image {
  min-width: 56px;
  max-width: 56px;
  height: auto;
  margin-right: 17px;
}

.text-block__cover--svg {
  margin-right: 5px;
  margin-left: -10px;
  color: #b3b3b3;
  transition: color 0.2s ease;
}

.text-block__cover-image {
  width: 56px;
  height: auto;
  border: 1px solid transparent;
  transition: border 0.2s ease;
}

.text-block__bibliographic {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  width: 100%;
  padding-right: 20px;
  padding-left: 15px;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  vertical-align: top;
}

.text-block__name {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.188;
  color: #363636;
  white-space: normal;
  transition: color 0.2s ease;
}

@media all and (min-width: 800px) {
  .text-block__name {
    font-size: 21px;
  }
}

.text-block__title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: inline-block;
  margin-right: 12px;
}

.text-block__subtitle, .text-block__creators {
  font-family: 'freight-text-pro', 'aleo', serif;
  display: block;
  padding-top: 6px;
  font-size: 15px;
}

@media all and (min-width: 800px) {
  .text-block__subtitle, .text-block__creators {
    font-size: 18px;
  }
}

.text-block__subtitle {
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.031em;
  transition: color 0.2s ease;
}

@media all and (min-width: 800px) {
  .text-block__subtitle {
    display: inline-block;
    padding-top: 0.143em;
  }
}

.text-block__creators {
  line-height: 1.25;
  color: #363636;
}

@media all and (min-width: 800px) {
  .text-block__creators {
    padding-top: 0.6em;
  }
}

.text-block__description {
  font-family: 'freight-text-pro', 'aleo', serif;
  max-width: 635px;
  margin-top: 15px;
  font-size: 16px;
  line-height: 1.438;
  letter-spacing: 0.013em;
}

.text-block__meta {
  flex-shrink: 0;
  min-width: 288px;
  padding-right: 20px;
  padding-left: 15px;
  margin-top: 20px;
}

@media all and (min-width: 620px) {
  .text-block__meta {
    padding-right: 0;
    padding-left: 0;
    margin-top: 4px;
    text-align: right;
  }
}

.text-block__status {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.text-block__status > :not(:first-child) {
  margin-top: 12px;
}

.text-block__status--block {
  margin-top: 12px;
}

@media all and (min-width: 620px) {
  .text-block__status--inline {
    flex-direction: row;
    align-items: baseline;
    justify-content: flex-end;
  }
}

@media all and (min-width: 620px) and (min-width: 620px) {
  .text-block__status--inline > :not(:first-child) {
    margin-top: 0;
    margin-left: 12px;
  }
}

.text-block__date {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: block;
  font-size: 12px;
  letter-spacing: 0.107em;
}

@media all and (min-width: 800px) {
  .text-block__date {
    font-size: 14px;
  }
}

.text-block__published {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: inline-block;
  padding: 4px 7px 6px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.134em;
  vertical-align: middle;
  background-color: #52e3ac;
  background-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  border-radius: 3px;
}

@media all and (min-width: 800px) {
  .text-block__published {
    font-size: 13px;
  }
}

.text-block__interaction-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.text-block__interaction-list:not(:first-child) {
  padding-top: 15px;
}

@media all and (min-width: 620px) {
  .text-block__interaction-list {
    justify-content: flex-end;
  }
}

.text-block__interaction {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 14px;
  letter-spacing: 0.107em;
  border-bottom: none;
}

.text-block__interaction + .text-block__interaction {
  margin-left: 13px;
}

.text-block__interaction-icon {
  margin-right: 5px;
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.text-list__category:not(:last-child) .text-list__item:last-child {
  border-color: transparent;
}

.text-list__category-heading {
  background-color: #f7f7f7;
  border-radius: 8px;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  padding: 0.857em 1.643em 1em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 600;
  color: #363636;
  text-transform: uppercase;
  letter-spacing: 0.107em;
  background-color: #ececec;
}

@media all and (min-width: 800px) {
  .text-list__category-heading {
    font-size: 14px;
  }
}

.text-list__list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
}

.text-list__list--no-label {
  border-top: 1px solid #b3b3b3;
}

.text-list__item {
  padding: 30px 0;
  border-bottom: 1px solid #b3b3b3;
}

.toc-block {
  --linkIndent: 1em;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  line-height: 1.278;
  color: #363636;
}

.toc-block__heading {
  padding-top: 20px;
  padding-bottom: 22px;
  margin-top: 0;
  margin-bottom: 0;
  border-top: 1px solid #c3c3c3;
}

.toc-block__text-title {
  padding-right: 0.636em;
  font-size: 19px;
  font-weight: 500;
}

@media all and (min-width: 620px) {
  .toc-block__text-title {
    font-size: 22px;
  }
}

.toc-block__text-subtitle {
  font-family: 'freight-text-pro', 'aleo', serif;
  display: inline-block;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.017em;
}

@media all and (min-width: 620px) {
  .toc-block__text-subtitle {
    font-size: 20px;
  }
}

.toc-block__list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 1em;
  font-size: 16px;
}

@media all and (min-width: 620px) {
  .toc-block__list {
    font-size: 18px;
  }
}

@supports (padding: var(--linkIndent)) {
  .toc-block__list {
    padding-left: 0;
  }
  .toc-block__list--depth-2 {
    --linkIndent: 2.611em;
  }
  .toc-block__list--depth-3 {
    --linkIndent: 4.222em;
  }
  .toc-block__list--depth-4 {
    --linkIndent: 5.833em;
  }
  .toc-block__list--depth-5 {
    --linkIndent: 7.444em;
  }
  .toc-block__list--depth-6 {
    --linkIndent: 9.055em;
  }
}

.toc-block__list--depth-1 {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
}

.toc-block__node > .toc-block__list {
  padding-left: 1.5em;
}

@supports (padding: var(--linkIndent)) {
  .toc-block__node > .toc-block__list {
    padding-left: 0;
  }
}

.toc-block__link {
  display: block;
  padding-top: 0.444em;
  padding-bottom: 0.5em;
  padding-left: 1.611em;
  padding-left: var(--linkIndent, 1.611em);
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.toc-block__link:hover, .toc-block__link.focus-visible {
  background-color: #f0faf7;
  background-color: var(--accent-primary-off-white, #f0faf7);
}

.toc-block__node-creator {
  font-family: 'freight-text-pro', 'aleo', serif;
  padding-left: 0.889em;
  letter-spacing: 0.015em;
}

.page-content, .markdown {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-size: 16px;
  line-height: 1.438;
  color: #363636;
}

.page-content > *, .markdown > * {
  margin-bottom: 0;
}

.page-content > * + *, .markdown > * + * {
  margin-top: 30px;
}

@media all and (min-width: 620px) {
  .page-content > * + *, .markdown > * + * {
    margin-bottom: 32px;
  }
}

.page-content h1, .markdown h1 {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-top: 0;
  color: #555555;
  font-size: 32px;
  font-weight: 600;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.188;
}

@media all and (min-width: 620px) {
  .page-content h1, .markdown h1 {
    margin-bottom: 38px;
  }
}

.page-content h2, .markdown h2 {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-top: 0;
  color: #555555;
  font-size: 30px;
  font-weight: 500;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.233;
}

@media all and (min-width: 620px) {
  .page-content h2, .markdown h2 {
    margin-bottom: 38px;
  }
}

.page-content h3, .markdown h3 {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-top: 0;
  color: #555555;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.208;
}

@media all and (min-width: 620px) {
  .page-content h3, .markdown h3 {
    margin-bottom: 38px;
  }
}

.page-content h4, .markdown h4 {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-top: 0;
  color: #555555;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.273;
}

@media all and (min-width: 620px) {
  .page-content h4, .markdown h4 {
    margin-bottom: 38px;
  }
}

.page-content h5, .markdown h5 {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-top: 0;
  color: #555555;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.278;
}

@media all and (min-width: 620px) {
  .page-content h5, .markdown h5 {
    margin-bottom: 38px;
  }
}

.page-content h6, .markdown h6 {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-top: 0;
  color: #555555;
  font-size: 16px;
}

@media all and (min-width: 620px) {
  .page-content h6, .markdown h6 {
    margin-bottom: 38px;
  }
}

.page-content a, .markdown a {
  text-decoration: underline;
}

.page-content a:visited, .markdown a:visited {
  color: #34a178;
  color: var(--accent-primary-dark, #34a178);
}

.page-content ol, .page-content ul, .markdown ol, .markdown ul {
  padding-left: 16px;
  list-style: none;
}

.page-content ol li, .page-content ul li, .markdown ol li, .markdown ul li {
  padding-left: 22px;
}

.page-content ol li::before, .page-content ul li::before, .markdown ol li::before, .markdown ul li::before {
  width: 16px;
  margin-left: -16px;
}

.page-content ol, .markdown ol {
  counter-reset: styled-counter;
}

.page-content ol li, .markdown ol li {
  counter-increment: styled-counter;
}

.page-content ol li::before, .markdown ol li::before {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-right: 11px;
  font-weight: 500;
  content: counter(styled-counter);
}

.page-content ul li::before, .markdown ul li::before {
  margin-right: 11px;
  color: #52e3ac;
  color: var(--accent-primary, #52e3ac);
  content: '\2022';
}

.search-form-frontend {
  padding: 60px 0 40px;
  background-color: #f7f7f7;
}

.search-form-frontend .container {
  max-width: 960px;
}

.search-form-frontend header {
  padding-bottom: 25px;
}

.search-form-frontend header .title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin: 0;
  font-size: 24px;
  font-weight: 400;
  color: #696969;
}

.search-form-frontend header .subtitle {
  font-family: 'freight-text-pro', 'aleo', serif;
  margin-top: 0.429em;
  font-size: 14px;
  font-style: italic;
  color: #828282;
}

.search-form-frontend .search-query input[type='text'] {
  background-color: #ffffff;
}

@media all and (min-width: 620px) {
  .search-form-frontend .search-query input[type='text'] {
    padding: 0.722em 1.111em 0.889em 57px;
  }
}

.search-form-frontend .search-query input[type='text']::-moz-placeholder {
  color: inherit;
}

.search-form-frontend .search-query input[type='text']:-ms-input-placeholder {
  color: inherit;
}

.search-form-frontend .search-query input[type='text']::placeholder {
  color: inherit;
}

.search-results-frontend {
  padding-bottom: 48px;
}

@media all and (min-width: 620px) {
  .search-results-frontend {
    padding-bottom: 80px;
  }
}

@media all and (min-width: 760px) {
  .search-results-frontend {
    padding-bottom: 110px;
  }
}

.search-results-frontend .container {
  max-width: 960px;
}

.search-results-frontend .search-results {
  padding-top: 40px;
}

.feature {
  position: relative;
  font-size: 17px;
}

.feature.feature-preview {
  margin-bottom: 40px;
  font-size: 15px;
}

.feature .container::after {
  display: block;
  clear: both;
  content: '';
}

.feature.feature-dark-style {
  --default-hover-color: #363636;
  --default-focus-color: #363636;
  color: #363636;
  background-color: #52e3ac;
  background-color: var(--accent-primary, #52e3ac);
}

.feature.feature-light-style {
  --default-hover-color: var(--accent-interaction-dark, #077a56);
  --default-focus-color: var(--accent-interaction-dark, #077a56);
  background-color: #f0faf7;
  background-color: var(--accent-primary-off-white, #f0faf7);
}

.feature.feature-light-style .heading-primary, .feature.feature-light-style .heading-secondary {
  color: #077a56;
  color: var(--accent-interaction-dark, #077a56);
}

.feature .left {
  top: 0;
  left: 0;
  float: right;
  width: 100%;
  padding-top: 4em;
  padding-right: 2em;
  padding-bottom: 4em;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

@media all and (min-width: 760px) {
  .feature .left {
    width: 50%;
  }
}

@media all and (min-width: 1024px) {
  .feature .left {
    padding-right: 4em;
  }
}

.feature .left p {
  font-family: 'freight-text-pro', 'aleo', serif;
  line-height: 1.353em;
}

.feature .left p + p {
  margin-top: 1em;
}

.feature .right {
  position: relative;
  top: 0;
  right: 0;
  display: none;
  float: right;
  width: 50%;
  padding-left: 1.475em;
}

@media all and (min-width: 760px) {
  .feature .right {
    display: block;
  }
}

.feature .right img {
  position: relative;
  top: 4em;
}

.feature__buttons {
  margin-top: 1.5em;
}

.feature .heading-primary {
  font-size: 22px;
}

@media all and (min-width: 620px) {
  .feature .heading-primary {
    font-size: 24px;
  }
}

@media all and (min-width: 960px) {
  .feature .heading-primary {
    font-size: 1.5em;
  }
}

.feature .heading-secondary {
  font-size: 1.29em;
}

.feature .heading-primary, .feature .heading-secondary {
  margin-bottom: 0;
}

.feature .heading-primary + .heading-secondary {
  margin-top: 0.3em;
}

.feature .feature-body {
  margin-top: 1.5em;
}

.feature .feature-body a {
  text-decoration: underline;
}

.subscriptions {
  margin: auto;
}

@media all and (min-width: 760px) {
  .subscriptions {
    width: 600px;
  }
}

.subscriptions .form-group {
  padding: 20px 24px 60px;
}

.subscriptions .form-group + .form-group {
  margin-top: 60px;
}

.subscriptions .section-heading-secondary {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding: 12px 24px;
  font-size: 14px;
  color: #696969;
  letter-spacing: 0.1em;
  background-color: #ececec;
  border-radius: 8px;
}

.subscriptions .form-heading {
  margin-bottom: 55px;
}

.subscriptions .ReactCollapse--content {
  padding-top: 50px;
}

.subscriptions .form-input + .form-input {
  margin-top: 50px;
}

.subscriptions .form-input label:not(.checkbox):not(.radio):not(.toggle) {
  font-size: 14px;
}

.subscriptions .form-input .instructions {
  font-size: 18px;
}

.subscriptions__legend, .subscriptions__radio-group {
  padding: 0;
  margin: 0;
  border: none;
}

.subscriptions__legend {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  display: block;
  margin-bottom: 1em;
  font-size: 14px;
}

.subscriptions__legend + .form-toggle {
  margin-top: 4px;
}

.sign-in-up-update .subscriptions {
  width: auto;
  margin-top: 50px;
}

.sign-in-up-update .subscriptions .subscriptions__label {
  font-family: 'freight-text-pro', 'aleo', serif;
  display: block;
  margin-bottom: 20px;
  font-style: italic;
}

.sign-in-up-update .subscriptions .button-secondary {
  width: 100%;
}

.sign-in-up-update .subscriptions .button-secondary__icon {
  width: 30px;
  height: 20px;
}

.project-collection-header {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: grid;
  grid-template-areas: 'title' 'description';
  grid-gap: 30px;
  margin-bottom: 30px;
  color: #363636;
}

.project-collection-header--no-description {
  margin-bottom: 0;
}

.project-collection-header--square {
  grid-template-areas: 'title' 'image' 'description';
}

@media all and (min-width: 760px) {
  .project-collection-header--square {
    /* stylelint-disable declaration-block-no-redundant-longhand-properties */
    grid-template-areas: 'image title' 'image description';
    grid-template-rows: auto 1fr;
    grid-template-columns: 340px auto;
    /* stylelint-enable declaration-block-no-redundant-longhand-properties */
    margin-bottom: 30px;
  }
}

.project-collection-header--wide {
  grid-template-areas: 'title' 'image' 'description';
}

.project-collection-header--full {
  grid-template-areas: 'image' 'title' 'description';
}

.project-collection-header__header {
  display: flex;
  grid-area: title;
  align-items: center;
  transition: color 0.2s ease;
}

.project-collection-header__header--link {
  text-decoration: none;
}

.project-collection-header__filter {
  margin-bottom: 40px;
}

.project-collection-header__title {
  margin: 0;
  font-size: 26px;
  font-weight: 500;
}

.project-collection-header__description {
  grid-area: description;
  -webkit-hyphens: manual;
      -ms-hyphens: manual;
          hyphens: manual;
  line-height: 1.5;
  color: #555555;
}

@media all and (min-width: 1024px) {
  .project-collection-header__description {
    max-width: 563px;
  }
}

.project-collection-header__icon {
  width: 60px;
  height: 60px;
  margin-right: 12px;
}

.project-collection-header__icon > .manicon-svg {
  position: relative;
  flex-shrink: 0;
  color: #b3b3b3;
}

.project-collection-header__hero {
  grid-area: image;
  width: 340px;
  height: 340px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.project-collection-header__hero--wide {
  width: 100%;
}

.project-collection-header__hero--full {
  position: relative;
  right: 50%;
  left: 50%;
  width: 100vw;
  margin-top: -60px;
  margin-bottom: 10px;
  margin-left: -50vw;
}

@media all and (min-width: 1235px) {
  .project-collection-header__hero--full {
    position: static;
    margin-right: calc(-100vw / 2 + 1135px / 2);
    margin-left: calc(-100vw / 2 + 1135px / 2);
  }
}

.group-join-box {
  background-color: #f7f7f7;
  border-radius: 8px;
  padding: 25px;
}

@media all and (min-width: 690px) {
  .group-join-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.group-join-box__heading-text, .group-join-box__button, .group-join-box__input {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 14px;
}

.group-join-box__heading-text {
  display: block;
  padding-bottom: 15px;
}

@media all and (min-width: 690px) {
  .group-join-box__heading-text {
    display: inline-block;
    padding-right: 12px;
    padding-bottom: 0;
  }
}

.group-join-box__instructions, .group-join-box__button {
  color: #363636;
}

.group-join-box__instructions {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.031em;
  display: inline-block;
  padding-bottom: 25px;
  font-size: 18px;
}

@media all and (min-width: 690px) {
  .group-join-box__instructions {
    padding-bottom: 0;
  }
}

.group-join-box__form {
  display: flex;
}

@media all and (min-width: 690px) {
  .group-join-box__form {
    min-width: 302px;
    padding-left: 20px;
  }
}

.group-join-box__label {
  flex-grow: 1;
}

.group-join-box__input {
  width: 100%;
  padding: 9px 14px;
  color: #363636;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 4px;
}

.group-join-box__input.focus-visible {
  outline: 0;
}

.group-join-box__button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 12px 22px;
  margin-left: 12px;
  background-color: #e6e6e6;
  border-radius: 4px;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.group-join-box__button:hover, .group-join-box__button.focus-visible {
  color: #ffffff;
  background-color: #9a9a9a;
  outline: 0;
}

.group-page-heading {
  color: #363636;
}

@media all and (min-width: 800px) {
  .group-page-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.group-page-heading__text-container {
  display: flex;
}

@media all and (min-width: 800px) {
  .group-page-heading__text-container--narrow {
    max-width: calc(100% - 292px);
    padding-right: 13px;
  }
}

.group-page-heading__icon {
  min-width: 32px;
}

@media all and (min-width: 800px) {
  .group-page-heading__icon {
    margin-top: 3px;
  }
}

.group-page-heading__text {
  padding-left: 13px;
  margin-bottom: 0;
  font-size: 18px;
  word-wrap: break-word;
}

@media all and (min-width: 800px) {
  .group-page-heading__text {
    font-size: 26px;
  }
}

.group-page-heading__subtitle {
  color: #696969;
}

.group-page-heading__button-container {
  padding-top: 18px;
}

@media all and (min-width: 800px) {
  .group-page-heading__button-container {
    padding-top: 0;
  }
}

.group-page-heading__nav-button {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-block;
  padding: 0.76em 1.7em;
  font-size: 11.18px;
  color: #363636;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.134em;
  white-space: nowrap;
  background-color: #a8f0d5;
  background-color: var(--accent-primary-pale, #a8f0d5);
  border-radius: 4px;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.group-page-heading__nav-button:hover, .group-page-heading__nav-button.focus-visible {
  color: #363636;
  background-color: #52e3ac;
  background-color: var(--accent-interaction-light, #52e3ac);
  outline: 0;
}

.group-page-heading__nav-button:not(:first-child) {
  margin-left: 10px;
}

.remove-member-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  position: relative;
  padding: 4px 15px 5px;
  color: #ff9191;
  color: var(--default-error-color, #ff9191);
  border: 1px solid;
  border-radius: 12px;
  transition: all 0.2s ease;
}

.remove-member-button:hover, .remove-member-button.focus-visible {
  color: #ffffff;
  background-color: #ff9191;
  background-color: var(--default-error-color, #ff9191);
  outline: 0;
}

.group-summary {
  background-color: #f7f7f7;
  border-radius: 8px;
  padding: 20px;
}

@media all and (min-width: 880px) {
  .group-summary {
    padding: 24px 30px;
  }
}

.group-summary__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: -8px;
  margin-bottom: 0;
}

@media all and (min-width: 880px) {
  .group-summary__list {
    margin-top: -18px;
  }
}

@supports (display: grid) {
  .group-summary__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 8px;
    margin-top: 0;
  }
  @media all and (min-width: 880px) {
    .group-summary__list {
      display: inline-grid;
      grid-template-columns: auto auto auto;
      grid-gap: 18px 64px;
    }
  }
}

.group-summary__item-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 8px;
}

@media all and (min-width: 880px) {
  .group-summary__item-container {
    display: block;
    margin-top: 18px;
  }
}

@supports (display: grid) {
  .group-summary__item-container {
    margin-top: 0;
  }
}

.group-summary__mobile-left {
  grid-column-start: 1;
}

@media all and (min-width: 880px) {
  .group-summary__mobile-left {
    grid-column-start: auto;
  }
}

.group-summary__mobile-right {
  grid-column-start: 2;
}

@media all and (min-width: 880px) {
  .group-summary__mobile-right {
    grid-column-start: auto;
  }
}

.group-summary__mobile-top {
  grid-row-start: 1;
}

@media all and (min-width: 880px) {
  .group-summary__mobile-top {
    grid-row-start: auto;
  }
}

.group-summary__desktop-top {
  flex-basis: 50%;
}

@media all and (min-width: 880px) {
  .group-summary__desktop-top {
    grid-row-start: 1;
  }
}

.group-summary__desktop-bottom {
  flex-basis: 33.333%;
}

@media all and (min-width: 880px) {
  .group-summary__desktop-bottom {
    grid-row-start: 2;
  }
}

.group-summary__item {
  display: block;
  margin: 0;
}

@media all and (min-width: 880px) {
  .group-summary__item {
    display: inline-block;
  }
}

.group-summary__value {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  font-size: 13px;
  color: #363636;
}

@media all and (min-width: 880px) {
  .group-summary__value {
    padding-left: 10px;
  }
}

.group-summary__mobile-indent {
  padding-left: 32px;
}

@media all and (min-width: 880px) {
  .group-summary__mobile-indent {
    padding-left: 10px;
  }
}

.group-summary__private-icon {
  position: relative;
  top: -2.5px;
  margin-left: 10px;
  color: #828282;
}

@media all and (min-width: 690px) {
  .notes-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.notes-filter__dropdown-container {
  padding-top: 30px;
}

@media all and (min-width: 690px) {
  .notes-filter__dropdown-container {
    display: flex;
    padding-top: 0;
    padding-left: 20px;
  }
}

.notes-filter__select-container {
  position: relative;
}

@media all and (min-width: 690px) {
  .notes-filter__select-container {
    width: 200px;
  }
}

.notes-filter__select-container:not(:first-child) {
  margin-top: 12px;
}

@media all and (min-width: 690px) {
  .notes-filter__select-container:not(:first-child) {
    margin-top: 0;
    margin-left: 12px;
  }
}

.notes-filter__select {
  cursor: pointer;
  background: transparent;
  border-radius: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding-right: 36px;
  padding-left: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  width: 100%;
  height: 40px;
  font-size: 13px;
  border: 1px solid;
  border-radius: 8px;
}

.notes-filter__select.focus-visible:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #555555;
}

.notes-filter__select::-ms-expand {
  display: none;
}

.notes-filter__select:focus:not(.focus-visible) {
  outline: 0;
}

.notes-filter__select.focus-visible {
  outline: solid 2px #52e3ac;
  outline: solid 2px var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.notes-filter__select.focus-visible {
  border-color: #52e3ac;
  border-color: var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

@media all and (min-width: 690px) {
  .notes-filter__select {
    border-radius: 0;
  }
}

.notes-filter__icon {
  position: absolute;
  top: 11px;
  right: 12px;
}

.panel-hidden .screen-reader-text {
  visibility: hidden;
}

.annotation-underline {
  cursor: pointer;
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 2px 2px;
}

.annotation-underline.primary {
  background-image: linear-gradient(#99e3f5, #99e3f5);
}

.scheme-dark .annotation-underline.primary {
  background-image: linear-gradient(#808f9b, #808f9b);
}

.annotation-underline.primary .multiple {
  background-image: linear-gradient(#2bd1fa, #2bd1fa);
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 2px 2px;
}

.scheme-dark .annotation-underline.primary .multiple {
  background-image: linear-gradient(#808f9b, #808f9b);
}

.annotation-underline.secondary {
  background-image: linear-gradient(#c6eaac, #c6eaac);
}

.scheme-dark .annotation-underline.secondary {
  background-image: linear-gradient(#677b61, #677b61);
}

.annotation-underline.secondary .multiple {
  background-image: linear-gradient(#70c930, #70c930);
  background-repeat: repeat-x;
  background-position: 0% 100%;
  background-size: 2px 2px;
}

.annotation-underline.tertiary {
  background-image: linear-gradient(#edaaed, #edaaed);
}

.scheme-dark .annotation-underline.tertiary {
  background-image: linear-gradient(#775e77, #775e77);
}

.annotation-underline.tertiary .multiple {
  background-image: linear-gradient(#ff12ff, #ff12ff);
  background-repeat: repeat-x;
  background-position: 0% 100%;
  background-size: 2px 2px;
}

.annotation-highlight.primary {
  background-color: #d9f5fb;
}

.scheme-dark .annotation-highlight.primary {
  background-color: #808f9b;
}

.annotation-highlight.primary .multiple {
  background-color: #99e3f5;
}

.annotation-highlight.secondary {
  background-color: #eaf7e0;
}

.scheme-dark .annotation-highlight.secondary {
  background-color: #677b61;
}

.annotation-highlight.secondary .multiple {
  background-color: #c6eaac;
}

.annotation-highlight.tertiary {
  background-color: #f4dcf4;
}

.scheme-dark .annotation-highlight.tertiary {
  background-color: #775e77;
}

.annotation-highlight.tertiary .multiple {
  background-color: #c6eaac;
}

.annotation-highlight.mixed {
  background-color: #93debe;
}

.annotation-popup {
  --default-hover-color: var(--accent-interaction-light, #52e3ac);
  position: absolute;
  margin-top: -30px;
  white-space: nowrap;
  visibility: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 0;
  transition: top 0.2s ease, left 0.2s ease, opacity 0.2s ease;
}

.annotation-popup--visible {
  visibility: visible;
  opacity: 1;
}

.annotation-popup__panel {
  box-shadow: 0 12px 22px -3px rgba(0, 0, 0, 0.39);
  position: relative;
  left: 50%;
  background-color: #424242;
  border-radius: 8px;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transform: translateX(-50%);
}

.annotation-popup__panel--secondary-group {
  position: relative;
}

.annotation-popup__panel--top {
  top: 0;
}

.annotation-popup__panel--bottom {
  bottom: 0;
}

.annotation-popup__panel.panel-appear {
  opacity: 0.01;
  transform: translateX(25%);
}

.annotation-popup__panel.panel-appear.panel-appear-active {
  opacity: 1;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transform: translateX(-50%);
}

.annotation-popup__panel.panel-exit {
  opacity: 1;
  transform: translateX(-50%);
}

.annotation-popup__panel.panel-exit.panel-exit-active {
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transform: translateX(25%);
}

.scheme-dark .annotation-popup__panel {
  background-color: #ffffff;
}

.annotation-popup__note {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  padding: 1em 17px 1.063em;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0.005em;
  background-color: #2e2e2e;
}

.annotation-popup__note--top {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.annotation-popup__note--bottom {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.scheme-dark .annotation-popup__note {
  color: #424242;
  background-color: #ffffff;
}

.annotation-popup__header {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: flex;
  align-items: center;
  padding: 14px 20px;
  font-size: 14px;
  color: #b3b3b3;
  background-color: #2e2e2e;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.scheme-dark .annotation-popup__header {
  color: #424242;
  background-color: #ececec;
}

.annotation-popup__heading {
  margin-left: 1em;
}

.annotation-popup__button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 11px 24px 11px 15px;
  font-size: 14px;
  line-height: 23px;
  color: #ffffff;
  text-align: left;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.scheme-dark .annotation-popup__button {
  color: #424242;
}

.annotation-popup__button--dark {
  color: #828282;
  background-color: #424242;
}

.annotation-popup__button--dark + .annotation-popup__tail--down {
  border-color: #363636 transparent transparent;
}

.scheme-dark .annotation-popup__button--dark {
  color: #424242;
  background-color: #828282;
}

.annotation-popup__button--secondary-dark {
  padding-right: 20px;
  padding-left: 20px;
  color: #b3b3b3;
  background-color: #2e2e2e;
}

.scheme-dark .annotation-popup__button--secondary-dark {
  color: #424242;
  background-color: #ececec;
}

.annotation-popup__button--stacked {
  display: block;
}

.annotation-popup__button:first-of-type:not(:last-of-type):not(.annotation-popup__button--selected) {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.annotation-popup__button:last-of-type:not(.annotation-popup__button--selected) {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.annotation-popup__button:hover, .annotation-popup__button--selected {
  color: #424242;
  background-color: #52e3ac;
  background-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.annotation-popup__button-icon {
  margin-right: 13px;
}

.annotation-popup__button-icon--disclosure {
  margin-right: -5px;
  margin-left: 13px;
  transform: rotate(90deg);
}

.annotation-popup__button-text {
  position: relative;
  top: -1px;
}

.annotation-popup__button-text--small {
  overflow: hidden;
  font-size: 17px;
  font-weight: 400;
  text-overflow: ellipsis;
  text-transform: none;
  letter-spacing: 0;
  white-space: nowrap;
}

.annotation-popup__button-inner-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 175px;
}

.annotation-popup .button-group + .annotation-popup__button, .annotation-popup .button-group + .button-group {
  border-top: 1.5px #363636 solid;
}

.annotation-popup__tail {
  --tail-color: #424242;
  position: absolute;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  margin-left: -16px;
  border-style: solid;
  transition: border-color 0.2s ease;
}

.annotation-popup__tail--down {
  top: 100%;
  border-color: #424242 transparent transparent;
  border-color: var(--tail-color, #424242) transparent transparent;
  border-width: 16px 16px 0;
}

.annotation-popup__tail--down.annotation-popup__tail--highlight {
  border-color: #52e3ac transparent transparent;
  border-color: var(--accent-primary, #52e3ac) transparent transparent;
}

.annotation-popup__button--secondary-dark + .annotation-popup__tail--down {
  --tail-color: #2e2e2e;
}

.annotation-popup__tail--up {
  top: -16px;
  border-color: transparent transparent #424242;
  border-color: transparent transparent var(--tail-color, #424242);
  border-width: 0 16px 16px;
}

.annotation-popup__tail--up.annotation-popup__tail--highlight {
  border-color: transparent transparent #52e3ac;
  border-color: transparent transparent var(--accent-primary, #52e3ac);
}

.scheme-dark .annotation-popup__tail {
  --tail-color: #ffffff;
}

.annotation-popup__tail--dark {
  --tail-color: #2e2e2e;
}

.scheme-dark .annotation-popup__tail--dark {
  --tail-color: #ececec;
}

.control-menu__header, .control-menu__section {
  padding: 15px 30px;
}

.control-menu__header {
  display: block;
  width: 100%;
  background-color: #ececec;
}

.control-menu__header--with-icon {
  padding-top: 8px;
  padding-bottom: 8px;
}

.control-menu__heading {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
}

.control-menu__button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  width: 100%;
  min-height: 48px;
  padding: 12px 10px 10px;
  font-size: 13px;
  background-color: #ececec;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.control-menu__button:hover:not(:disabled):not([aria-disabled='true']), .control-menu__button.focus-visible {
  color: #363636;
  background-color: #52e3ac;
  background-color: var(--accent-interaction-light, #52e3ac);
  outline: 0;
}

.control-menu__button:disabled {
  color: rgba(105, 105, 105, 0.5);
}

.appearance-menu {
  --default-focus-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  --default-hover-color: var(--accent-interaction-dark, #077a56);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  background-color: #f7f7f7;
  /* stylelint-disable property-no-vendor-prefix */
  /* stylelint-enable property-no-vendor-prefix */
}

.panel-enter .appearance-menu {
  transform: translateX(100%);
}

.panel-enter-active .appearance-menu {
  transition: transform 0.2s ease;
  transform: translateX(0);
}

.panel-exit .appearance-menu {
  transform: translateX(0);
}

.panel-exit.panel-exit-active .appearance-menu {
  transition: transform 0.2s ease;
  transform: translateX(100%);
}

@media all and (min-width: 560px) {
  .appearance-menu {
    width: auto;
  }
}

.appearance-menu__list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.appearance-menu__section:nth-child(even) {
  background-color: #ececec;
}

.appearance-menu__section:last-child {
  padding: 0;
  border-top: none;
}

@media all and (min-width: 560px) {
  .appearance-menu__section:last-child:last-child {
    padding: 0;
    border-top: none;
  }
}

@media all and (min-width: 560px) and (min-width: 480px) {
  .appearance-menu__section:last-child:last-child {
    padding: 30px 28px;
  }
}

.appearance-menu__radio-group {
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
}

.appearance-menu__radio-stack {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.appearance-menu__radio-input {
  position: absolute;
  z-index: -5;
  opacity: 0;
}

.appearance-menu__radio-label {
  border-bottom: 2px solid transparent;
  transition: color 0.1s ease, border-color 0.1s ease;
}

.appearance-menu__font-style--active .appearance-menu__radio-label {
  color: #363636;
  border-color: #363636;
}

.appearance-menu__font-style:hover .appearance-menu__radio-label,
.appearance-menu__radio-input.focus-visible ~ .appearance-menu__radio-label {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  border-color: #52e3ac;
  border-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.appearance-menu__button-base {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.appearance-menu__button-base:not(:first-of-type) {
  margin-left: 20px;
}

.appearance-menu__primary-hover-button {
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.appearance-menu__primary-hover-button:hover:not(:disabled):not([aria-disabled='true']) {
  color: #363636;
  background-color: #52e3ac;
  background-color: var(--accent-interaction-light, #52e3ac);
}

.appearance-menu__font-control-group {
  display: -ms-grid;
  display: grid;
  grid-template: 'font-style size-serif' auto 'font-style size-sans' auto / 1fr auto;
  grid-row-gap: 23px;
  padding-top: 16px;
  padding-bottom: 16px;
  -ms-grid-rows: auto 23px auto;
  -ms-grid-columns: 1fr auto;
}

@media all and (min-width: 560px) {
  .appearance-menu__font-control-group {
    grid-row-gap: 29px;
    -ms-grid-rows: auto 29px auto;
  }
}

.appearance-menu__font-style-control {
  grid-area: font-style;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-row-span: 3;
}

.appearance-menu__font-size-control {
  display: flex;
  justify-content: space-between;
}

.appearance-menu__font-size-control--serif {
  grid-area: size-serif;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.appearance-menu__font-size-control--sans {
  grid-area: size-sans;
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}

.appearance-menu__font-style {
  position: relative;
  display: block;
  padding-bottom: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.appearance-menu__font-style:not(:first-of-type) {
  margin-left: 0;
}

.appearance-menu__font-style--serif {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-size: 25px;
}

@media all and (min-width: 560px) {
  .appearance-menu__font-style--serif {
    font-size: 22px;
  }
}

.appearance-menu__font-style--sans-serif {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 24px;
}

@media all and (min-width: 560px) {
  .appearance-menu__font-style--sans-serif {
    font-size: 21px;
  }
}

.appearance-menu__font-size-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 44px;
  height: 44px;
  color: #363636;
  vertical-align: top;
  background-color: #ffffff;
  border-radius: 100%;
}

@media all and (min-width: 560px) {
  .appearance-menu__font-size-button {
    width: 35px;
    height: 35px;
  }
}

.appearance-menu__font-size-button:disabled {
  color: #b3b3b3;
  background-color: #e6e6e6;
}

@media all and (min-width: 560px) {
  .appearance-menu__font-size-button {
    width: 35px;
    height: 35px;
  }
}

.appearance-menu__font-size-button:disabled, .appearance-menu__font-size-button[aria-disabled='true'] {
  color: #b3b3b3;
  cursor: default;
  background-color: #e6e6e6;
}

.appearance-menu__font-size-button:not(:first-child) {
  margin-left: 15px;
}

.appearance-menu__color-buttons-container {
  padding: 15px 0;
}

.appearance-menu__color-scheme {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(50% - 10px);
  height: 39px;
  border: 3px solid transparent;
  transition: border-color 0.2s ease;
}

@media all and (min-width: 560px) {
  .appearance-menu__color-scheme {
    width: 96px;
  }
}

.appearance-menu__color-scheme--light {
  color: #363636;
  background-color: #ffffff;
}

.appearance-menu__color-scheme--dark {
  --default-hover-color: var(--accent-interaction-light, #52e3ac);
  color: #ffffff;
  background-color: #424242;
}

.appearance-menu__color-scheme--active > svg {
  opacity: 1;
}

.appearance-menu__color-scheme:not(.appearance-menu__color-scheme--active) > svg {
  opacity: 0;
}

.appearance-menu__color-scheme:hover, .appearance-menu__color-scheme:focus-within {
  border-color: #52e3ac;
  border-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  outline: 0;
}

.appearance-menu__control-margins {
  display: none;
  border-top: none;
}

@media all and (min-width: 560px) {
  .appearance-menu__control-margins {
    display: block;
  }
}

.appearance-menu__menu-icon--dark {
  fill: #555555;
}

.appearance-menu__menu-icon--light {
  fill: #c3c3c3;
}

.appearance-menu__margin-button {
  width: 96px;
  height: 46px;
  background-color: #ffffff;
}

.appearance-menu__margin-button > svg path {
  transition: fill 0.2s ease;
}

.appearance-menu__margin-button:hover:not([aria-disabled='true']) {
  outline: 0;
}

.appearance-menu__margin-button:hover:not([aria-disabled='true']) > svg path {
  fill: #363636;
}

.appearance-menu__margin-button[aria-disabled='true'] {
  cursor: default;
  background-color: #e6e6e6;
}

.appearance-menu__margin-button[aria-disabled='true'] > svg {
  opacity: 0.5;
}

.appearance-menu__reload-icon {
  margin-right: 10px;
}

.button-visibility {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  height: 100%;
  padding: 0 14px;
  color: #9a9a9a;
  transition: color 0.1s ease;
}

.visibility-menu {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  --default-hover-color: var(--accent-interaction-dark, #077a56);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  background-color: #f7f7f7;
  color: #696969;
}

.panel-enter .visibility-menu {
  transform: translateX(100%);
}

.panel-enter-active .visibility-menu {
  transition: transform 0.2s ease;
  transform: translateX(0);
}

.panel-exit .visibility-menu {
  transform: translateX(0);
}

.panel-exit.panel-exit-active .visibility-menu {
  transition: transform 0.2s ease;
  transform: translateX(100%);
}

@media all and (min-width: 560px) {
  .visibility-menu {
    width: auto;
  }
}

@media all and (min-width: 560px) {
  .visibility-menu {
    min-width: 286px;
    max-width: 286px;
  }
}

.visibility-menu__section-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.visibility-menu__group {
  padding: 0;
  margin: 0;
  border: none;
}

.visibility-menu__group-icon {
  margin-right: 12px;
  margin-left: -2px;
  color: #696969;
}

.visibility-menu__group-name {
  position: relative;
  top: 1px;
}

.visibility-menu__legend {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 13px;
}

.visibility-menu__checkbox + .visibility-menu__checkbox {
  margin-left: 32px;
}

.visibility-menu__checkbox--block {
  display: block;
}

.visibility-menu__checkbox--block + .visibility-menu__checkbox--block {
  margin-top: 14px;
  margin-left: 0;
}

.visibility-menu__footer {
  display: flex;
}

.reader-header {
  --header-foreground-color: #696969;
  --default-hover-color: var(--accent-interaction-dark, #077a56);
  position: fixed;
  top: 0;
  width: 100%;
  color: #696969;
  /* stylelint-disable property-no-vendor-prefix */
  /* stylelint-enable property-no-vendor-prefix */
}

.reader-header .panel-enter .reader-return-menu {
  transform: translateX(-100%);
}

.reader-header .panel-enter-active .reader-return-menu {
  transition: transform 0.2s ease;
  transform: translateX(0);
}

.reader-header .panel-exit .reader-return-menu {
  transform: translateX(0);
}

.reader-header .panel-exit.panel-exit-active .reader-return-menu {
  transition: transform 0.2s ease;
  transform: translateX(-100%);
}

.reader-header .panel-enter .user-menu {
  transform: translateX(100%);
}

.reader-header .panel-enter-active .user-menu {
  transition: transform 0.2s ease;
  transform: translateX(0);
}

.reader-header .panel-exit .user-menu {
  transform: translateX(0);
}

.reader-header .panel-exit.panel-exit-active .user-menu {
  transition: transform 0.2s ease;
  transform: translateX(100%);
}

.reader-header .panel-enter .search-menu {
  transform: translateX(100%);
}

.reader-header .panel-enter-active .search-menu {
  transition: transform 0.2s ease;
  transform: translateX(0);
}

.reader-header .panel-exit .search-menu {
  transform: translateX(0);
}

.reader-header .panel-exit.panel-exit-active .search-menu {
  transition: transform 0.2s ease;
  transform: translateX(100%);
}

.reader-header__inner {
  position: relative;
  display: -ms-grid;
  display: grid;
  grid-template: 'menu-group-left title-bar menu-group-right' 46px / -webkit-max-content 1fr -webkit-max-content;
  grid-template: 'menu-group-left title-bar menu-group-right' 46px / max-content 1fr max-content;
  width: 200vw;
  background-color: #f7f7f7;
  transition: transform 0.2s ease-out;
  -ms-grid-rows: 46px;
  -ms-grid-columns: max-content 1fr max-content;
}

.reader-header__inner--shifted {
  transform: translateX(-100vw);
}

@media all and (min-width: 560px) {
  .reader-header__inner {
    width: 100%;
  }
}

.reader-header__menu-group {
  display: flex;
}

.reader-header__menu-group--left {
  grid-area: menu-group-left;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  width: 100vw;
}

@media all and (min-width: 560px) {
  .reader-header__menu-group--left {
    width: auto;
  }
}

.reader-header__menu-group--right {
  grid-area: menu-group-right;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  width: 100vw;
}

@media all and (min-width: 560px) {
  .reader-header__menu-group--right {
    width: auto;
  }
}

.reader-header__title-bar {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  position: relative;
  display: none;
  grid-area: title-bar;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  height: 100%;
  overflow: hidden;
}

@media all and (min-width: 760px) {
  .reader-header__title-bar {
    display: block;
  }
}

.reader-header__title-bar-text {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin: 0;
  overflow: hidden;
  font-size: 18px;
  font-weight: 500;
  transition: transform 0.4s ease;
}

.reader-header__title-bar--show-section .reader-header__title-bar-text {
  transform: translateY(-100%);
}

.reader-header__title-inner-text {
  position: relative;
  top: -2px;
  overflow: hidden;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reader-header__button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 13px;
  transition: color 0.2s ease, background-color 0.2s ease;
}

@media all and (min-width: 560px) {
  .reader-header__button {
    font-size: 14px;
  }
}

.reader-header__button:active, .reader-header__button.button-active, .reader-header__button:hover, .reader-header__button.focus-visible {
  color: #363636;
  background-color: #52e3ac;
  background-color: var(--accent-interaction-light, #52e3ac);
  outline: 0;
}

.reader-header__button--pad-default {
  padding-right: 20px;
  padding-left: 20px;
}

.reader-header__button--pad-narrow {
  padding-right: 11px;
  padding-left: 11px;
}

.reader-header__button--gray {
  background-color: #ececec;
}

.reader-header__button-icon {
  margin-left: 1em;
}

.reader-header__button-icon--large {
  display: none;
}

@media all and (min-width: 560px) {
  .reader-header__button-icon--large {
    display: block;
  }
}

.reader-header__button-icon--small {
  position: relative;
  top: 1px;
}

@media all and (min-width: 560px) {
  .reader-header__button-icon--small {
    display: none;
  }
}

.reader-header__options-button {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 110px;
}

@media all and (min-width: 560px) {
  .reader-header__options-button {
    display: none;
  }
}

.reader-header__options-button-icon {
  margin-right: -10px;
  margin-left: 3px;
}

.reader-header__nav-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  position: relative;
  display: block;
  height: 100%;
}

.reader-header__nav-list li {
  display: inline-block;
}

.reader-header__nav-item {
  position: relative;
  height: 100%;
  vertical-align: middle;
}

.reader-header__nav-item svg {
  width: 28px;
  height: 28px;
}

@media all and (min-width: 560px) {
  .reader-header__nav-item svg {
    width: 32px;
    height: 32px;
  }
}

.reader-header__panels {
  position: absolute;
  width: 100%;
}

.reader-header__panels--left {
  left: 0;
}

.reader-header__panels--right {
  right: 0;
}

.reader-header .reader-return-menu,
.reader-header .search-menu,
.reader-header .user-menu {
  position: absolute;
  top: 0;
}

.reader-header .search-menu,
.reader-header .user-menu {
  right: 0;
}

.notation-detail .notation-type {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 13px;
  color: #9a9a9a;
}

.overlay-full .notation-detail {
  padding-top: 70px;
}

@media all and (min-width: 700px) {
  .overlay-full .notation-detail {
    padding-top: 120px;
  }
}

.notation-detail .resource-slideshow {
  margin-top: 14px;
}

@media all and (min-width: 620px) {
  .notation-detail .resource-slideshow {
    margin-top: 25px;
  }
}

.notation-detail .resource-slideshow .slide-footer {
  padding-right: 0;
  padding-left: 0;
}

@media all and (min-width: 620px) {
  .notation-detail .resource-slideshow .slide-footer {
    padding-right: 0;
    padding-left: 0;
  }
}

.notation-detail .button-secondary {
  width: 250px;
  max-width: 100%;
}

@media all and (min-width: 620px) {
  .notation-detail .button-secondary {
    width: 320px;
  }
}

.notation-marker {
  color: #828282;
  transition: color 0.2s ease;
}

.scheme-dark .notation-marker {
  color: #9a9a9a;
}

.notation-marker--active {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.scheme-dark .notation-marker--active {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.notation-marker__icon {
  position: relative;
  top: -1px;
  color: inherit;
}

.notation-preview-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  border-top: 1px solid #9a9a9a;
  transition: margin 0.2s ease;
}

@media all and (min-width: 560px) {
  .notation-preview-footer {
    bottom: 0;
  }
}

.notation-preview-footer.notation-enter {
  bottom: -100px;
}

.notation-preview-footer.notation-enter-active {
  bottom: 44px;
  transition: bottom 0.2s ease;
}

@media all and (min-width: 560px) {
  .notation-preview-footer.notation-enter-active {
    bottom: 0;
  }
}

.notation-preview-footer.notation-exit {
  bottom: 44px;
}

@media all and (min-width: 560px) {
  .notation-preview-footer.notation-exit {
    bottom: 0;
  }
}

.notation-preview-footer.notation-exit-active {
  bottom: -100px;
  transition: bottom 0.2s ease;
}

.scheme-dark .notation-preview-footer {
  background-color: #363636;
}

.notation-preview-footer__link {
  display: block;
  text-decoration: none;
}

.notation-preview-footer__link:hover, .notation-preview-footer__link.active, .notation-preview-footer__link.focus-visible {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  outline: 0;
}

.notation-preview-footer__link:hover .icon-thumbnail-primary, .notation-preview-footer__link.active .icon-thumbnail-primary, .notation-preview-footer__link.focus-visible .icon-thumbnail-primary {
  background-color: #52e3ac;
  background-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.notation-preview-footer__link:hover .icon-thumbnail-primary::after, .notation-preview-footer__link.active .icon-thumbnail-primary::after, .notation-preview-footer__link.focus-visible .icon-thumbnail-primary::after {
  opacity: 0.5;
}

.notation-preview-footer__link:hover .icon-thumbnail-primary svg, .notation-preview-footer__link.active .icon-thumbnail-primary svg, .notation-preview-footer__link.focus-visible .icon-thumbnail-primary svg {
  fill: #ffffff;
}

.notation-preview-footer__link-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 17px 4.5%;
}

.scheme-dark .notation-preview-footer__link-inner {
  color: #ffffff;
}

.notation-preview-footer__figure {
  display: flex;
  flex-grow: 2;
}

.notation-preview-footer__figure .icon-thumbnail-primary {
  position: relative;
  min-width: 70px;
  max-width: 70px;
  height: 43px;
  background-color: #ececec;
  transition: background-color 0.2s ease;
}

.notation-preview-footer__figure .icon-thumbnail-primary::after {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  content: '';
  background-color: #52e3ac;
  background-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  opacity: 0;
  transition: opacity 0.2s ease;
}

.notation-preview-footer__figure .icon-thumbnail-primary.icon-only.bg-image::after {
  display: block;
}

.notation-preview-footer__figure .icon-thumbnail-primary.icon-only.bg-image .wrapper {
  padding-top: 61.429%;
}

.notation-preview-footer__figure .icon-thumbnail-primary .icon-thumbnail-icon {
  display: flex;
}

.notation-preview-footer__figure .icon-thumbnail-primary .icon-thumbnail-icon svg {
  width: 30px;
  height: 30px;
  margin: auto;
  transition: fill 0.2s ease;
}

.notation-preview-footer__figcaption {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-top: -0.231em;
  margin-left: 10px;
  font-size: 13px;
  font-weight: 200;
  letter-spacing: 0.06em;
}

@media all and (min-width: 620px) {
  .notation-preview-footer__figcaption {
    font-size: 16px;
  }
}

.notation-preview-footer__cube-icon {
  margin-right: 0.375em;
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.notation-preview-footer__caret-icon {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  transform: rotate(-90deg);
}

.notation-viewer {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: #a8f0d5;
  background-color: var(--accent-primary-pale, #a8f0d5);
}

.notation-viewer.container-width-0 {
  right: calc((100% - 1063px) / 2 + 1063px);
}

@media all and (min-width: 1455px) {
  .notation-viewer.container-width-0 .viewer-list {
    display: block;
  }
}

@media all and (min-width: 1455px) {
  .notation-viewer.container-width-0 .notation-preview-footer {
    display: none;
  }
}

.notation-viewer.container-width-1 {
  right: calc((100% - 916px) / 2 + 916px);
}

@media all and (min-width: 1308px) {
  .notation-viewer.container-width-1 .viewer-list {
    display: block;
  }
}

@media all and (min-width: 1308px) {
  .notation-viewer.container-width-1 .notation-preview-footer {
    display: none;
  }
}

.notation-viewer.container-width-2 {
  right: calc((100% - 790px) / 2 + 790px);
}

@media all and (min-width: 1182px) {
  .notation-viewer.container-width-2 .viewer-list {
    display: block;
  }
}

@media all and (min-width: 1182px) {
  .notation-viewer.container-width-2 .notation-preview-footer {
    display: none;
  }
}

.notation-viewer.container-width-3 {
  right: calc((100% - 680px) / 2 + 680px);
}

@media all and (min-width: 1072px) {
  .notation-viewer.container-width-3 .viewer-list {
    display: block;
  }
}

@media all and (min-width: 1072px) {
  .notation-viewer.container-width-3 .notation-preview-footer {
    display: none;
  }
}

.notation-viewer.container-width-4 {
  right: calc((100% - 500px) / 2 + 500px);
}

@media all and (min-width: 892px) {
  .notation-viewer.container-width-4 .viewer-list {
    display: block;
  }
}

@media all and (min-width: 892px) {
  .notation-viewer.container-width-4 .notation-preview-footer {
    display: none;
  }
}

.notation-viewer .viewer-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  position: absolute;
  top: 0;
  right: 3vw;
  display: none;
  height: 100%;
}

@media all and (min-width: 1235px) {
  .notation-viewer .viewer-list {
    right: 45px;
  }
}

.notation-viewer .viewer-list .notation-single-link {
  display: block;
  text-decoration: none;
}

.notation-viewer .viewer-list .notation-single-link .image-overlay {
  background-color: #52e3ac;
  background-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  opacity: 0;
}

.notation-viewer .viewer-list .notation-single-link:hover, .notation-viewer .viewer-list .notation-single-link:focus, .notation-viewer .viewer-list .notation-single-link.highlighted, .highlighted .notation-viewer .viewer-list .notation-single-link {
  outline: 0;
}

.notation-viewer .viewer-list .notation-single-link:hover .icon-thumbnail-title, .notation-viewer .viewer-list .notation-single-link:focus .icon-thumbnail-title, .notation-viewer .viewer-list .notation-single-link.highlighted .icon-thumbnail-title, .highlighted .notation-viewer .viewer-list .notation-single-link .icon-thumbnail-title {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.notation-viewer .viewer-list .notation-single-link:hover .image-overlay, .notation-viewer .viewer-list .notation-single-link:focus .image-overlay, .notation-viewer .viewer-list .notation-single-link.highlighted .image-overlay, .highlighted .notation-viewer .viewer-list .notation-single-link .image-overlay {
  opacity: 0.5;
}

.notation-viewer .viewer-list .notation-single-link:hover .icon-thumbnail-icon, .notation-viewer .viewer-list .notation-single-link:focus .icon-thumbnail-icon, .notation-viewer .viewer-list .notation-single-link.highlighted .icon-thumbnail-icon, .highlighted .notation-viewer .viewer-list .notation-single-link .icon-thumbnail-icon {
  background-color: #52e3ac;
  background-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.notation-viewer .viewer-list .notation-single-link:hover svg, .notation-viewer .viewer-list .notation-single-link:focus svg, .notation-viewer .viewer-list .notation-single-link.highlighted svg, .highlighted .notation-viewer .viewer-list .notation-single-link svg {
  fill: #ffffff;
}

.notation-wrapper {
  position: absolute;
  right: 0;
}

.notation-preview-fader {
  position: absolute;
  right: 0;
  transition: right 0.5s ease 0.1s, opacity 0.5s ease;
}

.notation-preview-fader.transition-out {
  right: 20px;
  opacity: 0;
}

.notation-preview-fader.transition-in {
  right: 0;
  opacity: 1;
}

.notation-preview-single {
  width: 160px;
  text-decoration: none;
}

.notation-preview-single.highlight-enter {
  opacity: 0.01;
}

.notation-preview-single.highlight-enter-active {
  opacity: 1;
}

.notation-preview-single.highlight-enter-active figure {
  transition: opacity 0.2s ease;
}

.notation-preview-single.highlight-exit {
  opacity: 1;
}

.notation-preview-single.highlight-exit .icon-thumbnail-title {
  opacity: 0;
}

.notation-preview-single.highlight-exit-active {
  opacity: 0.01;
}

.notation-preview-single.highlight-exit-active figure {
  transition: opacity 0.2s ease;
}

.notation-viewer .viewer-list .notation-preview-single.highlighted .icon-thumbnail-title {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.notation-viewer .viewer-list .notation-preview-single.highlighted .image-overlay {
  opacity: 0.5;
}

.notation-preview-single .notation-preview-overflow {
  height: 100%;
  overflow: hidden;
}

.notation-preview-single .notation-preview-overflow::before {
  position: absolute;
  z-index: 5;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: '';
  box-shadow: inset 0 -14px 10px -2px #ffffff;
  transition: box-shadow 0.2s ease;
}

.scheme-dark .notation-preview-single .notation-preview-overflow::before {
  box-shadow: inset 0 -14px 10px -2px #363636;
}

.notation-preview-single .notation-delete {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 17px;
  height: 17px;
  color: #363636;
  cursor: pointer;
  background-color: #c3c3c3;
  transition: background-color 0.2s ease;
}

.notation-preview-single .notation-delete:hover, .notation-preview-single .notation-delete.focus-visible {
  background-color: #ff9191;
  outline: 0;
}

.notation-preview-single .notation-delete__icon {
  vertical-align: top;
}

.notation-preview-group {
  overflow: hidden;
  text-align: right;
}

.notation-preview-group .group-active-title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin: 0;
  font-size: 14px;
  font-weight: 200;
  line-height: 1.3;
  transition: color 0.2s ease;
}

.notation-preview-group .group-active-title a {
  text-decoration: none;
}

.notation-preview-group .group-active-title a:hover {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.notation-preview-group .group-active-title.highlighted a {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.notation-preview-group .group-thumbnails {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  position: relative;
  display: inline-block;
  max-height: 80px;
  margin-left: -4px;
  overflow: hidden;
  text-align: right;
}

.notation-preview-group .group-thumbnails.overflow::before {
  position: absolute;
  z-index: 5;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  content: '';
  box-shadow: inset 0 -14px 10px -2px #ffffff;
  transition: box-shadow 0.2s ease;
}

.scheme-dark .notation-preview-group .group-thumbnails.overflow::before {
  box-shadow: inset 0 -14px 10px -2px #363636;
}

.notation-preview-group .group-thumbnails li {
  display: inline-block;
  padding-left: 4px;
  margin-bottom: 4px;
  vertical-align: top;
}

.notation-preview-group .group-thumbnails .group-thumbnail {
  position: relative;
  cursor: pointer;
}

.notation-preview-group .group-thumbnails .group-thumbnail.highlighted, .notation-preview-group .group-thumbnails .group-thumbnail a.focus-visible {
  outline: 0;
}

.notation-preview-group .group-thumbnails .group-thumbnail.highlighted .icon-thumbnail-primary::before, .notation-preview-group .group-thumbnails .group-thumbnail a.focus-visible .icon-thumbnail-primary::before {
  opacity: 0.5;
}

.notation-preview-group .group-thumbnails .group-thumbnail.highlighted .icon-thumbnail-icon, .notation-preview-group .group-thumbnails .group-thumbnail a.focus-visible .icon-thumbnail-icon {
  background-color: #52e3ac;
  background-color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.notation-preview-group .group-thumbnails .group-thumbnail.highlighted svg, .notation-preview-group .group-thumbnails .group-thumbnail a.focus-visible svg {
  fill: #ffffff;
}

.notation-preview-group .group-highlighted-notation-wrapper {
  position: relative;
  display: inline-block;
  width: 160px;
}

.notation-preview-group .group-highlighted-resource {
  position: absolute;
}

.notation-preview-group .group-highlighted-resource .notation-preview-single {
  position: static;
  display: inline-block;
  width: 160px;
}

.reader-return-menu {
  max-width: 330px;
  background-color: #ececec;
}

@media all and (min-width: 620px) {
  .reader-return-menu {
    max-width: 390px;
  }
}

.reader-return-menu__list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  min-width: 260px;
}

.reader-return-menu__item + .reader-return-menu__item {
  border-top: 2px solid #d6d6d6;
}

.reader-return-menu__link {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: block;
  width: 100%;
  padding: 16px 20px;
  font-size: 18px;
  text-align: left;
  text-decoration: none;
  letter-spacing: 0.004em;
}

@media all and (min-width: 620px) {
  .reader-return-menu__link {
    padding: 17px 26px;
    font-size: 22px;
  }
}

.reader-return-menu__link.focus-visible {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  outline: 0;
}

.reader-return-menu__link--flush-bottom {
  padding-bottom: 0.38em;
}

.reader-return-menu__link-icon, .reader-return-menu__logo-icon, .reader-return-menu__link-text, .reader-return-menu__small-text {
  transition: color 0.2s ease;
}

.reader-return-menu__link:hover .reader-return-menu__link-icon,
.reader-return-menu__link.focus-visible .reader-return-menu__link-icon, .reader-return-menu__link:hover .reader-return-menu__logo-icon,
.reader-return-menu__link.focus-visible .reader-return-menu__logo-icon, .reader-return-menu__link:hover .reader-return-menu__link-text,
.reader-return-menu__link.focus-visible .reader-return-menu__link-text, .reader-return-menu__link:hover .reader-return-menu__small-text,
.reader-return-menu__link.focus-visible .reader-return-menu__small-text {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.reader-return-menu__link-icon {
  margin-right: 14px;
}

@media all and (min-width: 620px) {
  .reader-return-menu__link-icon {
    width: 45.538px;
    height: 45.538px;
    margin-right: 16px;
  }
}

.reader-return-menu__link-text {
  position: relative;
  top: 1px;
}

.reader-return-menu__logo-icon {
  width: 28px;
  height: 28px;
  margin-right: 19px;
  margin-left: 4px;
}

@media all and (min-width: 620px) {
  .reader-return-menu__logo-icon {
    width: 34px;
    height: 34px;
    margin-right: 22px;
    margin-left: 5px;
  }
}

.reader-return-menu__small-text {
  display: block;
  padding-bottom: 10px;
  padding-left: 51px;
  font-size: 17px;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  text-decoration: underline;
}

@media all and (min-width: 620px) {
  .reader-return-menu__small-text {
    padding-left: 61px;
  }
}

.reader-return-menu__note {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: block;
  padding: 0.5em 1.688em 1.75em 24.5px;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: underline;
  transition: color 0.2s ease;
}

.reader-return-menu__note:hover, .reader-return-menu__note.focus-visible {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

@media all and (min-width: 620px) {
  .reader-return-menu__note {
    padding-left: 32px;
  }
}

.reader-return-menu__note-bold {
  display: inline;
  padding-left: 0;
  transition: color 0.2s ease;
}

.reader-return-menu__note:hover .reader-return-menu__note-bold,
.reader-return-menu__note.focus-visible .reader-return-menu__note-bold {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.section-category-label {
  position: sticky;
  bottom: 0;
  padding: 20px 0 18px;
  text-align: center;
  background-color: #fff799;
  transition: background-color 0.2s ease;
}

.scheme-dark .section-category-label {
  background-color: #696969;
}

.section-category-label__label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-block;
  padding: 0.786em 0.8em;
  font-size: 14px;
  font-weight: 200;
  color: #363636;
  border: 1px solid;
  transition: color 0.2s ease;
}

.scheme-dark .section-category-label__label {
  color: #ececec;
}

.section-next-section {
  transition: background-color 0.2s ease;
}

.scheme-dark .section-next-section {
  background-color: #363636;
}

.section-next-section__link {
  display: block;
  padding: 0 0 50px;
  text-decoration: none;
}

@media all and (min-width: 690px) {
  .section-next-section__link {
    padding: 5.46vw 0 10.526vw;
  }
}

@media all and (min-width: 1235px) {
  .section-next-section__link {
    padding: 64px 0 130px;
  }
}

.section-next-section__header {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-block;
  padding-bottom: 5px;
  font-size: 14px;
  border-bottom: 2px solid #c3c3c3;
}

.section-next-section__title {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-top: 1.192em;
  margin-bottom: 1em;
  font-size: 24px;
  font-weight: 600;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  color: #363636;
  transition: color 0.2s ease;
}

@media all and (min-width: 700px) {
  .section-next-section__title {
    font-size: 26px;
  }
}

.scheme-dark .section-next-section__title {
  color: #ececec;
}

.section-next-section__link:hover .section-next-section__title,
.section-next-section__link.focus-visible .section-next-section__title {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.section-pagination {
  background-color: #f7f7f7;
  transition: background-color 0.2s ease;
}

.section-pagination::after {
  display: block;
  clear: both;
  content: '';
}

.scheme-dark .section-pagination {
  background-color: #424242;
}

.section-pagination__inner {
  display: flex;
  justify-content: space-between;
}

.section-pagination__link {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  display: inline-flex;
  flex-grow: 1;
  align-items: center;
  padding: 20px 0;
  font-size: 14px;
  text-decoration: none;
  vertical-align: middle;
}

@media all and (min-width: 480px) {
  .section-pagination__link {
    padding: 28px 0;
  }
}

@media all and (min-width: 760px) {
  .section-pagination__link {
    padding: 26px 0;
  }
}

.section-pagination__link--next {
  justify-content: flex-end;
}

.section-pagination__text {
  line-height: 1;
}

.section-pagination__icon--previous {
  margin-right: 16px;
}

.section-pagination__icon--next {
  margin-left: 16px;
}

.overlay-full .reader-text-meta {
  padding-top: 85px;
}

@media all and (min-width: 690px) {
  .overlay-full .reader-text-meta {
    padding-top: 150px;
  }
}

.reader-text-meta .title {
  display: block;
  margin-bottom: 0.3em;
  color: #555555;
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 1.2em;
  font-weight: 500;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.32;
}

@media all and (min-width: 620px) {
  .reader-text-meta .title {
    font-size: 26px;
  }
}

.reader-text-meta .subtitle {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.031em;
  font-size: 18px;
  color: #555555;
}

@media all and (min-width: 620px) {
  .reader-text-meta .subtitle {
    font-size: 21px;
  }
}

.reader-text-meta header {
  padding-bottom: 28px;
}

@media all and (min-width: 480px) {
  .reader-text-meta header {
    padding-bottom: 45px;
  }
}

@media all and (min-width: 760px) {
  .reader-text-meta header {
    padding-bottom: 80px;
  }
}

.reader-window {
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  word-wrap: normal;
  overflow-wrap: normal;
  padding: 60px 0;
  overflow: hidden;
  color: #363636;
  background-color: #ffffff;
  transition: background-color 0.2s ease;
}

.reader-window.scheme-dark {
  color: #ffffff;
  background-color: #363636;
}

.reader-window .reader-debug {
  position: relative;
  top: -60px;
}

.text-section {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-weight: 400;
  line-height: 1.761;
}

.text-section *::-moz-selection {
  background: #fff799;
}

.text-section *::selection, .text-section .annotation-locked-selected {
  background: #fff799;
}

.scheme-dark .text-section *::-moz-selection {
  background: #424242;
}

.scheme-dark .text-section *::selection, .scheme-dark .text-section .annotation-locked-selected {
  background: #424242;
}

.text-section.font-sans-serif {
  font-family: 'sofia-pro', sans-serif;
  font-weight: 200;
}

.text-section a {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
}

.text-section .cn {
  font-size: 1.2em;
}

.text-section h1 {
  font-size: 1.6em;
  font-weight: 600;
  line-height: 1.45;
}

.text-section h2 {
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.45;
}

.text-section h3 {
  font-size: 1.1em;
  font-weight: 600;
  line-height: 1.45;
}

.text-section h4 {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.45;
}

.text-section img {
  max-width: 100%;
}

.text-section pre {
  font-size: 0.7em;
}

.text-section p {
  margin: 1em 0;
}

.text-section table {
  margin: 1em 0;
}

.text-section table tr th {
  padding-right: 1em;
}

.text-section dl dt {
  font-weight: 700;
}

.text-section .notation-marker {
  cursor: pointer;
}

.toc-drawer .drawer {
  width: 565px;
  max-width: 90vw;
}

.no-scroll.overlay .toc-drawer {
  overflow: hidden;
}

.toc-drawer .table-of-contents {
  background-color: #f7f7f7;
}

.toc-drawer .table-of-contents ol {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
}

.toc-drawer .table-of-contents ol a {
  display: block;
  width: 100%;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.2;
  color: #363636;
  text-decoration: none;
  border-bottom: 1px solid #c3c3c3;
  transition: background-color 0.2s ease;
}

.toc-drawer .table-of-contents ol a:hover, .toc-drawer .table-of-contents ol a.focus-visible {
  background-color: #a8f0d5;
  background-color: var(--accent-primary-pale, #a8f0d5);
  outline: 0;
}

.toc-drawer .table-of-contents ol a.active {
  background-color: #ececec;
}

.toc-drawer .table-of-contents > ol > li > a {
  padding-right: 20px;
  padding-left: 30px;
  padding-top: 1.091em;
  padding-bottom: 1.136em;
  font-size: 18px;
}

@media all and (min-width: 400px) {
  .toc-drawer .table-of-contents > ol > li > a {
    padding-left: calc(7.813vw + 0px);
  }
}

@media all and (min-width: 700px) {
  .toc-drawer .table-of-contents > ol > li > a {
    padding-right: 30px;
  }
}

@media all and (min-width: 1024px) {
  .toc-drawer .table-of-contents > ol > li > a {
    padding-left: 84px;
  }
}

@media all and (min-width: 560px) {
  .toc-drawer .table-of-contents > ol > li > a {
    font-size: 22px;
  }
}

.toc-drawer .table-of-contents > ol > li > ol > li a {
  padding-right: 20px;
  padding-left: 30px;
  padding-top: 0.5em;
  padding-bottom: 0.667em;
  font-size: 16px;
}

@media all and (min-width: 400px) {
  .toc-drawer .table-of-contents > ol > li > ol > li a {
    padding-left: calc(7.813vw + 0px);
  }
}

@media all and (min-width: 700px) {
  .toc-drawer .table-of-contents > ol > li > ol > li a {
    padding-right: 30px;
  }
}

@media all and (min-width: 1024px) {
  .toc-drawer .table-of-contents > ol > li > ol > li a {
    padding-left: 84px;
  }
}

@media all and (min-width: 560px) {
  .toc-drawer .table-of-contents > ol > li > ol > li a {
    font-size: 18px;
  }
}

.toc-drawer .table-of-contents > ol > li > ol > li > ol > li > a {
  padding-right: 20px;
  padding-left: 53px;
}

@media all and (min-width: 400px) {
  .toc-drawer .table-of-contents > ol > li > ol > li > ol > li > a {
    padding-left: calc(7.813vw + 23px);
  }
}

@media all and (min-width: 700px) {
  .toc-drawer .table-of-contents > ol > li > ol > li > ol > li > a {
    padding-right: 30px;
  }
}

@media all and (min-width: 1024px) {
  .toc-drawer .table-of-contents > ol > li > ol > li > ol > li > a {
    padding-left: 107px;
  }
}

.toc-drawer .table-of-contents > ol > li > ol > li > ol > li > ol > li > a {
  padding-right: 20px;
  padding-left: 76px;
}

@media all and (min-width: 400px) {
  .toc-drawer .table-of-contents > ol > li > ol > li > ol > li > ol > li > a {
    padding-left: calc(7.813vw + 46px);
  }
}

@media all and (min-width: 700px) {
  .toc-drawer .table-of-contents > ol > li > ol > li > ol > li > ol > li > a {
    padding-right: 30px;
  }
}

@media all and (min-width: 1024px) {
  .toc-drawer .table-of-contents > ol > li > ol > li > ol > li > ol > li > a {
    padding-left: 130px;
  }
}

.toc-drawer .toc-empty {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 1.2em;
  font-weight: 500;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.32;
  font-size: 20px;
  padding: 50px 40px;
  margin: 0;
  font-style: italic;
}

@media all and (min-width: 620px) {
  .toc-drawer .toc-empty {
    font-size: 26px;
  }
}

@media all and (min-width: 620px) {
  .toc-drawer .toc-empty {
    font-size: 22px;
  }
}

@media all and (min-width: 560px) {
  .toc-drawer .toc-empty {
    padding: 60px 85px;
  }
}

.toc-drawer hr {
  margin: 0;
  border-top: 1px solid #c3c3c3;
}

.toc-drawer .toc-footer {
  display: block;
}

.toc-drawer .toc-footer__button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 20px;
  padding-left: 30px;
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: 29px;
  padding-bottom: 70px;
  color: #696969;
  text-decoration: none;
  transition: color 0.2s ease, background-color 0.2s ease;
}

@media all and (min-width: 400px) {
  .toc-drawer .toc-footer__button {
    padding-left: calc(7.813vw + 0px);
  }
}

@media all and (min-width: 700px) {
  .toc-drawer .toc-footer__button {
    padding-right: 30px;
  }
}

@media all and (min-width: 1024px) {
  .toc-drawer .toc-footer__button {
    padding-left: 84px;
  }
}

.toc-drawer .toc-footer__button:hover, .toc-drawer .toc-footer__button.focus-visible {
  color: #363636;
  background-color: #a8f0d5;
  background-color: var(--accent-primary-pale, #a8f0d5);
  outline: 0;
}

@media all and (min-width: 560px) {
  .toc-drawer .toc-footer__button {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.toc-drawer .toc-footer__icon {
  position: relative;
  top: 1px;
}

.toc-drawer .toc-footer__text {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  margin: 0 0 0 1em;
  font-size: 14px;
}

.button-notes {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 100%;
  color: #9a9a9a;
  transition: background-color 0.2s ease;
}

.button-notes.button-active {
  background-color: #ececec;
}

@-webkit-keyframes drawerOverlayFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes drawerOverlayFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.notes-drawer .drawer-overlay {
  opacity: 0;
  -webkit-animation: drawerOverlayFade 0.2s ease forwards;
          animation: drawerOverlayFade 0.2s ease forwards;
}

.panel-visible .notes-drawer .drawer-overlay {
  opacity: 1;
}

.panel-exit .notes-drawer .drawer-overlay {
  opaicty: 1;
  -webkit-animation: drawerOverlayFade 0.2s ease backwards;
          animation: drawerOverlayFade 0.2s ease backwards;
}

.panel-exit.panel-exit-active .notes-drawer .drawer-overlay {
  opacity: 0;
}

@-webkit-keyframes notesSlide {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes notesSlide {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

.panel-visible .notes-drawer .drawer {
  -webkit-animation: notesSlide 0.2s ease forwards;
          animation: notesSlide 0.2s ease forwards;
}

.panel-exit .notes-drawer .drawer {
  transform: translateX(0);
  -webkit-animation: notesSlide 0.2s ease backwards;
          animation: notesSlide 0.2s ease backwards;
}

.panel-exit.panel-exit-active .notes-drawer .drawer {
  transform: translateX(100%);
}

.notes-drawer .drawer-bar {
  padding-right: 20px;
  padding-left: 20px;
}

@media all and (min-width: 1024px) {
  .notes-drawer .drawer-bar {
    padding-right: 3.906vw;
  }
}

@media all and (min-width: 1235px) {
  .notes-drawer .drawer-bar {
    padding-right: 40px;
  }
}

@media all and (min-width: 1024px) {
  .notes-drawer .drawer-bar {
    padding-left: 3.906vw;
  }
}

@media all and (min-width: 1235px) {
  .notes-drawer .drawer-bar {
    padding-left: 40px;
  }
}

.notes-filtered-list {
  /* stylelint-disable property-no-vendor-prefix */
  /* stylelint-enable property-no-vendor-prefix */
}

.notes-filtered-list__header {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media all and (min-width: 1024px) {
  .notes-filtered-list__header {
    padding-right: 3.906vw;
  }
}

@media all and (min-width: 1235px) {
  .notes-filtered-list__header {
    padding-right: 40px;
  }
}

@media all and (min-width: 1024px) {
  .notes-filtered-list__header {
    padding-left: 3.906vw;
  }
}

@media all and (min-width: 1235px) {
  .notes-filtered-list__header {
    padding-left: 40px;
  }
}

@media all and (min-width: 560px) {
  .notes-filtered-list__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.notes-filtered-list__see-all {
  padding-top: 9px;
  padding-bottom: 11px;
  margin-top: 20px;
}

@media all and (min-width: 560px) {
  .notes-filtered-list__see-all {
    margin-top: 0;
  }
}

.notes-filtered-list__section-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  font-family: 'sofia-pro', 'trueno', sans-serif;
}

.notes-filtered-list__section-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 20px;
  padding-left: 20px;
  display: block;
  width: 100%;
  padding-top: 11px;
  padding-bottom: 13px;
  color: #363636;
  text-align: left;
  background-color: #f7f7f7;
  transition: background-color 0.2s ease;
}

@media all and (min-width: 1024px) {
  .notes-filtered-list__section-button {
    padding-right: 3.906vw;
  }
}

@media all and (min-width: 1235px) {
  .notes-filtered-list__section-button {
    padding-right: 40px;
  }
}

@media all and (min-width: 1024px) {
  .notes-filtered-list__section-button {
    padding-left: 3.906vw;
  }
}

@media all and (min-width: 1235px) {
  .notes-filtered-list__section-button {
    padding-left: 40px;
  }
}

.notes-filtered-list__section-button:hover, .notes-filtered-list__section-button.focus-visible {
  color: #363636;
  background-color: #ececec;
  outline: 0;
}

.notes-filtered-list__section-button-inner {
  display: flex;
  display: -ms-grid;
  display: grid;
  grid-template: "icon label" auto/24px 1fr;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: center;
  -ms-grid-rows: auto;
  -ms-grid-columns: 24px 10px 1fr;
}

@media all and (min-width: 560px) {
  .notes-filtered-list__section-button-inner {
    -moz-column-gap: 16px;
         column-gap: 16px;
    -ms-grid-columns: 24px 16px 1fr;
  }
}

.notes-filtered-list__section-label {
  display: block;
  grid-area: label;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  overflow: hidden;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: inherit;
}

@media all and (min-width: 560px) {
  .notes-filtered-list__section-label {
    font-size: 21px;
  }
}

.notes-filtered-list__disclosure-icon {
  position: relative;
  top: 2px;
  grid-area: icon;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  transition: transform 0.2s ease;
  transform: rotate(-0.25turn);
}

.notes-filtered-list__disclosure-icon--expanded {
  transform: rotate(0);
}

.notes-filtered-list__group {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-top: 15px;
  padding-bottom: 15px;
}

.notes-filtered-list__item-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-right: 20px;
  padding-left: 20px;
  display: block;
  width: 100%;
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 16px;
  color: #363636;
  text-align: left;
  transition: background-color 0.2s ease;
}

@media all and (min-width: 1024px) {
  .notes-filtered-list__item-button {
    padding-right: 3.906vw;
  }
}

@media all and (min-width: 1235px) {
  .notes-filtered-list__item-button {
    padding-right: 40px;
  }
}

@media all and (min-width: 1024px) {
  .notes-filtered-list__item-button {
    padding-left: 3.906vw;
  }
}

@media all and (min-width: 1235px) {
  .notes-filtered-list__item-button {
    padding-left: 40px;
  }
}

.notes-filtered-list__item-button:hover, .notes-filtered-list__item-button.focus-visible {
  color: #363636;
  background-color: #ececec;
  outline: 0;
}

.notes-filtered-list__item-button-inner {
  display: flex;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  -ms-grid-columns: 24px 10px 1fr;
  grid-template: "icon inner" auto/24px 1fr;
  -moz-column-gap: 10px;
       column-gap: 10px;
}

@media all and (min-width: 560px) {
  .notes-filtered-list__item-button-inner {
    -ms-grid-columns: 24px 16px 1fr;
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}

@media all and (min-width: 1024px) {
  .notes-filtered-list__item-button-inner {
    -ms-grid-columns: 24px 16px 24px 16px 1fr;
    grid-template: ". icon inner" auto/24px 24px 1fr;
  }
}

.notes-filtered-list__item-icon {
  grid-area: icon;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  color: #828282;
}

.notes-filtered-list__item-inner {
  display: flex;
  flex-direction: column;
  grid-area: inner;
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  min-width: 0;
}

@media all and (min-width: 1024px) {
  .notes-filtered-list__item-inner {
    flex-direction: row;
    -ms-grid-column: 5;
  }
}

.notes-filtered-list__item-text {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notes-filtered-list__tag {
  display: flex;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 65%;
  padding: 2px 15px 3px;
  margin-top: 12px;
  line-height: 1.4;
  background-color: #f7f7f7;
  border-radius: 12px;
}

@media all and (min-width: 1024px) {
  .notes-filtered-list__tag {
    flex-shrink: 0;
    max-width: 225px;
    margin-top: -3px;
    margin-left: 40px;
  }
}

.notes-filtered-list__tag-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notes-filtered-list__tag-icon {
  flex-shrink: 0;
  margin-left: 6px;
}

.notes-filters {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding: 0;
  margin: 0;
  font-size: 13px;
  border: 0;
}

.notes-filters__inner {
  padding: 0;
}

@media all and (min-width: 960px) {
  .notes-filters__inner {
    display: flex;
    align-items: baseline;
  }
}

.notes-filters__label {
  display: inline-block;
  padding-right: 18px;
}

.notes-filters__checkbox-group {
  padding-top: 8px;
}

@media all and (min-width: 560px) {
  .notes-filters__checkbox-group {
    display: flex;
  }
}

@media all and (min-width: 960px) {
  .notes-filters__checkbox-group {
    padding-top: 0;
  }
}

.notes-filters__checkbox {
  display: block;
}

.notes-filters__checkbox + .notes-filters__checkbox {
  margin-top: 8px;
  margin-left: 0;
}

@media all and (min-width: 560px) {
  .notes-filters__checkbox + .notes-filters__checkbox {
    margin-top: 0;
    margin-left: 28px;
  }
}

.notes-filters .checkbox__indicator {
  position: relative;
  top: -1px;
  background-color: #ececec;
}

.notes-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding: 0;
}

.notes-list > li + li {
  padding-top: 43px;
}

.notes-message {
  padding: 18px 20px;
  color: #555555;
}

@media all and (min-width: 690px) {
  .notes-message {
    max-width: 600px;
    padding: 32px;
  }
}

.notes-message .heading-primary {
  margin-bottom: 0.8em;
}

.notes-message p {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-size: 19px;
}

.overlay-full .notes-message {
  max-width: none;
  padding: 0 60px;
  text-align: center;
}

.search-query {
  --default-hover-color: var(--accent-interaction-dark, #077a56);
  color: #696969;
}

.search-query__input {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  width: 100%;
  padding: 0.444em 0.889em;
  font-size: 16px;
  color: #696969 !important;
  background-color: #f7f7f7;
  border: 3px solid transparent;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.search-query__input.focus-visible {
  outline: 0;
}

.search-query__input.focus-visible::-moz-placeholder {
  color: #363636;
}

.search-query__input.focus-visible:-ms-input-placeholder {
  color: #363636;
}

.search-query__input.focus-visible::placeholder {
  color: #363636;
}

.search-menu .search-query__input {
  background-color: #ffffff;
}

@media all and (min-width: 700px) {
  .search-query__input {
    font-size: 18px;
  }
}

.search-query__input-magnify {
  position: relative;
  width: 100%;
}

@media all and (min-width: 480px) {
  .search-query__input-magnify {
    min-width: 380px;
  }
}

.search-query__input-magnify .search-query__input {
  padding-left: 56px;
  border-radius: 8px;
}

.search-query__submit {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -9px;
  line-height: 0;
}

.search-query__filter-group {
  padding: 0;
  margin: 0;
  margin-top: 36px;
  border: none;
}

.search-query__filter-group--inline {
  display: flex;
  flex-wrap: wrap;
}

.search-query__filter-group + .search-query__filter-group {
  margin-top: 22px;
}

.search-query__filter-group-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}

.search-query__group-label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  position: relative;
  display: block;
  padding-top: 2px;
  margin-top: 0;
  margin-right: 30px;
  margin-bottom: 13px;
  font-size: 13px;
}

.search-query__checkbox,
.search-query .form-toggle.radio .toggle-label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: 13px;
}

.search-query__checkbox,
.search-query .form-toggle.radio {
  position: relative;
  display: block;
  width: 100%;
  margin-right: 36px;
  margin-bottom: 10px;
}

.search-query__checkbox + .search-query__checkbox,
.search-query .form-toggle.radio + .search-query__checkbox, .search-query__checkbox +
.search-query .form-toggle.radio,
.search-query .form-toggle.radio +
.search-query .form-toggle.radio {
  margin-left: 0;
}

@media all and (min-width: 560px) {
  .search-query__checkbox,
  .search-query .form-toggle.radio {
    width: auto;
    margin-bottom: 14px;
  }
}

@media all and (min-width: 700px) {
  .search-query__checkbox,
  .search-query .form-toggle.radio {
    margin-right: 30px;
    margin-bottom: 14px;
  }
}

.search-query .form-toggle.radio + .radio {
  margin-top: 0;
  margin-left: 0;
}

.search-query + .search-query__filters {
  padding-top: 40px;
}

.search-query__footer {
  display: flex;
  justify-content: space-between;
  padding-top: 11px;
}

.search-query__description {
  font-family: 'freight-text-pro', 'aleo', serif;
  font-size: 14px;
  font-style: italic;
}

.search-query__button-primary {
  font-size: 15px;
}

.button-search {
  height: 100%;
  color: #696969;
  color: #696969;
  color: var(--header-foreground-color, #696969);
  vertical-align: middle;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.header-app .button-search {
  transition: color 0.2s ease;
}

.header-app .button-search.button-active, .header-app .button-search.focus-visible {
  color: #52e3ac;
  color: var(--default-hover-color, var(--accent-interaction-light, #52e3ac));
  outline: 0;
}

.header-app .button-search::after {
  width: 0;
  height: 0;
  border-color: transparent transparent #ececec;
  border-style: solid;
  border-width: 0 15.5px 17px;
  position: absolute;
  top: calc(100% - 17px);
  bottom: 14px;
  left: 50%;
  display: block;
  margin-left: -15px;
  content: '';
  opacity: 0;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transform: translateY(-30px);
}

.header-app .button-search.button-active::after {
  z-index: 1;
  opacity: 1;
  transform: translateY(0);
}

.search-menu {
  --default-focus-color: #828282;
  position: absolute;
  right: -4.5vw;
  width: 100vw;
  max-width: 100vw;
  white-space: nowrap;
  background-color: #ececec;
}

.header-app .search-menu {
  box-shadow: 5px 15px 35px 8px rgba(0, 0, 0, 0.13);
  z-index: 1;
  padding: 28px 22px 22px;
  border-radius: 8px;
}

@media all and (min-width: 480px) {
  .header-app .search-menu {
    padding: 20px 24px 22px;
  }
}

.reader-header .search-menu {
  width: auto;
  padding: 20px 18px 12px;
}

@media all and (min-width: 480px) {
  .reader-header .search-menu {
    padding: 20px 22px 16px;
  }
}

@media all and (min-width: 620px) {
  .reader-header .search-menu {
    padding: 20px 30px 19px;
  }
}

@media all and (min-width: 700px) {
  .search-menu {
    width: auto;
  }
}

@media all and (min-width: 1235px) {
  .search-menu {
    right: -50px;
  }
}

.responsive-iframe {
  position: relative;
  display: block;
  max-width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}

.responsive-iframe iframe, .responsive-iframe object, .responsive-iframe embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.selection-list {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-bottom: 50px;
}

@media all and (min-width: 760px) {
  .selection-list {
    padding-bottom: 110px;
  }
}

.selection-list--separated .selection-group-heading + li {
  margin-top: 35px;
}

.selection-list--separated li + .selection-group-heading {
  margin-top: 96px;
}

.selection-list--separated .annotation-detail .selection-text,
.selection-list--separated .annotation-detail > .container,
.selection-list--separated .annotation-highlight-detail {
  padding-right: 20px;
  padding-left: 20px;
}

@media all and (min-width: 760px) {
  .selection-list--separated .annotation-detail .selection-text,
  .selection-list--separated .annotation-detail > .container,
  .selection-list--separated .annotation-highlight-detail {
    padding-right: 50px;
    padding-left: 50px;
  }
}

@media all and (min-width: 1024px) {
  .selection-list--separated .annotation-detail .selection-text,
  .selection-list--separated .annotation-detail > .container,
  .selection-list--separated .annotation-highlight-detail {
    padding-right: 7.2vw;
    padding-left: 7.2vw;
  }
}

@media all and (min-width: 1235px) {
  .selection-list--separated .annotation-detail .selection-text,
  .selection-list--separated .annotation-detail > .container,
  .selection-list--separated .annotation-highlight-detail {
    padding-right: 89px;
    padding-left: 89px;
  }
}

.login-page {
  width: 300px;
  margin: auto;
}

.login-page .login-form {
  width: 300px;
}

.login-page .login-form .field + .field {
  margin-top: 27px;
}

.login-page .login-form .login-links {
  margin-top: 25px;
}

.login-page .login-form .login-links button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  font-style: italic;
  text-decoration: underline;
}

.login-page .login-form .login-links button:focus:not(.focus-visible) {
  outline: 0;
}

.login-page .login-form .login-links button.focus-visible {
  outline: solid 2px #52e3ac;
  outline: solid 2px var(--default-focus-color, var(--accent-interaction-light, #52e3ac));
}

.login-page .login-form .login-links button + button {
  margin-top: 14px;
  margin-left: 0;
}

.login-page .login-form .login-links a {
  font-style: italic;
}

.login-page .login-form .login-links a + a {
  margin-top: 14px;
  margin-left: 0;
}

.login-page .login-form .login-external {
  margin-top: 45px;
}

.login-page .login-form .button-secondary--dark {
  display: flex;
  width: 100%;
}

.login-page .login-form label {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  display: block;
  margin-bottom: 12px;
  font-size: 13px;
  color: #9a9a9a;
  text-transform: uppercase;
}

.login-page .login-form input[type='text'], .login-page .login-form input[type='password'], .login-page .login-form input[type='email'] {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  padding: 8px 13px 12px;
  font-size: 20px;
  color: #363636;
  background-color: #ffffff;
  border: 3px solid #ffffff;
  outline: none;
}

.login-page .login-form input[type='text'].focus-visible, .login-page .login-form input[type='password'].focus-visible, .login-page .login-form input[type='email'].focus-visible {
  border-color: #52e3ac;
  border-color: var(--accent-primary, #52e3ac);
}

.login-page .login-form .button-secondary {
  display: block;
  margin-top: 30px;
}

.login-page .login-form input[type='text'], .login-page .login-form input[type='email'], .login-page .login-form input[type='password'] {
  width: 300px;
  border-color: #c3c3c3;
}

.login-page .login-links {
  margin-top: 25px;
}

.login-page .login-external {
  margin-top: 45px;
}

.login-page .login-external .button-secondary--dark {
  display: block;
  width: 100%;
}

.login-page .login-notice {
  font-family: 'sofia-pro', 'trueno', sans-serif;
  margin-bottom: 35px;
  font-size: 18px;
}

.login-page .button-secondary {
  width: 100%;
}

.loading-bar, .skip-to-main {
  z-index: 700;
}

.overlay-full-primary, .overlay-full-secondary {
  z-index: 600;
}

.overlay-full {
  z-index: 600;
}

.overlay-full .container {
  z-index: 310;
}

.overlay-full .overlay-close {
  z-index: 320;
}

.dialog-primary, .range-picker__dialog {
  z-index: 600;
}

.press-header {
  z-index: 575;
}

.mobile-nav-toggle {
  z-index: 550;
}

.backend .header-app {
  z-index: 500;
}

.nested-nav--open {
  z-index: 425;
}

.drawer--backend,
.drawer--frontend,
.drawer--pos-overlay,
.drawer-overlay--backend,
.drawer-overlay--frontend,
.drawer-overlay--pos-overlay {
  z-index: 400;
}

.overlay-full-header {
  z-index: 350;
}

.header-app--sticky {
  z-index: 225;
}

.header-app--static {
  z-index: 200;
}

.reader-header {
  z-index: 200;
}

.reader-header__inner, .reader-header__options-button {
  z-index: 200;
}

.reader-footer-menu {
  z-index: 200;
}

.drawer--reader.drawer--pos-default,
.drawer-overlay--reader.drawer-overlay--pos-default {
  z-index: 150;
}

.notation-preview-footer {
  z-index: 140;
}

.picker-input__results {
  z-index: 100;
}

.annotation-popup {
  z-index: 100;
}

.annotation-selection__action-buttons {
  z-index: 75;
}

.section-category-label.fixed {
  z-index: 50;
}

.dropdown-nav {
  z-index: 50;
}

.member-arrow {
  z-index: 50;
}

.table__row-link {
  z-index: 25;
}

.table__nested-link {
  z-index: 50;
}

.remove-member-button {
  z-index: 50;
}

.annotation-selection__button-absolute {
  z-index: 50;
}

.notes-filter__icon {
  z-index: -5;
}

.standalone-header {
  z-index: 10;
}

/* stylelint-disable selector-max-id */
#global-notification-container .notifications-list {
  z-index: 500;
}

/* stylelint-enable selector-max-id */


/*# sourceMappingURL=manifold-client-browser-626774e8f77df0df1b09.css.map*/