/* line 116, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker {
  position: absolute;
  color: inherit;
  background: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  /* Calendars */
}

/* line 132, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

/* line 140, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

/* line 148, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

/* line 157, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.opensleft:before {
  right: 9px;
}

/* line 162, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.opensleft:after {
  right: 10px;
}

/* line 169, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

/* line 177, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

/* line 187, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.opensright:before {
  left: 9px;
}

/* line 192, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.opensright:after {
  left: 10px;
}

/* line 198, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.dropup {
  margin-top: -5px;
}

/* line 202, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.dropup:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

/* line 209, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.dropup:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

/* line 217, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3001;
}

/* line 223, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.single .ranges, .daterangepicker.single .calendar {
  float: none;
}

/* line 230, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.show-calendar .calendar {
  display: block;
}

/* line 235, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .calendar {
  display: none;
  max-width: 270px;
  margin: 4px;
}

/* line 241, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .calendar.single .calendar-table {
  border: none;
}

/* line 246, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .calendar th, .daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}

/* line 255, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .calendar-table {
  border: 1px solid #fff;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}

/* line 262, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker table {
  width: 100%;
  margin: 0;
}

/* line 267, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td, .daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

/* line 277, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}

/* line 284, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

/* line 292, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}

/* line 301, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

/* line 310, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

/* line 314, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

/* line 318, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

/* line 323, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}

/* line 332, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker th.month {
  width: auto;
}

/* line 341, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

/* line 349, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

/* line 357, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

/* line 362, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker select.yearselect {
  width: 40%;
}

/* line 366, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}

/* line 375, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  height: 30px;
  line-height: 30px;
  display: block;
  vertical-align: middle;
  margin: 0 0 5px 0;
  padding: 0 6px 0 28px;
  width: 100%;
}

/* line 389, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .input-mini.active {
  border: 1px solid #08c;
  border-radius: 4px;
}

/* line 395, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .daterangepicker_input {
  position: relative;
}

/* line 398, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 8px;
  top: 8px;
}

/* line 407, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.rtl .input-mini {
  padding-right: 28px;
  padding-left: 6px;
}

/* line 411, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker.rtl .daterangepicker_input i {
  left: auto;
  right: 8px;
}

/* line 420, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .calendar-time {
  text-align: center;
  margin: 5px auto;
  line-height: 30px;
  position: relative;
  padding-left: 28px;
}

/* line 428, vendor/assets/stylesheets/daterangepicker.scss */
.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

/* line 440, vendor/assets/stylesheets/daterangepicker.scss */
.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left;
}

/* line 446, vendor/assets/stylesheets/daterangepicker.scss */
.ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

/* line 453, vendor/assets/stylesheets/daterangepicker.scss */
.ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  cursor: pointer;
}

/* line 463, vendor/assets/stylesheets/daterangepicker.scss */
.ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}

/* line 469, vendor/assets/stylesheets/daterangepicker.scss */
.ranges li.active {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  /* line 479, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker {
    width: auto;
  }
  /* line 483, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker .ranges ul {
    width: 160px;
  }
  /* line 490, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  /* line 495, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.single .calendar.left {
    clear: none;
  }
  /* line 500, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
    float: left;
  }
  /* line 505, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
    float: right;
  }
  /* line 511, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.ltr {
    direction: ltr;
    text-align: left;
  }
  /* line 515, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.ltr .calendar.left {
    clear: left;
    margin-right: 0;
  }
  /* line 519, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.ltr .calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  /* line 526, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.ltr .calendar.right {
    margin-left: 0;
  }
  /* line 529, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.ltr .calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  /* line 537, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.ltr .left .daterangepicker_input {
    padding-right: 12px;
  }
  /* line 541, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.ltr .calendar.left .calendar-table {
    padding-right: 12px;
  }
  /* line 545, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
    float: left;
  }
  /* line 549, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.rtl {
    direction: rtl;
    text-align: right;
  }
  /* line 553, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.rtl .calendar.left {
    clear: right;
    margin-left: 0;
  }
  /* line 557, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.rtl .calendar.left .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  /* line 564, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.rtl .calendar.right {
    margin-right: 0;
  }
  /* line 567, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.rtl .calendar.right .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  /* line 575, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.rtl .left .daterangepicker_input {
    padding-left: 12px;
  }
  /* line 579, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.rtl .calendar.left .calendar-table {
    padding-left: 12px;
  }
  /* line 583, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
    text-align: right;
    float: right;
  }
}

@media (min-width: 730px) {
  /* line 593, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker .ranges {
    width: auto;
  }
  /* line 597, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.ltr .ranges {
    float: left;
  }
  /* line 602, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker.rtl .ranges {
    float: right;
  }
  /* line 607, vendor/assets/stylesheets/daterangepicker.scss */
  .daterangepicker .calendar.left {
    clear: none !important;
  }
}


/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }
@charset "UTF-8";
/*



 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/* line 9, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/* line 19, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
body {
  margin: 0;
}

/* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/* line 54, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 77, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
[hidden],
template {
  display: none;
}

/* line 89, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
a {
  background-color: transparent;
}

/* line 98, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* line 111, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/* line 121, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
b,
strong {
  font-weight: bold;
}

/* line 130, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
dfn {
  font-style: italic;
}

/* line 139, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* line 148, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/* line 157, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
small {
  font-size: 80%;
}

/* line 165, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 173, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 177, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 188, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
img {
  border: 0;
}

/* line 196, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 207, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
figure {
  margin: 1em 40px;
}

/* line 215, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
hr {
  box-sizing: content-box;
  height: 0;
}

/* line 224, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
pre {
  overflow: auto;
}

/* line 232, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 255, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

/* line 269, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
button {
  overflow: visible;
}

/* line 280, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
button,
select {
  text-transform: none;
}

/* line 293, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

/* line 305, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/* line 314, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 325, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
input {
  line-height: normal;
}

/* line 337, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/* line 349, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* line 359, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

/* line 370, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 379, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/* line 390, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
legend {
  border: 0;
  padding: 0;
}

/* line 399, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
textarea {
  overflow: auto;
}

/* line 408, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
optgroup {
  font-weight: bold;
}

/* line 419, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 424, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_normalize.scss */
td,
th {
  padding: 0;
}

/* line 11, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 14, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 22, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* line 27, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #fff;
}

/* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* line 48, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
a {
  color: #337ab7;
  text-decoration: none;
}

/* line 52, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
a:hover, a:focus {
  color: #23527c;
  text-decoration: underline;
}

/* line 58, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* line 69, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
figure {
  margin: 0;
}

/* line 76, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
img {
  vertical-align: middle;
}

/* line 81, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

/* line 86, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
.img-rounded {
  border-radius: 6px;
}

/* line 93, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/* line 106, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
.img-circle {
  border-radius: 50%;
}

/* line 113, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

/* line 125, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* line 141, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* line 159, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_scaffolding.scss */
[role="button"] {
  cursor: pointer;
}

/* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_code.scss */
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

/* line 15, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_code.scss */
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

/* line 24, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_code.scss */
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* line 32, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_code.scss */
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  box-shadow: none;
}

/* line 41, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_code.scss */
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* line 55, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_code.scss */
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

/* line 66, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_code.scss */
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

/* line 10, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* line 14, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.container:before, .container:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.container:after {
  clear: both;
}

@media (min-width: 768px) {
  /* line 10, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  /* line 10, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  /* line 10, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
  .container {
    width: 1170px;
  }
}

/* line 30, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* line 14, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.container-fluid:before, .container-fluid:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.container-fluid:after {
  clear: both;
}

/* line 39, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
.row {
  margin-right: -15px;
  margin-left: -15px;
}

/* line 14, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.row:before, .row:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.row:after {
  clear: both;
}

/* line 43, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}

/* line 47, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_grid.scss */
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* line 11, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

/* line 27, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-1 {
  width: 8.3333333333%;
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-2 {
  width: 16.6666666667%;
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-3 {
  width: 25%;
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-4 {
  width: 33.3333333333%;
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-5 {
  width: 41.6666666667%;
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-6 {
  width: 50%;
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-7 {
  width: 58.3333333333%;
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-8 {
  width: 66.6666666667%;
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-9 {
  width: 75%;
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-10 {
  width: 83.3333333333%;
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-11 {
  width: 91.6666666667%;
}

/* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-12 {
  width: 100%;
}

/* line 55, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-0 {
  right: auto;
}

/* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-1 {
  right: 8.3333333333%;
}

/* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-2 {
  right: 16.6666666667%;
}

/* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-3 {
  right: 25%;
}

/* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-4 {
  right: 33.3333333333%;
}

/* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-5 {
  right: 41.6666666667%;
}

/* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-6 {
  right: 50%;
}

/* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-7 {
  right: 58.3333333333%;
}

/* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-8 {
  right: 66.6666666667%;
}

/* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-9 {
  right: 75%;
}

/* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-10 {
  right: 83.3333333333%;
}

/* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-11 {
  right: 91.6666666667%;
}

/* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-pull-12 {
  right: 100%;
}

/* line 45, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-0 {
  left: auto;
}

/* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-1 {
  left: 8.3333333333%;
}

/* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-2 {
  left: 16.6666666667%;
}

/* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-3 {
  left: 25%;
}

/* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-4 {
  left: 33.3333333333%;
}

/* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-5 {
  left: 41.6666666667%;
}

/* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-6 {
  left: 50%;
}

/* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-7 {
  left: 58.3333333333%;
}

/* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-8 {
  left: 66.6666666667%;
}

/* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-9 {
  left: 75%;
}

/* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-10 {
  left: 83.3333333333%;
}

/* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-11 {
  left: 91.6666666667%;
}

/* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-push-12 {
  left: 100%;
}

/* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-0 {
  margin-left: 0%;
}

/* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

/* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

/* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-3 {
  margin-left: 25%;
}

/* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

/* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

/* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-6 {
  margin-left: 50%;
}

/* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

/* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

/* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-9 {
  margin-left: 75%;
}

/* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

/* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

/* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  /* line 27, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-1 {
    width: 8.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-2 {
    width: 16.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-3 {
    width: 25%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-4 {
    width: 33.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-5 {
    width: 41.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-6 {
    width: 50%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-7 {
    width: 58.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-8 {
    width: 66.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-9 {
    width: 75%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-10 {
    width: 83.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-11 {
    width: 91.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-12 {
    width: 100%;
  }
  /* line 55, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-0 {
    right: auto;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-3 {
    right: 25%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-6 {
    right: 50%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-9 {
    right: 75%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-pull-12 {
    right: 100%;
  }
  /* line 45, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-0 {
    left: auto;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-3 {
    left: 25%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-6 {
    left: 50%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-9 {
    left: 75%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-push-12 {
    left: 100%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  /* line 27, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-1 {
    width: 8.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-2 {
    width: 16.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-3 {
    width: 25%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-4 {
    width: 33.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-5 {
    width: 41.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-6 {
    width: 50%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-7 {
    width: 58.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-8 {
    width: 66.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-9 {
    width: 75%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-10 {
    width: 83.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-11 {
    width: 91.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-12 {
    width: 100%;
  }
  /* line 55, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-0 {
    right: auto;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-3 {
    right: 25%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-6 {
    right: 50%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-9 {
    right: 75%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-pull-12 {
    right: 100%;
  }
  /* line 45, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-0 {
    left: auto;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-3 {
    left: 25%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-6 {
    left: 50%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-9 {
    left: 75%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-push-12 {
    left: 100%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-0 {
    margin-left: 0%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-3 {
    margin-left: 25%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-6 {
    margin-left: 50%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-9 {
    margin-left: 75%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  /* line 27, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-1 {
    width: 8.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-2 {
    width: 16.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-3 {
    width: 25%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-4 {
    width: 33.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-5 {
    width: 41.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-6 {
    width: 50%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-7 {
    width: 58.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-8 {
    width: 66.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-9 {
    width: 75%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-10 {
    width: 83.3333333333%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-11 {
    width: 91.6666666667%;
  }
  /* line 35, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-12 {
    width: 100%;
  }
  /* line 55, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-0 {
    right: auto;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-3 {
    right: 25%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-6 {
    right: 50%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-9 {
    right: 75%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  /* line 50, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-pull-12 {
    right: 100%;
  }
  /* line 45, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-0 {
    left: auto;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-3 {
    left: 25%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-6 {
    left: 50%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-9 {
    left: 75%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  /* line 40, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-push-12 {
    left: 100%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  /* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss */
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

/* line 10, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

/* line 20, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

/* line 32, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

/* line 46, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
}

/* line 61, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

/* line 71, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
input[type="radio"][disabled], input.disabled[type="radio"], fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input.disabled[type="checkbox"], fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}

/* line 78, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
input[type="file"] {
  display: block;
}

/* line 83, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
input[type="range"] {
  display: block;
  width: 100%;
}

/* line 89, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
select[multiple],
select[size] {
  height: auto;
}

/* line 95, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* line 102, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
}

/* line 133, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/* line 103, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss */
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

/* line 107, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss */
.form-control:-ms-input-placeholder {
  color: #999;
}

/* line 108, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss */
.form-control::-webkit-input-placeholder {
  color: #999;
}

/* line 155, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

/* line 165, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}

/* line 172, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed;
}

/* line 181, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
textarea.form-control {
  height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 200, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  input.form-control[type="date"],
input.form-control[type="time"],
input.form-control[type="datetime-local"],
input.form-control[type="month"] {
    line-height: 34px;
  }
  /* line 204, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  input.input-sm[type="date"], .input-group-sm > .form-control[type="date"],
.input-group-sm > .input-group-addon[type="date"],
.input-group-sm > .input-group-btn > .btn[type="date"], .input-group-sm input[type="date"],
input.input-sm[type="time"],
.input-group-sm > .form-control[type="time"],
.input-group-sm > .input-group-addon[type="time"],
.input-group-sm > .input-group-btn > .btn[type="time"], .input-group-sm input[type="time"],
input.input-sm[type="datetime-local"],
.input-group-sm > .form-control[type="datetime-local"],
.input-group-sm > .input-group-addon[type="datetime-local"],
.input-group-sm > .input-group-btn > .btn[type="datetime-local"], .input-group-sm input[type="datetime-local"],
input.input-sm[type="month"],
.input-group-sm > .form-control[type="month"],
.input-group-sm > .input-group-addon[type="month"],
.input-group-sm > .input-group-btn > .btn[type="month"], .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  /* line 209, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  input.input-lg[type="date"], .input-group-lg > .form-control[type="date"],
.input-group-lg > .input-group-addon[type="date"],
.input-group-lg > .input-group-btn > .btn[type="date"], .input-group-lg input[type="date"],
input.input-lg[type="time"],
.input-group-lg > .form-control[type="time"],
.input-group-lg > .input-group-addon[type="time"],
.input-group-lg > .input-group-btn > .btn[type="time"], .input-group-lg input[type="time"],
input.input-lg[type="datetime-local"],
.input-group-lg > .form-control[type="datetime-local"],
.input-group-lg > .input-group-addon[type="datetime-local"],
.input-group-lg > .input-group-btn > .btn[type="datetime-local"], .input-group-lg input[type="datetime-local"],
input.input-lg[type="month"],
.input-group-lg > .form-control[type="month"],
.input-group-lg > .input-group-addon[type="month"],
.input-group-lg > .input-group-btn > .btn[type="month"], .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}

/* line 222, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-group {
  margin-bottom: 15px;
}

/* line 231, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 241, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.radio.disabled label, fieldset[disabled] .radio label,
.checkbox.disabled label, fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

/* line 246, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}

/* line 254, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}

/* line 263, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

/* line 269, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}

/* line 280, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.radio-inline.disabled, fieldset[disabled] .radio-inline,
.checkbox-inline.disabled, fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

/* line 285, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

/* line 297, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}

/* line 305, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}

/* line 71, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

/* line 79, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px;
}

/* line 84, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
select.input-sm[multiple],
.input-group-sm > .form-control[multiple],
.input-group-sm > .input-group-addon[multiple],
.input-group-sm > .input-group-btn > .btn[multiple] {
  height: auto;
}

/* line 323, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

/* line 330, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

/* line 334, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-group-sm textarea.form-control,
.form-group-sm select.form-control[multiple] {
  height: auto;
}

/* line 338, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

/* line 71, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

/* line 79, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 46px;
  line-height: 46px;
}

/* line 84, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
select.input-lg[multiple],
.input-group-lg > .form-control[multiple],
.input-group-lg > .input-group-addon[multiple],
.input-group-lg > .input-group-btn > .btn[multiple] {
  height: auto;
}

/* line 349, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

/* line 356, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

/* line 360, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-group-lg textarea.form-control,
.form-group-lg select.form-control[multiple] {
  height: auto;
}

/* line 364, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

/* line 378, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.has-feedback {
  position: relative;
}

/* line 383, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.has-feedback .form-control {
  padding-right: 42.5px;
}

/* line 388, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

/* line 400, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

/* line 407, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

/* line 8, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c763d;
}

/* line 21, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* line 24, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

/* line 31, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}

/* line 37, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-success .form-control-feedback {
  color: #3c763d;
}

/* line 8, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #8a6d3b;
}

/* line 21, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* line 24, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

/* line 31, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}

/* line 37, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-warning .form-control-feedback {
  color: #8a6d3b;
}

/* line 8, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #a94442;
}

/* line 21, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

/* line 24, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

/* line 31, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}

/* line 37, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_forms.scss */
.has-error .form-control-feedback {
  color: #a94442;
}

/* line 429, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}

/* line 432, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

/* line 443, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  /* line 468, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  /* line 475, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  /* line 482, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .form-control-static {
    display: inline-block;
  }
  /* line 486, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  /* line 490, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
    width: auto;
  }
  /* line 498, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  /* line 502, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  /* line 509, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .radio,
.form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  /* line 516, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .radio label,
.form-inline .checkbox label {
    padding-left: 0;
  }
  /* line 520, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  /* line 527, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

/* line 549, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}

/* line 559, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}

/* line 565, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

/* line 14, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.form-horizontal .form-group:after {
  clear: both;
}

@media (min-width: 768px) {
  /* line 572, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}

/* line 583, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 768px) {
  /* line 593, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  /* line 601, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_forms.scss */
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

/* line 10, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_component-animations.scss */
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

/* line 14, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_component-animations.scss */
.fade.in {
  opacity: 1;
}

/* line 19, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_component-animations.scss */
.collapse {
  display: none;
}

/* line 22, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_component-animations.scss */
.collapse.in {
  display: block;
}

/* line 27, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_component-animations.scss */
tr.collapse.in {
  display: table-row;
}

/* line 29, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_component-animations.scss */
tbody.collapse.in {
  display: table-row-group;
}

/* line 31, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_component-animations.scss */
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

/* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/* line 20, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropup,
.dropdown {
  position: relative;
}

/* line 26, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-toggle:focus {
  outline: 0;
}

/* line 31, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

/* line 54, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

/* line 60, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

/* line 65, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

/* line 74, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

/* line 85, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}

/* line 100, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777;
}

/* line 107, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/* line 120, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.open > .dropdown-menu {
  display: block;
}

/* line 125, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.open > a {
  outline: 0;
}

/* line 134, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu-right {
  right: 0;
  left: auto;
}

/* line 144, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-menu-left {
  right: auto;
  left: 0;
}

/* line 150, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #777777;
  white-space: nowrap;
}

/* line 160, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

/* line 170, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

/* line 183, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}

/* line 190, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

@media (min-width: 768px) {
  /* line 204, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  /* line 209, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_dropdowns.scss */
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}

/* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

/* line 13, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

/* line 19, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

/* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group .form-control:focus {
  z-index: 3;
}

/* line 58, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

/* line 63, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

/* line 68, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

/* line 77, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* line 89, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

/* line 94, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

/* line 101, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

/* line 108, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 117, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-addon:first-child {
  border-right: 0;
}

/* line 120, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 129, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-addon:last-child {
  border-left: 0;
}

/* line 135, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

/* line 144, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-btn > .btn {
  position: relative;
}

/* line 146, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

/* line 150, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2;
}

/* line 159, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

/* line 165, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_input-groups.scss */
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

/* line 14, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}

/* line 19, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss */
.clearfix:after {
  clear: both;
}

/* line 12, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_utilities.scss */
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/* line 15, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_utilities.scss */
.pull-right {
  float: right !important;
}

/* line 18, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_utilities.scss */
.pull-left {
  float: left !important;
}

/* line 27, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_utilities.scss */
.hide {
  display: none !important;
}

/* line 30, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_utilities.scss */
.show {
  display: block !important;
}

/* line 33, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_utilities.scss */
.invisible {
  visibility: hidden;
}

/* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_utilities.scss */
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

/* line 45, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_utilities.scss */
.hidden {
  display: none !important;
}

/* line 53, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_utilities.scss */
.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}

/* line 13, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
.visible-xs {
  display: none !important;
}

/* line 13, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
.visible-sm {
  display: none !important;
}

/* line 13, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
.visible-md {
  display: none !important;
}

/* line 13, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
.visible-lg {
  display: none !important;
}

/* line 36, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  /* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .visible-xs {
    display: block !important;
  }
  /* line 6, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-xs {
    display: table !important;
  }
  /* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-xs {
    display: table-row !important;
  }
  /* line 8, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-xs,
td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 767px) {
  /* line 54, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  /* line 59, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  /* line 64, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .visible-sm {
    display: block !important;
  }
  /* line 6, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-sm {
    display: table !important;
  }
  /* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-sm {
    display: table-row !important;
  }
  /* line 8, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-sm,
td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 73, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 78, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 83, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .visible-md {
    display: block !important;
  }
  /* line 6, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-md {
    display: table !important;
  }
  /* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-md {
    display: table-row !important;
  }
  /* line 8, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-md,
td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 92, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 97, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 102, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  /* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .visible-lg {
    display: block !important;
  }
  /* line 6, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-lg {
    display: table !important;
  }
  /* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-lg {
    display: table-row !important;
  }
  /* line 8, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-lg,
td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  /* line 111, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  /* line 116, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  /* line 121, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  /* line 13, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 13, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 13, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  /* line 13, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-lg {
    display: none !important;
  }
}

/* line 13, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
.visible-print {
  display: none !important;
}

@media print {
  /* line 3, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .visible-print {
    display: block !important;
  }
  /* line 6, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  table.visible-print {
    display: table !important;
  }
  /* line 7, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  tr.visible-print {
    display: table-row !important;
  }
  /* line 8, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  th.visible-print,
td.visible-print {
    display: table-cell !important;
  }
}

/* line 155, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
.visible-print-block {
  display: none !important;
}

@media print {
  /* line 155, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-print-block {
    display: block !important;
  }
}

/* line 162, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
.visible-print-inline {
  display: none !important;
}

@media print {
  /* line 162, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-print-inline {
    display: inline !important;
  }
}

/* line 169, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
.visible-print-inline-block {
  display: none !important;
}

@media print {
  /* line 169, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/_responsive-utilities.scss */
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  /* line 13, ../usr/local/bundle/ruby/3.4.0/gems/bootstrap-sass-3.4.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss */
  .hidden-print {
    display: none !important;
  }
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(//d12jofbmgge65s.cloudfront.net/assets/fontawesome-webfont-82ff0fe46a6f60e0ab3c4a9891a0ae0a1f7b7e84c625f55358379177a2dcb202.eot);
  src: url(//d12jofbmgge65s.cloudfront.net/assets/fontawesome-webfont-82ff0fe46a6f60e0ab3c4a9891a0ae0a1f7b7e84c625f55358379177a2dcb202.eot?#iefix) format("embedded-opentype"), url(//d12jofbmgge65s.cloudfront.net/assets/fontawesome-webfont-fa79d127baca4558a0b973f5f514b90fc5ef43314c41095f5cb285ffaa0a4029.woff2) format("woff2"), url(//d12jofbmgge65s.cloudfront.net/assets/fontawesome-webfont-c9a0a23a23a3f6f7165cba218b40483a0b1750d92b49c40842f1d8f566f5f421.woff) format("woff"), url(//d12jofbmgge65s.cloudfront.net/assets/fontawesome-webfont-2794b002e3568f5abce8991e2431ca79e0ce84a08ea1268884b4e097b62762a6.ttf) format("truetype"), url(//d12jofbmgge65s.cloudfront.net/assets/fontawesome-webfont-67c6c8e9ffb0fcd7c7c64eaff12a298abf5b54a54b54f0e6c4c49161dba62d6d.svg#fontawesomeregular) format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 19, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
/* line 28, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

/* line 33, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-2x {
  font-size: 2em;
}

/* line 36, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-3x {
  font-size: 3em;
}

/* line 39, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-4x {
  font-size: 4em;
}

/* line 42, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-5x {
  font-size: 5em;
}

/* line 45, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

/* line 49, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

/* line 54, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ul > li {
  position: relative;
}

/* line 57, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

/* line 64, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-li.fa-lg {
  left: -1.85714286em;
}

/* line 67, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}

/* line 72, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pull-left {
  float: left;
}

/* line 75, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pull-right {
  float: right;
}

/* line 78, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa.fa-pull-left {
  margin-right: .3em;
}

/* line 81, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
/* line 85, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.pull-right {
  float: right;
}

/* line 88, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.pull-left {
  float: left;
}

/* line 91, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa.pull-left {
  margin-right: .3em;
}

/* line 94, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa.pull-right {
  margin-left: .3em;
}

/* line 97, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-spin, .vivid .fa-waiting {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

/* line 101, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* line 125, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* line 131, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 137, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

/* line 143, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

/* line 149, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

/* line 155, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

/* line 162, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

/* line 170, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

/* line 177, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stack-1x {
  line-height: inherit;
}

/* line 180, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stack-2x {
  font-size: 2em;
}

/* line 183, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-inverse {
  color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
/* line 188, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-glass:before {
  content: "\f000";
}

/* line 191, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-music:before {
  content: "\f001";
}

/* line 194, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-search:before {
  content: "\f002";
}

/* line 197, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-envelope-o:before {
  content: "\f003";
}

/* line 200, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-heart:before {
  content: "\f004";
}

/* line 203, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-star:before {
  content: "\f005";
}

/* line 206, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-star-o:before {
  content: "\f006";
}

/* line 209, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-user:before {
  content: "\f007";
}

/* line 212, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-film:before {
  content: "\f008";
}

/* line 215, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-th-large:before {
  content: "\f009";
}

/* line 218, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-th:before {
  content: "\f00a";
}

/* line 221, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-th-list:before {
  content: "\f00b";
}

/* line 224, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-check:before, .vivid .checkbox.btn-select input:checked + .btn:before,
.vivid .radio.btn-select input:checked + .btn:before {
  content: "\f00c";
}

/* line 227, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}

/* line 232, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-search-plus:before {
  content: "\f00e";
}

/* line 235, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-search-minus:before {
  content: "\f010";
}

/* line 238, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-power-off:before {
  content: "\f011";
}

/* line 241, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-signal:before {
  content: "\f012";
}

/* line 244, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}

/* line 248, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-trash-o:before {
  content: "\f014";
}

/* line 251, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-home:before {
  content: "\f015";
}

/* line 254, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-o:before {
  content: "\f016";
}

/* line 257, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-clock-o:before {
  content: "\f017";
}

/* line 260, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-road:before {
  content: "\f018";
}

/* line 263, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-download:before {
  content: "\f019";
}

/* line 266, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

/* line 269, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

/* line 272, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-inbox:before {
  content: "\f01c";
}

/* line 275, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-play-circle-o:before {
  content: "\f01d";
}

/* line 278, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}

/* line 282, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-refresh:before, .vivid .fa-waiting:before {
  content: "\f021";
}

/* line 285, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-list-alt:before {
  content: "\f022";
}

/* line 288, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-lock:before {
  content: "\f023";
}

/* line 291, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-flag:before {
  content: "\f024";
}

/* line 294, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-headphones:before {
  content: "\f025";
}

/* line 297, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-volume-off:before {
  content: "\f026";
}

/* line 300, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-volume-down:before {
  content: "\f027";
}

/* line 303, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-volume-up:before {
  content: "\f028";
}

/* line 306, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-qrcode:before {
  content: "\f029";
}

/* line 309, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-barcode:before {
  content: "\f02a";
}

/* line 312, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tag:before {
  content: "\f02b";
}

/* line 315, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tags:before {
  content: "\f02c";
}

/* line 318, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-book:before {
  content: "\f02d";
}

/* line 321, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bookmark:before {
  content: "\f02e";
}

/* line 324, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-print:before {
  content: "\f02f";
}

/* line 327, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-camera:before {
  content: "\f030";
}

/* line 330, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-font:before {
  content: "\f031";
}

/* line 333, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bold:before {
  content: "\f032";
}

/* line 336, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-italic:before {
  content: "\f033";
}

/* line 339, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-text-height:before {
  content: "\f034";
}

/* line 342, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-text-width:before {
  content: "\f035";
}

/* line 345, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-align-left:before {
  content: "\f036";
}

/* line 348, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-align-center:before {
  content: "\f037";
}

/* line 351, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-align-right:before {
  content: "\f038";
}

/* line 354, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-align-justify:before {
  content: "\f039";
}

/* line 357, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-list:before {
  content: "\f03a";
}

/* line 360, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

/* line 364, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-indent:before {
  content: "\f03c";
}

/* line 367, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-video-camera:before {
  content: "\f03d";
}

/* line 370, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}

/* line 375, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pencil:before {
  content: "\f040";
}

/* line 378, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-map-marker:before {
  content: "\f041";
}

/* line 381, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-adjust:before {
  content: "\f042";
}

/* line 384, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tint:before {
  content: "\f043";
}

/* line 387, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

/* line 391, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-share-square-o:before, .my-fa-share-square-o:before {
  content: "\f045";
}

/* line 394, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-check-square-o:before {
  content: "\f046";
}

/* line 397, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrows:before {
  content: "\f047";
}

/* line 400, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-step-backward:before {
  content: "\f048";
}

/* line 403, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fast-backward:before {
  content: "\f049";
}

/* line 406, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-backward:before {
  content: "\f04a";
}

/* line 409, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-play:before {
  content: "\f04b";
}

/* line 412, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pause:before {
  content: "\f04c";
}

/* line 415, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stop:before {
  content: "\f04d";
}

/* line 418, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-forward:before {
  content: "\f04e";
}

/* line 421, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fast-forward:before {
  content: "\f050";
}

/* line 424, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-step-forward:before {
  content: "\f051";
}

/* line 427, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-eject:before {
  content: "\f052";
}

/* line 430, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chevron-left:before {
  content: "\f053";
}

/* line 433, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chevron-right:before {
  content: "\f054";
}

/* line 436, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-plus-circle:before {
  content: "\f055";
}

/* line 439, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-minus-circle:before {
  content: "\f056";
}

/* line 442, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-times-circle:before {
  content: "\f057";
}

/* line 445, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-check-circle:before {
  content: "\f058";
}

/* line 448, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-question-circle:before {
  content: "\f059";
}

/* line 451, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-info-circle:before {
  content: "\f05a";
}

/* line 454, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-crosshairs:before {
  content: "\f05b";
}

/* line 457, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-times-circle-o:before {
  content: "\f05c";
}

/* line 460, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-check-circle-o:before {
  content: "\f05d";
}

/* line 463, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ban:before {
  content: "\f05e";
}

/* line 466, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-left:before {
  content: "\f060";
}

/* line 469, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-right:before {
  content: "\f061";
}

/* line 472, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-up:before {
  content: "\f062";
}

/* line 475, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-down:before {
  content: "\f063";
}

/* line 478, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

/* line 482, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-expand:before {
  content: "\f065";
}

/* line 485, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-compress:before {
  content: "\f066";
}

/* line 488, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-plus:before {
  content: "\f067";
}

/* line 491, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-minus:before {
  content: "\f068";
}

/* line 494, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-asterisk:before {
  content: "\f069";
}

/* line 497, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-exclamation-circle:before {
  content: "\f06a";
}

/* line 500, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-gift:before {
  content: "\f06b";
}

/* line 503, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-leaf:before {
  content: "\f06c";
}

/* line 506, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fire:before {
  content: "\f06d";
}

/* line 509, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-eye:before {
  content: "\f06e";
}

/* line 512, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-eye-slash:before {
  content: "\f070";
}

/* line 515, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

/* line 519, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-plane:before {
  content: "\f072";
}

/* line 522, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-calendar:before {
  content: "\f073";
}

/* line 525, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-random:before {
  content: "\f074";
}

/* line 528, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-comment:before {
  content: "\f075";
}

/* line 531, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-magnet:before {
  content: "\f076";
}

/* line 534, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chevron-up:before {
  content: "\f077";
}

/* line 537, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chevron-down:before, .vivid .fa-collapse:before {
  content: "\f078";
}

/* line 540, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-retweet:before {
  content: "\f079";
}

/* line 543, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-shopping-cart:before {
  content: "\f07a";
}

/* line 546, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-folder:before {
  content: "\f07b";
}

/* line 549, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-folder-open:before {
  content: "\f07c";
}

/* line 552, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrows-v:before {
  content: "\f07d";
}

/* line 555, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrows-h:before {
  content: "\f07e";
}

/* line 558, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}

/* line 562, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-twitter-square:before, .my-fa-twitter-square:before {
  content: "\f081";
}

/* line 565, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-facebook-square:before, .my-fa-facebook-square:before {
  content: "\f082";
}

/* line 568, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-camera-retro:before {
  content: "\f083";
}

/* line 571, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-key:before {
  content: "\f084";
}

/* line 574, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}

/* line 578, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-comments:before {
  content: "\f086";
}

/* line 581, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thumbs-o-up:before {
  content: "\f087";
}

/* line 584, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thumbs-o-down:before {
  content: "\f088";
}

/* line 587, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-star-half:before {
  content: "\f089";
}

/* line 590, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-heart-o:before {
  content: "\f08a";
}

/* line 593, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sign-out:before {
  content: "\f08b";
}

/* line 596, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-linkedin-square:before, .my-fa-linkedin-square:before {
  content: "\f08c";
}

/* line 599, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thumb-tack:before {
  content: "\f08d";
}

/* line 602, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-external-link:before {
  content: "\f08e";
}

/* line 605, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sign-in:before {
  content: "\f090";
}

/* line 608, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-trophy:before {
  content: "\f091";
}

/* line 611, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-github-square:before {
  content: "\f092";
}

/* line 614, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-upload:before {
  content: "\f093";
}

/* line 617, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-lemon-o:before {
  content: "\f094";
}

/* line 620, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-phone:before {
  content: "\f095";
}

/* line 623, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-square-o:before {
  content: "\f096";
}

/* line 626, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bookmark-o:before {
  content: "\f097";
}

/* line 629, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-phone-square:before {
  content: "\f098";
}

/* line 632, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-twitter:before, .my-fa-twitter:before {
  content: "\f099";
}

/* line 635, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-facebook-f:before,
.fa-facebook:before,
.my-fa-facebook:before {
  content: "\f09a";
}

/* line 639, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-github:before {
  content: "\f09b";
}

/* line 642, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-unlock:before {
  content: "\f09c";
}

/* line 645, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-credit-card:before {
  content: "\f09d";
}

/* line 648, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}

/* line 652, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hdd-o:before {
  content: "\f0a0";
}

/* line 655, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bullhorn:before {
  content: "\f0a1";
}

/* line 658, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bell:before {
  content: "\f0f3";
}

/* line 661, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-certificate:before {
  content: "\f0a3";
}

/* line 664, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-o-right:before {
  content: "\f0a4";
}

/* line 667, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-o-left:before {
  content: "\f0a5";
}

/* line 670, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-o-up:before {
  content: "\f0a6";
}

/* line 673, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-o-down:before {
  content: "\f0a7";
}

/* line 676, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-circle-left:before {
  content: "\f0a8";
}

/* line 679, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-circle-right:before {
  content: "\f0a9";
}

/* line 682, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-circle-up:before {
  content: "\f0aa";
}

/* line 685, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-circle-down:before {
  content: "\f0ab";
}

/* line 688, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-globe:before {
  content: "\f0ac";
}

/* line 691, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wrench:before {
  content: "\f0ad";
}

/* line 694, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tasks:before {
  content: "\f0ae";
}

/* line 697, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-filter:before {
  content: "\f0b0";
}

/* line 700, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-briefcase:before {
  content: "\f0b1";
}

/* line 703, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrows-alt:before {
  content: "\f0b2";
}

/* line 706, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

/* line 710, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

/* line 714, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cloud:before {
  content: "\f0c2";
}

/* line 717, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-flask:before {
  content: "\f0c3";
}

/* line 720, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

/* line 724, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

/* line 728, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-paperclip:before {
  content: "\f0c6";
}

/* line 731, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}

/* line 735, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-square:before {
  content: "\f0c8";
}

/* line 738, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}

/* line 743, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-list-ul:before {
  content: "\f0ca";
}

/* line 746, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-list-ol:before {
  content: "\f0cb";
}

/* line 749, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-strikethrough:before {
  content: "\f0cc";
}

/* line 752, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-underline:before {
  content: "\f0cd";
}

/* line 755, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-table:before {
  content: "\f0ce";
}

/* line 758, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-magic:before {
  content: "\f0d0";
}

/* line 761, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-truck:before {
  content: "\f0d1";
}

/* line 764, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pinterest:before, .my-fa-pinterest:before {
  content: "\f0d2";
}

/* line 767, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pinterest-square:before, .my-fa-pinterest-square:before {
  content: "\f0d3";
}

/* line 770, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-google-plus-square:before, .my-fa-google-plus-square:before {
  content: "\f0d4";
}

/* line 773, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-google-plus:before, .my-fa-google-plus:before {
  content: "\f0d5";
}

/* line 776, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-money:before {
  content: "\f0d6";
}

/* line 779, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-caret-down:before {
  content: "\f0d7";
}

/* line 782, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-caret-up:before {
  content: "\f0d8";
}

/* line 785, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-caret-left:before {
  content: "\f0d9";
}

/* line 788, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-caret-right:before {
  content: "\f0da";
}

/* line 791, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-columns:before {
  content: "\f0db";
}

/* line 794, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}

/* line 798, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}

/* line 802, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}

/* line 806, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-envelope:before {
  content: "\f0e0";
}

/* line 809, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-linkedin:before, .my-fa-linkedin:before {
  content: "\f0e1";
}

/* line 812, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

/* line 816, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}

/* line 820, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

/* line 824, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-comment-o:before {
  content: "\f0e5";
}

/* line 827, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-comments-o:before {
  content: "\f0e6";
}

/* line 830, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}

/* line 834, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sitemap:before {
  content: "\f0e8";
}

/* line 837, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-umbrella:before {
  content: "\f0e9";
}

/* line 840, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}

/* line 844, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-lightbulb-o:before {
  content: "\f0eb";
}

/* line 847, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-exchange:before {
  content: "\f0ec";
}

/* line 850, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cloud-download:before {
  content: "\f0ed";
}

/* line 853, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cloud-upload:before {
  content: "\f0ee";
}

/* line 856, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-user-md:before {
  content: "\f0f0";
}

/* line 859, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stethoscope:before {
  content: "\f0f1";
}

/* line 862, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-suitcase:before {
  content: "\f0f2";
}

/* line 865, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bell-o:before {
  content: "\f0a2";
}

/* line 868, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-coffee:before {
  content: "\f0f4";
}

/* line 871, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cutlery:before {
  content: "\f0f5";
}

/* line 874, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-text-o:before {
  content: "\f0f6";
}

/* line 877, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-building-o:before {
  content: "\f0f7";
}

/* line 880, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hospital-o:before {
  content: "\f0f8";
}

/* line 883, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ambulance:before {
  content: "\f0f9";
}

/* line 886, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-medkit:before {
  content: "\f0fa";
}

/* line 889, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fighter-jet:before {
  content: "\f0fb";
}

/* line 892, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-beer:before {
  content: "\f0fc";
}

/* line 895, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-h-square:before {
  content: "\f0fd";
}

/* line 898, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-plus-square:before {
  content: "\f0fe";
}

/* line 901, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-angle-double-left:before {
  content: "\f100";
}

/* line 904, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-angle-double-right:before {
  content: "\f101";
}

/* line 907, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-angle-double-up:before {
  content: "\f102";
}

/* line 910, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-angle-double-down:before {
  content: "\f103";
}

/* line 913, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-angle-left:before {
  content: "\f104";
}

/* line 916, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-angle-right:before {
  content: "\f105";
}

/* line 919, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-angle-up:before {
  content: "\f106";
}

/* line 922, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-angle-down:before {
  content: "\f107";
}

/* line 925, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-desktop:before {
  content: "\f108";
}

/* line 928, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-laptop:before {
  content: "\f109";
}

/* line 931, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tablet:before {
  content: "\f10a";
}

/* line 934, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

/* line 938, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-circle-o:before {
  content: "\f10c";
}

/* line 941, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-quote-left:before {
  content: "\f10d";
}

/* line 944, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-quote-right:before {
  content: "\f10e";
}

/* line 947, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-spinner:before {
  content: "\f110";
}

/* line 950, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-circle:before {
  content: "\f111";
}

/* line 953, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

/* line 957, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-github-alt:before {
  content: "\f113";
}

/* line 960, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-folder-o:before {
  content: "\f114";
}

/* line 963, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-folder-open-o:before {
  content: "\f115";
}

/* line 966, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-smile-o:before {
  content: "\f118";
}

/* line 969, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-frown-o:before {
  content: "\f119";
}

/* line 972, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-meh-o:before {
  content: "\f11a";
}

/* line 975, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-gamepad:before {
  content: "\f11b";
}

/* line 978, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-keyboard-o:before {
  content: "\f11c";
}

/* line 981, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-flag-o:before {
  content: "\f11d";
}

/* line 984, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-flag-checkered:before {
  content: "\f11e";
}

/* line 987, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-terminal:before {
  content: "\f120";
}

/* line 990, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-code:before {
  content: "\f121";
}

/* line 993, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

/* line 997, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

/* line 1002, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-location-arrow:before {
  content: "\f124";
}

/* line 1005, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-crop:before {
  content: "\f125";
}

/* line 1008, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-code-fork:before {
  content: "\f126";
}

/* line 1011, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}

/* line 1015, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-question:before {
  content: "\f128";
}

/* line 1018, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-info:before {
  content: "\f129";
}

/* line 1021, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-exclamation:before {
  content: "\f12a";
}

/* line 1024, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-superscript:before {
  content: "\f12b";
}

/* line 1027, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-subscript:before {
  content: "\f12c";
}

/* line 1030, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-eraser:before {
  content: "\f12d";
}

/* line 1033, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-puzzle-piece:before {
  content: "\f12e";
}

/* line 1036, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-microphone:before {
  content: "\f130";
}

/* line 1039, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-microphone-slash:before {
  content: "\f131";
}

/* line 1042, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-shield:before {
  content: "\f132";
}

/* line 1045, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-calendar-o:before {
  content: "\f133";
}

/* line 1048, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fire-extinguisher:before {
  content: "\f134";
}

/* line 1051, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-rocket:before {
  content: "\f135";
}

/* line 1054, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-maxcdn:before {
  content: "\f136";
}

/* line 1057, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chevron-circle-left:before {
  content: "\f137";
}

/* line 1060, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chevron-circle-right:before {
  content: "\f138";
}

/* line 1063, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chevron-circle-up:before {
  content: "\f139";
}

/* line 1066, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chevron-circle-down:before {
  content: "\f13a";
}

/* line 1069, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-html5:before {
  content: "\f13b";
}

/* line 1072, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-css3:before {
  content: "\f13c";
}

/* line 1075, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-anchor:before {
  content: "\f13d";
}

/* line 1078, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-unlock-alt:before {
  content: "\f13e";
}

/* line 1081, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bullseye:before {
  content: "\f140";
}

/* line 1084, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ellipsis-h:before {
  content: "\f141";
}

/* line 1087, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ellipsis-v:before {
  content: "\f142";
}

/* line 1090, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-rss-square:before {
  content: "\f143";
}

/* line 1093, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-play-circle:before {
  content: "\f144";
}

/* line 1096, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ticket:before {
  content: "\f145";
}

/* line 1099, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-minus-square:before {
  content: "\f146";
}

/* line 1102, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-minus-square-o:before {
  content: "\f147";
}

/* line 1105, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-level-up:before {
  content: "\f148";
}

/* line 1108, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-level-down:before {
  content: "\f149";
}

/* line 1111, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-check-square:before {
  content: "\f14a";
}

/* line 1114, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pencil-square:before {
  content: "\f14b";
}

/* line 1117, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-external-link-square:before {
  content: "\f14c";
}

/* line 1120, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-share-square:before {
  content: "\f14d";
}

/* line 1123, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-compass:before {
  content: "\f14e";
}

/* line 1126, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}

/* line 1130, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}

/* line 1134, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}

/* line 1138, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}

/* line 1142, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-gbp:before {
  content: "\f154";
}

/* line 1145, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

/* line 1149, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}

/* line 1153, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}

/* line 1159, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}

/* line 1164, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}

/* line 1168, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

/* line 1172, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file:before {
  content: "\f15b";
}

/* line 1175, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-text:before {
  content: "\f15c";
}

/* line 1178, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sort-alpha-asc:before {
  content: "\f15d";
}

/* line 1181, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sort-alpha-desc:before {
  content: "\f15e";
}

/* line 1184, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sort-amount-asc:before {
  content: "\f160";
}

/* line 1187, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sort-amount-desc:before {
  content: "\f161";
}

/* line 1190, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sort-numeric-asc:before {
  content: "\f162";
}

/* line 1193, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sort-numeric-desc:before {
  content: "\f163";
}

/* line 1196, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thumbs-up:before {
  content: "\f164";
}

/* line 1199, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thumbs-down:before {
  content: "\f165";
}

/* line 1202, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-youtube-square:before, .my-fa-youtube-square:before {
  content: "\f166";
}

/* line 1205, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-youtube:before, .my-fa-youtube:before {
  content: "\f167";
}

/* line 1208, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-xing:before {
  content: "\f168";
}

/* line 1211, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-xing-square:before {
  content: "\f169";
}

/* line 1214, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-youtube-play:before, .my-fa-youtube-play:before {
  content: "\f16a";
}

/* line 1217, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-dropbox:before {
  content: "\f16b";
}

/* line 1220, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stack-overflow:before {
  content: "\f16c";
}

/* line 1223, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-instagram:before, .my-fa-instagram:before {
  content: "\f16d";
}

/* line 1226, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-flickr:before, .my-fa-flickr:before {
  content: "\f16e";
}

/* line 1229, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-adn:before {
  content: "\f170";
}

/* line 1232, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bitbucket:before {
  content: "\f171";
}

/* line 1235, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bitbucket-square:before {
  content: "\f172";
}

/* line 1238, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tumblr:before, .my-fa-tumblr:before {
  content: "\f173";
}

/* line 1241, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tumblr-square:before, .my-fa-tumblr-square:before {
  content: "\f174";
}

/* line 1244, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-long-arrow-down:before {
  content: "\f175";
}

/* line 1247, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-long-arrow-up:before {
  content: "\f176";
}

/* line 1250, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-long-arrow-left:before {
  content: "\f177";
}

/* line 1253, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-long-arrow-right:before {
  content: "\f178";
}

/* line 1256, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-apple:before, .my-fa-apple:before {
  content: "\f179";
}

/* line 1259, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-windows:before {
  content: "\f17a";
}

/* line 1262, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-android:before, .my-fa-android:before {
  content: "\f17b";
}

/* line 1265, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-linux:before {
  content: "\f17c";
}

/* line 1268, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-dribbble:before {
  content: "\f17d";
}

/* line 1271, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-skype:before {
  content: "\f17e";
}

/* line 1274, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-foursquare:before {
  content: "\f180";
}

/* line 1277, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-trello:before {
  content: "\f181";
}

/* line 1280, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-female:before {
  content: "\f182";
}

/* line 1283, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-male:before {
  content: "\f183";
}

/* line 1286, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}

/* line 1290, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sun-o:before {
  content: "\f185";
}

/* line 1293, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-moon-o:before {
  content: "\f186";
}

/* line 1296, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-archive:before {
  content: "\f187";
}

/* line 1299, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bug:before {
  content: "\f188";
}

/* line 1302, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-vk:before {
  content: "\f189";
}

/* line 1305, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-weibo:before {
  content: "\f18a";
}

/* line 1308, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-renren:before {
  content: "\f18b";
}

/* line 1311, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pagelines:before {
  content: "\f18c";
}

/* line 1314, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stack-exchange:before {
  content: "\f18d";
}

/* line 1317, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

/* line 1320, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-arrow-circle-o-left:before {
  content: "\f190";
}

/* line 1323, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}

/* line 1327, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-dot-circle-o:before {
  content: "\f192";
}

/* line 1330, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wheelchair:before {
  content: "\f193";
}

/* line 1333, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-vimeo-square:before {
  content: "\f194";
}

/* line 1336, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

/* line 1340, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-plus-square-o:before {
  content: "\f196";
}

/* line 1343, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-space-shuttle:before {
  content: "\f197";
}

/* line 1346, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-slack:before {
  content: "\f198";
}

/* line 1349, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-envelope-square:before {
  content: "\f199";
}

/* line 1352, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wordpress:before {
  content: "\f19a";
}

/* line 1355, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-openid:before {
  content: "\f19b";
}

/* line 1358, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}

/* line 1363, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}

/* line 1367, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-yahoo:before, .my-fa-yahoo:before {
  content: "\f19e";
}

/* line 1370, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-google:before, .my-fa-google:before {
  content: "\f1a0";
}

/* line 1373, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-reddit:before, .my-fa-reddit:before {
  content: "\f1a1";
}

/* line 1376, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-reddit-square:before, .my-fa-reddit-square:before {
  content: "\f1a2";
}

/* line 1379, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

/* line 1382, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stumbleupon:before {
  content: "\f1a4";
}

/* line 1385, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-delicious:before {
  content: "\f1a5";
}

/* line 1388, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-digg:before {
  content: "\f1a6";
}

/* line 1391, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pied-piper-pp:before {
  content: "\f1a7";
}

/* line 1394, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pied-piper-alt:before {
  content: "\f1a8";
}

/* line 1397, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-drupal:before {
  content: "\f1a9";
}

/* line 1400, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-joomla:before {
  content: "\f1aa";
}

/* line 1403, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-language:before {
  content: "\f1ab";
}

/* line 1406, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fax:before {
  content: "\f1ac";
}

/* line 1409, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-building:before {
  content: "\f1ad";
}

/* line 1412, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-child:before {
  content: "\f1ae";
}

/* line 1415, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-paw:before {
  content: "\f1b0";
}

/* line 1418, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-spoon:before {
  content: "\f1b1";
}

/* line 1421, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cube:before {
  content: "\f1b2";
}

/* line 1424, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cubes:before {
  content: "\f1b3";
}

/* line 1427, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-behance:before {
  content: "\f1b4";
}

/* line 1430, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-behance-square:before {
  content: "\f1b5";
}

/* line 1433, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-steam:before {
  content: "\f1b6";
}

/* line 1436, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-steam-square:before {
  content: "\f1b7";
}

/* line 1439, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-recycle:before {
  content: "\f1b8";
}

/* line 1442, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

/* line 1446, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

/* line 1450, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tree:before {
  content: "\f1bb";
}

/* line 1453, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-spotify:before {
  content: "\f1bc";
}

/* line 1456, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-deviantart:before {
  content: "\f1bd";
}

/* line 1459, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-soundcloud:before, .my-fa-soundcloud:before {
  content: "\f1be";
}

/* line 1462, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-database:before {
  content: "\f1c0";
}

/* line 1465, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-pdf-o:before {
  content: "\f1c1";
}

/* line 1468, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-word-o:before {
  content: "\f1c2";
}

/* line 1471, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-excel-o:before {
  content: "\f1c3";
}

/* line 1474, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

/* line 1477, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}

/* line 1482, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}

/* line 1486, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}

/* line 1490, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

/* line 1494, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-file-code-o:before {
  content: "\f1c9";
}

/* line 1497, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-vine:before {
  content: "\f1ca";
}

/* line 1500, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-codepen:before {
  content: "\f1cb";
}

/* line 1503, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-jsfiddle:before {
  content: "\f1cc";
}

/* line 1506, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}

/* line 1513, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-circle-o-notch:before {
  content: "\f1ce";
}

/* line 1516, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}

/* line 1521, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}

/* line 1525, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-git-square:before {
  content: "\f1d2";
}

/* line 1528, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-git:before {
  content: "\f1d3";
}

/* line 1531, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}

/* line 1536, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tencent-weibo:before {
  content: "\f1d5";
}

/* line 1539, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-qq:before {
  content: "\f1d6";
}

/* line 1542, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

/* line 1546, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}

/* line 1550, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}

/* line 1554, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-history:before {
  content: "\f1da";
}

/* line 1557, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-circle-thin:before {
  content: "\f1db";
}

/* line 1560, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-header:before {
  content: "\f1dc";
}

/* line 1563, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-paragraph:before {
  content: "\f1dd";
}

/* line 1566, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sliders:before {
  content: "\f1de";
}

/* line 1569, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-share-alt:before, .my-fa-share-alt:before {
  content: "\f1e0";
}

/* line 1572, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-share-alt-square:before {
  content: "\f1e1";
}

/* line 1575, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bomb:before {
  content: "\f1e2";
}

/* line 1578, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}

/* line 1582, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tty:before {
  content: "\f1e4";
}

/* line 1585, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-binoculars:before {
  content: "\f1e5";
}

/* line 1588, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-plug:before {
  content: "\f1e6";
}

/* line 1591, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-slideshare:before {
  content: "\f1e7";
}

/* line 1594, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-twitch:before {
  content: "\f1e8";
}

/* line 1597, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-yelp:before {
  content: "\f1e9";
}

/* line 1600, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-newspaper-o:before {
  content: "\f1ea";
}

/* line 1603, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wifi:before {
  content: "\f1eb";
}

/* line 1606, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-calculator:before {
  content: "\f1ec";
}

/* line 1609, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-paypal:before {
  content: "\f1ed";
}

/* line 1612, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-google-wallet:before {
  content: "\f1ee";
}

/* line 1615, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cc-visa:before {
  content: "\f1f0";
}

/* line 1618, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cc-mastercard:before {
  content: "\f1f1";
}

/* line 1621, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cc-discover:before {
  content: "\f1f2";
}

/* line 1624, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cc-amex:before {
  content: "\f1f3";
}

/* line 1627, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cc-paypal:before {
  content: "\f1f4";
}

/* line 1630, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cc-stripe:before {
  content: "\f1f5";
}

/* line 1633, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bell-slash:before {
  content: "\f1f6";
}

/* line 1636, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bell-slash-o:before {
  content: "\f1f7";
}

/* line 1639, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-trash:before {
  content: "\f1f8";
}

/* line 1642, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-copyright:before {
  content: "\f1f9";
}

/* line 1645, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-at:before {
  content: "\f1fa";
}

/* line 1648, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-eyedropper:before {
  content: "\f1fb";
}

/* line 1651, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-paint-brush:before {
  content: "\f1fc";
}

/* line 1654, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-birthday-cake:before {
  content: "\f1fd";
}

/* line 1657, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-area-chart:before {
  content: "\f1fe";
}

/* line 1660, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pie-chart:before {
  content: "\f200";
}

/* line 1663, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-line-chart:before {
  content: "\f201";
}

/* line 1666, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-lastfm:before {
  content: "\f202";
}

/* line 1669, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-lastfm-square:before {
  content: "\f203";
}

/* line 1672, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-toggle-off:before {
  content: "\f204";
}

/* line 1675, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-toggle-on:before {
  content: "\f205";
}

/* line 1678, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bicycle:before {
  content: "\f206";
}

/* line 1681, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bus:before {
  content: "\f207";
}

/* line 1684, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ioxhost:before {
  content: "\f208";
}

/* line 1687, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-angellist:before {
  content: "\f209";
}

/* line 1690, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cc:before {
  content: "\f20a";
}

/* line 1693, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}

/* line 1698, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-meanpath:before {
  content: "\f20c";
}

/* line 1701, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-buysellads:before {
  content: "\f20d";
}

/* line 1704, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-connectdevelop:before {
  content: "\f20e";
}

/* line 1707, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-dashcube:before {
  content: "\f210";
}

/* line 1710, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-forumbee:before {
  content: "\f211";
}

/* line 1713, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-leanpub:before {
  content: "\f212";
}

/* line 1716, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sellsy:before {
  content: "\f213";
}

/* line 1719, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-shirtsinbulk:before {
  content: "\f214";
}

/* line 1722, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-simplybuilt:before {
  content: "\f215";
}

/* line 1725, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-skyatlas:before {
  content: "\f216";
}

/* line 1728, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cart-plus:before {
  content: "\f217";
}

/* line 1731, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cart-arrow-down:before {
  content: "\f218";
}

/* line 1734, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-diamond:before {
  content: "\f219";
}

/* line 1737, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ship:before {
  content: "\f21a";
}

/* line 1740, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-user-secret:before {
  content: "\f21b";
}

/* line 1743, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-motorcycle:before {
  content: "\f21c";
}

/* line 1746, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-street-view:before {
  content: "\f21d";
}

/* line 1749, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-heartbeat:before {
  content: "\f21e";
}

/* line 1752, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-venus:before {
  content: "\f221";
}

/* line 1755, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mars:before {
  content: "\f222";
}

/* line 1758, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mercury:before {
  content: "\f223";
}

/* line 1761, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}

/* line 1765, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-transgender-alt:before {
  content: "\f225";
}

/* line 1768, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-venus-double:before {
  content: "\f226";
}

/* line 1771, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mars-double:before {
  content: "\f227";
}

/* line 1774, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-venus-mars:before {
  content: "\f228";
}

/* line 1777, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mars-stroke:before {
  content: "\f229";
}

/* line 1780, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mars-stroke-v:before {
  content: "\f22a";
}

/* line 1783, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mars-stroke-h:before {
  content: "\f22b";
}

/* line 1786, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-neuter:before {
  content: "\f22c";
}

/* line 1789, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-genderless:before {
  content: "\f22d";
}

/* line 1792, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-facebook-official:before {
  content: "\f230";
}

/* line 1795, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pinterest-p:before, .my-fa-pinterest-p:before {
  content: "\f231";
}

/* line 1798, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-whatsapp:before, .my-fa-whatsapp:before {
  content: "\f232";
}

/* line 1801, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-server:before {
  content: "\f233";
}

/* line 1804, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-user-plus:before {
  content: "\f234";
}

/* line 1807, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-user-times:before {
  content: "\f235";
}

/* line 1810, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}

/* line 1814, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-viacoin:before {
  content: "\f237";
}

/* line 1817, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-train:before {
  content: "\f238";
}

/* line 1820, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-subway:before {
  content: "\f239";
}

/* line 1823, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-medium:before {
  content: "\f23a";
}

/* line 1826, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}

/* line 1830, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-optin-monster:before {
  content: "\f23c";
}

/* line 1833, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-opencart:before {
  content: "\f23d";
}

/* line 1836, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-expeditedssl:before {
  content: "\f23e";
}

/* line 1839, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}

/* line 1844, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}

/* line 1848, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}

/* line 1852, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}

/* line 1856, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}

/* line 1860, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mouse-pointer:before {
  content: "\f245";
}

/* line 1863, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-i-cursor:before {
  content: "\f246";
}

/* line 1866, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-object-group:before {
  content: "\f247";
}

/* line 1869, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-object-ungroup:before {
  content: "\f248";
}

/* line 1872, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sticky-note:before {
  content: "\f249";
}

/* line 1875, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-sticky-note-o:before {
  content: "\f24a";
}

/* line 1878, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cc-jcb:before {
  content: "\f24b";
}

/* line 1881, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-cc-diners-club:before {
  content: "\f24c";
}

/* line 1884, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-clone:before {
  content: "\f24d";
}

/* line 1887, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-balance-scale:before {
  content: "\f24e";
}

/* line 1890, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hourglass-o:before {
  content: "\f250";
}

/* line 1893, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}

/* line 1897, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}

/* line 1901, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}

/* line 1905, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hourglass:before {
  content: "\f254";
}

/* line 1908, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}

/* line 1912, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}

/* line 1916, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-scissors-o:before {
  content: "\f257";
}

/* line 1919, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-lizard-o:before {
  content: "\f258";
}

/* line 1922, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-spock-o:before {
  content: "\f259";
}

/* line 1925, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-pointer-o:before {
  content: "\f25a";
}

/* line 1928, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hand-peace-o:before {
  content: "\f25b";
}

/* line 1931, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-trademark:before {
  content: "\f25c";
}

/* line 1934, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-registered:before {
  content: "\f25d";
}

/* line 1937, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-creative-commons:before {
  content: "\f25e";
}

/* line 1940, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-gg:before {
  content: "\f260";
}

/* line 1943, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-gg-circle:before {
  content: "\f261";
}

/* line 1946, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tripadvisor:before {
  content: "\f262";
}

/* line 1949, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-odnoklassniki:before {
  content: "\f263";
}

/* line 1952, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-odnoklassniki-square:before {
  content: "\f264";
}

/* line 1955, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-get-pocket:before {
  content: "\f265";
}

/* line 1958, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wikipedia-w:before {
  content: "\f266";
}

/* line 1961, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-safari:before {
  content: "\f267";
}

/* line 1964, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-chrome:before {
  content: "\f268";
}

/* line 1967, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-firefox:before {
  content: "\f269";
}

/* line 1970, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-opera:before {
  content: "\f26a";
}

/* line 1973, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-internet-explorer:before {
  content: "\f26b";
}

/* line 1976, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}

/* line 1980, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-contao:before {
  content: "\f26d";
}

/* line 1983, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-500px:before {
  content: "\f26e";
}

/* line 1986, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-amazon:before {
  content: "\f270";
}

/* line 1989, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-calendar-plus-o:before {
  content: "\f271";
}

/* line 1992, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-calendar-minus-o:before {
  content: "\f272";
}

/* line 1995, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-calendar-times-o:before {
  content: "\f273";
}

/* line 1998, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-calendar-check-o:before {
  content: "\f274";
}

/* line 2001, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-industry:before {
  content: "\f275";
}

/* line 2004, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-map-pin:before {
  content: "\f276";
}

/* line 2007, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-map-signs:before {
  content: "\f277";
}

/* line 2010, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-map-o:before {
  content: "\f278";
}

/* line 2013, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-map:before {
  content: "\f279";
}

/* line 2016, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-commenting:before {
  content: "\f27a";
}

/* line 2019, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-commenting-o:before {
  content: "\f27b";
}

/* line 2022, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-houzz:before {
  content: "\f27c";
}

/* line 2025, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-vimeo:before {
  content: "\f27d";
}

/* line 2028, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-black-tie:before {
  content: "\f27e";
}

/* line 2031, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fonticons:before {
  content: "\f280";
}

/* line 2034, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-reddit-alien:before {
  content: "\f281";
}

/* line 2037, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-edge:before {
  content: "\f282";
}

/* line 2040, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-credit-card-alt:before {
  content: "\f283";
}

/* line 2043, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-codiepie:before {
  content: "\f284";
}

/* line 2046, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-modx:before {
  content: "\f285";
}

/* line 2049, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fort-awesome:before {
  content: "\f286";
}

/* line 2052, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-usb:before {
  content: "\f287";
}

/* line 2055, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-product-hunt:before {
  content: "\f288";
}

/* line 2058, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-mixcloud:before {
  content: "\f289";
}

/* line 2061, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-scribd:before {
  content: "\f28a";
}

/* line 2064, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pause-circle:before {
  content: "\f28b";
}

/* line 2067, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pause-circle-o:before {
  content: "\f28c";
}

/* line 2070, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stop-circle:before {
  content: "\f28d";
}

/* line 2073, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-stop-circle-o:before {
  content: "\f28e";
}

/* line 2076, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-shopping-bag:before {
  content: "\f290";
}

/* line 2079, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-shopping-basket:before {
  content: "\f291";
}

/* line 2082, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-hashtag:before {
  content: "\f292";
}

/* line 2085, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bluetooth:before {
  content: "\f293";
}

/* line 2088, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bluetooth-b:before {
  content: "\f294";
}

/* line 2091, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-percent:before {
  content: "\f295";
}

/* line 2094, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-gitlab:before {
  content: "\f296";
}

/* line 2097, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wpbeginner:before {
  content: "\f297";
}

/* line 2100, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wpforms:before {
  content: "\f298";
}

/* line 2103, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-envira:before {
  content: "\f299";
}

/* line 2106, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-universal-access:before {
  content: "\f29a";
}

/* line 2109, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wheelchair-alt:before {
  content: "\f29b";
}

/* line 2112, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-question-circle-o:before {
  content: "\f29c";
}

/* line 2115, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-blind:before {
  content: "\f29d";
}

/* line 2118, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-audio-description:before {
  content: "\f29e";
}

/* line 2121, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-volume-control-phone:before {
  content: "\f2a0";
}

/* line 2124, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-braille:before {
  content: "\f2a1";
}

/* line 2127, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

/* line 2130, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

/* line 2134, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}

/* line 2139, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-glide:before {
  content: "\f2a5";
}

/* line 2142, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-glide-g:before {
  content: "\f2a6";
}

/* line 2145, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}

/* line 2149, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-low-vision:before {
  content: "\f2a8";
}

/* line 2152, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-viadeo:before {
  content: "\f2a9";
}

/* line 2155, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-viadeo-square:before {
  content: "\f2aa";
}

/* line 2158, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-snapchat:before {
  content: "\f2ab";
}

/* line 2161, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-snapchat-ghost:before {
  content: "\f2ac";
}

/* line 2164, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-snapchat-square:before {
  content: "\f2ad";
}

/* line 2167, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-pied-piper:before {
  content: "\f2ae";
}

/* line 2170, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-first-order:before {
  content: "\f2b0";
}

/* line 2173, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-yoast:before {
  content: "\f2b1";
}

/* line 2176, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-themeisle:before {
  content: "\f2b2";
}

/* line 2179, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}

/* line 2183, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}

/* line 2187, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-handshake-o:before {
  content: "\f2b5";
}

/* line 2190, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-envelope-open:before {
  content: "\f2b6";
}

/* line 2193, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-envelope-open-o:before {
  content: "\f2b7";
}

/* line 2196, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-linode:before {
  content: "\f2b8";
}

/* line 2199, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-address-book:before {
  content: "\f2b9";
}

/* line 2202, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-address-book-o:before {
  content: "\f2ba";
}

/* line 2205, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}

/* line 2209, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}

/* line 2213, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-user-circle:before {
  content: "\f2bd";
}

/* line 2216, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-user-circle-o:before {
  content: "\f2be";
}

/* line 2219, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-user-o:before {
  content: "\f2c0";
}

/* line 2222, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-id-badge:before {
  content: "\f2c1";
}

/* line 2225, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}

/* line 2229, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}

/* line 2233, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-quora:before {
  content: "\f2c4";
}

/* line 2236, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-free-code-camp:before {
  content: "\f2c5";
}

/* line 2239, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-telegram:before {
  content: "\f2c6";
}

/* line 2242, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}

/* line 2247, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

/* line 2251, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}

/* line 2255, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}

/* line 2259, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}

/* line 2263, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-shower:before {
  content: "\f2cc";
}

/* line 2266, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}

/* line 2271, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-podcast:before {
  content: "\f2ce";
}

/* line 2274, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-window-maximize:before {
  content: "\f2d0";
}

/* line 2277, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-window-minimize:before {
  content: "\f2d1";
}

/* line 2280, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-window-restore:before {
  content: "\f2d2";
}

/* line 2283, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}

/* line 2287, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}

/* line 2291, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-bandcamp:before {
  content: "\f2d5";
}

/* line 2294, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-grav:before {
  content: "\f2d6";
}

/* line 2297, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-etsy:before {
  content: "\f2d7";
}

/* line 2300, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-imdb:before {
  content: "\f2d8";
}

/* line 2303, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-ravelry:before {
  content: "\f2d9";
}

/* line 2306, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-eercast:before {
  content: "\f2da";
}

/* line 2309, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-microchip:before {
  content: "\f2db";
}

/* line 2312, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-snowflake-o:before {
  content: "\f2dc";
}

/* line 2315, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-superpowers:before {
  content: "\f2dd";
}

/* line 2318, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-wpexplorer:before {
  content: "\f2de";
}

/* line 2321, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.fa-meetup:before {
  content: "\f2e0";
}

/* line 2324, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* line 2334, ../usr/local/bundle/ruby/3.4.0/gems/font-awesome-rails-4.7.0.9/app/assets/stylesheets/font-awesome.css.erb */
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
/* line 9, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

/* line 16, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

/* line 22, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* line 29, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

/* line 34, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/* line 42, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

/* line 49, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

/* line 52, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

/* line 55, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 64, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}

/* line 72, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel.owl-loaded {
  display: block;
}

/* line 74, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

/* line 77, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel.owl-hidden {
  opacity: 0;
}

/* line 79, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

/* line 81, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 88, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

/* line 91, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel.owl-rtl {
  direction: rtl;
}

/* line 93, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
/* line 97, vendor/assets/stylesheets/owl.carousel.css */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
/* line 103, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

/* line 107, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-animated-in {
  z-index: 0;
}

/* line 110, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-animated-out {
  z-index: 1;
}

/* line 113, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
/* line 125, vendor/assets/stylesheets/owl.carousel.css */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
/* line 131, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */
}

/* line 136, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

/* line 139, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}

/* line 141, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
/* line 147, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

/* line 152, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(//d12jofbmgge65s.cloudfront.net/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

/* line 166, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

/* line 170, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

/* line 174, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

/* line 182, vendor/assets/stylesheets/owl.carousel.css */
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
/* line 9, vendor/assets/stylesheets/owl.theme.default.css */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

/* line 13, vendor/assets/stylesheets/owl.theme.default.css */
.owl-theme .owl-nav [class*='owl-'] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

/* line 22, vendor/assets/stylesheets/owl.theme.default.css */
.owl-theme .owl-nav [class*='owl-']:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

/* line 26, vendor/assets/stylesheets/owl.theme.default.css */
.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

/* line 30, vendor/assets/stylesheets/owl.theme.default.css */
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

/* line 33, vendor/assets/stylesheets/owl.theme.default.css */
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

/* line 36, vendor/assets/stylesheets/owl.theme.default.css */
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

/* line 40, vendor/assets/stylesheets/owl.theme.default.css */
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

/* line 49, vendor/assets/stylesheets/owl.theme.default.css */
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

@font-face {
  font-family: "Greycliff CF";
  src: url(//d12jofbmgge65s.cloudfront.net/assets/GreycliffCF-Bold-874cb9d9844a7c3ab94f128cbc34abc7d3fa1aea6e82fbdec164de552b8125a3.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Greycliff CF";
  src: url(//d12jofbmgge65s.cloudfront.net/assets/GreycliffCF-Regular-58fc1747d0723612ae7fc1a9b1e05e90cd51cdbf092cc42fbc1914de80b461ba.woff2) format("woff2"), url(//d12jofbmgge65s.cloudfront.net/assets/GreycliffCF-Regular-70200d4751abae7c546efd20fe10fa6544cd1bbb687a74cdf5accc6e769d66dc.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Greycliff CF";
  src: url(//d12jofbmgge65s.cloudfront.net/assets/GreycliffCF-Medium-3f5cd7318e9d63203b03768f706e6e0e8a695034391232796b8a55f13339fed6.woff2) format("woff2"), url(//d12jofbmgge65s.cloudfront.net/assets/GreycliffCF-Medium-5c78ca94aa318cbe74211602cab060353b3937f6ef6d7f0590f44871b9edc483.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Greycliff CF";
  src: url(//d12jofbmgge65s.cloudfront.net/assets/GreycliffCF-Heavy-6223d423e1501c0293e15048cc335937864a659c59155380ab0276246dcb1b48.woff2) format("woff2"), url(//d12jofbmgge65s.cloudfront.net/assets/GreycliffCF-Heavy-6df4010a082d99b478156bacd3eeb34a30ba35ca71226569d4ef6c9916a0ae35.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

/* line 32, app/assets/stylesheets/typography.scss */
strike.diagonal {
  text-decoration: none;
  position: relative;
}

/* line 36, app/assets/stylesheets/typography.scss */
strike.diagonal:before {
  content: "";
  position: absolute;
  left: -0.2em;
  right: -0.2em;
  top: 0.3em;
  bottom: 0.2em;
  border-radius: 0.1em;
  background: linear-gradient(to left top, transparent 46%, currentColor 46%, currentColor 53%, transparent 53%);
  pointer-events: none;
}

/* line 56, app/assets/stylesheets/typography.scss */
b strike.diagonal:before, strong strike.diagonal:before {
  background: linear-gradient(to left top, transparent 45%, currentColor 45%, currentColor 54%, transparent 54%);
}

/* line 68, app/assets/stylesheets/typography.scss */
.discounted-price {
  white-space: nowrap;
}

/* line 86, app/assets/stylesheets/variables.scss.erb */
:root {
  --safe-area-inset-top: 0px;
  --safe-area-inset-bottom: 0px;
}

@supports (top: constant(safe-area-inset-top)) {
  /* line 86, app/assets/stylesheets/variables.scss.erb */
  :root {
    --safe-area-inset-top: constant(safe-area-inset-top);
    --safe-area-inset-bottom: constant(safe-area-inset-bottom);
  }
}

@supports (top: env(safe-area-inset-top)) {
  /* line 86, app/assets/stylesheets/variables.scss.erb */
  :root {
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
  }
}

/* line 1, app/assets/stylesheets/providers.scss */
.amazon-color {
  color: #f79a17;
  fill: #f79a17;
}

/* line 2, app/assets/stylesheets/providers.scss */
.amazon-background-color {
  background-color: #f79a17 !important;
}

/* line 3, app/assets/stylesheets/providers.scss */
.amazon-border-color {
  border-color: #f79a17;
}

/* line 5, app/assets/stylesheets/providers.scss */
.android-color {
  color: #87be61;
  fill: #87be61;
}

/* line 6, app/assets/stylesheets/providers.scss */
.android-background-color {
  background-color: #87be61 !important;
}

/* line 7, app/assets/stylesheets/providers.scss */
.android-border-color {
  border-color: #87be61;
}

/* line 9, app/assets/stylesheets/providers.scss */
.aol-color {
  color: #000000;
  fill: #000000;
}

/* line 10, app/assets/stylesheets/providers.scss */
.aol-background-color {
  background-color: #000000 !important;
}

/* line 11, app/assets/stylesheets/providers.scss */
.aol-border-color {
  border-color: #000000;
}

/* line 13, app/assets/stylesheets/providers.scss */
.apple-color {
  color: #666666;
  fill: #666666;
}

/* line 14, app/assets/stylesheets/providers.scss */
.apple-background-color {
  background-color: #666666 !important;
}

/* line 15, app/assets/stylesheets/providers.scss */
.apple-border-color {
  border-color: #666666;
}

/* line 17, app/assets/stylesheets/providers.scss */
.askfm-color {
  color: #f7634c;
  fill: #f7634c;
}

/* line 18, app/assets/stylesheets/providers.scss */
.askfm-background-color {
  background-color: #f7634c !important;
}

/* line 19, app/assets/stylesheets/providers.scss */
.askfm-border-color {
  border-color: #f7634c;
}

/* line 21, app/assets/stylesheets/providers.scss */
.band-color {
  color: #21c531;
  fill: #21c531;
}

/* line 22, app/assets/stylesheets/providers.scss */
.band-background-color {
  background-color: #21c531 !important;
}

/* line 23, app/assets/stylesheets/providers.scss */
.band-border-color {
  border-color: #21c531;
}

/* line 25, app/assets/stylesheets/providers.scss */
.bigo_live-color {
  color: #00ddcc;
  fill: #00ddcc;
}

/* line 26, app/assets/stylesheets/providers.scss */
.bigo_live-background-color {
  background-color: #00ddcc !important;
}

/* line 27, app/assets/stylesheets/providers.scss */
.bigo_live-border-color {
  border-color: #00ddcc;
}

/* line 29, app/assets/stylesheets/providers.scss */
.chatgpt-color {
  color: #000000;
  fill: #000000;
}

/* line 30, app/assets/stylesheets/providers.scss */
.chatgpt-background-color {
  background-color: #000000 !important;
}

/* line 31, app/assets/stylesheets/providers.scss */
.chatgpt-border-color {
  border-color: #000000;
}

/* line 33, app/assets/stylesheets/providers.scss */
.chrome-color {
  color: #FFCE43;
  fill: #FFCE43;
}

/* line 34, app/assets/stylesheets/providers.scss */
.chrome-background-color {
  background-color: #FFCE43 !important;
}

/* line 35, app/assets/stylesheets/providers.scss */
.chrome-border-color {
  border-color: #FFCE43;
}

/* line 37, app/assets/stylesheets/providers.scss */
.chromebook-color {
  color: #4285f4;
  fill: #4285f4;
}

/* line 38, app/assets/stylesheets/providers.scss */
.chromebook-background-color {
  background-color: #4285f4 !important;
}

/* line 39, app/assets/stylesheets/providers.scss */
.chromebook-border-color {
  border-color: #4285f4;
}

/* line 41, app/assets/stylesheets/providers.scss */
.comcast-color {
  color: #c8001d;
  fill: #c8001d;
}

/* line 42, app/assets/stylesheets/providers.scss */
.comcast-background-color {
  background-color: #c8001d !important;
}

/* line 43, app/assets/stylesheets/providers.scss */
.comcast-border-color {
  border-color: #c8001d;
}

/* line 45, app/assets/stylesheets/providers.scss */
.dialer-color {
  color: #31955A;
  fill: #31955A;
}

/* line 46, app/assets/stylesheets/providers.scss */
.dialer-background-color {
  background-color: #31955A !important;
}

/* line 47, app/assets/stylesheets/providers.scss */
.dialer-border-color {
  border-color: #31955A;
}

/* line 49, app/assets/stylesheets/providers.scss */
.discord-color {
  color: #7289da;
  fill: #7289da;
}

/* line 50, app/assets/stylesheets/providers.scss */
.discord-background-color {
  background-color: #7289da !important;
}

/* line 51, app/assets/stylesheets/providers.scss */
.discord-border-color {
  border-color: #7289da;
}

/* line 53, app/assets/stylesheets/providers.scss */
.dropbox-color {
  color: #007ee5;
  fill: #007ee5;
}

/* line 54, app/assets/stylesheets/providers.scss */
.dropbox-background-color {
  background-color: #007ee5 !important;
}

/* line 55, app/assets/stylesheets/providers.scss */
.dropbox-border-color {
  border-color: #007ee5;
}

/* line 57, app/assets/stylesheets/providers.scss */
.facebook-color {
  color: #3a5894;
  fill: #3a5894;
}

/* line 58, app/assets/stylesheets/providers.scss */
.facebook-background-color {
  background-color: #3a5894 !important;
}

/* line 59, app/assets/stylesheets/providers.scss */
.facebook-border-color {
  border-color: #3a5894;
}

/* line 61, app/assets/stylesheets/providers.scss */
.flickr-color {
  color: black;
  fill: black;
}

/* line 62, app/assets/stylesheets/providers.scss */
.flickr-background-color {
  background-color: black !important;
}

/* line 63, app/assets/stylesheets/providers.scss */
.flickr-border-color {
  border-color: black;
}

/* line 65, app/assets/stylesheets/providers.scss */
.google_chat-color {
  color: #4DA953;
  fill: #4DA953;
}

/* line 66, app/assets/stylesheets/providers.scss */
.google_chat-background-color {
  background-color: #4DA953 !important;
}

/* line 67, app/assets/stylesheets/providers.scss */
.google_chat-border-color {
  border-color: #4DA953;
}

/* line 69, app/assets/stylesheets/providers.scss */
.google_drive-color {
  color: #4788f4;
  fill: #4788f4;
}

/* line 70, app/assets/stylesheets/providers.scss */
.google_drive-background-color {
  background-color: #4788f4 !important;
}

/* line 71, app/assets/stylesheets/providers.scss */
.google_drive-border-color {
  border-color: #4788f4;
}

/* line 73, app/assets/stylesheets/providers.scss */
.google_plus-color {
  color: #4285F4;
  fill: #4285F4;
}

/* line 74, app/assets/stylesheets/providers.scss */
.google_plus-background-color {
  background-color: #4285F4 !important;
}

/* line 75, app/assets/stylesheets/providers.scss */
.google_plus-border-color {
  border-color: #4285F4;
}

/* line 77, app/assets/stylesheets/providers.scss */
.gmail-color {
  color: #d64937;
  fill: #d64937;
}

/* line 78, app/assets/stylesheets/providers.scss */
.gmail-background-color {
  background-color: #d64937 !important;
}

/* line 79, app/assets/stylesheets/providers.scss */
.gmail-border-color {
  border-color: #d64937;
}

/* line 81, app/assets/stylesheets/providers.scss */
.groupme-color {
  color: #00aff0;
  fill: #00aff0;
}

/* line 82, app/assets/stylesheets/providers.scss */
.groupme-background-color {
  background-color: #00aff0 !important;
}

/* line 83, app/assets/stylesheets/providers.scss */
.groupme-border-color {
  border-color: #00aff0;
}

/* line 85, app/assets/stylesheets/providers.scss */
.holla-color {
  color: #FE210F;
  fill: #FE210F;
}

/* line 86, app/assets/stylesheets/providers.scss */
.holla-background-color {
  background-color: #FE210F !important;
}

/* line 87, app/assets/stylesheets/providers.scss */
.holla-border-color {
  border-color: #FE210F;
}

/* line 89, app/assets/stylesheets/providers.scss */
.houseparty-color {
  color: #fc1050;
  fill: #fc1050;
}

/* line 90, app/assets/stylesheets/providers.scss */
.houseparty-background-color {
  background-color: #fc1050 !important;
}

/* line 91, app/assets/stylesheets/providers.scss */
.houseparty-border-color {
  border-color: #fc1050;
}

/* line 93, app/assets/stylesheets/providers.scss */
.icloud-color {
  color: #75abf5;
  fill: #75abf5;
}

/* line 94, app/assets/stylesheets/providers.scss */
.icloud-background-color {
  background-color: #75abf5 !important;
}

/* line 95, app/assets/stylesheets/providers.scss */
.icloud-border-color {
  border-color: #75abf5;
}

/* line 97, app/assets/stylesheets/providers.scss */
.instagram-color {
  color: #295a80;
  fill: #295a80;
}

/* line 98, app/assets/stylesheets/providers.scss */
.instagram-background-color {
  background-color: #295a80 !important;
}

/* line 99, app/assets/stylesheets/providers.scss */
.instagram-border-color {
  border-color: #295a80;
}

/* line 101, app/assets/stylesheets/providers.scss */
.ios-color {
  color: #666666;
  fill: #666666;
}

/* line 102, app/assets/stylesheets/providers.scss */
.ios-background-color {
  background-color: #666666 !important;
}

/* line 103, app/assets/stylesheets/providers.scss */
.ios-border-color {
  border-color: #666666;
}

/* line 105, app/assets/stylesheets/providers.scss */
.kidzworld-color {
  color: #6ac400;
  fill: #6ac400;
}

/* line 106, app/assets/stylesheets/providers.scss */
.kidzworld-background-color {
  background-color: #6ac400 !important;
}

/* line 107, app/assets/stylesheets/providers.scss */
.kidzworld-border-color {
  border-color: #6ac400;
}

/* line 109, app/assets/stylesheets/providers.scss */
.kik-color {
  color: #61cb2a;
  fill: #61cb2a;
}

/* line 110, app/assets/stylesheets/providers.scss */
.kik-background-color {
  background-color: #61cb2a !important;
}

/* line 111, app/assets/stylesheets/providers.scss */
.kik-border-color {
  border-color: #61cb2a;
}

/* line 113, app/assets/stylesheets/providers.scss */
.lipsi-color {
  color: #7B9FF2;
  fill: #7B9FF2;
}

/* line 114, app/assets/stylesheets/providers.scss */
.lipsi-background-color {
  background-color: #7B9FF2 !important;
}

/* line 115, app/assets/stylesheets/providers.scss */
.lipsi-border-color {
  border-color: #7B9FF2;
}

/* line 117, app/assets/stylesheets/providers.scss */
.liveme-color {
  color: #482d87;
  fill: #482d87;
}

/* line 118, app/assets/stylesheets/providers.scss */
.liveme-background-color {
  background-color: #482d87 !important;
}

/* line 119, app/assets/stylesheets/providers.scss */
.liveme-border-color {
  border-color: #482d87;
}

/* line 121, app/assets/stylesheets/providers.scss */
.messenger_kids-color {
  color: #27e1ec;
  fill: #27e1ec;
}

/* line 122, app/assets/stylesheets/providers.scss */
.messenger_kids-background-color {
  background-color: #27e1ec !important;
}

/* line 123, app/assets/stylesheets/providers.scss */
.messenger_kids-border-color {
  border-color: #27e1ec;
}

/* line 125, app/assets/stylesheets/providers.scss */
.musically-color {
  color: #f70053;
  fill: #f70053;
}

/* line 126, app/assets/stylesheets/providers.scss */
.musically-background-color {
  background-color: #f70053 !important;
}

/* line 127, app/assets/stylesheets/providers.scss */
.musically-border-color {
  border-color: #f70053;
}

/* line 129, app/assets/stylesheets/providers.scss */
.onedrive-color {
  color: #114dae;
  fill: #114dae;
}

/* line 130, app/assets/stylesheets/providers.scss */
.onedrive-background-color {
  background-color: #114dae !important;
}

/* line 131, app/assets/stylesheets/providers.scss */
.onedrive-border-color {
  border-color: #114dae;
}

/* line 133, app/assets/stylesheets/providers.scss */
.onenote-color {
  color: #7c3179;
  fill: #7c3179;
}

/* line 134, app/assets/stylesheets/providers.scss */
.onenote-background-color {
  background-color: #7c3179 !important;
}

/* line 135, app/assets/stylesheets/providers.scss */
.onenote-border-color {
  border-color: #7c3179;
}

/* line 137, app/assets/stylesheets/providers.scss */
.outlook-color {
  color: #0072c6;
  fill: #0072c6;
}

/* line 138, app/assets/stylesheets/providers.scss */
.outlook-background-color {
  background-color: #0072c6 !important;
}

/* line 139, app/assets/stylesheets/providers.scss */
.outlook-border-color {
  border-color: #0072c6;
}

/* line 141, app/assets/stylesheets/providers.scss */
.pinterest-color {
  color: #c72527;
  fill: #c72527;
}

/* line 142, app/assets/stylesheets/providers.scss */
.pinterest-background-color {
  background-color: #c72527 !important;
}

/* line 143, app/assets/stylesheets/providers.scss */
.pinterest-border-color {
  border-color: #c72527;
}

/* line 145, app/assets/stylesheets/providers.scss */
.reddit-color {
  color: #cee3f8;
  fill: #cee3f8;
}

/* line 146, app/assets/stylesheets/providers.scss */
.reddit-background-color {
  background-color: #cee3f8 !important;
}

/* line 147, app/assets/stylesheets/providers.scss */
.reddit-border-color {
  border-color: #cee3f8;
}

/* line 149, app/assets/stylesheets/providers.scss */
.safari-color {
  color: #199BF5;
  fill: #199BF5;
}

/* line 150, app/assets/stylesheets/providers.scss */
.safari-background-color {
  background-color: #199BF5 !important;
}

/* line 151, app/assets/stylesheets/providers.scss */
.safari-border-color {
  border-color: #199BF5;
}

/* line 153, app/assets/stylesheets/providers.scss */
.skype-color {
  color: #00AAE9;
  fill: #00AAE9;
}

/* line 154, app/assets/stylesheets/providers.scss */
.skype-background-color {
  background-color: #00AAE9 !important;
}

/* line 155, app/assets/stylesheets/providers.scss */
.skype-border-color {
  border-color: #00AAE9;
}

/* line 157, app/assets/stylesheets/providers.scss */
.slack-color {
  color: #3f46ad;
  fill: #3f46ad;
}

/* line 158, app/assets/stylesheets/providers.scss */
.slack-background-color {
  background-color: #3f46ad !important;
}

/* line 159, app/assets/stylesheets/providers.scss */
.slack-border-color {
  border-color: #3f46ad;
}

/* line 161, app/assets/stylesheets/providers.scss */
.snapchat-color {
  color: #fffc00;
  fill: #fffc00;
}

/* line 162, app/assets/stylesheets/providers.scss */
.snapchat-background-color {
  background-color: #fffc00 !important;
}

/* line 163, app/assets/stylesheets/providers.scss */
.snapchat-border-color {
  border-color: #fffc00;
}

/* line 165, app/assets/stylesheets/providers.scss */
.spotify-color {
  color: #22D760;
  fill: #22D760;
}

/* line 166, app/assets/stylesheets/providers.scss */
.spotify-background-color {
  background-color: #22D760 !important;
}

/* line 167, app/assets/stylesheets/providers.scss */
.spotify-border-color {
  border-color: #22D760;
}

/* line 169, app/assets/stylesheets/providers.scss */
.steam-color {
  color: #1B2838;
  fill: #1B2838;
}

/* line 170, app/assets/stylesheets/providers.scss */
.steam-background-color {
  background-color: #1B2838 !important;
}

/* line 171, app/assets/stylesheets/providers.scss */
.steam-border-color {
  border-color: #1B2838;
}

/* line 173, app/assets/stylesheets/providers.scss */
.teams-color {
  color: #4b53bc;
  fill: #4b53bc;
}

/* line 174, app/assets/stylesheets/providers.scss */
.teams-background-color {
  background-color: #4b53bc !important;
}

/* line 175, app/assets/stylesheets/providers.scss */
.teams-border-color {
  border-color: #4b53bc;
}

/* line 177, app/assets/stylesheets/providers.scss */
.tumblr-color {
  color: #36465d;
  fill: #36465d;
}

/* line 178, app/assets/stylesheets/providers.scss */
.tumblr-background-color {
  background-color: #36465d !important;
}

/* line 179, app/assets/stylesheets/providers.scss */
.tumblr-border-color {
  border-color: #36465d;
}

/* line 181, app/assets/stylesheets/providers.scss */
.twitter-color {
  color: #00a9e7;
  fill: #00a9e7;
}

/* line 182, app/assets/stylesheets/providers.scss */
.twitter-background-color {
  background-color: #00a9e7 !important;
}

/* line 183, app/assets/stylesheets/providers.scss */
.twitter-border-color {
  border-color: #00a9e7;
}

/* line 185, app/assets/stylesheets/providers.scss */
.whatsapp-color {
  color: #00e676;
  fill: #00e676;
}

/* line 186, app/assets/stylesheets/providers.scss */
.whatsapp-background-color {
  background-color: #00e676 !important;
}

/* line 187, app/assets/stylesheets/providers.scss */
.whatsapp-border-color {
  border-color: #00e676;
}

/* line 189, app/assets/stylesheets/providers.scss */
.vine-color {
  color: #17b287;
  fill: #17b287;
}

/* line 190, app/assets/stylesheets/providers.scss */
.vine-background-color {
  background-color: #17b287 !important;
}

/* line 191, app/assets/stylesheets/providers.scss */
.vine-border-color {
  border-color: #17b287;
}

/* line 193, app/assets/stylesheets/providers.scss */
.vsco-color {
  color: #000000;
  fill: #000000;
}

/* line 194, app/assets/stylesheets/providers.scss */
.vsco-background-color {
  background-color: #000000 !important;
}

/* line 195, app/assets/stylesheets/providers.scss */
.vsco-border-color {
  border-color: #000000;
}

/* line 197, app/assets/stylesheets/providers.scss */
.yahoo-color {
  color: #400090;
  fill: #400090;
}

/* line 198, app/assets/stylesheets/providers.scss */
.yahoo-background-color {
  background-color: #400090 !important;
}

/* line 199, app/assets/stylesheets/providers.scss */
.yahoo-border-color {
  border-color: #400090;
}

/* line 201, app/assets/stylesheets/providers.scss */
.youtube-color {
  color: #cc181e;
  fill: #cc181e;
}

/* line 202, app/assets/stylesheets/providers.scss */
.youtube-background-color {
  background-color: #cc181e !important;
}

/* line 203, app/assets/stylesheets/providers.scss */
.youtube-border-color {
  border-color: #cc181e;
}

/* line 205, app/assets/stylesheets/providers.scss */
.zoom-color {
  color: #2D8CFF;
  fill: #2D8CFF;
}

/* line 206, app/assets/stylesheets/providers.scss */
.zoom-background-color {
  background-color: #2D8CFF !important;
}

/* line 207, app/assets/stylesheets/providers.scss */
.zoom-border-color {
  border-color: #2D8CFF;
}

/* line 2, app/assets/stylesheets/landing2.scss */
.marketing.landing2 .landing2-hero-stats {
  padding: 40px 0 10px;
  min-height: 440px;
  text-align: center;
  color: white;
  font-weight: 700;
  font-family: "Greycliff CF", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* line 11, app/assets/stylesheets/landing2.scss */
.marketing.landing2 .landing2-hero-stats p {
  font-size: 2.5rem;
  margin-bottom: 40px;
  color: #333333;
}

/* line 17, app/assets/stylesheets/landing2.scss */
.marketing.landing2 .landing2-hero-stats ul {
  padding-left: 0;
}

/* line 20, app/assets/stylesheets/landing2.scss */
.marketing.landing2 .landing2-hero-stats ul li {
  font-weight: 700;
  list-style: none;
  font-size: 5.5rem;
  line-height: 5.5rem;
  margin-bottom: 50px;
}

@media (max-width: 700px) {
  /* line 28, app/assets/stylesheets/landing2.scss */
  .marketing.landing2 .landing2-hero-stats ul li {
    font-size: 4.5rem;
    line-height: 4.5rem;
  }
}

@media (max-width: 500px) {
  /* line 35, app/assets/stylesheets/landing2.scss */
  .marketing.landing2 .landing2-hero-stats ul li {
    font-size: 3.5rem;
    line-height: 3.5rem;
    margin-bottom: 35px;
  }
}

/* line 45, app/assets/stylesheets/landing2.scss */
.marketing.landing2 .landing2-hero-stats .animated .number {
  font-weight: 700;
  font-size: 6rem;
  line-height: 5.5rem;
  margin-bottom: 10px;
}

@media (max-width: 500px) {
  /* line 52, app/assets/stylesheets/landing2.scss */
  .marketing.landing2 .landing2-hero-stats .animated .number {
    font-size: 4rem;
    line-height: 4rem;
  }
}

/* line 59, app/assets/stylesheets/landing2.scss */
.marketing.landing2 .landing2-hero-stats .animated .description {
  margin-bottom: 50px;
  font-weight: 700;
  font-size: 3rem;
  margin-bottom: 50px;
}

@media (max-width: 500px) {
  /* line 66, app/assets/stylesheets/landing2.scss */
  .marketing.landing2 .landing2-hero-stats .animated .description {
    font-size: 1.8rem;
  }
}

/* line 73, app/assets/stylesheets/landing2.scss */
.marketing.landing2 .landing2-hero-stats a i {
  color: white;
  font-size: 6rem;
}

@media (max-width: 700px) {
  /* line 78, app/assets/stylesheets/landing2.scss */
  .marketing.landing2 .landing2-hero-stats a i {
    font-size: 4rem;
  }
}

/* line 3, app/assets/stylesheets/snippets.scss */
.snippets .iframe-message,
.schools-snippets .iframe-message {
  transition: height 0.15s ease-in-out;
}

/* line 7, app/assets/stylesheets/snippets.scss */
.snippets .iframe-message--loading,
.schools-snippets .iframe-message--loading {
  height: 1rem;
}

/* line 10, app/assets/stylesheets/snippets.scss */
.snippets .iframe-message--loading.iframe-message--long,
.schools-snippets .iframe-message--loading.iframe-message--long {
  height: 25rem;
}

/* line 1, app/assets/stylesheets/connections.scss */
.ios-email-form {
  text-align: center;
}

/* line 4, app/assets/stylesheets/connections.scss */
.ios-email-form input[type="email"] {
  text-align: center;
}

/* line 22, app/assets/stylesheets/connections.scss */
#ios-webview-connect img,
#ios-connect img,
#icloud-connect img,
#android-connect img,
#amazon-connect img,
#yahoo-connect img,
#askfm-connect img,
#discord-connect img,
#comcast-connect img,
#aol-connect img,
#instagram-connect img,
#pinterest-connect img,
#upgrade-plan img {
  width: 100%;
}

/* line 28, app/assets/stylesheets/connections.scss */
#amazon-connect ol li {
  margin-bottom: 10px;
}

/* line 41, app/assets/stylesheets/connections.scss */
#instagram-connect a,
#pinterest-connect a,
#android-webview-connect a,
#ios-webview-connect a,
#kik-connect a,
#whatsapp-connect a,
#musically-connect a,
#messenger_kids-connect a {
  width: 100%;
}

/* line 47, app/assets/stylesheets/connections.scss */
#android-connect form i {
  padding-right: 10px;
  font-size: 3rem;
  vertical-align: middle;
}

/* line 53, app/assets/stylesheets/connections.scss */
#android-connect form input[type="tel"] {
  display: inline-block;
  width: 200px;
  font-size: 2rem;
}

@media (max-width: 767px) {
  /* line 62, app/assets/stylesheets/connections.scss */
  #duplicate-connection .btn {
    margin-bottom: 20px;
  }
}

/* line 68, app/assets/stylesheets/connections.scss */
.connection-icon-container {
  display: inline-block;
  position: relative;
  vertical-align: top;
}

/* line 73, app/assets/stylesheets/connections.scss */
.connection-icon-container .connection-status-icon {
  position: absolute;
  top: 22px;
  left: 26px;
  font-size: 1.8rem;
  background-color: white;
  border-radius: 50%;
}

/* line 82, app/assets/stylesheets/connections.scss */
.connection-icon-container .connection-icon {
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
}

/* line 1, app/assets/stylesheets/su.scss */
.su {
  padding: 10px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  background-color: #f8b941;
  border-radius: 4px;
}

/* line 10, app/assets/stylesheets/su.scss */
.su form {
  display: inline-block;
  margin-left: 10px;
  margin-top: 0 !important;
}

/* line 15, app/assets/stylesheets/su.scss */
.su form .btn {
  padding: 10px;
  font-size: 1rem;
  color: white;
  background-color: #00d7f0;
  margin-bottom: 0 !important;
}

/* line 2, app/assets/stylesheets/native_app.scss */
body.native .native-hide {
  display: none !important;
}

/* line 6, app/assets/stylesheets/native_app.scss */
body.native .navbar {
  display: none;
}

/* line 10, app/assets/stylesheets/native_app.scss */
body.native footer {
  display: none;
}

/* line 2, app/assets/stylesheets/organizations/profiles.scss */
.organizations-profiles .referral-summary {
  margin-bottom: 40px;
}

/* line 5, app/assets/stylesheets/organizations/profiles.scss */
.organizations-profiles .referral-summary .referral-summary-line {
  background-color: #eeeeee;
  margin: 5px 0;
  padding: 10px 15px;
}

/* line 10, app/assets/stylesheets/organizations/profiles.scss */
.organizations-profiles .referral-summary .referral-summary-line p {
  margin-bottom: 0;
}

/* line 15, app/assets/stylesheets/organizations/profiles.scss */
.organizations-profiles .referral-summary .referral-signups-line {
  margin: 5px 0;
  padding: 10px 15px;
}

/* line 2, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap {
  max-width: 600px;
  margin-top: 4rem;
}

@media (min-width: 650px) {
  /* line 2, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap {
    margin: 50px auto;
  }
}

/* line 12, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap > header {
  display: flex;
}

@media (max-width: 650px) {
  /* line 12, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap > header {
    display: block;
  }
}

/* line 19, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap > header div {
  margin: auto;
}

/* line 23, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap > header .title {
  font-size: 2.0rem;
  text-align: left;
  width: 65%;
}

@media (max-width: 650px) {
  /* line 23, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap > header .title {
    width: 100%;
    text-align: center;
    font-size: 1.8rem;
  }
}

/* line 34, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap > header .title img {
  height: 50px !important;
  width: 50px !important;
}

@media (max-width: 650px) {
  /* line 34, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap > header .title img {
    display: none;
  }
}

/* line 44, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap > header .date {
  font-weight: bold;
  font-size: 2.0rem;
  text-align: right;
  width: 35%;
}

@media (max-width: 650px) {
  /* line 44, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap > header .date {
    width: 100%;
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}

/* line 59, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap section {
  background-color: white;
  padding: 20px 10px;
  margin: 20px 0;
  border-radius: 5px;
}

/* line 65, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap section header {
  margin: 0 0 20px 0;
}

@media (max-width: 475px) {
  /* line 65, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap section header {
    text-align: center;
  }
}

@media (min-width: 475px) {
  /* line 65, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap section header {
    display: flex;
  }
}

/* line 76, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap section header img {
  margin: 0 20px 0 0;
}

@media (max-width: 475px) {
  /* line 76, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap section header img {
    margin: 0 0 15px;
  }
}

/* line 84, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap section header h2 {
  margin: 0 0 10px;
}

@media (max-width: 650px) {
  /* line 84, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap section header h2 {
    font-size: 2.4rem;
  }
}

/* line 92, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap section header p {
  margin: 0 0 10px;
}

/* line 99, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap footer {
  text-align: center;
  width: 75%;
  margin: 0 auto;
}

/* line 104, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap footer .bark-link {
  margin-bottom: 10px;
}

/* line 107, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap footer .bark-link a {
  border: 0;
  text-decoration: none;
}

/* line 113, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap footer .tagline {
  margin: 20px 0;
  font-size: 2.0rem;
}

/* line 118, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap footer .social-links {
  display: flex;
  justify-content: space-around;
}

/* line 122, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap footer .social-links img {
  max-width: 100%;
}

/* line 127, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap footer .support-cta {
  margin: 20px auto;
  width: 80%;
}

/* line 132, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap footer .support-link {
  margin: 20px 0;
}

/* line 137, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .button-container {
  margin: 15px 0;
}

/* line 142, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .header-image img {
  max-width: 100%;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

/* line 149, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .intro {
  background-color: white;
  padding: 30px 50px;
  margin-bottom: 20px;
  border-radius: 0 0 5px 5px;
}

@media (max-width: 650px) {
  /* line 149, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap .intro {
    padding-right: 20px;
    padding-left: 20px;
  }
}

/* line 160, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .intro h2 {
  font-size: 2.4rem;
  font-weight: bold;
  color: #233B93;
  margin: 0 0 20px 0;
  text-align: center;
}

/* line 169, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child {
  padding: 25px;
}

/* line 172, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child:nth-child(odd) {
  background-color: #3D57D3;
}

/* line 175, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child:nth-child(even) {
  background-color: #5ABDF9;
}

/* line 179, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .counters {
  text-align: center;
  display: flex;
  align-items: stretch;
  justify-content: space-around;
}

/* line 186, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .counter {
  width: 125px;
  border-radius: 5px;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 5px;
}

@media (max-width: 475px) {
  /* line 186, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap .child .counter {
    margin: 0 2px;
  }
}

/* line 197, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .counter .count {
  font-size: 3.2rem;
  margin: 1.5rem 0;
}

/* line 203, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .activity-counter, .recaps .weekly-recap .child .average-activity-counter {
  border: 2px solid #233B93;
  color: #233B93;
}

/* line 208, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .snippet-counter {
  border: 2px solid #BF2B68;
  color: #BF2B68;
}

/* line 213, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .activity-change {
  text-align: center;
  margin: 20px 0;
}

/* line 217, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .activity-change .increase {
  color: #539F3C;
  font-weight: bold;
}

/* line 222, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .activity-change .decrease {
  color: #BF2B68;
  font-weight: bold;
}

/* line 227, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .activity-change img {
  height: 15px;
}

/* line 232, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .connection-activity-stat {
  display: flex;
  margin: 0 20px 8px;
}

@media (max-width: 475px) {
  /* line 232, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap .child .connection-activity-stat {
    margin: 0;
  }
}

/* line 240, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .connection-activity-stat .connection-activity-bar {
  width: 75%;
}

/* line 243, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .connection-activity-stat .connection-activity-bar img {
  max-width: 20px;
  max-height: 20px;
}

/* line 249, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .connection-activity-stat .connection-color-bar {
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  height: 25px;
  margin: 10px 0;
}

/* line 256, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .connection-activity-stat .connection-activity-count {
  width: 25%;
  text-align: right;
  vertical-align: bottom;
  font-size: 3.2rem;
  font-weight: bold;
  padding: 10px;
}

@media (max-width: 475px) {
  /* line 256, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap .child .connection-activity-stat .connection-activity-count {
    font-size: 2.5rem;
  }
}

/* line 270, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .no-connections {
  text-align: center;
}

/* line 273, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .no-connections img {
  margin: 20px 0;
}

/* line 277, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .no-connections p {
  text-align: center;
  margin: 15px 0;
}

/* line 283, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .fun-fact {
  display: flex;
}

@media (max-width: 475px) {
  /* line 283, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap .child .fun-fact {
    text-align: center;
  }
}

/* line 290, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .fun-fact h2 {
  margin: 0 0 20px;
  font-size: 2.7rem;
}

@media (max-width: 650px) {
  /* line 290, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap .child .fun-fact h2 {
    font-size: 2.3rem;
  }
}

/* line 299, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .fun-fact .fun-fact-image {
  width: 125px;
}

/* line 302, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .child .fun-fact .fun-fact-image img {
  max-width: 100%;
  min-width: 115px;
  padding-right: 20px;
}

@media (max-width: 475px) {
  /* line 302, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap .child .fun-fact .fun-fact-image img {
    max-height: 100px;
    width: auto;
    min-width: auto;
    margin-bottom: 15px;
    padding-right: 0;
  }
}

@media (max-width: 475px) {
  /* line 299, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap .child .fun-fact .fun-fact-image {
    width: 50%;
    margin: 0 auto;
    text-align: center;
  }
}

@media (max-width: 475px) {
  /* line 283, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap .child .fun-fact {
    display: block;
  }
}

/* line 329, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .stat-counters {
  display: flex;
  text-align: center;
}

/* line 333, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .stat-counters .stat-counter {
  min-height: 100px;
  width: 100px;
  border: 2px solid #000000;
  color: #000000;
  border-radius: 5px;
  font-weight: bold;
  padding: 5px;
  margin: 0 auto;
  font-size: 1.0rem;
}

@media (max-width: 475px) {
  /* line 333, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap .stat-counters .stat-counter {
    margin: 0 2px;
  }
}

/* line 348, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .stat-counters .stat-counter .stat-count {
  font-size: 3.2rem;
  margin: 1.5rem 0;
}

/* line 353, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .stat-counters .stat-counter .stat-label {
  font-size: 1.0rem;
  font-weight: normal;
  line-height: 1.5;
}

/* line 361, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .blog-highlights {
  display: flex;
}

/* line 364, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .blog-highlights .blog-highlight {
  padding: 10px;
  text-align: center;
  width: 33%;
}

/* line 369, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .blog-highlights .blog-highlight img {
  display: block;
  max-height: 150px;
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 10px;
}

/* line 377, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .blog-highlights .blog-highlight a {
  font-weight: bold;
  text-decoration: none;
}

/* line 384, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .recommendation {
  display: flex;
}

@media (max-width: 475px) {
  /* line 384, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap .recommendation {
    display: block;
    text-align: center;
  }
}

/* line 392, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .recommendation .recommendation-image {
  width: 125px;
}

/* line 395, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .recommendation .recommendation-image img {
  max-width: 100%;
  min-width: 115px;
  padding: 0 10px;
}

@media (max-width: 475px) {
  /* line 395, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap .recommendation .recommendation-image img {
    max-height: 100px;
    width: auto;
    min-width: auto;
    padding: 0;
    margin-bottom: 15px;
  }
}

@media (max-width: 475px) {
  /* line 392, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap .recommendation .recommendation-image {
    width: 50%;
    margin: 0 auto;
    text-align: center;
  }
}

/* line 416, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .recommendation p {
  padding: 0 10px;
}

/* line 422, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .referral p {
  padding: 10px 75px;
  text-align: center;
}

/* line 429, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .pitw h2 {
  color: #B5349F;
  font-size: 1.9rem;
  margin: 0 0 20px;
}

/* line 435, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .pitw .content {
  display: flex;
  padding-left: 25px;
}

/* line 440, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .pitw .image-container {
  min-width: 30%;
  text-align: right;
}

/* line 444, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .pitw .image-container img {
  max-width: 100%;
}

/* line 451, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .testimonial p {
  font-size: 2.1rem;
  line-height: 2.0;
  padding: 0 50px;
  margin-bottom: 25px;
}

@media (max-width: 475px) {
  /* line 451, app/assets/stylesheets/recaps.scss */
  .recaps .weekly-recap .testimonial p {
    padding: 0 10px;
  }
}

/* line 463, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .bfs-upgrade,
.recaps .weekly-recap .annual-upgrade {
  margin: 20px 0;
  padding: 25px;
}

/* line 468, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .bfs-upgrade section,
.recaps .weekly-recap .annual-upgrade section {
  margin: 0;
}

/* line 472, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .bfs-upgrade {
  background-color: #5ABDF9;
}

/* line 475, app/assets/stylesheets/recaps.scss */
.recaps .weekly-recap .annual-upgrade {
  background-color: #79DAAA;
}

/* line 4, app/assets/stylesheets/onboarding.scss */
.onboarding-connections .provider-container,
.onboarding-children-connections .provider-container {
  position: relative;
}

/* line 7, app/assets/stylesheets/onboarding.scss */
.onboarding-connections .provider-container input[type="radio"], .onboarding-connections .provider-container input[type="checkbox"],
.onboarding-children-connections .provider-container input[type="radio"],
.onboarding-children-connections .provider-container input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

/* line 18, app/assets/stylesheets/onboarding.scss */
.onboarding-connections .provider-container input[type="radio"]:checked + label:nth-child(n) .check, .onboarding-connections .provider-container input[type="checkbox"]:checked + label:nth-child(n) .check,
.onboarding-children-connections .provider-container input[type="radio"]:checked + label:nth-child(n) .check,
.onboarding-children-connections .provider-container input[type="checkbox"]:checked + label:nth-child(n) .check {
  visibility: visible;
}

/* line 24, app/assets/stylesheets/onboarding.scss */
.onboarding-connections .provider-container .check,
.onboarding-children-connections .provider-container .check {
  visibility: hidden;
}

/* line 8, app/assets/stylesheets/schools/filter/reports.scss */
.schools-filter-reports-policies table a,
.schools-filter-reports-policies-organization_units table a,
.schools-filter-reports-children table a,
.schools-filter-reports-domains table a,
.schools-filter-reports-policies-children table a,
.schools-filter-reports-policies-ips table a {
  color: #171b4b;
}

/* line 12, app/assets/stylesheets/schools/filter/reports.scss */
.schools-filter-reports-policies table .url-column,
.schools-filter-reports-policies-organization_units table .url-column,
.schools-filter-reports-children table .url-column,
.schools-filter-reports-domains table .url-column,
.schools-filter-reports-policies-children table .url-column,
.schools-filter-reports-policies-ips table .url-column {
  font-size: 1.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 700px;
}

/* line 4, app/assets/stylesheets/owl_overrides.scss */
.owl-theme .owl-dots .owl-dot span {
  background: rgba(30, 30, 30, 0.15);
}

/* line 9, app/assets/stylesheets/owl_overrides.scss */
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: rgba(30, 30, 30, 0.5);
}

/* line 1, app/assets/stylesheets/components/_plan_tier.scss */
.plan-tier {
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  /* line 1, app/assets/stylesheets/components/_plan_tier.scss */
  .plan-tier {
    margin-bottom: 2rem;
  }
}

/* line 8, app/assets/stylesheets/components/_plan_tier.scss */
.plan-tier .plan-tier-caption {
  display: block;
  text-align: left;
  margin-bottom: 1rem;
}

/* line 13, app/assets/stylesheets/components/_plan_tier.scss */
.plan-tier .plan-tier-caption .plan-tier-heading {
  display: block;
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

/* line 21, app/assets/stylesheets/components/_plan_tier.scss */
.plan-tier .list-checked {
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 1rem;
}

@media (max-width: 768px) {
  /* line 21, app/assets/stylesheets/components/_plan_tier.scss */
  .plan-tier .list-checked {
    max-width: 280px;
    margin: 0 auto;
  }
}

/* line 32, app/assets/stylesheets/components/_plan_tier.scss */
.plan-tier .list-checked li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
  margin-top: 0 !important;
}

/* line 39, app/assets/stylesheets/components/_plan_tier.scss */
.plan-tier .list-checked li:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-success);
}

/* line 48, app/assets/stylesheets/components/_plan_tier.scss */
.plan-tier .list-checked li.list-checked_item--negative {
  color: var(--color-text-muted);
}

/* line 51, app/assets/stylesheets/components/_plan_tier.scss */
.plan-tier .list-checked li.list-checked_item--negative:before {
  content: "×";
  color: var(--color-text-muted);
}

/* line 32, app/assets/stylesheets/application.scss */
iframe {
  border: 0;
}

/* line 38, app/assets/stylesheets/application.scss */
.fb_iframe_widget span {
  vertical-align: baseline !important;
}

/* line 44, app/assets/stylesheets/application.scss */
.grecaptcha-badge {
  right: 0 !important;
  visibility: hidden;
}

/* line 51, app/assets/stylesheets/application.scss */
.grabbable {
  cursor: grab;
}

/* line 453, app/assets/stylesheets/vivid/variables.scss.erb */
:root {
  --sticky-masthead-height: 0px;
  --sticky-root-nav-height: 0px;
  --sticky-nav-height: 0px;
  --sticky-max-nav-height: 0px;
  --sticky-footer-height: 0px;
  --sticky-footer-stuck-height: 0px;
  --shadow-color: 0, 0, 0;
  --vivid-yellow: #ffdd1f;
  --vivid-muted-green: #3add6c;
  --control-border-color: #1e1e1e;
  --button-border-width: 0.2rem;
  --element-border-radius: 0.4rem;
}

/* line 1, app/assets/stylesheets/vivid/page.scss */
html {
  min-height: 100%;
  height: -webkit-fill-available;
}

/* line 6, app/assets/stylesheets/vivid/page.scss */
body.body {
  display: flex !important;
}

/* line 11, app/assets/stylesheets/vivid/page.scss */
body {
  --canvas-bg-color: #f3f4f7;
  background-color: var(--canvas-bg-color, #f3f4f7);
  font-weight: 400;
  flex-direction: column;
  transition: background 0.15s ease-out;
  text-rendering: optimizeSpeed;
  -webkit-app-region: no-drag;
}

/* line 23, app/assets/stylesheets/vivid/page.scss */
#body-container {
  flex: 1 0 100%;
  width: 100%;
  transition: transform 0.15s ease-out;
  transform-origin: top center;
}

@media screen {
  /* line 30, app/assets/stylesheets/vivid/page.scss */
  .full-screen-height {
    min-height: 100vh;
  }
}

/* line 35, app/assets/stylesheets/vivid/page.scss */
.full-screen-height:not(.native) {
  min-height: calc(100vh - env(safe-area-inset-bottom));
  min-height: -webkit-fill-available;
}

@media screen and (min-width: 0\0) {
  /* line 43, app/assets/stylesheets/vivid/page.scss */
  .full-screen-height #body-container {
    min-height: 100vh;
    flex: 0 1 auto;
    padding-bottom: 20rem;
  }
  /* line 49, app/assets/stylesheets/vivid/page.scss */
  .full-screen-height .page__sticky-footer {
    position: fixed;
    left: 0;
    right: 0;
  }
}

/* line 58, app/assets/stylesheets/vivid/page.scss */
.vivid-page .flash {
  margin: 0;
}

/* line 62, app/assets/stylesheets/vivid/page.scss */
.vivid-page footer {
  margin-top: 0;
}

/* line 66, app/assets/stylesheets/vivid/page.scss */
.vivid-page #body-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* line 72, app/assets/stylesheets/vivid/page.scss */
.vivid-page .page__content__body {
  margin-top: 3rem;
  overflow-wrap: break-word;
  margin-bottom: calc(1.5rem + var(--safe-area-inset-bottom));
}

@media (min-width: 992px) {
  /* line 72, app/assets/stylesheets/vivid/page.scss */
  .vivid-page .page__content__body {
    margin-top: 4.5rem;
    margin-bottom: calc( 4.5rem + var(--safe-area-inset-bottom));
  }
}

/* line 85, app/assets/stylesheets/vivid/page.scss */
.vivid-page .page__content.page__content--align-middle {
  margin-top: auto;
  margin-bottom: auto;
}

/* line 92, app/assets/stylesheets/vivid/page.scss */
.vivid-page--variant-bright,
.vivid-page--variant-bright #body-container {
  background-color: #fff;
  --canvas-bg-color: #fff;
}

/* line 99, app/assets/stylesheets/vivid/page.scss */
.page__sticky-footer {
  touch-action: none;
  position: sticky;
  bottom: 0;
  z-index: 999;
}

@media (max-width: 767px) {
  /* line 99, app/assets/stylesheets/vivid/page.scss */
  .page__sticky-footer {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}

/* line 112, app/assets/stylesheets/vivid/page.scss */
.page__sticky-footer__container {
  background: #fff;
  box-shadow: 0 -0.3rem 0.1rem -0.2rem rgba(0, 0, 0, 0.1), 0 -0.2rem 0.2rem 0 rgba(0, 0, 0, 0.04), 0 -0.1rem 0.5rem 0 rgba(0, 0, 0, 0.02);
}

/* line 121, app/assets/stylesheets/vivid/page.scss */
.page__sticky-footer__container > div:last-child .color-block__body {
  position: relative;
  padding-bottom: var(--safe-area-inset-bottom);
}

/* line 128, app/assets/stylesheets/vivid/page.scss */
.page__sticky-footer.sticky-bottom--fixed {
  position: relative;
}

/* line 131, app/assets/stylesheets/vivid/page.scss */
.page__sticky-footer.sticky-bottom--fixed .page__sticky-footer__container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  max-width: 100vw;
}

@media (min-width: 768px) {
  /* line 141, app/assets/stylesheets/vivid/page.scss */
  .page__sticky-footer__banner {
    border-top: 0.2rem solid #1e1e1e;
  }
}

@media (max-width: 767px) {
  /* line 141, app/assets/stylesheets/vivid/page.scss */
  .page__sticky-footer__banner {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}

/* line 152, app/assets/stylesheets/vivid/page.scss */
#body-container {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

/* line 157, app/assets/stylesheets/vivid/page.scss */
#body-container:not(.body-container--full-bleed) {
  max-width: 117rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 165, app/assets/stylesheets/vivid/page.scss */
html.bda ::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

/* line 170, app/assets/stylesheets/vivid/page.scss */
html.bda .window-draggable {
  -webkit-app-region: drag;
}

@media print {
  /* line 176, app/assets/stylesheets/vivid/page.scss */
  html body {
    background-color: #fff !important;
  }
}

/* line 105, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 2, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid .grid__cell--natural,
.vivid .grid .grid__cell--minimum {
  flex-basis: auto;
  width: auto;
  max-width: 100%;
}

/* line 8, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid .grid__cell--natural {
  min-width: unset;
}

/* line 12, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid .grid__cell--minimum {
  flex-grow: 0;
  min-width: 0;
  max-width: 100%;
  flex-shrink: 0;
}

/* line 19, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid .grid__cell--auto {
  flex-basis: 0;
  width: auto;
  min-width: unset;
  max-width: 100%;
}

/* line 26, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid .grid__cell--fill {
  flex-basis: auto;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

/* line 33, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid .grid__cell--full {
  flex-basis: 100%;
  max-width: 100%;
  min-width: 0;
}

/* line 39, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid .grid__cell--half {
  flex-basis: 50%;
  max-width: 50%;
  min-width: 50%;
}

/* line 45, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid .grid__cell--quarter {
  flex-basis: 25%;
  max-width: 25%;
  min-width: 25%;
}

/* line 51, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid .grid__cell--three_quarters {
  flex-basis: 75%;
  max-width: 75%;
  min-width: 75%;
}

/* line 57, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid .grid__cell--third {
  flex-basis: 33.333333%;
  max-width: 33.333333%;
  min-width: 33.333333%;
}

/* line 63, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid .grid__cell--two_thirds {
  flex-basis: 66.666666%;
  max-width: 66.666666%;
  min-width: 66.666666%;
}

/* line 69, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid .grid__cell--sixth {
  max-width: 16.666666%;
  width: 16.666666%;
}

/* line 74, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid .grid__cell--five-sixths {
  max-width: 83.333333%;
  width: 83.333333%;
}

/* line 79, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid .grid__cell--fifth {
  flex-basis: 20%;
  max-width: 20%;
  min-width: 20%;
}

/* line 85, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid .grid__cell--two_fifths {
  flex-basis: 40%;
  max-width: 40%;
  min-width: 40%;
}

/* line 91, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid .grid__cell--three_fifths {
  flex-basis: 60%;
  max-width: 60%;
  min-width: 60%;
}

/* line 97, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid .grid__cell--four_fifths {
  flex-basis: 80%;
  max-width: 80%;
  min-width: 80%;
}

@media (min-width: 768px) {
  /* line 2, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--natural-sm,
.vivid .grid .grid__cell--minimum-sm {
    flex-basis: auto;
    width: auto;
    max-width: 100%;
  }
  /* line 8, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--natural-sm {
    min-width: unset;
  }
  /* line 12, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--minimum-sm {
    flex-grow: 0;
    min-width: 0;
    max-width: 100%;
    flex-shrink: 0;
  }
  /* line 19, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--auto-sm {
    flex-basis: 0;
    width: auto;
    min-width: unset;
    max-width: 100%;
  }
  /* line 26, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--fill-sm {
    flex-basis: auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  /* line 33, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--full-sm {
    flex-basis: 100%;
    max-width: 100%;
    min-width: 0;
  }
  /* line 39, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--half-sm {
    flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
  /* line 45, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--quarter-sm {
    flex-basis: 25%;
    max-width: 25%;
    min-width: 25%;
  }
  /* line 51, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--three_quarters-sm {
    flex-basis: 75%;
    max-width: 75%;
    min-width: 75%;
  }
  /* line 57, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--third-sm {
    flex-basis: 33.333333%;
    max-width: 33.333333%;
    min-width: 33.333333%;
  }
  /* line 63, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--two_thirds-sm {
    flex-basis: 66.666666%;
    max-width: 66.666666%;
    min-width: 66.666666%;
  }
  /* line 69, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--sixth-sm {
    max-width: 16.666666%;
    width: 16.666666%;
  }
  /* line 74, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--five-sixths-sm {
    max-width: 83.333333%;
    width: 83.333333%;
  }
  /* line 79, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--fifth-sm {
    flex-basis: 20%;
    max-width: 20%;
    min-width: 20%;
  }
  /* line 85, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--two_fifths-sm {
    flex-basis: 40%;
    max-width: 40%;
    min-width: 40%;
  }
  /* line 91, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--three_fifths-sm {
    flex-basis: 60%;
    max-width: 60%;
    min-width: 60%;
  }
  /* line 97, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--four_fifths-sm {
    flex-basis: 80%;
    max-width: 80%;
    min-width: 80%;
  }
}

@media (min-width: 992px) {
  /* line 2, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--natural-md,
.vivid .grid .grid__cell--minimum-md {
    flex-basis: auto;
    width: auto;
    max-width: 100%;
  }
  /* line 8, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--natural-md {
    min-width: unset;
  }
  /* line 12, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--minimum-md {
    flex-grow: 0;
    min-width: 0;
    max-width: 100%;
    flex-shrink: 0;
  }
  /* line 19, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--auto-md {
    flex-basis: 0;
    width: auto;
    min-width: unset;
    max-width: 100%;
  }
  /* line 26, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--fill-md {
    flex-basis: auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  /* line 33, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--full-md {
    flex-basis: 100%;
    max-width: 100%;
    min-width: 0;
  }
  /* line 39, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--half-md {
    flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
  /* line 45, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--quarter-md {
    flex-basis: 25%;
    max-width: 25%;
    min-width: 25%;
  }
  /* line 51, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--three_quarters-md {
    flex-basis: 75%;
    max-width: 75%;
    min-width: 75%;
  }
  /* line 57, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--third-md {
    flex-basis: 33.333333%;
    max-width: 33.333333%;
    min-width: 33.333333%;
  }
  /* line 63, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--two_thirds-md {
    flex-basis: 66.666666%;
    max-width: 66.666666%;
    min-width: 66.666666%;
  }
  /* line 69, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--sixth-md {
    max-width: 16.666666%;
    width: 16.666666%;
  }
  /* line 74, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--five-sixths-md {
    max-width: 83.333333%;
    width: 83.333333%;
  }
  /* line 79, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--fifth-md {
    flex-basis: 20%;
    max-width: 20%;
    min-width: 20%;
  }
  /* line 85, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--two_fifths-md {
    flex-basis: 40%;
    max-width: 40%;
    min-width: 40%;
  }
  /* line 91, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--three_fifths-md {
    flex-basis: 60%;
    max-width: 60%;
    min-width: 60%;
  }
  /* line 97, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--four_fifths-md {
    flex-basis: 80%;
    max-width: 80%;
    min-width: 80%;
  }
}

@media (min-width: 1200px) {
  /* line 2, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--natural-lg,
.vivid .grid .grid__cell--minimum-lg {
    flex-basis: auto;
    width: auto;
    max-width: 100%;
  }
  /* line 8, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--natural-lg {
    min-width: unset;
  }
  /* line 12, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--minimum-lg {
    flex-grow: 0;
    min-width: 0;
    max-width: 100%;
    flex-shrink: 0;
  }
  /* line 19, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--auto-lg {
    flex-basis: 0;
    width: auto;
    min-width: unset;
    max-width: 100%;
  }
  /* line 26, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--fill-lg {
    flex-basis: auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  /* line 33, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--full-lg {
    flex-basis: 100%;
    max-width: 100%;
    min-width: 0;
  }
  /* line 39, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--half-lg {
    flex-basis: 50%;
    max-width: 50%;
    min-width: 50%;
  }
  /* line 45, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--quarter-lg {
    flex-basis: 25%;
    max-width: 25%;
    min-width: 25%;
  }
  /* line 51, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--three_quarters-lg {
    flex-basis: 75%;
    max-width: 75%;
    min-width: 75%;
  }
  /* line 57, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--third-lg {
    flex-basis: 33.333333%;
    max-width: 33.333333%;
    min-width: 33.333333%;
  }
  /* line 63, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--two_thirds-lg {
    flex-basis: 66.666666%;
    max-width: 66.666666%;
    min-width: 66.666666%;
  }
  /* line 69, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--sixth-lg {
    max-width: 16.666666%;
    width: 16.666666%;
  }
  /* line 74, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--five-sixths-lg {
    max-width: 83.333333%;
    width: 83.333333%;
  }
  /* line 79, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--fifth-lg {
    flex-basis: 20%;
    max-width: 20%;
    min-width: 20%;
  }
  /* line 85, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--two_fifths-lg {
    flex-basis: 40%;
    max-width: 40%;
    min-width: 40%;
  }
  /* line 91, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--three_fifths-lg {
    flex-basis: 60%;
    max-width: 60%;
    min-width: 60%;
  }
  /* line 97, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid .grid__cell--four_fifths-lg {
    flex-basis: 80%;
    max-width: 80%;
    min-width: 80%;
  }
}

/* line 124, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid__cell {
  flex-grow: 1;
  flex-basis: 100%;
  max-width: 100%;
  text-align: left;
  min-width: 0;
}

/* line 133, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid__divider {
  --grid-divider-weight: 0.1rem;
  position: relative;
}

/* line 137, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid__divider:before {
  position: absolute;
  content: "";
  background: var(--surface-outline-color, rgba(68, 68, 68, 0.1));
}

/* line 144, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid__divider--orientation-vertical {
  flex: 0;
}

/* line 147, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid__divider--orientation-vertical:before {
  width: var(--grid-divider-weight, 0.1rem);
  left: 50%;
  top: 0;
  bottom: 0;
  border-radius: inherit;
}

/* line 156, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid__divider--orientation-horizontal {
  flex: 100%;
}

/* line 159, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid__divider--orientation-horizontal:before {
  height: var(--grid-divider-weight, 0.1rem);
  left: 0;
  right: 0;
  top: 50%;
  border-radius: inherit;
}

/* line 168, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid__divider--variant-heavy {
  --grid-divider-weight: 0.3rem;
  border-radius: 0.3rem;
}

/* line 173, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid__divider--variant-heavy.grid__divider--orientation-vertical:before {
  margin-left: -0.1rem;
}

/* line 179, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid__divider--variant-heavy.grid__divider--orientation-horizontal:before {
  margin-top: -0.1rem;
}

/* line 185, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--align-justify {
  justify-content: stretch;
}

/* line 188, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--align-justify > .grid__cell {
  display: flex;
}

/* line 193, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--align-center {
  justify-content: center;
}

/* line 197, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--align-right {
  justify-content: flex-end;
}

/* line 201, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--align-middle {
  align-items: center;
}

/* line 205, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--align-bottom {
  align-items: flex-end;
}

/* line 209, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--align-even {
  justify-content: space-evenly;
}

/* line 212, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--align-even > .grid__cell {
  display: flex;
}

/* line 217, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid__cell--align-middle {
  align-self: center;
}

/* line 221, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid__cell--align-bottom {
  align-self: flex-end;
}

/* line 225, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid__cell--align-center {
  justify-self: center;
}

/* line 229, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid__cell--align-right {
  justify-self: flex-end;
}

/* line 233, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid {
  margin: -1rem;
}

/* line 236, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid > .grid__cell {
  padding: 1rem;
}

/* line 242, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--gutters-normal {
  margin: -1rem;
}

/* line 245, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--gutters-normal > .grid__cell {
  padding: 1rem;
}

/* line 250, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--gutters-none {
  margin: 0;
}

/* line 253, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--gutters-none > .grid__cell {
  padding: 0;
}

/* line 258, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--gutters-compact {
  margin: -0.5rem;
}

/* line 261, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--gutters-compact > .grid__cell {
  padding: 0.5rem;
}

/* line 266, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--gutters-tiny {
  margin: -0.2rem;
}

/* line 269, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--gutters-tiny > .grid__cell {
  padding: 0.2rem;
}

/* line 274, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--gutters-loose {
  margin: -2rem;
}

/* line 277, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--gutters-loose > .grid__cell {
  padding: 2rem;
}

/* line 282, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--gutters-medium {
  margin: -2rem;
}

/* line 285, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--gutters-medium > .grid__cell {
  padding: 4rem;
}

/* line 290, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--gutters-large {
  margin: -2rem;
}

/* line 293, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--gutters-large > .grid__cell {
  padding: 8rem;
}

/* line 298, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--wrap-none {
  flex-wrap: nowrap;
  margin-top: 0;
  margin-bottom: 0;
}

/* line 303, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid--wrap-none > .grid__cell {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 310, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid__divider--orientation-vertical.grid__divider--gutters-none {
  margin-left: 0;
  margin-right: 0;
}

/* line 315, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid__divider--orientation-vertical.grid__divider--gutters-normal {
  margin-left: 1rem;
  margin-right: 1rem;
}

/* line 320, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid__divider--orientation-vertical.grid__divider--gutters-compact {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

/* line 325, app/assets/stylesheets/vivid/grid.scss */
.vivid .grid__divider--orientation-vertical.grid__divider--gutters-loose {
  margin-left: 2rem;
  margin-right: 2rem;
}

@media (min-width: 768px) {
  /* line 242, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-normal-sm {
    margin: -1rem;
  }
  /* line 245, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-normal-sm > .grid__cell {
    padding: 1rem;
  }
  /* line 250, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-none-sm {
    margin: 0;
  }
  /* line 253, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-none-sm > .grid__cell {
    padding: 0;
  }
  /* line 258, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-compact-sm {
    margin: -0.5rem;
  }
  /* line 261, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-compact-sm > .grid__cell {
    padding: 0.5rem;
  }
  /* line 266, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-tiny-sm {
    margin: -0.2rem;
  }
  /* line 269, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-tiny-sm > .grid__cell {
    padding: 0.2rem;
  }
  /* line 274, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-loose-sm {
    margin: -2rem;
  }
  /* line 277, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-loose-sm > .grid__cell {
    padding: 2rem;
  }
  /* line 282, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-medium-sm {
    margin: -2rem;
  }
  /* line 285, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-medium-sm > .grid__cell {
    padding: 4rem;
  }
  /* line 290, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-large-sm {
    margin: -2rem;
  }
  /* line 293, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-large-sm > .grid__cell {
    padding: 8rem;
  }
  /* line 298, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--wrap-none-sm {
    flex-wrap: nowrap;
    margin-top: 0;
    margin-bottom: 0;
  }
  /* line 303, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--wrap-none-sm > .grid__cell {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 310, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid__divider--orientation-vertical.grid__divider--gutters-none-sm {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 315, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid__divider--orientation-vertical.grid__divider--gutters-normal-sm {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  /* line 320, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid__divider--orientation-vertical.grid__divider--gutters-compact-sm {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  /* line 325, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid__divider--orientation-vertical.grid__divider--gutters-loose-sm {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 992px) {
  /* line 242, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-normal-md {
    margin: -1rem;
  }
  /* line 245, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-normal-md > .grid__cell {
    padding: 1rem;
  }
  /* line 250, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-none-md {
    margin: 0;
  }
  /* line 253, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-none-md > .grid__cell {
    padding: 0;
  }
  /* line 258, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-compact-md {
    margin: -0.5rem;
  }
  /* line 261, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-compact-md > .grid__cell {
    padding: 0.5rem;
  }
  /* line 266, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-tiny-md {
    margin: -0.2rem;
  }
  /* line 269, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-tiny-md > .grid__cell {
    padding: 0.2rem;
  }
  /* line 274, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-loose-md {
    margin: -2rem;
  }
  /* line 277, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-loose-md > .grid__cell {
    padding: 2rem;
  }
  /* line 282, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-medium-md {
    margin: -2rem;
  }
  /* line 285, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-medium-md > .grid__cell {
    padding: 4rem;
  }
  /* line 290, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-large-md {
    margin: -2rem;
  }
  /* line 293, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-large-md > .grid__cell {
    padding: 8rem;
  }
  /* line 298, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--wrap-none-md {
    flex-wrap: nowrap;
    margin-top: 0;
    margin-bottom: 0;
  }
  /* line 303, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--wrap-none-md > .grid__cell {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 310, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid__divider--orientation-vertical.grid__divider--gutters-none-md {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 315, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid__divider--orientation-vertical.grid__divider--gutters-normal-md {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  /* line 320, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid__divider--orientation-vertical.grid__divider--gutters-compact-md {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  /* line 325, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid__divider--orientation-vertical.grid__divider--gutters-loose-md {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 1200px) {
  /* line 242, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-normal-lg {
    margin: -1rem;
  }
  /* line 245, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-normal-lg > .grid__cell {
    padding: 1rem;
  }
  /* line 250, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-none-lg {
    margin: 0;
  }
  /* line 253, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-none-lg > .grid__cell {
    padding: 0;
  }
  /* line 258, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-compact-lg {
    margin: -0.5rem;
  }
  /* line 261, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-compact-lg > .grid__cell {
    padding: 0.5rem;
  }
  /* line 266, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-tiny-lg {
    margin: -0.2rem;
  }
  /* line 269, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-tiny-lg > .grid__cell {
    padding: 0.2rem;
  }
  /* line 274, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-loose-lg {
    margin: -2rem;
  }
  /* line 277, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-loose-lg > .grid__cell {
    padding: 2rem;
  }
  /* line 282, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-medium-lg {
    margin: -2rem;
  }
  /* line 285, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-medium-lg > .grid__cell {
    padding: 4rem;
  }
  /* line 290, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-large-lg {
    margin: -2rem;
  }
  /* line 293, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--gutters-large-lg > .grid__cell {
    padding: 8rem;
  }
  /* line 298, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--wrap-none-lg {
    flex-wrap: nowrap;
    margin-top: 0;
    margin-bottom: 0;
  }
  /* line 303, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid--wrap-none-lg > .grid__cell {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 310, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid__divider--orientation-vertical.grid__divider--gutters-none-lg {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 315, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid__divider--orientation-vertical.grid__divider--gutters-normal-lg {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  /* line 320, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid__divider--orientation-vertical.grid__divider--gutters-compact-lg {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  /* line 325, app/assets/stylesheets/vivid/grid.scss */
  .vivid .grid__divider--orientation-vertical.grid__divider--gutters-loose-lg {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

/* line 344, app/assets/stylesheets/vivid/grid.scss */
.block-container {
  width: auto;
  max-width: 117rem;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 355, app/assets/stylesheets/vivid/grid.scss */
.block-container--size-form {
  max-width: 64rem;
}

/* line 359, app/assets/stylesheets/vivid/grid.scss */
.block-container--size-medium {
  max-width: 99.2rem;
}

/* line 363, app/assets/stylesheets/vivid/grid.scss */
.product-page .block-container--size-form,
.block-container--size-product {
  max-width: 64rem;
}

/* line 368, app/assets/stylesheets/vivid/grid.scss */
.block-container--size-guidance {
  max-width: 768px;
}

/* line 372, app/assets/stylesheets/vivid/grid.scss */
.block-container--size-mobile {
  max-width: 48rem;
}

/* line 376, app/assets/stylesheets/vivid/grid.scss */
.block-container--size-fluid {
  max-width: none;
}

/* line 380, app/assets/stylesheets/vivid/grid.scss */
.block-container--with-scrim {
  position: relative;
}

/* line 385, app/assets/stylesheets/vivid/grid.scss */
.block-container--banner {
  text-align: center;
}

@media (max-width: 767px) {
  /* line 385, app/assets/stylesheets/vivid/grid.scss */
  .block-container--banner-xs {
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 385, app/assets/stylesheets/vivid/grid.scss */
  .block-container--banner-sm {
    text-align: center;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  /* line 385, app/assets/stylesheets/vivid/grid.scss */
  .block-container--banner-md {
    text-align: center;
  }
}

@media (min-width: 1200px) {
  /* line 385, app/assets/stylesheets/vivid/grid.scss */
  .block-container--banner-lg {
    text-align: center;
  }
}

/* line 406, app/assets/stylesheets/vivid/grid.scss */
.block-container--clear:before, .block-container--clear:after {
  content: "";
  display: table;
}

/* line 413, app/assets/stylesheets/vivid/grid.scss */
.block-container--overflow-hidden {
  overflow: hidden;
}

/* line 417, app/assets/stylesheets/vivid/grid.scss */
.block-container--page-gutters {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 421, app/assets/stylesheets/vivid/grid.scss */
.block-container--page-gutters .block-container--page-gutters:not(.block-container--page-gutters-inset) {
  padding-left: 0;
  padding-right: 0;
}

/* line 427, app/assets/stylesheets/vivid/grid.scss */
body > .container-fluid .block-container--page-gutters {
  padding-left: 0;
  padding-right: 0;
}

/* line 432, app/assets/stylesheets/vivid/grid.scss */
#body-container > .block-container {
  width: 100%;
}

/* line 436, app/assets/stylesheets/vivid/grid.scss */
.block-container--page-gutters-inset {
  padding-left: 3rem;
  padding-right: 3rem;
}

@media (min-width: 768px) {
  /* line 436, app/assets/stylesheets/vivid/grid.scss */
  .block-container--page-gutters-inset {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

/* line 447, app/assets/stylesheets/vivid/grid.scss */
.body-container--full-bleed .block-container--page-gutters-inset {
  padding-left: 3rem;
  padding-right: 3rem;
}

@media (min-width: 768px) {
  /* line 447, app/assets/stylesheets/vivid/grid.scss */
  .body-container--full-bleed .block-container--page-gutters-inset {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

/* line 459, app/assets/stylesheets/vivid/grid.scss */
#body-container:not(.body-container--full-bleed) .block-container--page-gutters:not(.block-container--page-gutters-inset) {
  padding-left: 0;
  padding-right: 0;
}

/* line 467, app/assets/stylesheets/vivid/grid.scss */
.container {
  width: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 1200px) {
  /* line 467, app/assets/stylesheets/vivid/grid.scss */
  .container {
    max-width: 117rem;
  }
}

/* line 4, app/assets/stylesheets/vivid/typography.scss */
.vivid {
  color: #444444;
  font-size: 1.6rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  line-height: 2.2rem;
  font-style: normal;
}

/* line 13, app/assets/stylesheets/vivid/typography.scss */
.vivid hr {
  margin: 2rem 0;
  border-color: var(--surface-container-outline-color, rgba(68, 68, 68, 0.1));
}

/* line 18, app/assets/stylesheets/vivid/typography.scss */
.vivid .hr--choked {
  width: 75%;
}

/* line 22, app/assets/stylesheets/vivid/typography.scss */
.vivid .hr--divider {
  margin: 0;
}

/* line 26, app/assets/stylesheets/vivid/typography.scss */
.vivid .hr--compact {
  margin: 1rem 0;
}

/* line 30, app/assets/stylesheets/vivid/typography.scss */
.vivid .hr--loose {
  margin: 4rem 0;
}

@media (max-width: 480px) {
  /* line 34, app/assets/stylesheets/vivid/typography.scss */
  .vivid .hr--bleed {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

/* line 41, app/assets/stylesheets/vivid/typography.scss */
.vivid .hr--color-surface {
  border-color: var(--surface-color, rgba(68, 68, 68, 0.1));
}

/* line 45, app/assets/stylesheets/vivid/typography.scss */
.vivid a {
  color: #0034f0;
  -webkit-touch-callout: none;
}

@media (hover: none) {
  /* line 45, app/assets/stylesheets/vivid/typography.scss */
  .vivid a {
    -webkit-tap-highlight-color: rgba(30, 30, 30, 0.08);
  }
  /* line 54, app/assets/stylesheets/vivid/typography.scss */
  .vivid a > * {
    -webkit-tap-highlight-color: transparent;
  }
}

/* line 60, app/assets/stylesheets/vivid/typography.scss */
.vivid q {
  quotes: "“" "”" "‘" "’";
}

/* line 64, app/assets/stylesheets/vivid/typography.scss */
.vivid b,
.vivid strong {
  font-weight: 600;
}

/* line 69, app/assets/stylesheets/vivid/typography.scss */
.vivid .time--short {
  white-space: nowrap;
}

/* line 73, app/assets/stylesheets/vivid/typography.scss */
.vivid .anchor--plain {
  color: inherit;
}

/* line 77, app/assets/stylesheets/vivid/typography.scss */
.vivid .anchor--emphasized {
  text-decoration: underline;
}

/* line 81, app/assets/stylesheets/vivid/typography.scss */
.vivid .anchor--deemphasized {
  color: inherit;
  text-decoration: underline;
}

/* line 88, app/assets/stylesheets/vivid/typography.scss */
.vivid .anchor--adorned, .vivid .anchor--adorned:hover,
.vivid .anchor--composite,
.vivid .anchor--composite:hover {
  text-decoration: none;
}

/* line 94, app/assets/stylesheets/vivid/typography.scss */
.vivid .anchor--composite {
  color: inherit;
}

/* line 98, app/assets/stylesheets/vivid/typography.scss */
.vivid label {
  color: inherit;
}

/* line 102, app/assets/stylesheets/vivid/typography.scss */
.vivid section {
  margin: 2rem 0;
}

/* line 105, app/assets/stylesheets/vivid/typography.scss */
.vivid section:empty {
  display: none;
}

/* line 110, app/assets/stylesheets/vivid/typography.scss */
.vivid h1,
.vivid .h1,
.vivid h2,
.vivid .h2,
.vivid h3,
.vivid .h3,
.vivid h4,
.vivid .h4,
.vivid h5,
.vivid .h5,
.vivid h6,
.vivid .h6 {
  font-family: "Greycliff CF", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  line-height: 1.375;
  color: #1e1e1e;
  text-rendering: optimizeLegibility;
}

/* line 129, app/assets/stylesheets/vivid/typography.scss */
.vivid h1,
.vivid h2,
.vivid h3,
.vivid h4,
.vivid h5,
.vivid h6 {
  margin: 0;
  margin-bottom: 2rem;
}

/* line 138, app/assets/stylesheets/vivid/typography.scss */
.vivid h1:last-child,
.vivid h2:last-child,
.vivid h3:last-child,
.vivid h4:last-child,
.vivid h5:last-child,
.vivid h6:last-child {
  margin-bottom: 0;
}

/* line 142, app/assets/stylesheets/vivid/typography.scss */
.vivid h1 + p,
.vivid h1 + ol,
.vivid h1 + ul,
.vivid h2 + p,
.vivid h2 + ol,
.vivid h2 + ul,
.vivid h3 + p,
.vivid h3 + ol,
.vivid h3 + ul,
.vivid h4 + p,
.vivid h4 + ol,
.vivid h4 + ul,
.vivid h5 + p,
.vivid h5 + ol,
.vivid h5 + ul,
.vivid h6 + p,
.vivid h6 + ol,
.vivid h6 + ul {
  margin-top: -1rem;
}

/* line 148, app/assets/stylesheets/vivid/typography.scss */
.vivid h1 strong,
.vivid h2 strong,
.vivid h3 strong,
.vivid h4 strong,
.vivid h5 strong,
.vivid h6 strong {
  font-weight: 900;
}

/* line 152, app/assets/stylesheets/vivid/typography.scss */
.vivid h1 small,
.vivid h2 small,
.vivid h3 small,
.vivid h4 small,
.vivid h5 small,
.vivid h6 small {
  opacity: 0.6;
}

/* line 157, app/assets/stylesheets/vivid/typography.scss */
.vivid .subheading {
  margin-top: -1.25rem;
}

/* line 161, app/assets/stylesheets/vivid/typography.scss */
.vivid h1,
.vivid .h1 {
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.25;
}

@media (min-width: 768px) {
  /* line 167, app/assets/stylesheets/vivid/typography.scss */
  .vivid h1.page-title,
.vivid .h1.page-title {
    font-size: 5.6rem;
  }
}

/* line 173, app/assets/stylesheets/vivid/typography.scss */
.vivid h1.page-title--emphasized,
.vivid .h1.page-title--emphasized {
  color: #1942d8;
}

@media (max-width: 767px) {
  /* line 177, app/assets/stylesheets/vivid/typography.scss */
  .vivid h1.header--responsive,
.vivid .h1.header--responsive {
    font-size: 3.3rem;
    font-weight: 700;
  }
}

/* line 185, app/assets/stylesheets/vivid/typography.scss */
.vivid h2,
.vivid .h2 {
  font-size: 4rem;
  font-weight: 900;
  line-height: 1.25;
}

@media (max-width: 767px) {
  /* line 191, app/assets/stylesheets/vivid/typography.scss */
  .vivid h2.header--responsive,
.vivid .h2.header--responsive {
    font-size: 3.3rem;
    font-weight: 700;
  }
}

/* line 199, app/assets/stylesheets/vivid/typography.scss */
.vivid h3,
.vivid .h3 {
  font-size: 3.3rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.5px;
}

@media (max-width: 767px) {
  /* line 206, app/assets/stylesheets/vivid/typography.scss */
  .vivid h3.header--responsive,
.vivid .h3.header--responsive {
    font-size: 2.7rem;
    font-weight: 700;
  }
}

/* line 214, app/assets/stylesheets/vivid/typography.scss */
.vivid h4,
.vivid .h4 {
  font-size: 2.7rem;
  font-weight: 700;
  letter-spacing: -0.5px;
}

@media (max-width: 767px) {
  /* line 220, app/assets/stylesheets/vivid/typography.scss */
  .vivid h4.header--responsive,
.vivid .h4.header--responsive {
    font-size: 2.2rem;
    font-weight: 700;
  }
}

/* line 228, app/assets/stylesheets/vivid/typography.scss */
.vivid h5,
.vivid .h5 {
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: -0.5px;
}

@media (max-width: 767px) {
  /* line 234, app/assets/stylesheets/vivid/typography.scss */
  .vivid h5.header--responsive,
.vivid .h5.header--responsive {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.2rem;
  }
}

/* line 243, app/assets/stylesheets/vivid/typography.scss */
.vivid h6,
.vivid .h6 {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: -0.5px;
  line-height: 2.2rem;
}

@media (max-width: 767px) {
  /* line 250, app/assets/stylesheets/vivid/typography.scss */
  .vivid h6.header--responsive,
.vivid .h6.header--responsive {
    font-size: 1.6rem;
  }
}

/* line 259, app/assets/stylesheets/vivid/typography.scss */
.vivid .subheading, .vivid .subheading.header--responsive,
.vivid .header--light-weight,
.vivid .header--light-weight.header--responsive {
  font-weight: 400;
}

/* line 265, app/assets/stylesheets/vivid/typography.scss */
.vivid .header--heavy-weight {
  font-weight: 900;
}

/* line 269, app/assets/stylesheets/vivid/typography.scss */
.vivid .header--display {
  font-family: serif;
  font-weight: 900;
  line-height: 1.25;
}

/* line 274, app/assets/stylesheets/vivid/typography.scss */
.vivid .header--display + p {
  margin-top: 0;
}

/* line 279, app/assets/stylesheets/vivid/typography.scss */
.vivid .header--ornament {
  text-transform: uppercase;
}

/* line 283, app/assets/stylesheets/vivid/typography.scss */
.vivid .item-label {
  font-weight: 600;
  flex: 1 1 100%;
  word-break: break-word;
  min-width: 0;
}

/* line 290, app/assets/stylesheets/vivid/typography.scss */
.vivid h6.item-label,
.vivid h5.item-label {
  margin-bottom: 0.5rem;
}

/* line 294, app/assets/stylesheets/vivid/typography.scss */
.vivid h6.item-label:last-child,
.vivid h5.item-label:last-child {
  margin-bottom: 0;
}

/* line 299, app/assets/stylesheets/vivid/typography.scss */
.vivid .item-label--plain {
  font-weight: 400;
}

/* line 303, app/assets/stylesheets/vivid/typography.scss */
.vivid .item-label--eyebrow {
  opacity: 0.6;
  font-size: 1.4rem;
  font-family: inherit;
  line-height: 1.8rem;
}

/* line 310, app/assets/stylesheets/vivid/typography.scss */
.vivid .item-label--eyebrow,
.vivid h6.item-label--eyebrow,
.vivid h5.item-label--eyebrow {
  margin-bottom: 0.3rem;
}

/* line 316, app/assets/stylesheets/vivid/typography.scss */
.vivid .health-status-label {
  line-height: 2.2rem;
}

/* line 319, app/assets/stylesheets/vivid/typography.scss */
.vivid .health-status-label .adorn__adornment .inline-media--size-tool {
  margin-top: 0.3rem;
}

@media (min-width: 992px) {
  /* line 327, app/assets/stylesheets/vivid/typography.scss */
  .vivid h1.header--display,
.vivid .h1.header--display {
    font-size: 6rem;
  }
  /* line 334, app/assets/stylesheets/vivid/typography.scss */
  .vivid h2.header--display,
.vivid .h2.header--display {
    font-size: 4.95rem;
  }
  /* line 341, app/assets/stylesheets/vivid/typography.scss */
  .vivid h3.header--display,
.vivid .h3.header--display {
    font-size: 4.05rem;
  }
}

/* line 347, app/assets/stylesheets/vivid/typography.scss */
.vivid .callout {
  font-size: 1.8rem;
  line-height: 2.475rem;
}

/* line 352, app/assets/stylesheets/vivid/typography.scss */
.vivid .callout--size-large {
  line-height: 1.375;
  font-weight: 400;
  font-size: 2.2rem;
}

/* line 359, app/assets/stylesheets/vivid/typography.scss */
.vivid p,
.vivid ul,
.vivid ol {
  margin: 0;
}

/* line 364, app/assets/stylesheets/vivid/typography.scss */
.vivid p:not(:last-child),
.vivid ul:not(:last-child),
.vivid ol:not(:last-child) {
  margin-bottom: 1rem;
}

/* line 369, app/assets/stylesheets/vivid/typography.scss */
.vivid ol.list-discrete,
.vivid ol.list-cozy {
  padding: 0 0 0 1.5em;
  margin-left: 0;
}

/* line 374, app/assets/stylesheets/vivid/typography.scss */
.vivid ol.list-discrete > li + li,
.vivid ol.list-cozy > li + li {
  margin-top: 2rem;
}

/* line 380, app/assets/stylesheets/vivid/typography.scss */
.vivid ol.list-cozy > li + li {
  margin-top: 0.5rem;
}

/* line 385, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 391, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-checked,
.vivid ul.list-discrete,
.vivid ul.list-cozy {
  padding: 0 0 0 2.5em;
  margin-left: 0;
  list-style: none;
}

/* line 398, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-checked > li,
.vivid ul.list-discrete > li,
.vivid ul.list-cozy > li {
  position: relative;
}

/* line 401, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-checked > li:before,
.vivid ul.list-discrete > li:before,
.vivid ul.list-cozy > li:before {
  font-family: FontAwesome;
  content: "\f00c";
  content: "\f00c"/ "";
  display: block;
  margin-left: -2em;
  float: left;
}

/* line 411, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-checked > li.list-checked_item--negative,
.vivid ul.list-discrete > li.list-checked_item--negative,
.vivid ul.list-cozy > li.list-checked_item--negative {
  text-decoration: line-through;
}

/* line 414, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-checked > li.list-checked_item--negative:before,
.vivid ul.list-discrete > li.list-checked_item--negative:before,
.vivid ul.list-cozy > li.list-checked_item--negative:before {
  color: rgba(68, 68, 95, 0.6);
  content: "\f05e";
  content: "\f05e"/ "";
}

/* line 422, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-checked > li.list-checked_item--negative-but-positive:before,
.vivid ul.list-discrete > li.list-checked_item--negative-but-positive:before,
.vivid ul.list-cozy > li.list-checked_item--negative-but-positive:before {
  content: "\f00d";
  content: "\f00d"/ "";
}

/* line 429, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-checked > li.list-checked_item--danger:before,
.vivid ul.list-discrete > li.list-checked_item--danger:before,
.vivid ul.list-cozy > li.list-checked_item--danger:before {
  color: red;
}

/* line 435, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-checked > li.bullet--status-primary:before,
.vivid ul.list-discrete > li.bullet--status-primary:before,
.vivid ul.list-cozy > li.bullet--status-primary:before {
  color: #1942d8;
}

/* line 444, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-checked > li + li,
.vivid ul.list-discrete > li + li {
  margin-top: 2rem;
}

/* line 449, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-discrete,
.vivid ul.list-cozy {
  padding-left: 2em;
}

/* line 454, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-discrete > li:before,
.vivid ul.list-cozy > li:before {
  content: "\f111";
  content: "\f111"/ "";
  transform: scale(0.625);
}

/* line 464, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-checked.list-checked--cozy {
  padding-left: 1.5em;
}

/* line 468, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-checked.list-checked--cozy > li:before {
  margin-left: -1.5em;
}

/* line 473, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-checked.list-checked--cozy > li + li {
  margin-top: 0.5rem;
}

/* line 479, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-cozy {
  padding-left: 1.5em;
}

/* line 483, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-cozy > li:before {
  transform: scale(0.45);
  margin-left: -1.5em;
}

/* line 489, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-cozy > li + li {
  margin-top: 0.5rem;
}

/* line 494, app/assets/stylesheets/vivid/typography.scss */
.vivid ul.list-none {
  list-style: none;
  padding-inline-start: 2rem;
}

/* line 499, app/assets/stylesheets/vivid/typography.scss */
.vivid ol.list-steps {
  list-style: none;
  counter-reset: list-steps;
  text-align: left;
  padding: 0;
}

/* line 505, app/assets/stylesheets/vivid/typography.scss */
.vivid ol.list-steps > li::before {
  content: counter(list-steps);
  content: counter(list-steps)/"";
  display: flex;
  border-radius: 10rem;
  border: 0.1rem solid currentcolor;
  margin-right: 2rem;
  width: 5.1rem;
  height: 5.1rem;
  font-size: 1.5em;
  font-weight: 900;
  flex: 0 0 5.1rem;
  align-items: center;
  justify-content: center;
}

/* line 521, app/assets/stylesheets/vivid/typography.scss */
.vivid ol.list-steps > li {
  counter-increment: list-steps;
  display: flex;
  align-items: center;
}

/* line 526, app/assets/stylesheets/vivid/typography.scss */
.vivid ol.list-steps > li.list-step--align-top {
  align-items: flex-start;
}

/* line 532, app/assets/stylesheets/vivid/typography.scss */
.vivid ol.list-steps > li + li,
.vivid ol.list-steps + ol.list-steps > li {
  margin-top: 2rem;
}

/* line 538, app/assets/stylesheets/vivid/typography.scss */
.vivid ol.list-steps--emphasized > li::before {
  color: #1942d8;
}

/* line 544, app/assets/stylesheets/vivid/typography.scss */
.vivid ol.list-steps--bold > li::before {
  color: #fff;
  background-color: #1942d8;
  border-color: #1942d8;
}

/* line 552, app/assets/stylesheets/vivid/typography.scss */
.vivid ol.list-steps--size-small > li::before {
  width: 4.2rem;
  height: 4.2rem;
  font-size: 1.25em;
  font-weight: 700;
  flex: 0 0 4.2rem;
  margin: 0.1rem 1.6rem 0.1rem 0;
}

/* line 563, app/assets/stylesheets/vivid/typography.scss */
.vivid ol.list-steps--size-xsmall > li {
  align-items: flex-start;
  line-height: 1.375;
}

/* line 567, app/assets/stylesheets/vivid/typography.scss */
.vivid ol.list-steps--size-xsmall > li + li {
  margin-top: 1em;
}

/* line 572, app/assets/stylesheets/vivid/typography.scss */
.vivid ol.list-steps--size-xsmall > li::before {
  width: 1.375em;
  height: 1.375em;
  font-size: 1em;
  font-weight: 700;
  flex: 0 0 1.375em;
  margin: 0 0.5em 0 0;
}

/* line 582, app/assets/stylesheets/vivid/typography.scss */
.vivid .list-header {
  padding-bottom: 1rem;
  border-bottom: 1px solid #a2a2a2;
}

/* line 588, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--align-center {
  text-align: center;
}

/* line 592, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--align-right {
  text-align: right;
}

/* line 596, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--align-left {
  text-align: left;
}

/* line 602, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--size-tiny {
  font-size: 1.1rem;
  line-height: 1.4rem;
  text-rendering: optimizeLegibility;
}

/* line 608, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--size-small {
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-rendering: optimizeLegibility;
}

/* line 614, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--size-normal {
  font-size: 1.6rem;
  line-height: 2.2rem;
  text-rendering: optimizeSpeed;
}

/* line 620, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--size-large {
  font-size: 1.8rem;
  line-height: 2.6rem;
  text-rendering: optimizeLegibility;
}

/* line 626, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--size-xlarge {
  font-size: 2.2rem;
  line-height: 3.2rem;
  text-rendering: optimizeLegibility;
}

@media (min-width: 480px) {
  /* line 588, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--align-center-xs {
    text-align: center;
  }
  /* line 592, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--align-right-xs {
    text-align: right;
  }
  /* line 596, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--align-left-xs {
    text-align: left;
  }
  /* line 602, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-tiny-xs {
    font-size: 1.1rem;
    line-height: 1.4rem;
    text-rendering: optimizeLegibility;
  }
  /* line 608, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-small-xs {
    font-size: 1.4rem;
    line-height: 1.8rem;
    text-rendering: optimizeLegibility;
  }
  /* line 614, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-normal-xs {
    font-size: 1.6rem;
    line-height: 2.2rem;
    text-rendering: optimizeSpeed;
  }
  /* line 620, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-large-xs {
    font-size: 1.8rem;
    line-height: 2.6rem;
    text-rendering: optimizeLegibility;
  }
  /* line 626, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-xlarge-xs {
    font-size: 2.2rem;
    line-height: 3.2rem;
    text-rendering: optimizeLegibility;
  }
}

@media (min-width: 768px) {
  /* line 588, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--align-center-sm {
    text-align: center;
  }
  /* line 592, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--align-right-sm {
    text-align: right;
  }
  /* line 596, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--align-left-sm {
    text-align: left;
  }
  /* line 602, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-tiny-sm {
    font-size: 1.1rem;
    line-height: 1.4rem;
    text-rendering: optimizeLegibility;
  }
  /* line 608, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-small-sm {
    font-size: 1.4rem;
    line-height: 1.8rem;
    text-rendering: optimizeLegibility;
  }
  /* line 614, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-normal-sm {
    font-size: 1.6rem;
    line-height: 2.2rem;
    text-rendering: optimizeSpeed;
  }
  /* line 620, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-large-sm {
    font-size: 1.8rem;
    line-height: 2.6rem;
    text-rendering: optimizeLegibility;
  }
  /* line 626, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-xlarge-sm {
    font-size: 2.2rem;
    line-height: 3.2rem;
    text-rendering: optimizeLegibility;
  }
}

@media (min-width: 992px) {
  /* line 588, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--align-center-md {
    text-align: center;
  }
  /* line 592, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--align-right-md {
    text-align: right;
  }
  /* line 596, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--align-left-md {
    text-align: left;
  }
  /* line 602, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-tiny-md {
    font-size: 1.1rem;
    line-height: 1.4rem;
    text-rendering: optimizeLegibility;
  }
  /* line 608, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-small-md {
    font-size: 1.4rem;
    line-height: 1.8rem;
    text-rendering: optimizeLegibility;
  }
  /* line 614, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-normal-md {
    font-size: 1.6rem;
    line-height: 2.2rem;
    text-rendering: optimizeSpeed;
  }
  /* line 620, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-large-md {
    font-size: 1.8rem;
    line-height: 2.6rem;
    text-rendering: optimizeLegibility;
  }
  /* line 626, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-xlarge-md {
    font-size: 2.2rem;
    line-height: 3.2rem;
    text-rendering: optimizeLegibility;
  }
}

@media (min-width: 1200px) {
  /* line 588, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--align-center-lg {
    text-align: center;
  }
  /* line 592, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--align-right-lg {
    text-align: right;
  }
  /* line 596, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--align-left-lg {
    text-align: left;
  }
  /* line 602, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-tiny-lg {
    font-size: 1.1rem;
    line-height: 1.4rem;
    text-rendering: optimizeLegibility;
  }
  /* line 608, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-small-lg {
    font-size: 1.4rem;
    line-height: 1.8rem;
    text-rendering: optimizeLegibility;
  }
  /* line 614, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-normal-lg {
    font-size: 1.6rem;
    line-height: 2.2rem;
    text-rendering: optimizeSpeed;
  }
  /* line 620, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-large-lg {
    font-size: 1.8rem;
    line-height: 2.6rem;
    text-rendering: optimizeLegibility;
  }
  /* line 626, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--size-xlarge-lg {
    font-size: 2.2rem;
    line-height: 3.2rem;
    text-rendering: optimizeLegibility;
  }
}

/* line 652, app/assets/stylesheets/vivid/typography.scss */
.vivid .caption,
.vivid small {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8rem;
  text-rendering: optimizeLegibility;
}

/* line 660, app/assets/stylesheets/vivid/typography.scss */
.vivid small {
  font-size: 0.875em;
  text-rendering: optimizeLegibility;
}

/* line 665, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--normal {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.2rem;
  letter-spacing: auto;
  color: var(--surface-color, #444444);
}

/* line 673, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--responsive {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.2rem;
}

@media (max-width: 767px) {
  /* line 673, app/assets/stylesheets/vivid/typography.scss */
  .vivid .text--responsive {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8rem;
  }
}

/* line 685, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--emphasized {
  color: #1942d8;
}

/* line 689, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--deemphasized, .vivid .fa-waiting {
  opacity: 0.6;
}

/* line 693, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--quiet {
  opacity: 0.35;
}

/* line 697, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--striked {
  text-decoration: line-through;
}

/* line 701, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--strikethrough {
  text-decoration: line-through;
}

/* line 705, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--light-weight {
  font-weight: 300;
}

/* line 709, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--heavy-weight {
  font-weight: 900;
}

/* line 712, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--heavy-weight b, .vivid .text--heavy-weight strong {
  font-weight: 900;
}

/* line 717, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--strong-weight {
  font-weight: 700;
}

/* line 720, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--strong-weight b, .vivid .text--strong-weight strong {
  font-weight: 700;
}

/* line 725, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--status-danger,
.vivid .text--status-error,
.vivid .text--status-blocked,
.vivid .text--status-off {
  color: #ff4431;
}

/* line 732, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--status-important {
  color: #1a3a99;
}

/* line 736, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--status-on,
.vivid .text--status-success {
  color: #00a83a;
}

/* line 741, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--status-allowed,
.vivid .text--status-positive {
  color: #0c9b38;
}

/* line 746, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--status-neutral {
  color: #9d68b8;
}

/* line 750, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--status-negative {
  color: #2a4491;
}

/* line 754, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--status-primary {
  color: #1942d8;
}

/* line 758, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--status-urgent {
  color: #b9008c;
}

/* line 762, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--status-warning {
  color: #f57600;
}

/* line 766, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--status-caution {
  color: #ffdd1f;
}

/* line 770, app/assets/stylesheets/vivid/typography.scss */
.vivid mark,
.vivid .text--status-highlighted {
  background-color: #ffdd1f;
  background-color: mark;
  color: #444444;
  color: marktext;
}

/* line 778, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--machine-id {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 0.95em;
  letter-spacing: 0.5px;
}

/* line 783, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--machine-id span {
  opacity: 0.6;
  font-size: smaller;
}

/* line 789, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--break-word-allowed {
  word-break: break-word;
}

/* line 794, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--url > span:nth-last-child(-n+4) {
  font-weight: 700;
}

/* line 799, app/assets/stylesheets/vivid/typography.scss */
.vivid pre.text--break-word-allowed {
  white-space: pre-wrap;
}

/* line 803, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--wrap.text--wrap {
  white-space: initial;
}

/* line 807, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--nowrap {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 813, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--eyebrow {
  text-transform: uppercase;
  opacity: 0.6;
  letter-spacing: 0.2em;
  margin-bottom: 0;
  font-weight: 900;
}

/* line 821, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--eyebrow-emphasized {
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 700;
  opacity: 1;
}

/* line 828, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--elevation-1 {
  text-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
}

/* line 832, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--elevation-2 {
  text-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
}

/* line 836, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--elevation-4 {
  text-shadow: 0 0.4rem 0.4rem rgba(0, 0, 0, 0.1);
}

/* line 840, app/assets/stylesheets/vivid/typography.scss */
.vivid .help-block,
.vivid .text--help {
  color: inherit;
  opacity: 0.6;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.8rem;
  text-rendering: optimizeLegibility;
}

/* line 849, app/assets/stylesheets/vivid/typography.scss */
.vivid .help-block a,
.vivid .text--help a {
  color: inherit;
  text-decoration: underline;
}

/* line 855, app/assets/stylesheets/vivid/typography.scss */
.vivid .help-block {
  margin-top: 1rem;
  margin-bottom: 0;
}

/* line 860, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--disclaimer, .vivid .text--footnote {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.4rem;
  text-rendering: optimizeLegibility;
}

/* line 866, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--disclaimer a, .vivid .text--footnote a {
  text-decoration: none;
  border-bottom: 0.1rem dotted;
}

/* line 872, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--footnote {
  opacity: 0.6;
  text-rendering: optimizeLegibility;
}

/* line 878, app/assets/stylesheets/vivid/typography.scss */
.vivid .blank-state-block {
  color: rgba(68, 68, 95, 0.6);
  margin-bottom: 0;
  font-style: italic;
}

/* line 883, app/assets/stylesheets/vivid/typography.scss */
.vivid .blank-state-block a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}

/* line 889, app/assets/stylesheets/vivid/typography.scss */
.vivid code,
.vivid pre,
.vivid .text--code,
.vivid .text--formatted {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
  font-size: 0.95em;
}

/* line 896, app/assets/stylesheets/vivid/typography.scss */
.vivid code.text--size-small,
.vivid pre.text--size-small,
.vivid .text--code.text--size-small,
.vivid .text--formatted.text--size-small {
  font-size: 0.75em;
}

/* line 901, app/assets/stylesheets/vivid/typography.scss */
.vivid .text--formatted {
  white-space: pre-wrap;
}

/* line 905, app/assets/stylesheets/vivid/typography.scss */
.vivid .copy-block {
  max-width: 52rem;
  margin-left: auto;
  margin-right: auto;
  text-rendering: optimizeLegibility;
}

/* line 913, app/assets/stylesheets/vivid/typography.scss */
.vivid .copy-block p,
.vivid .copy-block ul,
.vivid .copy-block ol {
  margin-top: 0;
  margin-bottom: 2rem;
}

/* line 919, app/assets/stylesheets/vivid/typography.scss */
.vivid .copy-block p:last-child,
.vivid .copy-block ul:last-child,
.vivid .copy-block ol:last-child {
  margin-bottom: 0;
}

/* line 925, app/assets/stylesheets/vivid/typography.scss */
.vivid .copy-block__lead {
  font-size: 1.25em;
  line-height: 1.375;
}

/* line 930, app/assets/stylesheets/vivid/typography.scss */
.vivid .copy-block--layout-left {
  margin-left: initial;
}

/* line 934, app/assets/stylesheets/vivid/typography.scss */
.vivid .copy-block--layout-right {
  margin-right: initial;
}

/* line 938, app/assets/stylesheets/vivid/typography.scss */
.vivid .marketing-copy-block,
.vivid .copy-block--size-large {
  font-size: 1.8rem;
  line-height: 2.6rem;
}

/* line 943, app/assets/stylesheets/vivid/typography.scss */
.vivid .marketing-copy-block h1,
.vivid .marketing-copy-block h2,
.vivid .marketing-copy-block h3,
.vivid .marketing-copy-block h4,
.vivid .marketing-copy-block h5,
.vivid .marketing-copy-block h6,
.vivid .copy-block--size-large h1,
.vivid .copy-block--size-large h2,
.vivid .copy-block--size-large h3,
.vivid .copy-block--size-large h4,
.vivid .copy-block--size-large h5,
.vivid .copy-block--size-large h6 {
  margin-bottom: 2.6rem;
}

/* line 951, app/assets/stylesheets/vivid/typography.scss */
.vivid .marketing-copy-block h1:last-child,
.vivid .marketing-copy-block h2:last-child,
.vivid .marketing-copy-block h3:last-child,
.vivid .marketing-copy-block h4:last-child,
.vivid .marketing-copy-block h5:last-child,
.vivid .marketing-copy-block h6:last-child,
.vivid .copy-block--size-large h1:last-child,
.vivid .copy-block--size-large h2:last-child,
.vivid .copy-block--size-large h3:last-child,
.vivid .copy-block--size-large h4:last-child,
.vivid .copy-block--size-large h5:last-child,
.vivid .copy-block--size-large h6:last-child {
  margin-bottom: 0;
}

/* line 955, app/assets/stylesheets/vivid/typography.scss */
.vivid .marketing-copy-block h1 + p,
.vivid .marketing-copy-block h2 + p,
.vivid .marketing-copy-block h3 + p,
.vivid .marketing-copy-block h4 + p,
.vivid .marketing-copy-block h5 + p,
.vivid .marketing-copy-block h6 + p,
.vivid .copy-block--size-large h1 + p,
.vivid .copy-block--size-large h2 + p,
.vivid .copy-block--size-large h3 + p,
.vivid .copy-block--size-large h4 + p,
.vivid .copy-block--size-large h5 + p,
.vivid .copy-block--size-large h6 + p {
  margin-top: -1.3rem;
}

/* line 960, app/assets/stylesheets/vivid/typography.scss */
.vivid .marketing-copy-block .subheading,
.vivid .copy-block--size-large .subheading {
  margin-top: -1.3rem;
}

/* line 964, app/assets/stylesheets/vivid/typography.scss */
.vivid .marketing-copy-block p,
.vivid .marketing-copy-block ul,
.vivid .marketing-copy-block ol,
.vivid .copy-block--size-large p,
.vivid .copy-block--size-large ul,
.vivid .copy-block--size-large ol {
  margin: 0 0 2.6rem;
}

/* line 969, app/assets/stylesheets/vivid/typography.scss */
.vivid .marketing-copy-block p:last-child,
.vivid .marketing-copy-block ul:last-child,
.vivid .marketing-copy-block ol:last-child,
.vivid .copy-block--size-large p:last-child,
.vivid .copy-block--size-large ul:last-child,
.vivid .copy-block--size-large ol:last-child {
  margin-bottom: 0;
}

/* line 973, app/assets/stylesheets/vivid/typography.scss */
.vivid .marketing-copy-block p + h1,
.vivid .marketing-copy-block p + h2,
.vivid .marketing-copy-block p + h3,
.vivid .marketing-copy-block p + h4,
.vivid .marketing-copy-block p + h5,
.vivid .marketing-copy-block p + h6,
.vivid .marketing-copy-block ul + h1,
.vivid .marketing-copy-block ul + h2,
.vivid .marketing-copy-block ul + h3,
.vivid .marketing-copy-block ul + h4,
.vivid .marketing-copy-block ul + h5,
.vivid .marketing-copy-block ul + h6,
.vivid .marketing-copy-block ol + h1,
.vivid .marketing-copy-block ol + h2,
.vivid .marketing-copy-block ol + h3,
.vivid .marketing-copy-block ol + h4,
.vivid .marketing-copy-block ol + h5,
.vivid .marketing-copy-block ol + h6,
.vivid .copy-block--size-large p + h1,
.vivid .copy-block--size-large p + h2,
.vivid .copy-block--size-large p + h3,
.vivid .copy-block--size-large p + h4,
.vivid .copy-block--size-large p + h5,
.vivid .copy-block--size-large p + h6,
.vivid .copy-block--size-large ul + h1,
.vivid .copy-block--size-large ul + h2,
.vivid .copy-block--size-large ul + h3,
.vivid .copy-block--size-large ul + h4,
.vivid .copy-block--size-large ul + h5,
.vivid .copy-block--size-large ul + h6,
.vivid .copy-block--size-large ol + h1,
.vivid .copy-block--size-large ol + h2,
.vivid .copy-block--size-large ol + h3,
.vivid .copy-block--size-large ol + h4,
.vivid .copy-block--size-large ol + h5,
.vivid .copy-block--size-large ol + h6 {
  margin-top: 3.9rem;
}

/* line 984, app/assets/stylesheets/vivid/typography.scss */
.vivid .marketing-copy-block__lead {
  font-size: 1.25em;
  line-height: 1.375;
}

/* line 989, app/assets/stylesheets/vivid/typography.scss */
.vivid blockquote {
  padding: 2rem 3rem;
  border-left: 0.5rem solid rgba(68, 68, 68, 0.1);
  margin: 0 2rem;
}

/* line 996, app/assets/stylesheets/vivid/typography.scss */
.native .list-header--sticky {
  top: 0;
}

/* line 183, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.2rem;
  font-style: normal;
  border-radius: 0;
  text-align: left;
  text-shadow: none;
  page-break-inside: avoid;
}

/* line 194, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--elevation-1 {
  box-shadow: 0 0.2rem 0.1rem -0.1rem rgba(var(--shadow-color, 0, 0, 0), 0.1), 0 0.1rem 0.1rem 0 rgba(var(--shadow-color, 0, 0, 0), 0.07), 0 0.1rem 0.3rem 0 rgba(var(--shadow-color, 0, 0, 0), 0.06);
}

/* line 201, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--elevation--1 {
  box-shadow: inset 0 0.2rem 0.1rem -0.1rem rgba(var(--shadow-color, 0, 0, 0), 0.01), inset 0 0.1rem 0.1rem 0 rgba(var(--shadow-color, 0, 0, 0), 0.05), inset 0 0.1rem 0.3rem 0 rgba(var(--shadow-color, 0, 0, 0), 0.04);
}

/* line 209, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--elevation-2, .vivid .captured-screen__header__container.sticky-top--stuck, .vivid .surface--stickable.sticky-top--stuck {
  box-shadow: 0 0.3rem 0.1rem -0.2rem rgba(var(--shadow-color, 0, 0, 0), 0.1), 0 0.2rem 0.2rem 0 rgba(var(--shadow-color, 0, 0, 0), 0.07), 0 0.1rem 0.5rem 0 rgba(var(--shadow-color, 0, 0, 0), 0.06);
}

/* line 216, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--elevation--2, .vivid .well {
  box-shadow: inset 0 0.3rem 0.1rem -0.2rem rgba(var(--shadow-color, 0, 0, 0), 0.01), inset 0 0.2rem 0.2rem 0 rgba(var(--shadow-color, 0, 0, 0), 0.05), inset 0 0.1rem 0.5rem 0 rgba(var(--shadow-color, 0, 0, 0), 0.04);
}

/* line 224, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--elevation-4 {
  box-shadow: 0 0.2rem 0.4rem -0.1rem rgba(var(--shadow-color, 0, 0, 0), 0.1), 0 0.4rem 0.5rem 0 rgba(var(--shadow-color, 0, 0, 0), 0.07), 0 0.1rem 1rem 0 rgba(var(--shadow-color, 0, 0, 0), 0.06);
}

/* line 231, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--elevation-8, .vivid .bootstrap-datetimepicker-widget {
  box-shadow: 0 0.5rem 0.5rem -0.3rem rgba(var(--shadow-color, 0, 0, 0), 0.1), 0 0.8rem 1rem 0.1rem rgba(var(--shadow-color, 0, 0, 0), 0.07), 0 0.3rem 1.4rem 0.2rem rgba(var(--shadow-color, 0, 0, 0), 0.06);
}

/* line 240, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--elevation-12 {
  box-shadow: 0 0.7rem 0.8rem -0.4rem rgba(var(--shadow-color, 0, 0, 0), 0.1), 0 1.2rem 1.7rem 0.2rem rgba(var(--shadow-color, 0, 0, 0), 0.07), 0 0.5rem 2.2rem 0.4rem rgba(var(--shadow-color, 0, 0, 0), 0.06);
}

/* line 249, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--elevation-16 {
  box-shadow: 0rem 0.8rem 1rem -0.5rem rgba(var(--shadow-color, 0, 0, 0), 0.1), 0rem 1.6rem 2.4rem 0.2rem rgba(var(--shadow-color, 0, 0, 0), 0.07), 0rem 0.6rem 3rem 0.5rem rgba(var(--shadow-color, 0, 0, 0), 0.06);
}

/* line 259, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--elevation-24 {
  box-shadow: 0rem 1.1rem 1.5rem -0.7rem rgba(var(--shadow-color, 0, 0, 0), 0.1), 0rem 2.4rem 3.8rem 0.3rem rgba(var(--shadow-color, 0, 0, 0), 0.07), 0rem 0.9rem 4.6rem 0.8rem rgba(var(--shadow-color, 0, 0, 0), 0.06);
}

/* line 275, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-default {
  --surface-bg-color: #fff;
  --surface-color: #444444;
  --surface-header-color: ;
  --surface-link-color: ;
  --surface-trim-color: #e3e3e3;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #444444;
  --surface-container-outline-color: rgba(68, 68, 68, 0.15);
  --surface-contrast-color: #444444;
  --surface-glass-color: rgba(94, 106, 141, 0.08);
  --surface-sticky-overlay-color: rgba(255, 255, 255, 0.85);
  --surface-control-color: #f9f9f9;
  --surface-stripe-color: #f9f9f9;
  --surface-tool-color: #d0d0d0;
  background-color: #fff;
  border-color: #fff;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-default,
.vivid .surface--color-default .surface__text.surface__text {
  color: var(--surface-color, #444444);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-default.surface__background-element {
  color: #fff;
  fill: #fff;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-default .surface__trim-element {
  color: var(--surface-trim-color, #e3e3e3);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-default.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #e3e3e3;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-default.surface--outlined {
  border-color: var(--surface-outline-color, #444444);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-default.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(68, 68, 68, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-default.surface--trimmed {
  border-color: var(--surface-trim-color, #e3e3e3);
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-default.surface--color-soft {
  --surface-bg-color: white;
  --surface-color: #1e1e1e;
  --surface-header-color: ;
  --surface-link-color: inherit;
  --surface-trim-color: #bfbfbf;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #bfbfbf;
  --surface-container-outline-color: rgba(191, 191, 191, 0.35);
  --surface-contrast-color: #444444;
  --surface-tool-color: #c7c7c7;
  background-color: white;
  border-color: white;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-default.surface--color-soft,
.vivid .surface--color-default.surface--color-soft .surface__text.surface__text {
  color: #1e1e1e;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-default.surface--color-soft.surface__background-element {
  background-color: white;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-default.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #bfbfbf);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-default.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #bfbfbf;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-default.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #bfbfbf);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-default.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(191, 191, 191, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-default.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #bfbfbf);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-default.surface--color-soft a.anchor--surface,
.vivid .surface--color-default.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 287, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-canvas {
  --surface-bg-color: #f3f4f7;
  --surface-color: #444444;
  --surface-header-color: ;
  --surface-link-color: ;
  --surface-trim-color: #abb1c5;
  --surface-trim-text-color: #444444;
  --surface-outline-color: #444444;
  --surface-container-outline-color: rgba(68, 68, 68, 0.15);
  --surface-contrast-color: #444444;
  --surface-glass-color: rgba(68, 68, 68, 0.15);
  --surface-sticky-overlay-color: rgba(243, 244, 247, 0.85);
  --surface-control-color: #ecedf2;
  --surface-stripe-color: #ecedf2;
  --surface-tool-color: #c7c8ca;
  background-color: #f3f4f7;
  border-color: #f3f4f7;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-canvas,
.vivid .surface--color-canvas .surface__text.surface__text {
  color: var(--surface-color, #444444);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-canvas.surface__background-element {
  color: #f3f4f7;
  fill: #f3f4f7;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-canvas .surface__trim-element {
  color: var(--surface-trim-color, #abb1c5);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-canvas.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #abb1c5;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-canvas.surface--outlined {
  border-color: var(--surface-outline-color, #444444);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-canvas.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(68, 68, 68, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-canvas.surface--trimmed {
  border-color: var(--surface-trim-color, #abb1c5);
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-canvas.surface--color-soft {
  --surface-bg-color: #f9fafb;
  --surface-color: #1e1e1e;
  --surface-header-color: ;
  --surface-link-color: inherit;
  --surface-trim-color: #afbcc8;
  --surface-trim-text-color: #444444;
  --surface-outline-color: #afbcc8;
  --surface-container-outline-color: rgba(175, 188, 200, 0.35);
  --surface-contrast-color: #f3f4f7;
  --surface-tool-color: #c2c3c4;
  background-color: #f9fafb;
  border-color: #f9fafb;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-canvas.surface--color-soft,
.vivid .surface--color-canvas.surface--color-soft .surface__text.surface__text {
  color: #1e1e1e;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-canvas.surface--color-soft.surface__background-element {
  background-color: #f9fafb;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-canvas.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #afbcc8);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-canvas.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #afbcc8;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-canvas.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #afbcc8);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-canvas.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(175, 188, 200, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-canvas.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #afbcc8);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-canvas.surface--color-soft a.anchor--surface,
.vivid .surface--color-canvas.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 295, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-deemphasized,
.vivid .surface--color-grey {
  --surface-bg-color: #f9f9fb;
  --surface-color: #444444;
  --surface-header-color: ;
  --surface-link-color: ;
  --surface-trim-color: #afafc8;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #444444;
  --surface-container-outline-color: rgba(68, 68, 68, 0.15);
  --surface-contrast-color: #444444;
  --surface-glass-color: rgba(68, 68, 68, 0.15);
  --surface-sticky-overlay-color: rgba(249, 249, 251, 0.85);
  --surface-control-color: #eeeff3;
  --surface-stripe-color: #eeeff3;
  --surface-tool-color: #cccccd;
  background-color: #f9f9fb;
  border-color: #f9f9fb;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-deemphasized,
.vivid .surface--color-deemphasized .surface__text.surface__text,
.vivid .surface--color-grey,
.vivid .surface--color-grey .surface__text.surface__text {
  color: var(--surface-color, #444444);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-deemphasized.surface__background-element,
.vivid .surface--color-grey.surface__background-element {
  color: #f9f9fb;
  fill: #f9f9fb;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-deemphasized .surface__trim-element,
.vivid .surface--color-grey .surface__trim-element {
  color: var(--surface-trim-color, #afafc8);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-deemphasized.surface--focusable:focus,
.vivid .surface--color-grey.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #afafc8;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-deemphasized.surface--outlined,
.vivid .surface--color-grey.surface--outlined {
  border-color: var(--surface-outline-color, #444444);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-deemphasized.surface--container-outlined,
.vivid .surface--color-grey.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(68, 68, 68, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-deemphasized.surface--trimmed,
.vivid .surface--color-grey.surface--trimmed {
  border-color: var(--surface-trim-color, #afafc8);
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-deemphasized.surface--color-soft,
.vivid .surface--color-grey.surface--color-soft {
  --surface-bg-color: #f3f4f7;
  --surface-color: #1e1e1e;
  --surface-header-color: ;
  --surface-link-color: inherit;
  --surface-trim-color: #abb1c5;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #abb1c5;
  --surface-container-outline-color: rgba(171, 177, 197, 0.35);
  --surface-contrast-color: #444444;
  --surface-tool-color: #bebfc1;
  background-color: #f3f4f7;
  border-color: #f3f4f7;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-deemphasized.surface--color-soft,
.vivid .surface--color-deemphasized.surface--color-soft .surface__text.surface__text,
.vivid .surface--color-grey.surface--color-soft,
.vivid .surface--color-grey.surface--color-soft .surface__text.surface__text {
  color: #1e1e1e;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-deemphasized.surface--color-soft.surface__background-element,
.vivid .surface--color-grey.surface--color-soft.surface__background-element {
  background-color: #f3f4f7;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-deemphasized.surface--color-soft .surface__trim-element,
.vivid .surface--color-grey.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #abb1c5);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-deemphasized.surface--color-soft.surface--focusable:focus,
.vivid .surface--color-grey.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #abb1c5;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-deemphasized.surface--color-soft.surface--outlined,
.vivid .surface--color-grey.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #abb1c5);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-deemphasized.surface--color-soft.surface--container-outlined,
.vivid .surface--color-grey.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(171, 177, 197, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-deemphasized.surface--color-soft.surface--trimmed,
.vivid .surface--color-grey.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #abb1c5);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-deemphasized.surface--color-soft a.anchor--surface,
.vivid .surface--color-deemphasized.surface--color-soft a.anchor--surface:visited,
.vivid .surface--color-grey.surface--color-soft a.anchor--surface,
.vivid .surface--color-grey.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 308, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-success {
  --surface-bg-color: #58ff92;
  --surface-color: #000;
  --surface-header-color: ;
  --surface-link-color: ;
  --surface-trim-color: #0ff25e;
  --surface-trim-text-color: #000;
  --surface-outline-color: #444444;
  --surface-container-outline-color: rgba(68, 68, 68, 0.15);
  --surface-contrast-color: #444444;
  --surface-glass-color: rgba(0, 0, 0, 0.15);
  --surface-sticky-overlay-color: rgba(88, 255, 146, 0.85);
  --surface-control-color: #51fe8d;
  --surface-stripe-color: #51fe8d;
  --surface-tool-color: #42bf6e;
  background-color: #58ff92;
  border-color: #58ff92;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-success,
.vivid .surface--color-success .surface__text.surface__text {
  color: var(--surface-color, #000);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-success.surface__background-element {
  color: #58ff92;
  fill: #58ff92;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-success .surface__trim-element {
  color: var(--surface-trim-color, #0ff25e);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-success.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #0ff25e;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-success.surface--outlined {
  border-color: var(--surface-outline-color, #444444);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-success.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(68, 68, 68, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-success.surface--trimmed {
  border-color: var(--surface-trim-color, #0ff25e);
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-success.surface--color-soft {
  --surface-bg-color: #eefff4;
  --surface-color: #1e1e1e;
  --surface-header-color: ;
  --surface-link-color: inherit;
  --surface-trim-color: #7af8a6;
  --surface-trim-text-color: #000;
  --surface-outline-color: #7af8a6;
  --surface-container-outline-color: rgba(122, 248, 166, 0.35);
  --surface-contrast-color: #444444;
  --surface-tool-color: #bac7bf;
  background-color: #eefff4;
  border-color: #eefff4;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-success.surface--color-soft,
.vivid .surface--color-success.surface--color-soft .surface__text.surface__text {
  color: #1e1e1e;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-success.surface--color-soft.surface__background-element {
  background-color: #eefff4;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-success.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #7af8a6);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-success.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #7af8a6;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-success.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #7af8a6);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-success.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(122, 248, 166, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-success.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #7af8a6);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-success.surface--color-soft a.anchor--surface,
.vivid .surface--color-success.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 317, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-on,
.vivid .surface--color-positive,
.vivid .surface--color-allowed,
.vivid .surface--color-green {
  --surface-bg-color: #3add6c;
  --surface-color: #000;
  --surface-header-color: inherit;
  --surface-link-color: ;
  --surface-trim-color: #26ab4f;
  --surface-trim-text-color: #000;
  --surface-outline-color: #000;
  --surface-container-outline-color: rgba(0, 0, 0, 0.15);
  --surface-contrast-color: #000;
  --surface-glass-color: rgba(0, 0, 0, 0.15);
  --surface-sticky-overlay-color: rgba(58, 221, 108, 0.85);
  --surface-control-color: #38d869;
  --surface-stripe-color: #38d869;
  --surface-tool-color: #2ca651;
  background-color: #3add6c;
  border-color: #3add6c;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-on,
.vivid .surface--color-on .surface__text.surface__text,
.vivid .surface--color-positive,
.vivid .surface--color-positive .surface__text.surface__text,
.vivid .surface--color-allowed,
.vivid .surface--color-allowed .surface__text.surface__text,
.vivid .surface--color-green,
.vivid .surface--color-green .surface__text.surface__text {
  color: var(--surface-color, #000);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-on.surface__background-element,
.vivid .surface--color-positive.surface__background-element,
.vivid .surface--color-allowed.surface__background-element,
.vivid .surface--color-green.surface__background-element {
  color: #3add6c;
  fill: #3add6c;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-on .surface__trim-element,
.vivid .surface--color-positive .surface__trim-element,
.vivid .surface--color-allowed .surface__trim-element,
.vivid .surface--color-green .surface__trim-element {
  color: var(--surface-trim-color, #26ab4f);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-on.surface--focusable:focus,
.vivid .surface--color-positive.surface--focusable:focus,
.vivid .surface--color-allowed.surface--focusable:focus,
.vivid .surface--color-green.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #26ab4f;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-on.surface--outlined,
.vivid .surface--color-positive.surface--outlined,
.vivid .surface--color-allowed.surface--outlined,
.vivid .surface--color-green.surface--outlined {
  border-color: var(--surface-outline-color, #000);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-on.surface--container-outlined,
.vivid .surface--color-positive.surface--container-outlined,
.vivid .surface--color-allowed.surface--container-outlined,
.vivid .surface--color-green.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(0, 0, 0, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-on.surface--trimmed,
.vivid .surface--color-positive.surface--trimmed,
.vivid .surface--color-allowed.surface--trimmed,
.vivid .surface--color-green.surface--trimmed {
  border-color: var(--surface-trim-color, #26ab4f);
}

/* line 79, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-on h1,
.vivid .surface--color-on .h1,
.vivid .surface--color-on h2,
.vivid .surface--color-on .h2,
.vivid .surface--color-on h3,
.vivid .surface--color-on .h3,
.vivid .surface--color-on h4,
.vivid .surface--color-on .h4,
.vivid .surface--color-on h5,
.vivid .surface--color-on .h5,
.vivid .surface--color-on h6,
.vivid .surface--color-on .h6,
.vivid .surface--color-positive h1,
.vivid .surface--color-positive .h1,
.vivid .surface--color-positive h2,
.vivid .surface--color-positive .h2,
.vivid .surface--color-positive h3,
.vivid .surface--color-positive .h3,
.vivid .surface--color-positive h4,
.vivid .surface--color-positive .h4,
.vivid .surface--color-positive h5,
.vivid .surface--color-positive .h5,
.vivid .surface--color-positive h6,
.vivid .surface--color-positive .h6,
.vivid .surface--color-allowed h1,
.vivid .surface--color-allowed .h1,
.vivid .surface--color-allowed h2,
.vivid .surface--color-allowed .h2,
.vivid .surface--color-allowed h3,
.vivid .surface--color-allowed .h3,
.vivid .surface--color-allowed h4,
.vivid .surface--color-allowed .h4,
.vivid .surface--color-allowed h5,
.vivid .surface--color-allowed .h5,
.vivid .surface--color-allowed h6,
.vivid .surface--color-allowed .h6,
.vivid .surface--color-green h1,
.vivid .surface--color-green .h1,
.vivid .surface--color-green h2,
.vivid .surface--color-green .h2,
.vivid .surface--color-green h3,
.vivid .surface--color-green .h3,
.vivid .surface--color-green h4,
.vivid .surface--color-green .h4,
.vivid .surface--color-green h5,
.vivid .surface--color-green .h5,
.vivid .surface--color-green h6,
.vivid .surface--color-green .h6 {
  color: inherit;
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-on.surface--color-soft,
.vivid .surface--color-positive.surface--color-soft,
.vivid .surface--color-allowed.surface--color-soft,
.vivid .surface--color-green.surface--color-soft {
  --surface-bg-color: #ebfcf0;
  --surface-color: #1e1e1e;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #86e7a3;
  --surface-trim-text-color: #000;
  --surface-outline-color: #86e7a3;
  --surface-container-outline-color: rgba(134, 231, 163, 0.35);
  --surface-contrast-color: #3add6c;
  --surface-tool-color: #b8c5bc;
  background-color: #ebfcf0;
  border-color: #ebfcf0;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-on.surface--color-soft,
.vivid .surface--color-on.surface--color-soft .surface__text.surface__text,
.vivid .surface--color-positive.surface--color-soft,
.vivid .surface--color-positive.surface--color-soft .surface__text.surface__text,
.vivid .surface--color-allowed.surface--color-soft,
.vivid .surface--color-allowed.surface--color-soft .surface__text.surface__text,
.vivid .surface--color-green.surface--color-soft,
.vivid .surface--color-green.surface--color-soft .surface__text.surface__text {
  color: #1e1e1e;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-on.surface--color-soft.surface__background-element,
.vivid .surface--color-positive.surface--color-soft.surface__background-element,
.vivid .surface--color-allowed.surface--color-soft.surface__background-element,
.vivid .surface--color-green.surface--color-soft.surface__background-element {
  background-color: #ebfcf0;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-on.surface--color-soft .surface__trim-element,
.vivid .surface--color-positive.surface--color-soft .surface__trim-element,
.vivid .surface--color-allowed.surface--color-soft .surface__trim-element,
.vivid .surface--color-green.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #86e7a3);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-on.surface--color-soft.surface--focusable:focus,
.vivid .surface--color-positive.surface--color-soft.surface--focusable:focus,
.vivid .surface--color-allowed.surface--color-soft.surface--focusable:focus,
.vivid .surface--color-green.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #86e7a3;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-on.surface--color-soft.surface--outlined,
.vivid .surface--color-positive.surface--color-soft.surface--outlined,
.vivid .surface--color-allowed.surface--color-soft.surface--outlined,
.vivid .surface--color-green.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #86e7a3);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-on.surface--color-soft.surface--container-outlined,
.vivid .surface--color-positive.surface--color-soft.surface--container-outlined,
.vivid .surface--color-allowed.surface--color-soft.surface--container-outlined,
.vivid .surface--color-green.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(134, 231, 163, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-on.surface--color-soft.surface--trimmed,
.vivid .surface--color-positive.surface--color-soft.surface--trimmed,
.vivid .surface--color-allowed.surface--color-soft.surface--trimmed,
.vivid .surface--color-green.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #86e7a3);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-on.surface--color-soft a.anchor--surface,
.vivid .surface--color-on.surface--color-soft a.anchor--surface:visited,
.vivid .surface--color-positive.surface--color-soft a.anchor--surface,
.vivid .surface--color-positive.surface--color-soft a.anchor--surface:visited,
.vivid .surface--color-allowed.surface--color-soft a.anchor--surface,
.vivid .surface--color-allowed.surface--color-soft a.anchor--surface:visited,
.vivid .surface--color-green.surface--color-soft a.anchor--surface,
.vivid .surface--color-green.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 324, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off,
.vivid .surface--color-danger,
.vivid .surface--color-blocked,
.vivid .surface--color-red {
  --surface-bg-color: #ff4431;
  --surface-color: #fff;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #d91e0b;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #fff;
  --surface-container-outline-color: rgba(255, 255, 255, 0.15);
  --surface-contrast-color: #fff;
  --surface-glass-color: rgba(255, 255, 255, 0.15);
  --surface-sticky-overlay-color: rgba(255, 68, 49, 0.85);
  --surface-control-color: #fb402d;
  --surface-stripe-color: #fb402d;
  --surface-tool-color: #ff7365;
  background-color: #ff4431;
  border-color: #ff4431;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off,
.vivid .surface--color-off .surface__text.surface__text,
.vivid .surface--color-danger,
.vivid .surface--color-danger .surface__text.surface__text,
.vivid .surface--color-blocked,
.vivid .surface--color-blocked .surface__text.surface__text,
.vivid .surface--color-red,
.vivid .surface--color-red .surface__text.surface__text {
  color: var(--surface-color, #fff);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off.surface__background-element,
.vivid .surface--color-danger.surface__background-element,
.vivid .surface--color-blocked.surface__background-element,
.vivid .surface--color-red.surface__background-element {
  color: #ff4431;
  fill: #ff4431;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off .surface__trim-element,
.vivid .surface--color-danger .surface__trim-element,
.vivid .surface--color-blocked .surface__trim-element,
.vivid .surface--color-red .surface__trim-element {
  color: var(--surface-trim-color, #d91e0b);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off.surface--focusable:focus,
.vivid .surface--color-danger.surface--focusable:focus,
.vivid .surface--color-blocked.surface--focusable:focus,
.vivid .surface--color-red.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #d91e0b;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off.surface--outlined,
.vivid .surface--color-danger.surface--outlined,
.vivid .surface--color-blocked.surface--outlined,
.vivid .surface--color-red.surface--outlined {
  border-color: var(--surface-outline-color, #fff);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off.surface--container-outlined,
.vivid .surface--color-danger.surface--container-outlined,
.vivid .surface--color-blocked.surface--container-outlined,
.vivid .surface--color-red.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(255, 255, 255, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off.surface--trimmed,
.vivid .surface--color-danger.surface--trimmed,
.vivid .surface--color-blocked.surface--trimmed,
.vivid .surface--color-red.surface--trimmed {
  border-color: var(--surface-trim-color, #d91e0b);
}

/* line 79, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off h1,
.vivid .surface--color-off .h1,
.vivid .surface--color-off h2,
.vivid .surface--color-off .h2,
.vivid .surface--color-off h3,
.vivid .surface--color-off .h3,
.vivid .surface--color-off h4,
.vivid .surface--color-off .h4,
.vivid .surface--color-off h5,
.vivid .surface--color-off .h5,
.vivid .surface--color-off h6,
.vivid .surface--color-off .h6,
.vivid .surface--color-danger h1,
.vivid .surface--color-danger .h1,
.vivid .surface--color-danger h2,
.vivid .surface--color-danger .h2,
.vivid .surface--color-danger h3,
.vivid .surface--color-danger .h3,
.vivid .surface--color-danger h4,
.vivid .surface--color-danger .h4,
.vivid .surface--color-danger h5,
.vivid .surface--color-danger .h5,
.vivid .surface--color-danger h6,
.vivid .surface--color-danger .h6,
.vivid .surface--color-blocked h1,
.vivid .surface--color-blocked .h1,
.vivid .surface--color-blocked h2,
.vivid .surface--color-blocked .h2,
.vivid .surface--color-blocked h3,
.vivid .surface--color-blocked .h3,
.vivid .surface--color-blocked h4,
.vivid .surface--color-blocked .h4,
.vivid .surface--color-blocked h5,
.vivid .surface--color-blocked .h5,
.vivid .surface--color-blocked h6,
.vivid .surface--color-blocked .h6,
.vivid .surface--color-red h1,
.vivid .surface--color-red .h1,
.vivid .surface--color-red h2,
.vivid .surface--color-red .h2,
.vivid .surface--color-red h3,
.vivid .surface--color-red .h3,
.vivid .surface--color-red h4,
.vivid .surface--color-red .h4,
.vivid .surface--color-red h5,
.vivid .surface--color-red .h5,
.vivid .surface--color-red h6,
.vivid .surface--color-red .h6 {
  color: inherit;
}

/* line 97, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off a.anchor--surface,
.vivid .surface--color-off a.anchor--surface:visited,
.vivid .surface--color-danger a.anchor--surface,
.vivid .surface--color-danger a.anchor--surface:visited,
.vivid .surface--color-blocked a.anchor--surface,
.vivid .surface--color-blocked a.anchor--surface:visited,
.vivid .surface--color-red a.anchor--surface,
.vivid .surface--color-red a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 109, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off .surface--with-surface-links a,
.vivid .surface--color-off .surface--with-surface-links a:visited,
.vivid .surface--color-danger .surface--with-surface-links a,
.vivid .surface--color-danger .surface--with-surface-links a:visited,
.vivid .surface--color-blocked .surface--with-surface-links a,
.vivid .surface--color-blocked .surface--with-surface-links a:visited,
.vivid .surface--color-red .surface--with-surface-links a,
.vivid .surface--color-red .surface--with-surface-links a:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off.surface--color-soft,
.vivid .surface--color-danger.surface--color-soft,
.vivid .surface--color-blocked.surface--color-soft,
.vivid .surface--color-red.surface--color-soft {
  --surface-bg-color: #ffecea;
  --surface-color: #1e1e1e;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #f88377;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #f88377;
  --surface-container-outline-color: rgba(248, 131, 119, 0.35);
  --surface-contrast-color: #ff4431;
  --surface-tool-color: #c7b9b7;
  background-color: #ffecea;
  border-color: #ffecea;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off.surface--color-soft,
.vivid .surface--color-off.surface--color-soft .surface__text.surface__text,
.vivid .surface--color-danger.surface--color-soft,
.vivid .surface--color-danger.surface--color-soft .surface__text.surface__text,
.vivid .surface--color-blocked.surface--color-soft,
.vivid .surface--color-blocked.surface--color-soft .surface__text.surface__text,
.vivid .surface--color-red.surface--color-soft,
.vivid .surface--color-red.surface--color-soft .surface__text.surface__text {
  color: #1e1e1e;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off.surface--color-soft.surface__background-element,
.vivid .surface--color-danger.surface--color-soft.surface__background-element,
.vivid .surface--color-blocked.surface--color-soft.surface__background-element,
.vivid .surface--color-red.surface--color-soft.surface__background-element {
  background-color: #ffecea;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off.surface--color-soft .surface__trim-element,
.vivid .surface--color-danger.surface--color-soft .surface__trim-element,
.vivid .surface--color-blocked.surface--color-soft .surface__trim-element,
.vivid .surface--color-red.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #f88377);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off.surface--color-soft.surface--focusable:focus,
.vivid .surface--color-danger.surface--color-soft.surface--focusable:focus,
.vivid .surface--color-blocked.surface--color-soft.surface--focusable:focus,
.vivid .surface--color-red.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #f88377;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off.surface--color-soft.surface--outlined,
.vivid .surface--color-danger.surface--color-soft.surface--outlined,
.vivid .surface--color-blocked.surface--color-soft.surface--outlined,
.vivid .surface--color-red.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #f88377);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off.surface--color-soft.surface--container-outlined,
.vivid .surface--color-danger.surface--color-soft.surface--container-outlined,
.vivid .surface--color-blocked.surface--color-soft.surface--container-outlined,
.vivid .surface--color-red.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(248, 131, 119, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off.surface--color-soft.surface--trimmed,
.vivid .surface--color-danger.surface--color-soft.surface--trimmed,
.vivid .surface--color-blocked.surface--color-soft.surface--trimmed,
.vivid .surface--color-red.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #f88377);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-off.surface--color-soft a.anchor--surface,
.vivid .surface--color-off.surface--color-soft a.anchor--surface:visited,
.vivid .surface--color-danger.surface--color-soft a.anchor--surface,
.vivid .surface--color-danger.surface--color-soft a.anchor--surface:visited,
.vivid .surface--color-blocked.surface--color-soft a.anchor--surface,
.vivid .surface--color-blocked.surface--color-soft a.anchor--surface:visited,
.vivid .surface--color-red.surface--color-soft a.anchor--surface,
.vivid .surface--color-red.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 337, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative {
  --surface-bg-color: #2a4491;
  --surface-color: #fff;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #233569;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #fff;
  --surface-container-outline-color: rgba(255, 255, 255, 0.15);
  --surface-contrast-color: #fff;
  --surface-glass-color: rgba(255, 255, 255, 0.15);
  --surface-sticky-overlay-color: rgba(42, 68, 145, 0.85);
  --surface-control-color: #29428d;
  --surface-stripe-color: #29428d;
  --surface-tool-color: #5f73ad;
  background-color: #2a4491;
  border-color: #2a4491;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative,
.vivid .surface--color-negative .surface__text.surface__text {
  color: var(--surface-color, #fff);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative.surface__background-element {
  color: #2a4491;
  fill: #2a4491;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative .surface__trim-element {
  color: var(--surface-trim-color, #233569);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #233569;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative.surface--outlined {
  border-color: var(--surface-outline-color, #fff);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(255, 255, 255, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative.surface--trimmed {
  border-color: var(--surface-trim-color, #233569);
}

/* line 79, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative h1,
.vivid .surface--color-negative .h1,
.vivid .surface--color-negative h2,
.vivid .surface--color-negative .h2,
.vivid .surface--color-negative h3,
.vivid .surface--color-negative .h3,
.vivid .surface--color-negative h4,
.vivid .surface--color-negative .h4,
.vivid .surface--color-negative h5,
.vivid .surface--color-negative .h5,
.vivid .surface--color-negative h6,
.vivid .surface--color-negative .h6 {
  color: inherit;
}

/* line 97, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative a.anchor--surface,
.vivid .surface--color-negative a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 109, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative .surface--with-surface-links a,
.vivid .surface--color-negative .surface--with-surface-links a:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative.surface--color-soft {
  --surface-bg-color: #eaecf4;
  --surface-color: #1e1e1e;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #9ea6c9;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #9ea6c9;
  --surface-container-outline-color: rgba(158, 166, 201, 0.35);
  --surface-contrast-color: #2a4491;
  --surface-tool-color: #b7b9bf;
  background-color: #eaecf4;
  border-color: #eaecf4;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative.surface--color-soft,
.vivid .surface--color-negative.surface--color-soft .surface__text.surface__text {
  color: #1e1e1e;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative.surface--color-soft.surface__background-element {
  background-color: #eaecf4;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #9ea6c9);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #9ea6c9;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #9ea6c9);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(158, 166, 201, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #9ea6c9);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-negative.surface--color-soft a.anchor--surface,
.vivid .surface--color-negative.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 346, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral,
.vivid .surface--color-purple {
  --surface-bg-color: #9d68b8;
  --surface-color: #fff;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #77498f;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #fff;
  --surface-container-outline-color: rgba(255, 255, 255, 0.15);
  --surface-contrast-color: #fff;
  --surface-glass-color: rgba(255, 255, 255, 0.15);
  --surface-sticky-overlay-color: rgba(157, 104, 184, 0.85);
  --surface-control-color: #9965b4;
  --surface-stripe-color: #9965b4;
  --surface-tool-color: #b68eca;
  background-color: #9d68b8;
  border-color: #9d68b8;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral,
.vivid .surface--color-neutral .surface__text.surface__text,
.vivid .surface--color-purple,
.vivid .surface--color-purple .surface__text.surface__text {
  color: var(--surface-color, #fff);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral.surface__background-element,
.vivid .surface--color-purple.surface__background-element {
  color: #9d68b8;
  fill: #9d68b8;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral .surface__trim-element,
.vivid .surface--color-purple .surface__trim-element {
  color: var(--surface-trim-color, #77498f);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral.surface--focusable:focus,
.vivid .surface--color-purple.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #77498f;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral.surface--outlined,
.vivid .surface--color-purple.surface--outlined {
  border-color: var(--surface-outline-color, #fff);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral.surface--container-outlined,
.vivid .surface--color-purple.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(255, 255, 255, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral.surface--trimmed,
.vivid .surface--color-purple.surface--trimmed {
  border-color: var(--surface-trim-color, #77498f);
}

/* line 79, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral h1,
.vivid .surface--color-neutral .h1,
.vivid .surface--color-neutral h2,
.vivid .surface--color-neutral .h2,
.vivid .surface--color-neutral h3,
.vivid .surface--color-neutral .h3,
.vivid .surface--color-neutral h4,
.vivid .surface--color-neutral .h4,
.vivid .surface--color-neutral h5,
.vivid .surface--color-neutral .h5,
.vivid .surface--color-neutral h6,
.vivid .surface--color-neutral .h6,
.vivid .surface--color-purple h1,
.vivid .surface--color-purple .h1,
.vivid .surface--color-purple h2,
.vivid .surface--color-purple .h2,
.vivid .surface--color-purple h3,
.vivid .surface--color-purple .h3,
.vivid .surface--color-purple h4,
.vivid .surface--color-purple .h4,
.vivid .surface--color-purple h5,
.vivid .surface--color-purple .h5,
.vivid .surface--color-purple h6,
.vivid .surface--color-purple .h6 {
  color: inherit;
}

/* line 97, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral a.anchor--surface,
.vivid .surface--color-neutral a.anchor--surface:visited,
.vivid .surface--color-purple a.anchor--surface,
.vivid .surface--color-purple a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 109, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral .surface--with-surface-links a,
.vivid .surface--color-neutral .surface--with-surface-links a:visited,
.vivid .surface--color-purple .surface--with-surface-links a,
.vivid .surface--color-purple .surface--with-surface-links a:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral.surface--color-soft,
.vivid .surface--color-purple.surface--color-soft {
  --surface-bg-color: #f5f0f8;
  --surface-color: #1e1e1e;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #bd9fcf;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #bd9fcf;
  --surface-container-outline-color: rgba(189, 159, 207, 0.35);
  --surface-contrast-color: #9d68b8;
  --surface-tool-color: #bfbcc2;
  background-color: #f5f0f8;
  border-color: #f5f0f8;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral.surface--color-soft,
.vivid .surface--color-neutral.surface--color-soft .surface__text.surface__text,
.vivid .surface--color-purple.surface--color-soft,
.vivid .surface--color-purple.surface--color-soft .surface__text.surface__text {
  color: #1e1e1e;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral.surface--color-soft.surface__background-element,
.vivid .surface--color-purple.surface--color-soft.surface__background-element {
  background-color: #f5f0f8;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral.surface--color-soft .surface__trim-element,
.vivid .surface--color-purple.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #bd9fcf);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral.surface--color-soft.surface--focusable:focus,
.vivid .surface--color-purple.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #bd9fcf;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral.surface--color-soft.surface--outlined,
.vivid .surface--color-purple.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #bd9fcf);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral.surface--color-soft.surface--container-outlined,
.vivid .surface--color-purple.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(189, 159, 207, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral.surface--color-soft.surface--trimmed,
.vivid .surface--color-purple.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #bd9fcf);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-neutral.surface--color-soft a.anchor--surface,
.vivid .surface--color-neutral.surface--color-soft a.anchor--surface:visited,
.vivid .surface--color-purple.surface--color-soft a.anchor--surface,
.vivid .surface--color-purple.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 356, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-cyan,
.vivid .surface--color-info {
  --surface-bg-color: #bef6fc;
  --surface-color: #444444;
  --surface-header-color: inherit;
  --surface-link-color: ;
  --surface-trim-color: #5de1ef;
  --surface-trim-text-color: #444444;
  --surface-outline-color: #444444;
  --surface-container-outline-color: rgba(68, 68, 68, 0.15);
  --surface-contrast-color: #444444;
  --surface-glass-color: rgba(68, 68, 68, 0.15);
  --surface-sticky-overlay-color: rgba(190, 246, 252, 0.85);
  --surface-control-color: #b4f4fb;
  --surface-stripe-color: #b4f4fb;
  --surface-tool-color: #a0cace;
  background-color: #bef6fc;
  border-color: #bef6fc;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-cyan,
.vivid .surface--color-cyan .surface__text.surface__text,
.vivid .surface--color-info,
.vivid .surface--color-info .surface__text.surface__text {
  color: var(--surface-color, #444444);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-cyan.surface__background-element,
.vivid .surface--color-info.surface__background-element {
  color: #bef6fc;
  fill: #bef6fc;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-cyan .surface__trim-element,
.vivid .surface--color-info .surface__trim-element {
  color: var(--surface-trim-color, #5de1ef);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-cyan.surface--focusable:focus,
.vivid .surface--color-info.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #5de1ef;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-cyan.surface--outlined,
.vivid .surface--color-info.surface--outlined {
  border-color: var(--surface-outline-color, #444444);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-cyan.surface--container-outlined,
.vivid .surface--color-info.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(68, 68, 68, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-cyan.surface--trimmed,
.vivid .surface--color-info.surface--trimmed {
  border-color: var(--surface-trim-color, #5de1ef);
}

/* line 79, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-cyan h1,
.vivid .surface--color-cyan .h1,
.vivid .surface--color-cyan h2,
.vivid .surface--color-cyan .h2,
.vivid .surface--color-cyan h3,
.vivid .surface--color-cyan .h3,
.vivid .surface--color-cyan h4,
.vivid .surface--color-cyan .h4,
.vivid .surface--color-cyan h5,
.vivid .surface--color-cyan .h5,
.vivid .surface--color-cyan h6,
.vivid .surface--color-cyan .h6,
.vivid .surface--color-info h1,
.vivid .surface--color-info .h1,
.vivid .surface--color-info h2,
.vivid .surface--color-info .h2,
.vivid .surface--color-info h3,
.vivid .surface--color-info .h3,
.vivid .surface--color-info h4,
.vivid .surface--color-info .h4,
.vivid .surface--color-info h5,
.vivid .surface--color-info .h5,
.vivid .surface--color-info h6,
.vivid .surface--color-info .h6 {
  color: inherit;
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-cyan.surface--color-soft,
.vivid .surface--color-info.surface--color-soft {
  --surface-bg-color: #f9feff;
  --surface-color: #1e1e1e;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #82e5f8;
  --surface-trim-text-color: #444444;
  --surface-outline-color: #82e5f8;
  --surface-container-outline-color: rgba(130, 229, 248, 0.35);
  --surface-contrast-color: #444444;
  --surface-tool-color: #c2c6c7;
  background-color: #f9feff;
  border-color: #f9feff;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-cyan.surface--color-soft,
.vivid .surface--color-cyan.surface--color-soft .surface__text.surface__text,
.vivid .surface--color-info.surface--color-soft,
.vivid .surface--color-info.surface--color-soft .surface__text.surface__text {
  color: #1e1e1e;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-cyan.surface--color-soft.surface__background-element,
.vivid .surface--color-info.surface--color-soft.surface__background-element {
  background-color: #f9feff;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-cyan.surface--color-soft .surface__trim-element,
.vivid .surface--color-info.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #82e5f8);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-cyan.surface--color-soft.surface--focusable:focus,
.vivid .surface--color-info.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #82e5f8;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-cyan.surface--color-soft.surface--outlined,
.vivid .surface--color-info.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #82e5f8);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-cyan.surface--color-soft.surface--container-outlined,
.vivid .surface--color-info.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(130, 229, 248, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-cyan.surface--color-soft.surface--trimmed,
.vivid .surface--color-info.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #82e5f8);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-cyan.surface--color-soft a.anchor--surface,
.vivid .surface--color-cyan.surface--color-soft a.anchor--surface:visited,
.vivid .surface--color-info.surface--color-soft a.anchor--surface,
.vivid .surface--color-info.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 366, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue,
.vivid .surface--color-primary {
  --surface-bg-color: #1942d8;
  --surface-color: #fff;
  --surface-header-color: inherit;
  --surface-link-color: #ffdd1f;
  --surface-trim-color: #1a369b;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #fff;
  --surface-container-outline-color: rgba(255, 255, 255, 0.15);
  --surface-contrast-color: #fff;
  --surface-glass-color: rgba(255, 255, 255, 0.15);
  --surface-sticky-overlay-color: rgba(25, 66, 216, 0.85);
  --surface-control-color: #1941d2;
  --surface-stripe-color: #1941d2;
  --surface-tool-color: #5371e2;
  background-color: #1942d8;
  border-color: #1942d8;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue,
.vivid .surface--color-blue .surface__text.surface__text,
.vivid .surface--color-primary,
.vivid .surface--color-primary .surface__text.surface__text {
  color: var(--surface-color, #fff);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue.surface__background-element,
.vivid .surface--color-primary.surface__background-element {
  color: #1942d8;
  fill: #1942d8;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue .surface__trim-element,
.vivid .surface--color-primary .surface__trim-element {
  color: var(--surface-trim-color, #1a369b);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue.surface--focusable:focus,
.vivid .surface--color-primary.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #1a369b;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue.surface--outlined,
.vivid .surface--color-primary.surface--outlined {
  border-color: var(--surface-outline-color, #fff);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue.surface--container-outlined,
.vivid .surface--color-primary.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(255, 255, 255, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue.surface--trimmed,
.vivid .surface--color-primary.surface--trimmed {
  border-color: var(--surface-trim-color, #1a369b);
}

/* line 79, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue h1,
.vivid .surface--color-blue .h1,
.vivid .surface--color-blue h2,
.vivid .surface--color-blue .h2,
.vivid .surface--color-blue h3,
.vivid .surface--color-blue .h3,
.vivid .surface--color-blue h4,
.vivid .surface--color-blue .h4,
.vivid .surface--color-blue h5,
.vivid .surface--color-blue .h5,
.vivid .surface--color-blue h6,
.vivid .surface--color-blue .h6,
.vivid .surface--color-primary h1,
.vivid .surface--color-primary .h1,
.vivid .surface--color-primary h2,
.vivid .surface--color-primary .h2,
.vivid .surface--color-primary h3,
.vivid .surface--color-primary .h3,
.vivid .surface--color-primary h4,
.vivid .surface--color-primary .h4,
.vivid .surface--color-primary h5,
.vivid .surface--color-primary .h5,
.vivid .surface--color-primary h6,
.vivid .surface--color-primary .h6 {
  color: inherit;
}

/* line 97, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue a.anchor--surface,
.vivid .surface--color-blue a.anchor--surface:visited,
.vivid .surface--color-primary a.anchor--surface,
.vivid .surface--color-primary a.anchor--surface:visited {
  color: #ffdd1f;
}

/* line 109, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue .surface--with-surface-links a,
.vivid .surface--color-blue .surface--with-surface-links a:visited,
.vivid .surface--color-primary .surface--with-surface-links a,
.vivid .surface--color-primary .surface--with-surface-links a:visited {
  color: #ffdd1f;
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue.surface--color-soft,
.vivid .surface--color-primary.surface--color-soft {
  --surface-bg-color: #dae2ff;
  --surface-color: #1942d8;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #6c8af7;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #6c8af7;
  --surface-container-outline-color: rgba(108, 138, 247, 0.35);
  --surface-contrast-color: #1942d8;
  --surface-tool-color: #aabaf5;
  background-color: #dae2ff;
  border-color: #dae2ff;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue.surface--color-soft,
.vivid .surface--color-blue.surface--color-soft .surface__text.surface__text,
.vivid .surface--color-primary.surface--color-soft,
.vivid .surface--color-primary.surface--color-soft .surface__text.surface__text {
  color: #1942d8;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue.surface--color-soft.surface__background-element,
.vivid .surface--color-primary.surface--color-soft.surface__background-element {
  background-color: #dae2ff;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue.surface--color-soft .surface__trim-element,
.vivid .surface--color-primary.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #6c8af7);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue.surface--color-soft.surface--focusable:focus,
.vivid .surface--color-primary.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #6c8af7;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue.surface--color-soft.surface--outlined,
.vivid .surface--color-primary.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #6c8af7);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue.surface--color-soft.surface--container-outlined,
.vivid .surface--color-primary.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(108, 138, 247, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue.surface--color-soft.surface--trimmed,
.vivid .surface--color-primary.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #6c8af7);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue.surface--color-soft a.anchor--surface,
.vivid .surface--color-blue.surface--color-soft a.anchor--surface:visited,
.vivid .surface--color-primary.surface--color-soft a.anchor--surface,
.vivid .surface--color-primary.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 378, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-blue.surface--color-soft .anchor--surface,
.vivid .surface--color-primary.surface--color-soft .anchor--surface {
  font-weight: bold;
}

/* line 384, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warning {
  --surface-bg-color: #ffdd1f;
  --surface-color: #000000;
  --surface-header-color: inherit;
  --surface-link-color: ;
  --surface-trim-color: #f57600;
  --surface-trim-text-color: #B36B14;
  --surface-outline-color: #B36B14;
  --surface-container-outline-color: rgba(179, 107, 20, 0.15);
  --surface-contrast-color: #B36B14;
  --surface-glass-color: rgba(0, 0, 0, 0.15);
  --surface-sticky-overlay-color: rgba(255, 221, 31, 0.85);
  --surface-control-color: #fad81d;
  --surface-stripe-color: #fad81d;
  --surface-tool-color: #bfa617;
  background-color: #ffdd1f;
  border-color: #ffdd1f;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warning,
.vivid .surface--color-warning .surface__text.surface__text {
  color: var(--surface-color, #000000);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warning.surface__background-element {
  color: #ffdd1f;
  fill: #ffdd1f;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warning .surface__trim-element {
  color: var(--surface-trim-color, #f57600);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warning.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #f57600;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warning.surface--outlined {
  border-color: var(--surface-outline-color, #B36B14);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warning.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(179, 107, 20, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warning.surface--trimmed {
  border-color: var(--surface-trim-color, #f57600);
}

/* line 79, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warning h1,
.vivid .surface--color-warning .h1,
.vivid .surface--color-warning h2,
.vivid .surface--color-warning .h2,
.vivid .surface--color-warning h3,
.vivid .surface--color-warning .h3,
.vivid .surface--color-warning h4,
.vivid .surface--color-warning .h4,
.vivid .surface--color-warning h5,
.vivid .surface--color-warning .h5,
.vivid .surface--color-warning h6,
.vivid .surface--color-warning .h6 {
  color: inherit;
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warning.surface--color-soft {
  --surface-bg-color: #fffce9;
  --surface-color: #B36B14;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #f8e676;
  --surface-trim-text-color: #B36B14;
  --surface-outline-color: #f8e676;
  --surface-container-outline-color: rgba(248, 230, 118, 0.35);
  --surface-contrast-color: #B36B14;
  --surface-tool-color: #ecd8b4;
  background-color: #fffce9;
  border-color: #fffce9;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warning.surface--color-soft,
.vivid .surface--color-warning.surface--color-soft .surface__text.surface__text {
  color: #B36B14;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warning.surface--color-soft.surface__background-element {
  background-color: #fffce9;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warning.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #f8e676);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warning.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #f8e676;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warning.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #f8e676);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warning.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(248, 230, 118, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warning.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #f8e676);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warning.surface--color-soft a.anchor--surface,
.vivid .surface--color-warning.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 398, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-yellow {
  --surface-bg-color: #ffdd1f;
  --surface-color: #000000;
  --surface-header-color: inherit;
  --surface-link-color: ;
  --surface-trim-color: #ccae0b;
  --surface-trim-text-color: #B36B14;
  --surface-outline-color: #B36B14;
  --surface-container-outline-color: rgba(179, 107, 20, 0.15);
  --surface-contrast-color: #B36B14;
  --surface-glass-color: rgba(0, 0, 0, 0.15);
  --surface-sticky-overlay-color: rgba(255, 221, 31, 0.85);
  --surface-control-color: #fad81d;
  --surface-stripe-color: #fad81d;
  --surface-tool-color: #bfa617;
  background-color: #ffdd1f;
  border-color: #ffdd1f;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-yellow,
.vivid .surface--color-yellow .surface__text.surface__text {
  color: var(--surface-color, #000000);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-yellow.surface__background-element {
  color: #ffdd1f;
  fill: #ffdd1f;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-yellow .surface__trim-element {
  color: var(--surface-trim-color, #ccae0b);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-yellow.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #ccae0b;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-yellow.surface--outlined {
  border-color: var(--surface-outline-color, #B36B14);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-yellow.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(179, 107, 20, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-yellow.surface--trimmed {
  border-color: var(--surface-trim-color, #ccae0b);
}

/* line 79, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-yellow h1,
.vivid .surface--color-yellow .h1,
.vivid .surface--color-yellow h2,
.vivid .surface--color-yellow .h2,
.vivid .surface--color-yellow h3,
.vivid .surface--color-yellow .h3,
.vivid .surface--color-yellow h4,
.vivid .surface--color-yellow .h4,
.vivid .surface--color-yellow h5,
.vivid .surface--color-yellow .h5,
.vivid .surface--color-yellow h6,
.vivid .surface--color-yellow .h6 {
  color: inherit;
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-yellow.surface--color-soft {
  --surface-bg-color: #fffce9;
  --surface-color: #1e1e1e;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #f8e676;
  --surface-trim-text-color: #B36B14;
  --surface-outline-color: #f8e676;
  --surface-container-outline-color: rgba(248, 230, 118, 0.35);
  --surface-contrast-color: #B36B14;
  --surface-tool-color: #c7c5b6;
  background-color: #fffce9;
  border-color: #fffce9;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-yellow.surface--color-soft,
.vivid .surface--color-yellow.surface--color-soft .surface__text.surface__text {
  color: #1e1e1e;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-yellow.surface--color-soft.surface__background-element {
  background-color: #fffce9;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-yellow.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #f8e676);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-yellow.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #f8e676;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-yellow.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #f8e676);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-yellow.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(248, 230, 118, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-yellow.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #f8e676);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-yellow.surface--color-soft a.anchor--surface,
.vivid .surface--color-yellow.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 410, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink,
.vivid .surface--color-urgent {
  --surface-bg-color: #b9008c;
  --surface-color: #fff;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #840765;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #fff;
  --surface-container-outline-color: rgba(255, 255, 255, 0.15);
  --surface-contrast-color: #fff;
  --surface-glass-color: rgba(255, 255, 255, 0.15);
  --surface-sticky-overlay-color: rgba(185, 0, 140, 0.85);
  --surface-control-color: #b40188;
  --surface-stripe-color: #b40188;
  --surface-tool-color: #cb40a9;
  background-color: #b9008c;
  border-color: #b9008c;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink,
.vivid .surface--color-pink .surface__text.surface__text,
.vivid .surface--color-urgent,
.vivid .surface--color-urgent .surface__text.surface__text {
  color: var(--surface-color, #fff);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink.surface__background-element,
.vivid .surface--color-urgent.surface__background-element {
  color: #b9008c;
  fill: #b9008c;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink .surface__trim-element,
.vivid .surface--color-urgent .surface__trim-element {
  color: var(--surface-trim-color, #840765);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink.surface--focusable:focus,
.vivid .surface--color-urgent.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #840765;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink.surface--outlined,
.vivid .surface--color-urgent.surface--outlined {
  border-color: var(--surface-outline-color, #fff);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink.surface--container-outlined,
.vivid .surface--color-urgent.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(255, 255, 255, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink.surface--trimmed,
.vivid .surface--color-urgent.surface--trimmed {
  border-color: var(--surface-trim-color, #840765);
}

/* line 79, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink h1,
.vivid .surface--color-pink .h1,
.vivid .surface--color-pink h2,
.vivid .surface--color-pink .h2,
.vivid .surface--color-pink h3,
.vivid .surface--color-pink .h3,
.vivid .surface--color-pink h4,
.vivid .surface--color-pink .h4,
.vivid .surface--color-pink h5,
.vivid .surface--color-pink .h5,
.vivid .surface--color-pink h6,
.vivid .surface--color-pink .h6,
.vivid .surface--color-urgent h1,
.vivid .surface--color-urgent .h1,
.vivid .surface--color-urgent h2,
.vivid .surface--color-urgent .h2,
.vivid .surface--color-urgent h3,
.vivid .surface--color-urgent .h3,
.vivid .surface--color-urgent h4,
.vivid .surface--color-urgent .h4,
.vivid .surface--color-urgent h5,
.vivid .surface--color-urgent .h5,
.vivid .surface--color-urgent h6,
.vivid .surface--color-urgent .h6 {
  color: inherit;
}

/* line 97, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink a.anchor--surface,
.vivid .surface--color-pink a.anchor--surface:visited,
.vivid .surface--color-urgent a.anchor--surface,
.vivid .surface--color-urgent a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 109, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink .surface--with-surface-links a,
.vivid .surface--color-pink .surface--with-surface-links a:visited,
.vivid .surface--color-urgent .surface--with-surface-links a,
.vivid .surface--color-urgent .surface--with-surface-links a:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink.surface--color-soft,
.vivid .surface--color-urgent.surface--color-soft {
  --surface-bg-color: #f8e6f4;
  --surface-color: #1e1e1e;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #da8dc9;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #da8dc9;
  --surface-container-outline-color: rgba(218, 141, 201, 0.35);
  --surface-contrast-color: #b9008c;
  --surface-tool-color: #c2b4bf;
  background-color: #f8e6f4;
  border-color: #f8e6f4;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink.surface--color-soft,
.vivid .surface--color-pink.surface--color-soft .surface__text.surface__text,
.vivid .surface--color-urgent.surface--color-soft,
.vivid .surface--color-urgent.surface--color-soft .surface__text.surface__text {
  color: #1e1e1e;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink.surface--color-soft.surface__background-element,
.vivid .surface--color-urgent.surface--color-soft.surface__background-element {
  background-color: #f8e6f4;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink.surface--color-soft .surface__trim-element,
.vivid .surface--color-urgent.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #da8dc9);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink.surface--color-soft.surface--focusable:focus,
.vivid .surface--color-urgent.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #da8dc9;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink.surface--color-soft.surface--outlined,
.vivid .surface--color-urgent.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #da8dc9);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink.surface--color-soft.surface--container-outlined,
.vivid .surface--color-urgent.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(218, 141, 201, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink.surface--color-soft.surface--trimmed,
.vivid .surface--color-urgent.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #da8dc9);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-pink.surface--color-soft a.anchor--surface,
.vivid .surface--color-pink.surface--color-soft a.anchor--surface:visited,
.vivid .surface--color-urgent.surface--color-soft a.anchor--surface,
.vivid .surface--color-urgent.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 420, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody {
  --surface-bg-color: #202020;
  --surface-color: #fff;
  --surface-header-color: inherit;
  --surface-link-color: #ffdd1f;
  --surface-trim-color: #181818;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #fff;
  --surface-container-outline-color: rgba(255, 255, 255, 0.15);
  --surface-contrast-color: #fff;
  --surface-glass-color: rgba(255, 255, 255, 0.15);
  --surface-sticky-overlay-color: rgba(32, 32, 32, 0.85);
  --surface-control-color: #1f1f1f;
  --surface-stripe-color: #1f1f1f;
  --surface-tool-color: #585858;
  background-color: #202020;
  border-color: #202020;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody,
.vivid .surface--color-moody .surface__text.surface__text {
  color: var(--surface-color, #fff);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody.surface__background-element {
  color: #202020;
  fill: #202020;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody .surface__trim-element {
  color: var(--surface-trim-color, #181818);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #181818;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody.surface--outlined {
  border-color: var(--surface-outline-color, #fff);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(255, 255, 255, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody.surface--trimmed {
  border-color: var(--surface-trim-color, #181818);
}

/* line 79, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody h1,
.vivid .surface--color-moody .h1,
.vivid .surface--color-moody h2,
.vivid .surface--color-moody .h2,
.vivid .surface--color-moody h3,
.vivid .surface--color-moody .h3,
.vivid .surface--color-moody h4,
.vivid .surface--color-moody .h4,
.vivid .surface--color-moody h5,
.vivid .surface--color-moody .h5,
.vivid .surface--color-moody h6,
.vivid .surface--color-moody .h6 {
  color: inherit;
}

/* line 97, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody a.anchor--surface,
.vivid .surface--color-moody a.anchor--surface:visited {
  color: #ffdd1f;
}

/* line 109, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody .surface--with-surface-links a,
.vivid .surface--color-moody .surface--with-surface-links a:visited {
  color: #ffdd1f;
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody.surface--color-soft {
  --surface-bg-color: #e9e9e9;
  --surface-color: #1e1e1e;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #afafaf;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #afafaf;
  --surface-container-outline-color: rgba(175, 175, 175, 0.35);
  --surface-contrast-color: #202020;
  --surface-tool-color: #b6b6b6;
  background-color: #e9e9e9;
  border-color: #e9e9e9;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody.surface--color-soft,
.vivid .surface--color-moody.surface--color-soft .surface__text.surface__text {
  color: #1e1e1e;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody.surface--color-soft.surface__background-element {
  background-color: #e9e9e9;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #afafaf);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #afafaf;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #afafaf);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(175, 175, 175, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #afafaf);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody.surface--color-soft a.anchor--surface,
.vivid .surface--color-moody.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 428, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-moody .text--emphasized {
  color: #6f8efd;
}

/* line 433, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-black {
  --surface-bg-color: #000000;
  --surface-color: #fff;
  --surface-header-color: inherit;
  --surface-link-color: ;
  --surface-trim-color: black;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #fff;
  --surface-container-outline-color: rgba(255, 255, 255, 0.15);
  --surface-contrast-color: #fff;
  --surface-glass-color: rgba(255, 255, 255, 0.15);
  --surface-sticky-overlay-color: rgba(0, 0, 0, 0.85);
  --surface-control-color: black;
  --surface-stripe-color: black;
  --surface-tool-color: #404040;
  background-color: #000000;
  border-color: #000000;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-black,
.vivid .surface--color-black .surface__text.surface__text {
  color: var(--surface-color, #fff);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-black.surface__background-element {
  color: #000000;
  fill: #000000;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-black .surface__trim-element {
  color: var(--surface-trim-color, black);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-black.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem black;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-black.surface--outlined {
  border-color: var(--surface-outline-color, #fff);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-black.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(255, 255, 255, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-black.surface--trimmed {
  border-color: var(--surface-trim-color, black);
}

/* line 79, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-black h1,
.vivid .surface--color-black .h1,
.vivid .surface--color-black h2,
.vivid .surface--color-black .h2,
.vivid .surface--color-black h3,
.vivid .surface--color-black .h3,
.vivid .surface--color-black h4,
.vivid .surface--color-black .h4,
.vivid .surface--color-black h5,
.vivid .surface--color-black .h5,
.vivid .surface--color-black h6,
.vivid .surface--color-black .h6 {
  color: inherit;
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-black.surface--color-soft {
  --surface-bg-color: #e6e6e6;
  --surface-color: #1e1e1e;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #adadad;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #adadad;
  --surface-container-outline-color: rgba(173, 173, 173, 0.35);
  --surface-contrast-color: #000000;
  --surface-tool-color: #b4b4b4;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-black.surface--color-soft,
.vivid .surface--color-black.surface--color-soft .surface__text.surface__text {
  color: #1e1e1e;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-black.surface--color-soft.surface__background-element {
  background-color: #e6e6e6;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-black.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #adadad);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-black.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #adadad;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-black.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #adadad);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-black.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(173, 173, 173, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-black.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #adadad);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-black.surface--color-soft a.anchor--surface,
.vivid .surface--color-black.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 437, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary,
.vivid .surface--color-light-blue {
  --surface-bg-color: #dae2ff;
  --surface-color: #1e1e1e;
  --surface-header-color: ;
  --surface-link-color: inherit;
  --surface-trim-color: #6c8af7;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #1942d8;
  --surface-container-outline-color: rgba(25, 66, 216, 0.15);
  --surface-contrast-color: #1942d8;
  --surface-glass-color: rgba(30, 30, 30, 0.15);
  --surface-sticky-overlay-color: rgba(218, 226, 255, 0.85);
  --surface-control-color: #cfd9fe;
  --surface-stripe-color: #cfd9fe;
  --surface-tool-color: #abb1c7;
  background-color: #dae2ff;
  border-color: #dae2ff;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary,
.vivid .surface--color-secondary .surface__text.surface__text,
.vivid .surface--color-light-blue,
.vivid .surface--color-light-blue .surface__text.surface__text {
  color: var(--surface-color, #1e1e1e);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary.surface__background-element,
.vivid .surface--color-light-blue.surface__background-element {
  color: #dae2ff;
  fill: #dae2ff;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary .surface__trim-element,
.vivid .surface--color-light-blue .surface__trim-element {
  color: var(--surface-trim-color, #6c8af7);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary.surface--focusable:focus,
.vivid .surface--color-light-blue.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #6c8af7;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary.surface--outlined,
.vivid .surface--color-light-blue.surface--outlined {
  border-color: var(--surface-outline-color, #1942d8);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary.surface--container-outlined,
.vivid .surface--color-light-blue.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(25, 66, 216, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary.surface--trimmed,
.vivid .surface--color-light-blue.surface--trimmed {
  border-color: var(--surface-trim-color, #6c8af7);
}

/* line 97, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary a.anchor--surface,
.vivid .surface--color-secondary a.anchor--surface:visited,
.vivid .surface--color-light-blue a.anchor--surface,
.vivid .surface--color-light-blue a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 109, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary .surface--with-surface-links a,
.vivid .surface--color-secondary .surface--with-surface-links a:visited,
.vivid .surface--color-light-blue .surface--with-surface-links a,
.vivid .surface--color-light-blue .surface--with-surface-links a:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary.surface--color-soft,
.vivid .surface--color-light-blue.surface--color-soft {
  --surface-bg-color: #f4f6fd;
  --surface-color: #1e1e1e;
  --surface-header-color: ;
  --surface-link-color: inherit;
  --surface-trim-color: #90a3e5;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #90a3e5;
  --surface-container-outline-color: rgba(144, 163, 229, 0.35);
  --surface-contrast-color: #1e1e1e;
  --surface-tool-color: #bfc0c5;
  background-color: #f4f6fd;
  border-color: #f4f6fd;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary.surface--color-soft,
.vivid .surface--color-secondary.surface--color-soft .surface__text.surface__text,
.vivid .surface--color-light-blue.surface--color-soft,
.vivid .surface--color-light-blue.surface--color-soft .surface__text.surface__text {
  color: #1e1e1e;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary.surface--color-soft.surface__background-element,
.vivid .surface--color-light-blue.surface--color-soft.surface__background-element {
  background-color: #f4f6fd;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary.surface--color-soft .surface__trim-element,
.vivid .surface--color-light-blue.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #90a3e5);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary.surface--color-soft.surface--focusable:focus,
.vivid .surface--color-light-blue.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #90a3e5;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary.surface--color-soft.surface--outlined,
.vivid .surface--color-light-blue.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #90a3e5);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary.surface--color-soft.surface--container-outlined,
.vivid .surface--color-light-blue.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(144, 163, 229, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary.surface--color-soft.surface--trimmed,
.vivid .surface--color-light-blue.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #90a3e5);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-secondary.surface--color-soft a.anchor--surface,
.vivid .surface--color-secondary.surface--color-soft a.anchor--surface:visited,
.vivid .surface--color-light-blue.surface--color-soft a.anchor--surface,
.vivid .surface--color-light-blue.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 451, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected {
  --surface-bg-color: #dae2ff;
  --surface-color: #1e1e1e;
  --surface-header-color: ;
  --surface-link-color: inherit;
  --surface-trim-color: #1942d8;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #1942d8;
  --surface-container-outline-color: rgba(25, 66, 216, 0.15);
  --surface-contrast-color: #1942d8;
  --surface-glass-color: rgba(30, 30, 30, 0.15);
  --surface-sticky-overlay-color: rgba(218, 226, 255, 0.85);
  --surface-control-color: #cfd9fe;
  --surface-stripe-color: #cfd9fe;
  --surface-tool-color: #abb1c7;
  background-color: #dae2ff;
  border-color: #dae2ff;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected,
.vivid .surface--color-selected .surface__text.surface__text {
  color: var(--surface-color, #1e1e1e);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected.surface__background-element {
  color: #dae2ff;
  fill: #dae2ff;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected .surface__trim-element {
  color: var(--surface-trim-color, #1942d8);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #1942d8;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected.surface--outlined {
  border-color: var(--surface-outline-color, #1942d8);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(25, 66, 216, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected.surface--trimmed {
  border-color: var(--surface-trim-color, #1942d8);
}

/* line 97, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected a.anchor--surface,
.vivid .surface--color-selected a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 109, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected .surface--with-surface-links a,
.vivid .surface--color-selected .surface--with-surface-links a:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected.surface--color-soft {
  --surface-bg-color: #f4f6fd;
  --surface-color: #1e1e1e;
  --surface-header-color: ;
  --surface-link-color: inherit;
  --surface-trim-color: #1942d8;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #1942d8;
  --surface-container-outline-color: rgba(25, 66, 216, 0.35);
  --surface-contrast-color: #1e1e1e;
  --surface-tool-color: #bfc0c5;
  background-color: #f4f6fd;
  border-color: #f4f6fd;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected.surface--color-soft,
.vivid .surface--color-selected.surface--color-soft .surface__text.surface__text {
  color: #1e1e1e;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected.surface--color-soft.surface__background-element {
  background-color: #f4f6fd;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #1942d8);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #1942d8;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #1942d8);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(25, 66, 216, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #1942d8);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-selected.surface--color-soft a.anchor--surface,
.vivid .surface--color-selected.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 467, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy, .vivid .scrim--variant-blue {
  --surface-bg-color: #2c75ff;
  --surface-color: #fff;
  --surface-header-color: inherit;
  --surface-link-color: #ffdd1f;
  --surface-trim-color: #0b51d5;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #fff;
  --surface-container-outline-color: rgba(255, 255, 255, 0.15);
  --surface-contrast-color: #fff;
  --surface-glass-color: rgba(255, 255, 255, 0.15);
  --surface-sticky-overlay-color: rgba(44, 117, 255, 0.85);
  --surface-control-color: #2971fb;
  --surface-stripe-color: #2971fb;
  --surface-tool-color: #6198ff;
  background-color: #2c75ff;
  border-color: #2c75ff;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy, .vivid .scrim--variant-blue,
.vivid .surface--color-happy .surface__text.surface__text,
.vivid .scrim--variant-blue .surface__text.surface__text {
  color: var(--surface-color, #fff);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy.surface__background-element, .vivid .surface__background-element.scrim--variant-blue {
  color: #2c75ff;
  fill: #2c75ff;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy .surface__trim-element, .vivid .scrim--variant-blue .surface__trim-element {
  color: var(--surface-trim-color, #0b51d5);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy.surface--focusable:focus, .vivid .surface--focusable.scrim--variant-blue:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #0b51d5;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy.surface--outlined, .vivid .surface--outlined.scrim--variant-blue {
  border-color: var(--surface-outline-color, #fff);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy.surface--container-outlined, .vivid .surface--container-outlined.scrim--variant-blue {
  border-color: var(--surface-container-outline-color, rgba(255, 255, 255, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy.surface--trimmed, .vivid .surface--trimmed.scrim--variant-blue {
  border-color: var(--surface-trim-color, #0b51d5);
}

/* line 79, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy h1, .vivid .scrim--variant-blue h1,
.vivid .surface--color-happy .h1,
.vivid .scrim--variant-blue .h1,
.vivid .surface--color-happy h2,
.vivid .scrim--variant-blue h2,
.vivid .surface--color-happy .h2,
.vivid .scrim--variant-blue .h2,
.vivid .surface--color-happy h3,
.vivid .scrim--variant-blue h3,
.vivid .surface--color-happy .h3,
.vivid .scrim--variant-blue .h3,
.vivid .surface--color-happy h4,
.vivid .scrim--variant-blue h4,
.vivid .surface--color-happy .h4,
.vivid .scrim--variant-blue .h4,
.vivid .surface--color-happy h5,
.vivid .scrim--variant-blue h5,
.vivid .surface--color-happy .h5,
.vivid .scrim--variant-blue .h5,
.vivid .surface--color-happy h6,
.vivid .scrim--variant-blue h6,
.vivid .surface--color-happy .h6,
.vivid .scrim--variant-blue .h6 {
  color: inherit;
}

/* line 97, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy a.anchor--surface, .vivid .scrim--variant-blue a.anchor--surface,
.vivid .surface--color-happy a.anchor--surface:visited {
  color: #ffdd1f;
}

/* line 109, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy .surface--with-surface-links a, .vivid .scrim--variant-blue .surface--with-surface-links a,
.vivid .surface--color-happy .surface--with-surface-links a:visited {
  color: #ffdd1f;
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy.surface--color-soft, .vivid .surface--color-soft.scrim--variant-blue {
  --surface-bg-color: #eaf1ff;
  --surface-color: #1e1e1e;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #77a2f8;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #77a2f8;
  --surface-container-outline-color: rgba(119, 162, 248, 0.35);
  --surface-contrast-color: #2c75ff;
  --surface-tool-color: #b7bcc7;
  background-color: #eaf1ff;
  border-color: #eaf1ff;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy.surface--color-soft, .vivid .surface--color-soft.scrim--variant-blue,
.vivid .surface--color-happy.surface--color-soft .surface__text.surface__text,
.vivid .surface--color-soft.scrim--variant-blue .surface__text.surface__text {
  color: #1e1e1e;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy.surface--color-soft.surface__background-element, .vivid .surface--color-soft.surface__background-element.scrim--variant-blue {
  background-color: #eaf1ff;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy.surface--color-soft .surface__trim-element, .vivid .surface--color-soft.scrim--variant-blue .surface__trim-element {
  color: var(--surface-trim-color, #77a2f8);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy.surface--color-soft.surface--focusable:focus, .vivid .surface--color-soft.surface--focusable.scrim--variant-blue:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #77a2f8;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy.surface--color-soft.surface--outlined, .vivid .surface--color-soft.surface--outlined.scrim--variant-blue {
  border-color: var(--surface-outline-color, #77a2f8);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy.surface--color-soft.surface--container-outlined, .vivid .surface--color-soft.surface--container-outlined.scrim--variant-blue {
  border-color: var(--surface-container-outline-color, rgba(119, 162, 248, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy.surface--color-soft.surface--trimmed, .vivid .surface--color-soft.surface--trimmed.scrim--variant-blue {
  border-color: var(--surface-trim-color, #77a2f8);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-happy.surface--color-soft a.anchor--surface, .vivid .surface--color-soft.scrim--variant-blue a.anchor--surface,
.vivid .surface--color-happy.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 476, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious,
.vivid .surface--color-dark-blue {
  --surface-bg-color: #1a3a99;
  --surface-color: #fff;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #182e6e;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #fff;
  --surface-container-outline-color: rgba(255, 255, 255, 0.15);
  --surface-contrast-color: #fff;
  --surface-glass-color: rgba(255, 255, 255, 0.15);
  --surface-sticky-overlay-color: rgba(26, 58, 153, 0.85);
  --surface-control-color: #1a3995;
  --surface-stripe-color: #1a3995;
  --surface-tool-color: #536bb3;
  background-color: #1a3a99;
  border-color: #1a3a99;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious,
.vivid .surface--color-studious .surface__text.surface__text,
.vivid .surface--color-dark-blue,
.vivid .surface--color-dark-blue .surface__text.surface__text {
  color: var(--surface-color, #fff);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious.surface__background-element,
.vivid .surface--color-dark-blue.surface__background-element {
  color: #1a3a99;
  fill: #1a3a99;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious .surface__trim-element,
.vivid .surface--color-dark-blue .surface__trim-element {
  color: var(--surface-trim-color, #182e6e);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious.surface--focusable:focus,
.vivid .surface--color-dark-blue.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #182e6e;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious.surface--outlined,
.vivid .surface--color-dark-blue.surface--outlined {
  border-color: var(--surface-outline-color, #fff);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious.surface--container-outlined,
.vivid .surface--color-dark-blue.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(255, 255, 255, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious.surface--trimmed,
.vivid .surface--color-dark-blue.surface--trimmed {
  border-color: var(--surface-trim-color, #182e6e);
}

/* line 79, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious h1,
.vivid .surface--color-studious .h1,
.vivid .surface--color-studious h2,
.vivid .surface--color-studious .h2,
.vivid .surface--color-studious h3,
.vivid .surface--color-studious .h3,
.vivid .surface--color-studious h4,
.vivid .surface--color-studious .h4,
.vivid .surface--color-studious h5,
.vivid .surface--color-studious .h5,
.vivid .surface--color-studious h6,
.vivid .surface--color-studious .h6,
.vivid .surface--color-dark-blue h1,
.vivid .surface--color-dark-blue .h1,
.vivid .surface--color-dark-blue h2,
.vivid .surface--color-dark-blue .h2,
.vivid .surface--color-dark-blue h3,
.vivid .surface--color-dark-blue .h3,
.vivid .surface--color-dark-blue h4,
.vivid .surface--color-dark-blue .h4,
.vivid .surface--color-dark-blue h5,
.vivid .surface--color-dark-blue .h5,
.vivid .surface--color-dark-blue h6,
.vivid .surface--color-dark-blue .h6 {
  color: inherit;
}

/* line 97, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious a.anchor--surface,
.vivid .surface--color-studious a.anchor--surface:visited,
.vivid .surface--color-dark-blue a.anchor--surface,
.vivid .surface--color-dark-blue a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 109, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious .surface--with-surface-links a,
.vivid .surface--color-studious .surface--with-surface-links a:visited,
.vivid .surface--color-dark-blue .surface--with-surface-links a,
.vivid .surface--color-dark-blue .surface--with-surface-links a:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious.surface--color-soft,
.vivid .surface--color-dark-blue.surface--color-soft {
  --surface-bg-color: #e8ebf5;
  --surface-color: #1e1e1e;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #98a4ce;
  --surface-trim-text-color: #fff;
  --surface-outline-color: #98a4ce;
  --surface-container-outline-color: rgba(152, 164, 206, 0.35);
  --surface-contrast-color: #1a3a99;
  --surface-tool-color: #b6b8bf;
  background-color: #e8ebf5;
  border-color: #e8ebf5;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious.surface--color-soft,
.vivid .surface--color-studious.surface--color-soft .surface__text.surface__text,
.vivid .surface--color-dark-blue.surface--color-soft,
.vivid .surface--color-dark-blue.surface--color-soft .surface__text.surface__text {
  color: #1e1e1e;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious.surface--color-soft.surface__background-element,
.vivid .surface--color-dark-blue.surface--color-soft.surface__background-element {
  background-color: #e8ebf5;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious.surface--color-soft .surface__trim-element,
.vivid .surface--color-dark-blue.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #98a4ce);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious.surface--color-soft.surface--focusable:focus,
.vivid .surface--color-dark-blue.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #98a4ce;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious.surface--color-soft.surface--outlined,
.vivid .surface--color-dark-blue.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #98a4ce);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious.surface--color-soft.surface--container-outlined,
.vivid .surface--color-dark-blue.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(152, 164, 206, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious.surface--color-soft.surface--trimmed,
.vivid .surface--color-dark-blue.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #98a4ce);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-studious.surface--color-soft a.anchor--surface,
.vivid .surface--color-studious.surface--color-soft a.anchor--surface:visited,
.vivid .surface--color-dark-blue.surface--color-soft a.anchor--surface,
.vivid .surface--color-dark-blue.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 486, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warm {
  --surface-bg-color: #efe7e1;
  --surface-color: #1e1e1e;
  --surface-header-color: inherit;
  --surface-link-color: ;
  --surface-trim-color: #c4ab98;
  --surface-trim-text-color: #1e1e1e;
  --surface-outline-color: #1e1e1e;
  --surface-container-outline-color: rgba(30, 30, 30, 0.15);
  --surface-contrast-color: #1e1e1e;
  --surface-glass-color: rgba(30, 30, 30, 0.15);
  --surface-sticky-overlay-color: rgba(239, 231, 225, 0.85);
  --surface-control-color: #ebe1da;
  --surface-stripe-color: #ebe1da;
  --surface-tool-color: #bbb5b0;
  background-color: #efe7e1;
  border-color: #efe7e1;
}

/* line 40, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warm,
.vivid .surface--color-warm .surface__text.surface__text {
  color: var(--surface-color, #1e1e1e);
}

/* line 45, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warm.surface__background-element {
  color: #efe7e1;
  fill: #efe7e1;
  background: transparent;
}

/* line 51, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warm .surface__trim-element {
  color: var(--surface-trim-color, #c4ab98);
}

/* line 55, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warm.surface--focusable:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #c4ab98;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 66, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warm.surface--outlined {
  border-color: var(--surface-outline-color, #1e1e1e);
}

/* line 70, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warm.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(30, 30, 30, 0.15));
}

/* line 74, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warm.surface--trimmed {
  border-color: var(--surface-trim-color, #c4ab98);
}

/* line 79, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warm h1,
.vivid .surface--color-warm .h1,
.vivid .surface--color-warm h2,
.vivid .surface--color-warm .h2,
.vivid .surface--color-warm h3,
.vivid .surface--color-warm .h3,
.vivid .surface--color-warm h4,
.vivid .surface--color-warm .h4,
.vivid .surface--color-warm h5,
.vivid .surface--color-warm .h5,
.vivid .surface--color-warm h6,
.vivid .surface--color-warm .h6 {
  color: inherit;
}

/* line 121, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warm.surface--color-soft {
  --surface-bg-color: #fcf6ec;
  --surface-color: #1e1e1e;
  --surface-header-color: inherit;
  --surface-link-color: inherit;
  --surface-trim-color: #e6c388;
  --surface-trim-text-color: #1e1e1e;
  --surface-outline-color: #e6c388;
  --surface-container-outline-color: rgba(230, 195, 136, 0.35);
  --surface-contrast-color: #1e1e1e;
  --surface-tool-color: #c5c0b9;
  background-color: #fcf6ec;
  border-color: #fcf6ec;
}

/* line 136, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warm.surface--color-soft,
.vivid .surface--color-warm.surface--color-soft .surface__text.surface__text {
  color: #1e1e1e;
}

/* line 141, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warm.surface--color-soft.surface__background-element {
  background-color: #fcf6ec;
}

/* line 145, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warm.surface--color-soft .surface__trim-element {
  color: var(--surface-trim-color, #e6c388);
}

/* line 149, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warm.surface--color-soft.surface--focusable:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #e6c388;
}

/* line 155, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warm.surface--color-soft.surface--outlined {
  border-color: var(--surface-outline-color, #e6c388);
}

/* line 159, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warm.surface--color-soft.surface--container-outlined {
  border-color: var(--surface-container-outline-color, rgba(230, 195, 136, 0.35));
}

/* line 163, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warm.surface--color-soft.surface--trimmed {
  border-color: var(--surface-trim-color, #e6c388);
}

/* line 170, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-warm.surface--color-soft a.anchor--surface,
.vivid .surface--color-warm.surface--color-soft a.anchor--surface:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 496, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-glass {
  background-color: var(--surface-glass-color, rgba(255, 255, 255, 0.15));
  color: inherit;
}

/* line 501, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-trim {
  background-color: var(--surface-trim-color);
  color: var(--surface-trim-text-color);
  border-color: transparent;
}

/* line 507, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-radial {
  background-image: radial-gradient(circle 200vw at 50% 30%, var(--surface-bg-color), var(--surface-trim-color));
}

/* line 515, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-radial-tight {
  background-image: radial-gradient(circle 70vw at 50% 30%, var(--surface-bg-color), var(--surface-trim-color));
}

/* line 523, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--focusable {
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
  outline: none;
}

/* line 531, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--rules-status {
  background-repeat: no-repeat;
  background-position: bottom -2rem right -4rem;
  background-size: auto 20rem;
}

@media (min-width: 768px) {
  /* line 531, app/assets/stylesheets/vivid/surface.scss */
  .vivid .surface--rules-status {
    background-position: bottom -2rem right -4rem, center left -4rem;
    background-size: auto 22rem, auto 24rem;
  }
}

@media (min-width: 768px) {
  /* line 546, app/assets/stylesheets/vivid/surface.scss */
  .vivid .surface--rules-status-wide {
    background-position: bottom -2rem right -4rem, center left -4rem;
    background-size: auto 22rem, auto 24rem;
  }
}

/* line 557, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--rules-status-default {
  background-image: url(//d12jofbmgge65s.cloudfront.net/assets/product/profiles/rule-backgrounds/default-dcf2930f3cf92fe36a3863fa0fa113b5c0fff2b9b2f59ba1a2c1ca76d60db935.svg);
}

@media (min-width: 768px) {
  /* line 560, app/assets/stylesheets/vivid/surface.scss */
  .vivid .surface--rules-status-default.surface--rules-status-wide {
    background-image: url(//d12jofbmgge65s.cloudfront.net/assets/product/profiles/rule-backgrounds/default-dcf2930f3cf92fe36a3863fa0fa113b5c0fff2b9b2f59ba1a2c1ca76d60db935.svg), url(//d12jofbmgge65s.cloudfront.net/assets/product/profiles/rule-backgrounds/default-left-46bd3363b3a257d29acbc54afec17078ef1c3f9d356c3f1b192974ddfa93e245.svg);
  }
}

/* line 568, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--rules-status-free_time {
  background-image: url(//d12jofbmgge65s.cloudfront.net/assets/product/profiles/rule-backgrounds/free_time-c26a8f9088639f1dc48108bf225144f51f6d95a437a17506e2437808b0e54478.svg);
}

@media (min-width: 768px) {
  /* line 571, app/assets/stylesheets/vivid/surface.scss */
  .vivid .surface--rules-status-free_time.surface--rules-status-wide {
    background-image: url(//d12jofbmgge65s.cloudfront.net/assets/product/profiles/rule-backgrounds/free_time-c26a8f9088639f1dc48108bf225144f51f6d95a437a17506e2437808b0e54478.svg), url(//d12jofbmgge65s.cloudfront.net/assets/product/profiles/rule-backgrounds/default-left-46bd3363b3a257d29acbc54afec17078ef1c3f9d356c3f1b192974ddfa93e245.svg);
  }
}

/* line 579, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--rules-status-school {
  background-image: url(//d12jofbmgge65s.cloudfront.net/assets/product/profiles/rule-backgrounds/school-30961e061010149896eb73a1bbdeaaef362df9ed39ac1088206145b837f6eae1.svg);
}

@media (min-width: 768px) {
  /* line 582, app/assets/stylesheets/vivid/surface.scss */
  .vivid .surface--rules-status-school.surface--rules-status-wide {
    background-image: url(//d12jofbmgge65s.cloudfront.net/assets/product/profiles/rule-backgrounds/school-30961e061010149896eb73a1bbdeaaef362df9ed39ac1088206145b837f6eae1.svg), url(//d12jofbmgge65s.cloudfront.net/assets/product/profiles/rule-backgrounds/default-left-46bd3363b3a257d29acbc54afec17078ef1c3f9d356c3f1b192974ddfa93e245.svg);
  }
}

/* line 590, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--rules-status-bedtime {
  --surface-trim-color: #1a3a99;
  background-image: url(//d12jofbmgge65s.cloudfront.net/assets/product/profiles/rule-backgrounds/bedtime-left-968f9620adc4bb3f3b95172eeb1e49fc8b0331a7bfa5d09d7c9655b2af4337be.svg), url(//d12jofbmgge65s.cloudfront.net/assets/product/profiles/rule-backgrounds/bedtime-right-a06dfb455d9c37bce360b656b78905648bd4078154c2c22e36d54f2b7f8f81eb.svg), linear-gradient(#0f1e4a, transparent 120%);
  background-size: auto calc(max(100%, 100px)), auto calc(max(100%, 100px)), auto;
  background-position: top left, top right, top left;
}

/* line 607, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface--color-inherit {
  --surface-bg-color: initial;
  --surface-color: initial;
  --surface-header-color: initial;
  --surface-link-color: initial;
  --surface-trim-color: initial;
  --surface-trim-text-color: initial;
  --surface-outline-color: initial;
  --surface-container-outline-color: initial;
  --surface-contrast-color: initial;
  --surface-glass-color: initial;
  --surface-sticky-overlay-color: initial;
  --surface-control-color: initial;
  --surface-stripe-color: initial;
  --surface-tool-color: initial;
  background-color: initial;
  border-color: initial;
  color: initial;
}

@media (min-width: 768px) {
  /* line 607, app/assets/stylesheets/vivid/surface.scss */
  .vivid .surface--color-inherit-sm {
    --surface-bg-color: initial;
    --surface-color: initial;
    --surface-header-color: initial;
    --surface-link-color: initial;
    --surface-trim-color: initial;
    --surface-trim-text-color: initial;
    --surface-outline-color: initial;
    --surface-container-outline-color: initial;
    --surface-contrast-color: initial;
    --surface-glass-color: initial;
    --surface-sticky-overlay-color: initial;
    --surface-control-color: initial;
    --surface-stripe-color: initial;
    --surface-tool-color: initial;
    background-color: initial;
    border-color: initial;
    color: initial;
  }
}

@media (min-width: 992px) {
  /* line 607, app/assets/stylesheets/vivid/surface.scss */
  .vivid .surface--color-inherit-md {
    --surface-bg-color: initial;
    --surface-color: initial;
    --surface-header-color: initial;
    --surface-link-color: initial;
    --surface-trim-color: initial;
    --surface-trim-text-color: initial;
    --surface-outline-color: initial;
    --surface-container-outline-color: initial;
    --surface-contrast-color: initial;
    --surface-glass-color: initial;
    --surface-sticky-overlay-color: initial;
    --surface-control-color: initial;
    --surface-stripe-color: initial;
    --surface-tool-color: initial;
    background-color: initial;
    border-color: initial;
    color: initial;
  }
}

@media (min-width: 1200px) {
  /* line 607, app/assets/stylesheets/vivid/surface.scss */
  .vivid .surface--color-inherit-lg {
    --surface-bg-color: initial;
    --surface-color: initial;
    --surface-header-color: initial;
    --surface-link-color: initial;
    --surface-trim-color: initial;
    --surface-trim-text-color: initial;
    --surface-outline-color: initial;
    --surface-container-outline-color: initial;
    --surface-contrast-color: initial;
    --surface-glass-color: initial;
    --surface-sticky-overlay-color: initial;
    --surface-control-color: initial;
    --surface-stripe-color: initial;
    --surface-tool-color: initial;
    background-color: initial;
    border-color: initial;
    color: initial;
  }
}

/* line 640, app/assets/stylesheets/vivid/surface.scss */
.vivid .surface__body {
  flex: 1 1 auto;
}

/* line 2, app/assets/stylesheets/vivid/card.scss */
.vivid .card {
  flex: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  page-break-inside: avoid;
}

/* line 15, app/assets/stylesheets/vivid/card.scss */
.vivid .card > .subsurface:empty,
.vivid .card__collapsible-container > .subsurface:empty {
  display: none;
}

/* line 19, app/assets/stylesheets/vivid/card.scss */
.vivid .card > .subsurface:not(.surface--color) + :not(.surface--color),
.vivid .card__collapsible-container > .subsurface:not(.surface--color) + :not(.surface--color) {
  padding-top: 0;
}

/* line 25, app/assets/stylesheets/vivid/card.scss */
.vivid .card__body {
  flex: 1 1 100%;
}

@media screen and (min-width: 0\0) {
  /* line 25, app/assets/stylesheets/vivid/card.scss */
  .vivid .card__body {
    flex: 1 1 auto;
  }
}

/* line 34, app/assets/stylesheets/vivid/card.scss */
.vivid .card__media {
  flex: 0 0 auto;
  transform: scale(1);
}

/* line 40, app/assets/stylesheets/vivid/card.scss */
.vivid .card__media--size-cover {
  align-self: stretch;
  display: flex;
  flex: 1 1 auto;
}

/* line 45, app/assets/stylesheets/vivid/card.scss */
.vivid .card__media--size-cover .card__media__content {
  display: flex;
  flex: 1 1 auto;
}

/* line 51, app/assets/stylesheets/vivid/card.scss */
.vivid .card > .subsurface.card__media {
  padding: 0;
  overflow: hidden;
}

/* line 56, app/assets/stylesheets/vivid/card.scss */
.vivid .card__header,
.vivid .card__ribbon,
.vivid .card__footer {
  flex: 0 0 auto;
}

/* line 62, app/assets/stylesheets/vivid/card.scss */
.vivid .card__header--banner {
  text-align: center;
  align-items: center;
}

/* line 67, app/assets/stylesheets/vivid/card.scss */
.vivid .card__edge.subsurface {
  height: 2.2rem;
  flex: 0 0 2.2rem;
  order: 100;
  padding-top: 0;
}

/* line 74, app/assets/stylesheets/vivid/card.scss */
.vivid .card > .card__surface.subsurface {
  padding: 0;
}

/* line 78, app/assets/stylesheets/vivid/card.scss */
.vivid .card > .card__subsurface--gutters-none,
.vivid .card > .card--size-medium .card__subsurface--gutters-none {
  padding-left: 0;
  padding-right: 0;
}

/* line 83, app/assets/stylesheets/vivid/card.scss */
.vivid .card > .card__subsurface--gutters-none:last-child,
.vivid .card > .card--size-medium .card__subsurface--gutters-none:last-child {
  padding-bottom: 0;
}

/* line 88, app/assets/stylesheets/vivid/card.scss */
.vivid .card.surface--outlined,
.vivid .card.surface--trimmed {
  border-width: 0.2rem;
  border-style: solid;
}

/* line 93, app/assets/stylesheets/vivid/card.scss */
.vivid .card.surface--outlined > .subsurface,
.vivid .card.surface--trimmed > .subsurface {
  border-radius: 0;
}

/* line 98, app/assets/stylesheets/vivid/card.scss */
.vivid .card--variant-selection {
  --shadow-color: 25, 66,
      216;
  --surface-trim-color: #dae2ff;
  border: 0.2rem solid #dae2ff;
}

/* line 105, app/assets/stylesheets/vivid/card.scss */
.vivid .card--overflow-visible {
  overflow: visible;
}

/* line 109, app/assets/stylesheets/vivid/card.scss */
.vivid .card--with-scrim {
  position: relative;
}

/* line 113, app/assets/stylesheets/vivid/card.scss */
.vivid .card--align-middle > .card__subsurface {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 119, app/assets/stylesheets/vivid/card.scss */
.vivid .card--display-inline {
  display: inline-flex;
}

/* line 123, app/assets/stylesheets/vivid/card.scss */
.vivid .card__controls {
  position: absolute;
  right: var(--card-horizontal-padding, 3rem);
  top: var(--card-vertical-padding, 2rem);
}

/* line 130, app/assets/stylesheets/vivid/card.scss */
.vivid .card--size-large {
  border-radius: 2rem;
  --card-border-radius: 2rem;
  --card-vertical-padding: 5rem;
  --card-horizontal-padding: 5rem;
}

/* line 138, app/assets/stylesheets/vivid/card.scss */
.vivid .card--size-large > .subsurface,
.vivid .card--size-large > .card__collapsible-container > .subsurface {
  padding: 5rem 6rem;
}

/* line 144, app/assets/stylesheets/vivid/card.scss */
.vivid .card--size-default {
  border-radius: 1.2rem;
  --card-border-radius: 1.2rem;
  --card-vertical-padding: 2rem;
  --card-horizontal-padding: 2rem;
}

/* line 152, app/assets/stylesheets/vivid/card.scss */
.vivid .card--size-default > .subsurface,
.vivid .card--size-default > .card__collapsible-container > .subsurface {
  padding: 2rem 3rem;
}

/* line 158, app/assets/stylesheets/vivid/card.scss */
.vivid .card--size-medium {
  border-radius: 0.8rem;
  --card-border-radius: 0.8rem;
  --card-vertical-padding: 1.6rem;
  --card-horizontal-padding: 1.6rem;
}

/* line 166, app/assets/stylesheets/vivid/card.scss */
.vivid .card--size-medium > .subsurface,
.vivid .card--size-medium > .card__collapsible-container > .subsurface {
  padding: 1.6rem 1.6rem;
}

/* line 172, app/assets/stylesheets/vivid/card.scss */
.vivid .card--size-small {
  border-radius: 0.8rem;
  --card-border-radius: 0.8rem;
  --card-vertical-padding: 0.8rem;
  --card-horizontal-padding: 0.8rem;
}

/* line 180, app/assets/stylesheets/vivid/card.scss */
.vivid .card--size-small > .subsurface,
.vivid .card--size-small > .card__collapsible-container > .subsurface {
  padding: 0.8rem 1.2rem;
}

/* line 188, app/assets/stylesheets/vivid/card.scss */
.vivid .card.card--layout-vertical,
.vivid .card--layout-vertical.card__collapsible-container {
  flex-direction: column;
  align-items: initial;
}

/* line 192, app/assets/stylesheets/vivid/card.scss */
.vivid .card.card--layout-vertical > .subsurface,
.vivid .card.card--layout-vertical > .card__media,
.vivid .card--layout-vertical.card__collapsible-container > .subsurface,
.vivid .card--layout-vertical.card__collapsible-container > .card__media {
  border-radius: 0;
}

/* line 196, app/assets/stylesheets/vivid/card.scss */
.vivid .card.card--layout-vertical > .subsurface:first-child,
.vivid .card.card--layout-vertical > .card__media:first-child,
.vivid .card--layout-vertical.card__collapsible-container > .subsurface:first-child,
.vivid .card--layout-vertical.card__collapsible-container > .card__media:first-child {
  border-top-left-radius: var(--card-border-radius, 1.2rem);
  border-top-right-radius: var(--card-border-radius, 1.2rem);
}

/* line 201, app/assets/stylesheets/vivid/card.scss */
.vivid .card.card--layout-vertical > .subsurface:last-child,
.vivid .card.card--layout-vertical > .card__media:last-child,
.vivid .card--layout-vertical.card__collapsible-container > .subsurface:last-child,
.vivid .card--layout-vertical.card__collapsible-container > .card__media:last-child {
  border-bottom-left-radius: var(--card-border-radius, 1.2rem);
  border-bottom-right-radius: var(--card-border-radius, 1.2rem);
}

/* line 208, app/assets/stylesheets/vivid/card.scss */
.vivid .card.card--layout-vertical-reverse,
.vivid .card--layout-vertical-reverse.card__collapsible-container {
  flex-direction: column-reverse;
  align-items: initial;
}

/* line 212, app/assets/stylesheets/vivid/card.scss */
.vivid .card.card--layout-vertical-reverse > .subsurface,
.vivid .card.card--layout-vertical-reverse > .card__media,
.vivid .card--layout-vertical-reverse.card__collapsible-container > .subsurface,
.vivid .card--layout-vertical-reverse.card__collapsible-container > .card__media {
  border-radius: 0;
}

/* line 216, app/assets/stylesheets/vivid/card.scss */
.vivid .card.card--layout-vertical-reverse > .subsurface:last-child,
.vivid .card.card--layout-vertical-reverse > .card__media:last-child,
.vivid .card--layout-vertical-reverse.card__collapsible-container > .subsurface:last-child,
.vivid .card--layout-vertical-reverse.card__collapsible-container > .card__media:last-child {
  border-top-left-radius: var(--card-border-radius, 1.2rem);
  border-top-right-radius: var(--card-border-radius, 1.2rem);
}

/* line 221, app/assets/stylesheets/vivid/card.scss */
.vivid .card.card--layout-vertical-reverse > .subsurface:first-child,
.vivid .card.card--layout-vertical-reverse > .card__media:first-child,
.vivid .card--layout-vertical-reverse.card__collapsible-container > .subsurface:first-child,
.vivid .card--layout-vertical-reverse.card__collapsible-container > .card__media:first-child {
  border-bottom-left-radius: var(--card-border-radius, 1.2rem);
  border-bottom-right-radius: var(--card-border-radius, 1.2rem);
}

/* line 228, app/assets/stylesheets/vivid/card.scss */
.vivid .card.card--layout-horizontal,
.vivid .card--layout-horizontal.card__collapsible-container {
  flex-direction: row;
  align-items: center;
}

/* line 234, app/assets/stylesheets/vivid/card.scss */
.vivid .card.card--layout-horizontal > .subsurface:first-child,
.vivid .card.card--layout-horizontal > .card__media:first-child,
.vivid .card--layout-horizontal.card__collapsible-container > .subsurface:first-child,
.vivid .card--layout-horizontal.card__collapsible-container > .card__media:first-child {
  border-top-left-radius: var(--card-border-radius, 1.2rem);
  border-bottom-left-radius: var(--card-border-radius, 1.2rem);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 241, app/assets/stylesheets/vivid/card.scss */
.vivid .card.card--layout-horizontal > .subsurface:last-child,
.vivid .card.card--layout-horizontal > .card__media:last-child,
.vivid .card--layout-horizontal.card__collapsible-container > .subsurface:last-child,
.vivid .card--layout-horizontal.card__collapsible-container > .card__media:last-child {
  border-top-right-radius: var(--card-border-radius, 1.2rem);
  border-bottom-right-radius: var(--card-border-radius, 1.2rem);
}

/* line 247, app/assets/stylesheets/vivid/card.scss */
.vivid .card.card--layout-horizontal > .card__media.card__media--size-cover,
.vivid .card--layout-horizontal.card__collapsible-container > .card__media.card__media--size-cover {
  width: 50%;
  flex: 1 0 auto;
}

/* line 253, app/assets/stylesheets/vivid/card.scss */
.vivid .card.card--layout-horizontal-reverse,
.vivid .card--layout-horizontal-reverse.card__collapsible-container {
  flex-direction: row-reverse;
  align-items: center;
}

/* line 259, app/assets/stylesheets/vivid/card.scss */
.vivid .card.card--layout-horizontal-reverse > .subsurface:first-child,
.vivid .card.card--layout-horizontal-reverse > .card__media:first-child,
.vivid .card--layout-horizontal-reverse.card__collapsible-container > .subsurface:first-child,
.vivid .card--layout-horizontal-reverse.card__collapsible-container > .card__media:first-child {
  border-top-right-radius: var(--card-border-radius, 1.2rem);
  border-bottom-right-radius: var(--card-border-radius, 1.2rem);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 266, app/assets/stylesheets/vivid/card.scss */
.vivid .card.card--layout-horizontal-reverse > .subsurface:last-child,
.vivid .card.card--layout-horizontal-reverse > .card__media:last-child,
.vivid .card--layout-horizontal-reverse.card__collapsible-container > .subsurface:last-child,
.vivid .card--layout-horizontal-reverse.card__collapsible-container > .card__media:last-child {
  border-top-left-radius: var(--card-border-radius, 1.2rem);
  border-bottom-left-radius: var(--card-border-radius, 1.2rem);
}

/* line 272, app/assets/stylesheets/vivid/card.scss */
.vivid .card.card--layout-horizontal-reverse > .card__media.card__media--size-cover,
.vivid .card--layout-horizontal-reverse.card__collapsible-container > .card__media.card__media--size-cover {
  width: 50%;
  flex: 1 0 auto;
}

@media (min-width: 768px) {
  /* line 130, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-large-sm {
    border-radius: 2rem;
    --card-border-radius: 2rem;
    --card-vertical-padding: 5rem;
    --card-horizontal-padding: 5rem;
  }
  /* line 138, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-large-sm > .subsurface,
.vivid .card--size-large-sm > .card__collapsible-container > .subsurface {
    padding: 5rem 6rem;
  }
  /* line 144, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-default-sm {
    border-radius: 1.2rem;
    --card-border-radius: 1.2rem;
    --card-vertical-padding: 2rem;
    --card-horizontal-padding: 2rem;
  }
  /* line 152, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-default-sm > .subsurface,
.vivid .card--size-default-sm > .card__collapsible-container > .subsurface {
    padding: 2rem 3rem;
  }
  /* line 158, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-medium-sm {
    border-radius: 0.8rem;
    --card-border-radius: 0.8rem;
    --card-vertical-padding: 1.6rem;
    --card-horizontal-padding: 1.6rem;
  }
  /* line 166, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-medium-sm > .subsurface,
.vivid .card--size-medium-sm > .card__collapsible-container > .subsurface {
    padding: 1.6rem 1.6rem;
  }
  /* line 172, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-small-sm {
    border-radius: 0.8rem;
    --card-border-radius: 0.8rem;
    --card-vertical-padding: 0.8rem;
    --card-horizontal-padding: 0.8rem;
  }
  /* line 180, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-small-sm > .subsurface,
.vivid .card--size-small-sm > .card__collapsible-container > .subsurface {
    padding: 0.8rem 1.2rem;
  }
  /* line 188, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-sm,
.vivid .card--layout-vertical-sm.card__collapsible-container {
    flex-direction: column;
    align-items: initial;
  }
  /* line 192, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-sm > .subsurface,
.vivid .card.card--layout-vertical-sm > .card__media,
.vivid .card--layout-vertical-sm.card__collapsible-container > .subsurface,
.vivid .card--layout-vertical-sm.card__collapsible-container > .card__media {
    border-radius: 0;
  }
  /* line 196, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-sm > .subsurface:first-child,
.vivid .card.card--layout-vertical-sm > .card__media:first-child,
.vivid .card--layout-vertical-sm.card__collapsible-container > .subsurface:first-child,
.vivid .card--layout-vertical-sm.card__collapsible-container > .card__media:first-child {
    border-top-left-radius: var(--card-border-radius, 1.2rem);
    border-top-right-radius: var(--card-border-radius, 1.2rem);
  }
  /* line 201, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-sm > .subsurface:last-child,
.vivid .card.card--layout-vertical-sm > .card__media:last-child,
.vivid .card--layout-vertical-sm.card__collapsible-container > .subsurface:last-child,
.vivid .card--layout-vertical-sm.card__collapsible-container > .card__media:last-child {
    border-bottom-left-radius: var(--card-border-radius, 1.2rem);
    border-bottom-right-radius: var(--card-border-radius, 1.2rem);
  }
  /* line 208, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-reverse-sm,
.vivid .card--layout-vertical-reverse-sm.card__collapsible-container {
    flex-direction: column-reverse;
    align-items: initial;
  }
  /* line 212, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-reverse-sm > .subsurface,
.vivid .card.card--layout-vertical-reverse-sm > .card__media,
.vivid .card--layout-vertical-reverse-sm.card__collapsible-container > .subsurface,
.vivid .card--layout-vertical-reverse-sm.card__collapsible-container > .card__media {
    border-radius: 0;
  }
  /* line 216, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-reverse-sm > .subsurface:last-child,
.vivid .card.card--layout-vertical-reverse-sm > .card__media:last-child,
.vivid .card--layout-vertical-reverse-sm.card__collapsible-container > .subsurface:last-child,
.vivid .card--layout-vertical-reverse-sm.card__collapsible-container > .card__media:last-child {
    border-top-left-radius: var(--card-border-radius, 1.2rem);
    border-top-right-radius: var(--card-border-radius, 1.2rem);
  }
  /* line 221, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-reverse-sm > .subsurface:first-child,
.vivid .card.card--layout-vertical-reverse-sm > .card__media:first-child,
.vivid .card--layout-vertical-reverse-sm.card__collapsible-container > .subsurface:first-child,
.vivid .card--layout-vertical-reverse-sm.card__collapsible-container > .card__media:first-child {
    border-bottom-left-radius: var(--card-border-radius, 1.2rem);
    border-bottom-right-radius: var(--card-border-radius, 1.2rem);
  }
  /* line 228, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-sm,
.vivid .card--layout-horizontal-sm.card__collapsible-container {
    flex-direction: row;
    align-items: center;
  }
  /* line 234, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-sm > .subsurface:first-child,
.vivid .card.card--layout-horizontal-sm > .card__media:first-child,
.vivid .card--layout-horizontal-sm.card__collapsible-container > .subsurface:first-child,
.vivid .card--layout-horizontal-sm.card__collapsible-container > .card__media:first-child {
    border-top-left-radius: var(--card-border-radius, 1.2rem);
    border-bottom-left-radius: var(--card-border-radius, 1.2rem);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  /* line 241, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-sm > .subsurface:last-child,
.vivid .card.card--layout-horizontal-sm > .card__media:last-child,
.vivid .card--layout-horizontal-sm.card__collapsible-container > .subsurface:last-child,
.vivid .card--layout-horizontal-sm.card__collapsible-container > .card__media:last-child {
    border-top-right-radius: var(--card-border-radius, 1.2rem);
    border-bottom-right-radius: var(--card-border-radius, 1.2rem);
  }
  /* line 247, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-sm > .card__media.card__media--size-cover,
.vivid .card--layout-horizontal-sm.card__collapsible-container > .card__media.card__media--size-cover {
    width: 50%;
    flex: 1 0 auto;
  }
  /* line 253, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-reverse-sm,
.vivid .card--layout-horizontal-reverse-sm.card__collapsible-container {
    flex-direction: row-reverse;
    align-items: center;
  }
  /* line 259, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-reverse-sm > .subsurface:first-child,
.vivid .card.card--layout-horizontal-reverse-sm > .card__media:first-child,
.vivid .card--layout-horizontal-reverse-sm.card__collapsible-container > .subsurface:first-child,
.vivid .card--layout-horizontal-reverse-sm.card__collapsible-container > .card__media:first-child {
    border-top-right-radius: var(--card-border-radius, 1.2rem);
    border-bottom-right-radius: var(--card-border-radius, 1.2rem);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  /* line 266, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-reverse-sm > .subsurface:last-child,
.vivid .card.card--layout-horizontal-reverse-sm > .card__media:last-child,
.vivid .card--layout-horizontal-reverse-sm.card__collapsible-container > .subsurface:last-child,
.vivid .card--layout-horizontal-reverse-sm.card__collapsible-container > .card__media:last-child {
    border-top-left-radius: var(--card-border-radius, 1.2rem);
    border-bottom-left-radius: var(--card-border-radius, 1.2rem);
  }
  /* line 272, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-reverse-sm > .card__media.card__media--size-cover,
.vivid .card--layout-horizontal-reverse-sm.card__collapsible-container > .card__media.card__media--size-cover {
    width: 50%;
    flex: 1 0 auto;
  }
}

@media (min-width: 992px) {
  /* line 130, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-large-md {
    border-radius: 2rem;
    --card-border-radius: 2rem;
    --card-vertical-padding: 5rem;
    --card-horizontal-padding: 5rem;
  }
  /* line 138, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-large-md > .subsurface,
.vivid .card--size-large-md > .card__collapsible-container > .subsurface {
    padding: 5rem 6rem;
  }
  /* line 144, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-default-md {
    border-radius: 1.2rem;
    --card-border-radius: 1.2rem;
    --card-vertical-padding: 2rem;
    --card-horizontal-padding: 2rem;
  }
  /* line 152, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-default-md > .subsurface,
.vivid .card--size-default-md > .card__collapsible-container > .subsurface {
    padding: 2rem 3rem;
  }
  /* line 158, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-medium-md {
    border-radius: 0.8rem;
    --card-border-radius: 0.8rem;
    --card-vertical-padding: 1.6rem;
    --card-horizontal-padding: 1.6rem;
  }
  /* line 166, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-medium-md > .subsurface,
.vivid .card--size-medium-md > .card__collapsible-container > .subsurface {
    padding: 1.6rem 1.6rem;
  }
  /* line 172, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-small-md {
    border-radius: 0.8rem;
    --card-border-radius: 0.8rem;
    --card-vertical-padding: 0.8rem;
    --card-horizontal-padding: 0.8rem;
  }
  /* line 180, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-small-md > .subsurface,
.vivid .card--size-small-md > .card__collapsible-container > .subsurface {
    padding: 0.8rem 1.2rem;
  }
  /* line 188, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-md,
.vivid .card--layout-vertical-md.card__collapsible-container {
    flex-direction: column;
    align-items: initial;
  }
  /* line 192, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-md > .subsurface,
.vivid .card.card--layout-vertical-md > .card__media,
.vivid .card--layout-vertical-md.card__collapsible-container > .subsurface,
.vivid .card--layout-vertical-md.card__collapsible-container > .card__media {
    border-radius: 0;
  }
  /* line 196, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-md > .subsurface:first-child,
.vivid .card.card--layout-vertical-md > .card__media:first-child,
.vivid .card--layout-vertical-md.card__collapsible-container > .subsurface:first-child,
.vivid .card--layout-vertical-md.card__collapsible-container > .card__media:first-child {
    border-top-left-radius: var(--card-border-radius, 1.2rem);
    border-top-right-radius: var(--card-border-radius, 1.2rem);
  }
  /* line 201, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-md > .subsurface:last-child,
.vivid .card.card--layout-vertical-md > .card__media:last-child,
.vivid .card--layout-vertical-md.card__collapsible-container > .subsurface:last-child,
.vivid .card--layout-vertical-md.card__collapsible-container > .card__media:last-child {
    border-bottom-left-radius: var(--card-border-radius, 1.2rem);
    border-bottom-right-radius: var(--card-border-radius, 1.2rem);
  }
  /* line 208, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-reverse-md,
.vivid .card--layout-vertical-reverse-md.card__collapsible-container {
    flex-direction: column-reverse;
    align-items: initial;
  }
  /* line 212, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-reverse-md > .subsurface,
.vivid .card.card--layout-vertical-reverse-md > .card__media,
.vivid .card--layout-vertical-reverse-md.card__collapsible-container > .subsurface,
.vivid .card--layout-vertical-reverse-md.card__collapsible-container > .card__media {
    border-radius: 0;
  }
  /* line 216, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-reverse-md > .subsurface:last-child,
.vivid .card.card--layout-vertical-reverse-md > .card__media:last-child,
.vivid .card--layout-vertical-reverse-md.card__collapsible-container > .subsurface:last-child,
.vivid .card--layout-vertical-reverse-md.card__collapsible-container > .card__media:last-child {
    border-top-left-radius: var(--card-border-radius, 1.2rem);
    border-top-right-radius: var(--card-border-radius, 1.2rem);
  }
  /* line 221, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-reverse-md > .subsurface:first-child,
.vivid .card.card--layout-vertical-reverse-md > .card__media:first-child,
.vivid .card--layout-vertical-reverse-md.card__collapsible-container > .subsurface:first-child,
.vivid .card--layout-vertical-reverse-md.card__collapsible-container > .card__media:first-child {
    border-bottom-left-radius: var(--card-border-radius, 1.2rem);
    border-bottom-right-radius: var(--card-border-radius, 1.2rem);
  }
  /* line 228, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-md,
.vivid .card--layout-horizontal-md.card__collapsible-container {
    flex-direction: row;
    align-items: center;
  }
  /* line 234, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-md > .subsurface:first-child,
.vivid .card.card--layout-horizontal-md > .card__media:first-child,
.vivid .card--layout-horizontal-md.card__collapsible-container > .subsurface:first-child,
.vivid .card--layout-horizontal-md.card__collapsible-container > .card__media:first-child {
    border-top-left-radius: var(--card-border-radius, 1.2rem);
    border-bottom-left-radius: var(--card-border-radius, 1.2rem);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  /* line 241, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-md > .subsurface:last-child,
.vivid .card.card--layout-horizontal-md > .card__media:last-child,
.vivid .card--layout-horizontal-md.card__collapsible-container > .subsurface:last-child,
.vivid .card--layout-horizontal-md.card__collapsible-container > .card__media:last-child {
    border-top-right-radius: var(--card-border-radius, 1.2rem);
    border-bottom-right-radius: var(--card-border-radius, 1.2rem);
  }
  /* line 247, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-md > .card__media.card__media--size-cover,
.vivid .card--layout-horizontal-md.card__collapsible-container > .card__media.card__media--size-cover {
    width: 50%;
    flex: 1 0 auto;
  }
  /* line 253, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-reverse-md,
.vivid .card--layout-horizontal-reverse-md.card__collapsible-container {
    flex-direction: row-reverse;
    align-items: center;
  }
  /* line 259, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-reverse-md > .subsurface:first-child,
.vivid .card.card--layout-horizontal-reverse-md > .card__media:first-child,
.vivid .card--layout-horizontal-reverse-md.card__collapsible-container > .subsurface:first-child,
.vivid .card--layout-horizontal-reverse-md.card__collapsible-container > .card__media:first-child {
    border-top-right-radius: var(--card-border-radius, 1.2rem);
    border-bottom-right-radius: var(--card-border-radius, 1.2rem);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  /* line 266, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-reverse-md > .subsurface:last-child,
.vivid .card.card--layout-horizontal-reverse-md > .card__media:last-child,
.vivid .card--layout-horizontal-reverse-md.card__collapsible-container > .subsurface:last-child,
.vivid .card--layout-horizontal-reverse-md.card__collapsible-container > .card__media:last-child {
    border-top-left-radius: var(--card-border-radius, 1.2rem);
    border-bottom-left-radius: var(--card-border-radius, 1.2rem);
  }
  /* line 272, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-reverse-md > .card__media.card__media--size-cover,
.vivid .card--layout-horizontal-reverse-md.card__collapsible-container > .card__media.card__media--size-cover {
    width: 50%;
    flex: 1 0 auto;
  }
}

@media (min-width: 1200px) {
  /* line 130, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-large-lg {
    border-radius: 2rem;
    --card-border-radius: 2rem;
    --card-vertical-padding: 5rem;
    --card-horizontal-padding: 5rem;
  }
  /* line 138, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-large-lg > .subsurface,
.vivid .card--size-large-lg > .card__collapsible-container > .subsurface {
    padding: 5rem 6rem;
  }
  /* line 144, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-default-lg {
    border-radius: 1.2rem;
    --card-border-radius: 1.2rem;
    --card-vertical-padding: 2rem;
    --card-horizontal-padding: 2rem;
  }
  /* line 152, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-default-lg > .subsurface,
.vivid .card--size-default-lg > .card__collapsible-container > .subsurface {
    padding: 2rem 3rem;
  }
  /* line 158, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-medium-lg {
    border-radius: 0.8rem;
    --card-border-radius: 0.8rem;
    --card-vertical-padding: 1.6rem;
    --card-horizontal-padding: 1.6rem;
  }
  /* line 166, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-medium-lg > .subsurface,
.vivid .card--size-medium-lg > .card__collapsible-container > .subsurface {
    padding: 1.6rem 1.6rem;
  }
  /* line 172, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-small-lg {
    border-radius: 0.8rem;
    --card-border-radius: 0.8rem;
    --card-vertical-padding: 0.8rem;
    --card-horizontal-padding: 0.8rem;
  }
  /* line 180, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--size-small-lg > .subsurface,
.vivid .card--size-small-lg > .card__collapsible-container > .subsurface {
    padding: 0.8rem 1.2rem;
  }
  /* line 188, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-lg,
.vivid .card--layout-vertical-lg.card__collapsible-container {
    flex-direction: column;
    align-items: initial;
  }
  /* line 192, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-lg > .subsurface,
.vivid .card.card--layout-vertical-lg > .card__media,
.vivid .card--layout-vertical-lg.card__collapsible-container > .subsurface,
.vivid .card--layout-vertical-lg.card__collapsible-container > .card__media {
    border-radius: 0;
  }
  /* line 196, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-lg > .subsurface:first-child,
.vivid .card.card--layout-vertical-lg > .card__media:first-child,
.vivid .card--layout-vertical-lg.card__collapsible-container > .subsurface:first-child,
.vivid .card--layout-vertical-lg.card__collapsible-container > .card__media:first-child {
    border-top-left-radius: var(--card-border-radius, 1.2rem);
    border-top-right-radius: var(--card-border-radius, 1.2rem);
  }
  /* line 201, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-lg > .subsurface:last-child,
.vivid .card.card--layout-vertical-lg > .card__media:last-child,
.vivid .card--layout-vertical-lg.card__collapsible-container > .subsurface:last-child,
.vivid .card--layout-vertical-lg.card__collapsible-container > .card__media:last-child {
    border-bottom-left-radius: var(--card-border-radius, 1.2rem);
    border-bottom-right-radius: var(--card-border-radius, 1.2rem);
  }
  /* line 208, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-reverse-lg,
.vivid .card--layout-vertical-reverse-lg.card__collapsible-container {
    flex-direction: column-reverse;
    align-items: initial;
  }
  /* line 212, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-reverse-lg > .subsurface,
.vivid .card.card--layout-vertical-reverse-lg > .card__media,
.vivid .card--layout-vertical-reverse-lg.card__collapsible-container > .subsurface,
.vivid .card--layout-vertical-reverse-lg.card__collapsible-container > .card__media {
    border-radius: 0;
  }
  /* line 216, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-reverse-lg > .subsurface:last-child,
.vivid .card.card--layout-vertical-reverse-lg > .card__media:last-child,
.vivid .card--layout-vertical-reverse-lg.card__collapsible-container > .subsurface:last-child,
.vivid .card--layout-vertical-reverse-lg.card__collapsible-container > .card__media:last-child {
    border-top-left-radius: var(--card-border-radius, 1.2rem);
    border-top-right-radius: var(--card-border-radius, 1.2rem);
  }
  /* line 221, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-vertical-reverse-lg > .subsurface:first-child,
.vivid .card.card--layout-vertical-reverse-lg > .card__media:first-child,
.vivid .card--layout-vertical-reverse-lg.card__collapsible-container > .subsurface:first-child,
.vivid .card--layout-vertical-reverse-lg.card__collapsible-container > .card__media:first-child {
    border-bottom-left-radius: var(--card-border-radius, 1.2rem);
    border-bottom-right-radius: var(--card-border-radius, 1.2rem);
  }
  /* line 228, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-lg,
.vivid .card--layout-horizontal-lg.card__collapsible-container {
    flex-direction: row;
    align-items: center;
  }
  /* line 234, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-lg > .subsurface:first-child,
.vivid .card.card--layout-horizontal-lg > .card__media:first-child,
.vivid .card--layout-horizontal-lg.card__collapsible-container > .subsurface:first-child,
.vivid .card--layout-horizontal-lg.card__collapsible-container > .card__media:first-child {
    border-top-left-radius: var(--card-border-radius, 1.2rem);
    border-bottom-left-radius: var(--card-border-radius, 1.2rem);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  /* line 241, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-lg > .subsurface:last-child,
.vivid .card.card--layout-horizontal-lg > .card__media:last-child,
.vivid .card--layout-horizontal-lg.card__collapsible-container > .subsurface:last-child,
.vivid .card--layout-horizontal-lg.card__collapsible-container > .card__media:last-child {
    border-top-right-radius: var(--card-border-radius, 1.2rem);
    border-bottom-right-radius: var(--card-border-radius, 1.2rem);
  }
  /* line 247, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-lg > .card__media.card__media--size-cover,
.vivid .card--layout-horizontal-lg.card__collapsible-container > .card__media.card__media--size-cover {
    width: 50%;
    flex: 1 0 auto;
  }
  /* line 253, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-reverse-lg,
.vivid .card--layout-horizontal-reverse-lg.card__collapsible-container {
    flex-direction: row-reverse;
    align-items: center;
  }
  /* line 259, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-reverse-lg > .subsurface:first-child,
.vivid .card.card--layout-horizontal-reverse-lg > .card__media:first-child,
.vivid .card--layout-horizontal-reverse-lg.card__collapsible-container > .subsurface:first-child,
.vivid .card--layout-horizontal-reverse-lg.card__collapsible-container > .card__media:first-child {
    border-top-right-radius: var(--card-border-radius, 1.2rem);
    border-bottom-right-radius: var(--card-border-radius, 1.2rem);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  /* line 266, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-reverse-lg > .subsurface:last-child,
.vivid .card.card--layout-horizontal-reverse-lg > .card__media:last-child,
.vivid .card--layout-horizontal-reverse-lg.card__collapsible-container > .subsurface:last-child,
.vivid .card--layout-horizontal-reverse-lg.card__collapsible-container > .card__media:last-child {
    border-top-left-radius: var(--card-border-radius, 1.2rem);
    border-bottom-left-radius: var(--card-border-radius, 1.2rem);
  }
  /* line 272, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.card--layout-horizontal-reverse-lg > .card__media.card__media--size-cover,
.vivid .card--layout-horizontal-reverse-lg.card__collapsible-container > .card__media.card__media--size-cover {
    width: 50%;
    flex: 1 0 auto;
  }
}

@media (max-width: 767px) {
  /* line 294, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--bleed {
    border-radius: 0;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  /* line 299, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--bleed:not(.sticky-top--stuck) {
    box-shadow: none;
  }
  /* line 303, app/assets/stylesheets/vivid/card.scss */
  .vivid .card--bleed .card__body,
.vivid .card--bleed .card__ribbon,
.vivid .card--bleed .card__header,
.vivid .card--bleed .card__footer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (max-width: 767px) {
  /* line 315, app/assets/stylesheets/vivid/card.scss */
  body.product-page--variant-captured .card--bleed {
    margin-left: -3rem;
    margin-right: -3rem;
  }
}

@media print {
  /* line 325, app/assets/stylesheets/vivid/card.scss */
  .vivid .card.surface--color[class*="surface--elevation-"] {
    box-shadow: none;
    border: solid 0.2rem;
  }
}

/* line 2, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel {
  border: 0;
  margin: 0;
  flex: auto;
  border-radius: 1.2rem;
  flex-direction: column;
  position: relative;
}

@media (min-width: 768px) {
  /* line 2, app/assets/stylesheets/vivid/panel.scss */
  .vivid .vivid-panel {
    border-radius: 2rem;
  }
}

/* line 14, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel > div.subsurface {
  padding: 2rem 3rem;
}

/* line 17, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel > div.subsurface:empty {
  display: none;
}

/* line 21, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel > div.subsurface:not(.surface--color) + :not(.surface--color) {
  padding-top: 0;
}

/* line 25, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel > div.subsurface.vivid-panel__subject:not(.surface--color) {
  padding-bottom: 0;
}

/* line 32, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel > div.subsurface:first-of-type,
.vivid .vivid-panel > div.vivid-panel__cover:first-of-type {
  border-top-left-radius: 1.2rem;
  border-top-right-radius: 1.2rem;
}

@media (min-width: 768px) {
  /* line 32, app/assets/stylesheets/vivid/panel.scss */
  .vivid .vivid-panel > div.subsurface:first-of-type,
.vivid .vivid-panel > div.vivid-panel__cover:first-of-type {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
  }
}

/* line 42, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel > div.subsurface:last-of-type,
.vivid .vivid-panel > div.vivid-panel__cover:last-of-type {
  border-bottom-left-radius: 1.2rem;
  border-bottom-right-radius: 1.2rem;
}

@media (min-width: 768px) {
  /* line 42, app/assets/stylesheets/vivid/panel.scss */
  .vivid .vivid-panel > div.subsurface:last-of-type,
.vivid .vivid-panel > div.vivid-panel__cover:last-of-type {
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
  }
}

/* line 53, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel .hr--bleed {
  margin-left: -3rem;
  margin-right: -3rem;
}

/* line 59, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

/* line 65, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel__header,
.vivid .vivid-panel__subject,
.vivid .vivid-panel__ornament {
  flex: 0 0 0;
  text-align: center;
}

/* line 72, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel__ornament__content {
  margin-bottom: 2rem;
}

/* line 76, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel__cover {
  overflow: hidden;
}

/* line 80, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel__footer {
  flex: 0 0 0;
}

/* line 84, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel__footnote {
  margin-top: 2rem;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}

@media (min-width: 768px) {
  /* line 84, app/assets/stylesheets/vivid/panel.scss */
  .vivid .vivid-panel__footnote {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

/* line 95, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel__controls {
  position: absolute;
  right: 1.5rem;
  top: 1rem;
  z-index: 1000;
}

@media (min-width: 768px) {
  /* line 95, app/assets/stylesheets/vivid/panel.scss */
  .vivid .vivid-panel__controls {
    right: 3rem;
    top: 2.5rem;
  }
}

/* line 107, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel--with-ornament-large {
  padding-top: 4.4rem;
}

/* line 108, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel--with-ornament-large .vivid-panel__ornament {
  margin-top: -4.4rem;
}

/* line 115, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel--with-ornament-medium {
  padding-top: 3.3rem;
}

/* line 116, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel--with-ornament-medium .vivid-panel__ornament {
  margin-top: -3.3rem;
}

/* line 123, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* line 130, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel--display-flex {
  display: flex;
}

/* line 135, app/assets/stylesheets/vivid/panel.scss */
.vivid .vivid-panel--variant-product .vivid-panel__body {
  padding-top: 0;
}

@media (min-width: 768px) {
  /* line 140, app/assets/stylesheets/vivid/panel.scss */
  .vivid .vivid-panel--variant-product .vivid-panel__body,
.vivid .vivid-panel--variant-product .vivid-panel__header,
.vivid .vivid-panel--variant-product .vivid-panel__footer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (max-width: 767px) {
  /* line 154, app/assets/stylesheets/vivid/panel.scss */
  .vivid-page--variant-bright #body-container:not(.body-container--full-bleed) .vivid-panel--canvas-collapse .vivid-panel__body,
.vivid-page--variant-bright #body-container:not(.body-container--full-bleed) .vivid-panel--canvas-collapse .vivid-panel__header,
.vivid-page--variant-bright #body-container:not(.body-container--full-bleed) .vivid-panel--canvas-collapse .vivid-panel__footer,
.vivid-page--variant-bright #body-container:not(.body-container--full-bleed) .vivid-panel--canvas-collapse .vivid-panel__footnote {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 165, app/assets/stylesheets/vivid/panel.scss */
.vivid-page--variant-bright .vivid-panel.vivid-panel--canvas-collapse {
  box-shadow: none;
}

@media (max-width: 767px) {
  /* line 169, app/assets/stylesheets/vivid/panel.scss */
  .vivid-page--variant-bright .vivid-panel.vivid-panel--canvas-collapse .vivid-panel__footnote {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  /* line 178, app/assets/stylesheets/vivid/panel.scss */
  .vivid-page--variant-bright .body-container--full-bleed .vivid-panel--canvas-collapse .vivid-panel__body,
.vivid-page--variant-bright .body-container--full-bleed .vivid-panel--canvas-collapse .vivid-panel__header,
.vivid-page--variant-bright .body-container--full-bleed .vivid-panel--canvas-collapse .vivid-panel__footer,
.vivid-page--variant-bright .body-container--full-bleed .vivid-panel--canvas-collapse .vivid-panel__footnote {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 189, app/assets/stylesheets/vivid/panel.scss */
  .vivid-page--variant-bright .vivid-panel.vivid-panel--canvas-collapse:not(.vivid-panel--variant-product) {
    box-shadow: 0 0 0 0.1rem #e3e3e3;
  }
}

/* line 3, app/assets/stylesheets/vivid/modal.scss */
.vivid .modal-panel {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

/* line 18, app/assets/stylesheets/vivid/modal.scss */
.vivid .modal-panel.fade .vivid-panel__wrapper {
  transform: scale(1.1);
  transition: transform 0.15s ease-out;
}

/* line 23, app/assets/stylesheets/vivid/modal.scss */
.vivid .modal-panel.in .vivid-panel__wrapper {
  transform: scale(1);
}

/* line 27, app/assets/stylesheets/vivid/modal.scss */
.vivid .modal-panel .vivid-panel__wrapper {
  height: 100%;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: none;
}

/* line 35, app/assets/stylesheets/vivid/modal.scss */
.vivid .modal-panel .vivid-panel {
  position: relative;
  margin: auto;
  pointer-events: auto;
  flex: none;
  display: flex;
  max-width: 100vw;
}

/* line 46, app/assets/stylesheets/vivid/modal.scss */
.vivid .modal-panel .modal-dialog {
  width: auto;
}

/* line 52, app/assets/stylesheets/vivid/modal.scss */
.vivid .modal-panel--type-dialog .vivid-panel {
  max-width: 64rem;
}

/* line 56, app/assets/stylesheets/vivid/modal.scss */
.vivid .modal-panel--type-dialog .vivid-panel__wrapper {
  padding: 1rem 1.5rem;
}

/* line 62, app/assets/stylesheets/vivid/modal.scss */
.vivid .modal-panel--type-confirmation .vivid-panel {
  max-width: 480px;
}

/* line 66, app/assets/stylesheets/vivid/modal.scss */
.vivid .modal-panel--type-confirmation .vivid-panel__wrapper {
  padding: 2rem 3rem;
}

/* line 74, app/assets/stylesheets/vivid/modal.scss */
.vivid .modal-panel--type-sheet .vivid-panel,
.vivid .modal-panel--type-confirmation_sheet .vivid-panel,
.vivid .modal-panel--type-overlay .vivid-panel {
  width: 100%;
  max-height: 100%;
}

@media (min-width: 768px) {
  /* line 74, app/assets/stylesheets/vivid/modal.scss */
  .vivid .modal-panel--type-sheet .vivid-panel,
.vivid .modal-panel--type-confirmation_sheet .vivid-panel,
.vivid .modal-panel--type-overlay .vivid-panel {
    max-width: 768px;
  }
}

/* line 83, app/assets/stylesheets/vivid/modal.scss */
.vivid .modal-panel--type-sheet .vivid-panel__wrapper,
.vivid .modal-panel--type-confirmation_sheet .vivid-panel__wrapper,
.vivid .modal-panel--type-overlay .vivid-panel__wrapper {
  padding: 1rem 1.5rem;
}

@media (max-width: 480px) {
  /* line 88, app/assets/stylesheets/vivid/modal.scss */
  .vivid .modal-panel--type-sheet .vivid-panel__wrapper,
.vivid .modal-panel--type-confirmation_sheet .vivid-panel__wrapper,
.vivid .modal-panel--type-overlay .vivid-panel__wrapper {
    padding: 4rem 0 0 0;
  }
  /* line 92, app/assets/stylesheets/vivid/modal.scss */
  .vivid .modal-panel--type-sheet.fade,
.vivid .modal-panel--type-confirmation_sheet.fade,
.vivid .modal-panel--type-overlay.fade {
    opacity: 1;
  }
  /* line 96, app/assets/stylesheets/vivid/modal.scss */
  .vivid .modal-panel--type-sheet.fade .vivid-panel__wrapper,
.vivid .modal-panel--type-confirmation_sheet.fade .vivid-panel__wrapper,
.vivid .modal-panel--type-overlay.fade .vivid-panel__wrapper {
    transform: translate(0, 100vh);
  }
  /* line 100, app/assets/stylesheets/vivid/modal.scss */
  .vivid .modal-panel--type-sheet.in .vivid-panel__wrapper,
.vivid .modal-panel--type-confirmation_sheet.in .vivid-panel__wrapper,
.vivid .modal-panel--type-overlay.in .vivid-panel__wrapper {
    transform: translate(0, 0);
  }
  /* line 104, app/assets/stylesheets/vivid/modal.scss */
  .vivid .modal-panel--type-sheet .vivid-panel,
.vivid .modal-panel--type-confirmation_sheet .vivid-panel,
.vivid .modal-panel--type-overlay .vivid-panel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    max-height: 100%;
    margin-bottom: 0;
    box-shadow: 0 -0.5rem 0.5rem -0.3rem rgba(0, 0, 0, 0.1), 0 -0.8rem 1rem 0.1rem rgba(0, 0, 0, 0.07), 0 -0.3rem 1.4rem 0.2rem rgba(0, 0, 0, 0.06);
  }
  /* line 115, app/assets/stylesheets/vivid/modal.scss */
  .vivid .modal-panel--type-sheet .vivid-panel__body,
.vivid .modal-panel--type-confirmation_sheet .vivid-panel__body,
.vivid .modal-panel--type-overlay .vivid-panel__body {
    padding-bottom: 2rem;
  }
  /* line 118, app/assets/stylesheets/vivid/modal.scss */
  .vivid .modal-panel--type-sheet .vivid-panel__body:last-child,
.vivid .modal-panel--type-confirmation_sheet .vivid-panel__body:last-child,
.vivid .modal-panel--type-overlay .vivid-panel__body:last-child {
    padding-bottom: calc(2rem + var(--safe-area-inset-bottom));
  }
  /* line 123, app/assets/stylesheets/vivid/modal.scss */
  .vivid .modal-panel--type-sheet .subsurface:not(.surface--color) + .vivid-panel__body,
.vivid .modal-panel--type-confirmation_sheet .subsurface:not(.surface--color) + .vivid-panel__body,
.vivid .modal-panel--type-overlay .subsurface:not(.surface--color) + .vivid-panel__body {
    padding-top: 0.2rem;
    margin-top: -0.2rem;
  }
  /* line 129, app/assets/stylesheets/vivid/modal.scss */
  .vivid .modal-panel--type-sheet .vivid-panel > div.subsurface.vivid-panel__footer,
.vivid .modal-panel--type-confirmation_sheet .vivid-panel > div.subsurface.vivid-panel__footer,
.vivid .modal-panel--type-overlay .vivid-panel > div.subsurface.vivid-panel__footer {
    padding-bottom: calc(max(2rem, var(--safe-area-inset-bottom)));
    padding-top: 2rem;
  }
  /* line 134, app/assets/stylesheets/vivid/modal.scss */
  .vivid .modal-panel--type-sheet .vivid-panel__footer__content,
.vivid .modal-panel--type-confirmation_sheet .vivid-panel__footer__content,
.vivid .modal-panel--type-overlay .vivid-panel__footer__content {
    margin: 0;
  }
}

/* line 140, app/assets/stylesheets/vivid/modal.scss */
.vivid .modal-panel--type-sheet.modal-panel--overflown .vivid-panel__body,
.vivid .modal-panel--type-confirmation_sheet.modal-panel--overflown .vivid-panel__body,
.vivid .modal-panel--type-overlay.modal-panel--overflown .vivid-panel__body {
  overflow-x: hidden;
  overflow-y: auto;
}

@media (max-width: 480px) {
  /* line 146, app/assets/stylesheets/vivid/modal.scss */
  .vivid .modal-panel--type-sheet.modal-panel--overflown .vivid-panel > div.subsurface.vivid-panel__footer,
.vivid .modal-panel--type-confirmation_sheet.modal-panel--overflown .vivid-panel > div.subsurface.vivid-panel__footer,
.vivid .modal-panel--type-overlay.modal-panel--overflown .vivid-panel > div.subsurface.vivid-panel__footer {
    z-index: 1;
    box-shadow: 0 -0.2rem 0.1rem -0.1rem rgba(0, 0, 0, 0.1), 0 -0.1rem 0.1rem 0 rgba(0, 0, 0, 0.07), 0 -0.1rem 0.3rem 0 rgba(0, 0, 0, 0.06);
  }
}

@media (min-width: 481px) {
  /* line 159, app/assets/stylesheets/vivid/modal.scss */
  .vivid .modal-panel--type-confirmation_sheet .vivid-panel {
    max-width: 480px;
  }
  /* line 163, app/assets/stylesheets/vivid/modal.scss */
  .vivid .modal-panel--type-confirmation_sheet .vivid-panel__wrapper {
    padding: 1rem 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 171, app/assets/stylesheets/vivid/modal.scss */
  .vivid .modal-panel--type-confirmation_sheet .vivid-panel > .vivid-panel__controls + div.subsurface:first-of-type {
    padding-top: 5rem;
  }
}

@media (min-width: 768px) {
  /* line 181, app/assets/stylesheets/vivid/modal.scss */
  .vivid .modal-panel--type-overlay .vivid-panel {
    max-width: initial;
  }
  /* line 185, app/assets/stylesheets/vivid/modal.scss */
  .vivid .modal-panel--type-overlay .vivid-panel__wrapper {
    padding: 1rem 1.5rem;
  }
}

/* line 191, app/assets/stylesheets/vivid/modal.scss */
.vivid .modal-panel__cover {
  display: flex;
  height: 100vh;
  align-items: center;
  justify-content: center;
  padding: 2rem 3rem;
}

@media (min-width: 992px) {
  /* line 191, app/assets/stylesheets/vivid/modal.scss */
  .vivid .modal-panel__cover {
    padding: 5rem 6rem;
  }
}

/* line 203, app/assets/stylesheets/vivid/modal.scss */
.vivid .modal-panel__cover .modal-panel__close {
  color: #fff;
  opacity: 0.75;
  position: absolute;
  right: 1.5rem;
  top: calc(var(--safe-area-inset-top) + 1.5rem);
}

/* line 210, app/assets/stylesheets/vivid/modal.scss */
.vivid .modal-panel__cover .modal-panel__close .icon {
  font-size: 3.6rem;
}

/* line 216, app/assets/stylesheets/vivid/modal.scss */
.vivid .modal-panel__close {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  mix-blend-mode: difference;
  opacity: 0.35;
}

/* line 231, app/assets/stylesheets/vivid/modal.scss */
.modal-open {
  overflow: hidden;
}

/* line 236, app/assets/stylesheets/vivid/modal.scss */
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

/* line 252, app/assets/stylesheets/vivid/modal.scss */
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 258, app/assets/stylesheets/vivid/modal.scss */
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

/* line 268, app/assets/stylesheets/vivid/modal.scss */
.modal-backdrop.fade {
  opacity: 0;
}

/* line 271, app/assets/stylesheets/vivid/modal.scss */
.modal-backdrop.in {
  opacity: 0.75;
}

/* line 275, app/assets/stylesheets/vivid/modal.scss */
.modal-backdrop ~ .modal-backdrop {
  z-index: 1050;
}

/* line 278, app/assets/stylesheets/vivid/modal.scss */
.modal-backdrop ~ .modal-backdrop.in {
  opacity: 0;
}

/* line 283, app/assets/stylesheets/vivid/modal.scss */
.modal-backdrop ~ * .modal-panel {
  z-index: 1060;
}

/* line 150, app/assets/stylesheets/vivid/button.scss */
.vivid .btn {
  padding: 1.2rem 1.6rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  border-radius: 0.6rem;
  min-height: 5rem;
  text-align: center;
  text-overflow: ellipsis;
  text-transform: none;
  letter-spacing: initial;
  white-space: normal;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  letter-spacing: 0;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-width: 0.2rem;
  border-style: solid;
  outline: none;
  text-decoration: none;
  user-select: none;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-touch-callout: none;
}

/* line 144, app/assets/stylesheets/vivid/button.scss */
.vivid .btn.btn-circle {
  width: 5rem;
}

/* line 180, app/assets/stylesheets/vivid/button.scss */
.vivid .btn:focus {
  outline: none;
}

/* line 184, app/assets/stylesheets/vivid/button.scss */
.vivid .btn.disabled, .vivid .btn[disabled], fieldset[disabled] .vivid .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 192, app/assets/stylesheets/vivid/button.scss */
.vivid .btn:not(.btn-link):not(.btn-composite) {
  font-weight: 700;
}

/* line 196, app/assets/stylesheets/vivid/button.scss */
.vivid .btn.btn-pill {
  border-radius: 25vh;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

/* line 202, app/assets/stylesheets/vivid/button.scss */
.vivid .btn.btn-wide {
  padding-left: 5rem;
  padding-right: 5rem;
}

/* line 207, app/assets/stylesheets/vivid/button.scss */
.vivid .btn.btn-narrow {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

/* line 212, app/assets/stylesheets/vivid/button.scss */
.vivid .btn.btn-circle {
  padding: 0 !important;
  text-align: center;
}

@media (hover: none) {
  /* line 150, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn {
    -webkit-tap-highlight-color: rgba(30, 30, 30, 0.08);
  }
}

/* line 225, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-lg {
  padding: 2rem 3rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  border-radius: 0.8rem;
  min-height: 6.6rem;
}

/* line 144, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-lg.btn-circle {
  width: 6.6rem;
}

/* line 234, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-lg.btn-pill {
  padding-left: 3.3rem;
  padding-right: 3.3rem;
}

/* line 239, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-lg.btn-wide {
  padding-left: 6.6rem;
  padding-right: 6.6rem;
}

/* line 244, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-lg.btn-narrow {
  padding-left: 1.65rem;
  padding-right: 1.65rem;
}

/* line 250, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-md {
  padding: 0.5rem 1.2rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  border-radius: 0.5rem;
  min-height: 3.6rem;
  font-weight: 600;
}

/* line 144, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-md.btn-circle {
  width: 3.6rem;
}

/* line 261, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-md.btn-pill {
  padding-left: 1.8rem;
  padding-right: 1.8rem;
}

/* line 266, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-md.btn-wide {
  padding-left: 3.6rem;
  padding-right: 3.6rem;
}

/* line 271, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-md.btn-narrow {
  padding-left: 0.9rem;
  padding-right: 0.9rem;
}

/* line 276, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-md.btn-composite {
  border-radius: 0.8rem;
}

/* line 281, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-sm {
  padding: 0rem 1rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  border-radius: 0.6rem;
  min-height: 2.2rem;
}

/* line 144, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-sm.btn-circle {
  width: 2.2rem;
}

/* line 290, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-sm:not(.btn-link):not(.btn-composite) {
  font-weight: 600;
}

/* line 294, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-sm.btn-pill {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

/* line 299, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-sm.btn-wide {
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}

/* line 304, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-sm.btn-narrow {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}

/* line 309, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-sm.btn-circle {
  width: 2rem;
}

/* line 313, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-sm.btn-composite {
  border-radius: 0.8rem;
}

/* line 318, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-primary {
  --button-color: #fff;
  --button-bg-color: #1942d8;
  --button-border-color: #1942d8;
  --button-focus-color: #1942d8;
  outline: none;
  color: #fff;
  background-color: #1942d8;
  border-color: #1942d8;
  text-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 28, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-primary.active:not(.btn-composite), .vivid .btn-primary:active:not(.btn-composite), .open > .vivid .btn-primary.dropdown-toggle {
  outline: none;
  color: #fff;
  box-shadow: none;
}

/* line 35, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-primary.active:not(.btn-composite):hover, .vivid .btn-primary.active:not(.btn-composite):focus, .vivid .btn-primary.active.focus:not(.btn-composite), .vivid .btn-primary:active:not(.btn-composite):hover, .vivid .btn-primary:active:not(.btn-composite):focus, .vivid .btn-primary.focus:active:not(.btn-composite), .open > .vivid .btn-primary.dropdown-toggle:hover, .open > .vivid .btn-primary.dropdown-toggle:focus, .open > .vivid .btn-primary.dropdown-toggle.focus {
  color: #fff;
}

/* line 41, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-primary:focus, .vivid .btn-primary.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, #1942d8);
}

@media (hover: hover), all and (-ms-high-contrast: none) {
  /* line 52, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-primary:hover {
    border-color: #1942d8;
  }
  /* line 55, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-primary.btn-composite:hover {
    box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, #1942d8);
  }
}

/* line 64, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-primary .badge--color-default {
  color: #1942d8;
  background-color: #fff;
}

/* line 69, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-primary.btn-soft {
  --button-color: #1942d8;
  --button-bg-color: #dae2ff;
  --button-border-color: transparent;
  --button-focus-color: #1942d8;
  color: #1942d8;
  background-color: #dae2ff;
  border-color: transparent;
}

/* line 79, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-primary.btn-soft:active {
  background-color: #dae2ff;
}

/* line 84, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-primary.btn-soft:active:hover, .vivid .btn-primary.btn-soft:active:focus {
  color: #1942d8;
  background-color: #dae2ff;
}

/* line 93, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-primary.btn-surface-trim:focus, .vivid .btn-primary.btn-surface-trim.focus, .vivid .btn-primary.btn-surface-trim:hover, .vivid .btn-primary.btn-surface-trim.hover {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--surface-color, #1942d8);
}

/* line 104, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-primary.btn-elevated {
  box-shadow: 0 0.11em 0.83em rgba(25, 66, 216, 0.3);
}

/* line 107, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-primary.btn-elevated:focus, .vivid .btn-primary.btn-elevated.focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #1942d8, 0 0.11em 0.83em rgba(25, 66, 216, 0.3);
}

/* line 115, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-primary.btn-elevated.disabled, .vivid .btn-primary.btn-elevated[disabled], fieldset[disabled] .vivid .btn-primary.btn-elevated {
  box-shadow: none;
}

/* line 120, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-primary.btn-elevated.disabled:hover, .vivid .btn-primary.btn-elevated.disabled:focus, .vivid .btn-primary.btn-elevated.disabled.focus, .vivid .btn-primary.btn-elevated[disabled]:hover, .vivid .btn-primary.btn-elevated[disabled]:focus, .vivid .btn-primary.btn-elevated.focus[disabled], fieldset[disabled] .vivid .btn-primary.btn-elevated:hover, fieldset[disabled] .vivid .btn-primary.btn-elevated:focus, fieldset[disabled] .vivid .btn-primary.btn-elevated.focus {
  background-color: #1942d8;
  border-color: #1942d8;
}

/* line 327, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-secondary {
  --button-color: #1e1e1e;
  --button-bg-color: #dae2ff;
  --button-border-color: #dae2ff;
  --button-focus-color: #dae2ff;
  outline: none;
  color: #1e1e1e;
  background-color: #dae2ff;
  border-color: #dae2ff;
  text-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 28, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-secondary.active:not(.btn-composite), .vivid .btn-secondary:active:not(.btn-composite), .open > .vivid .btn-secondary.dropdown-toggle {
  outline: none;
  color: #1e1e1e;
  box-shadow: none;
}

/* line 35, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-secondary.active:not(.btn-composite):hover, .vivid .btn-secondary.active:not(.btn-composite):focus, .vivid .btn-secondary.active.focus:not(.btn-composite), .vivid .btn-secondary:active:not(.btn-composite):hover, .vivid .btn-secondary:active:not(.btn-composite):focus, .vivid .btn-secondary.focus:active:not(.btn-composite), .open > .vivid .btn-secondary.dropdown-toggle:hover, .open > .vivid .btn-secondary.dropdown-toggle:focus, .open > .vivid .btn-secondary.dropdown-toggle.focus {
  color: #1e1e1e;
}

/* line 41, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-secondary:focus, .vivid .btn-secondary.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, #dae2ff);
}

@media (hover: hover), all and (-ms-high-contrast: none) {
  /* line 52, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-secondary:hover {
    border-color: #dae2ff;
  }
  /* line 55, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-secondary.btn-composite:hover {
    box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, #dae2ff);
  }
}

/* line 64, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-secondary .badge--color-default {
  color: #dae2ff;
  background-color: #1e1e1e;
}

/* line 69, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-secondary.btn-soft {
  --button-color: #dae2ff;
  --button-bg-color: rgba(218, 226, 255, 0.08);
  --button-border-color: transparent;
  --button-focus-color: #dae2ff;
  color: #dae2ff;
  background-color: rgba(218, 226, 255, 0.08);
  border-color: transparent;
}

/* line 79, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-secondary.btn-soft:active {
  background-color: rgba(218, 226, 255, 0.08);
}

/* line 84, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-secondary.btn-soft:active:hover, .vivid .btn-secondary.btn-soft:active:focus {
  color: #dae2ff;
  background-color: rgba(218, 226, 255, 0.08);
}

/* line 93, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-secondary.btn-surface-trim:focus, .vivid .btn-secondary.btn-surface-trim.focus, .vivid .btn-secondary.btn-surface-trim:hover, .vivid .btn-secondary.btn-surface-trim.hover {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--surface-color, #dae2ff);
}

/* line 104, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-secondary.btn-elevated {
  box-shadow: 0 0.11em 0.83em rgba(218, 226, 255, 0.3);
}

/* line 107, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-secondary.btn-elevated:focus, .vivid .btn-secondary.btn-elevated.focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #dae2ff, 0 0.11em 0.83em rgba(218, 226, 255, 0.3);
}

/* line 115, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-secondary.btn-elevated.disabled, .vivid .btn-secondary.btn-elevated[disabled], fieldset[disabled] .vivid .btn-secondary.btn-elevated {
  box-shadow: none;
}

/* line 120, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-secondary.btn-elevated.disabled:hover, .vivid .btn-secondary.btn-elevated.disabled:focus, .vivid .btn-secondary.btn-elevated.disabled.focus, .vivid .btn-secondary.btn-elevated[disabled]:hover, .vivid .btn-secondary.btn-elevated[disabled]:focus, .vivid .btn-secondary.btn-elevated.focus[disabled], fieldset[disabled] .vivid .btn-secondary.btn-elevated:hover, fieldset[disabled] .vivid .btn-secondary.btn-elevated:focus, fieldset[disabled] .vivid .btn-secondary.btn-elevated.focus {
  background-color: #dae2ff;
  border-color: #dae2ff;
}

/* line 331, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-default {
  --button-color: #1e1e1e;
  --button-bg-color: #fff;
  --button-border-color: #1e1e1e;
  --button-focus-color: #1e1e1e;
  outline: none;
  color: #1e1e1e;
  background-color: #fff;
  border-color: #1e1e1e;
  text-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 28, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-default.active:not(.btn-composite), .vivid .btn-default:active:not(.btn-composite), .open > .vivid .btn-default.dropdown-toggle {
  outline: none;
  color: #1e1e1e;
  box-shadow: none;
}

/* line 35, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-default.active:not(.btn-composite):hover, .vivid .btn-default.active:not(.btn-composite):focus, .vivid .btn-default.active.focus:not(.btn-composite), .vivid .btn-default:active:not(.btn-composite):hover, .vivid .btn-default:active:not(.btn-composite):focus, .vivid .btn-default.focus:active:not(.btn-composite), .open > .vivid .btn-default.dropdown-toggle:hover, .open > .vivid .btn-default.dropdown-toggle:focus, .open > .vivid .btn-default.dropdown-toggle.focus {
  color: #1e1e1e;
}

/* line 41, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-default:focus, .vivid .btn-default.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, #1e1e1e);
}

@media (hover: hover), all and (-ms-high-contrast: none) {
  /* line 52, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-default:hover {
    border-color: #1e1e1e;
  }
  /* line 55, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-default.btn-composite:hover {
    box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, #1e1e1e);
  }
}

/* line 64, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-default .badge--color-default {
  color: #fff;
  background-color: #1e1e1e;
}

/* line 69, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-default.btn-soft {
  --button-color: #1e1e1e;
  --button-bg-color: rgba(94, 106, 141, 0.08);
  --button-border-color: transparent;
  --button-focus-color: #1e1e1e;
  color: #1e1e1e;
  background-color: rgba(94, 106, 141, 0.08);
  border-color: transparent;
}

/* line 79, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-default.btn-soft:active {
  background-color: rgba(94, 106, 141, 0.08);
}

/* line 84, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-default.btn-soft:active:hover, .vivid .btn-default.btn-soft:active:focus {
  color: #1e1e1e;
  background-color: rgba(94, 106, 141, 0.08);
}

/* line 93, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-default.btn-surface-trim:focus, .vivid .btn-default.btn-surface-trim.focus, .vivid .btn-default.btn-surface-trim:hover, .vivid .btn-default.btn-surface-trim.hover {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--surface-color, #1e1e1e);
}

/* line 104, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-default.btn-elevated {
  box-shadow: 0 0.11em 0.83em rgba(255, 255, 255, 0.3);
}

/* line 107, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-default.btn-elevated:focus, .vivid .btn-default.btn-elevated.focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #1e1e1e, 0 0.11em 0.83em rgba(255, 255, 255, 0.3);
}

/* line 115, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-default.btn-elevated.disabled, .vivid .btn-default.btn-elevated[disabled], fieldset[disabled] .vivid .btn-default.btn-elevated {
  box-shadow: none;
}

/* line 120, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-default.btn-elevated.disabled:hover, .vivid .btn-default.btn-elevated.disabled:focus, .vivid .btn-default.btn-elevated.disabled.focus, .vivid .btn-default.btn-elevated[disabled]:hover, .vivid .btn-default.btn-elevated[disabled]:focus, .vivid .btn-default.btn-elevated.focus[disabled], fieldset[disabled] .vivid .btn-default.btn-elevated:hover, fieldset[disabled] .vivid .btn-default.btn-elevated:focus, fieldset[disabled] .vivid .btn-default.btn-elevated.focus {
  background-color: #fff;
  border-color: #1e1e1e;
}

/* line 341, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-text {
  --button-color: var(--surface-contrast-color, #444444);
  --button-bg-color: transparent;
  --button-border-color: currentColor;
  --button-focus-color: currentColor;
  outline: none;
  color: var(--surface-contrast-color, #444444);
  background-color: transparent;
  border-color: currentColor;
  text-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 28, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-text.active:not(.btn-composite), .vivid .btn-text:active:not(.btn-composite), .open > .vivid .btn-text.dropdown-toggle {
  outline: none;
  color: var(--surface-contrast-color, #444444);
  box-shadow: none;
}

/* line 35, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-text.active:not(.btn-composite):hover, .vivid .btn-text.active:not(.btn-composite):focus, .vivid .btn-text.active.focus:not(.btn-composite), .vivid .btn-text:active:not(.btn-composite):hover, .vivid .btn-text:active:not(.btn-composite):focus, .vivid .btn-text.focus:active:not(.btn-composite), .open > .vivid .btn-text.dropdown-toggle:hover, .open > .vivid .btn-text.dropdown-toggle:focus, .open > .vivid .btn-text.dropdown-toggle.focus {
  color: var(--surface-contrast-color, #444444);
}

/* line 41, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-text:focus, .vivid .btn-text.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, currentColor);
}

@media (hover: hover), all and (-ms-high-contrast: none) {
  /* line 52, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-text:hover {
    border-color: currentColor;
  }
  /* line 55, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-text.btn-composite:hover {
    box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, currentColor);
  }
}

/* line 64, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-text .badge--color-default {
  color: transparent;
  background-color: var(--surface-contrast-color, #444444);
}

/* line 69, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-text.btn-soft {
  --button-color: rgba(68, 68, 95, 0.6);
  --button-bg-color: transparent;
  --button-border-color: transparent;
  --button-focus-color: rgba(68, 68, 95, 0.6);
  color: rgba(68, 68, 95, 0.6);
  background-color: transparent;
  border-color: transparent;
}

/* line 79, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-text.btn-soft:active {
  background-color: transparent;
}

/* line 84, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-text.btn-soft:active:hover, .vivid .btn-text.btn-soft:active:focus {
  color: rgba(68, 68, 95, 0.6);
  background-color: transparent;
}

/* line 93, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-text.btn-surface-trim:focus, .vivid .btn-text.btn-surface-trim.focus, .vivid .btn-text.btn-surface-trim:hover, .vivid .btn-text.btn-surface-trim.hover {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--surface-color, currentColor);
}

/* line 104, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-text.btn-elevated {
  box-shadow: 0 0.11em 0.83em rgba(0, 0, 0, 0);
}

/* line 107, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-text.btn-elevated:focus, .vivid .btn-text.btn-elevated.focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem currentColor, 0 0.11em 0.83em rgba(0, 0, 0, 0);
}

/* line 115, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-text.btn-elevated.disabled, .vivid .btn-text.btn-elevated[disabled], fieldset[disabled] .vivid .btn-text.btn-elevated {
  box-shadow: none;
}

/* line 120, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-text.btn-elevated.disabled:hover, .vivid .btn-text.btn-elevated.disabled:focus, .vivid .btn-text.btn-elevated.disabled.focus, .vivid .btn-text.btn-elevated[disabled]:hover, .vivid .btn-text.btn-elevated[disabled]:focus, .vivid .btn-text.btn-elevated.focus[disabled], fieldset[disabled] .vivid .btn-text.btn-elevated:hover, fieldset[disabled] .vivid .btn-text.btn-elevated:focus, fieldset[disabled] .vivid .btn-text.btn-elevated.focus {
  background-color: transparent;
  border-color: currentColor;
}

/* line 350, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-text:not(.btn-link):not(.btn-composite) {
  font-weight: normal;
  text-decoration: underline;
}

/* line 356, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-danger {
  --button-color: #fff;
  --button-bg-color: #ff4431;
  --button-border-color: #ff4431;
  --button-focus-color: #ff4431;
  outline: none;
  color: #fff;
  background-color: #ff4431;
  border-color: #ff4431;
  text-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 28, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-danger.active:not(.btn-composite), .vivid .btn-danger:active:not(.btn-composite), .open > .vivid .btn-danger.dropdown-toggle {
  outline: none;
  color: #fff;
  box-shadow: none;
}

/* line 35, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-danger.active:not(.btn-composite):hover, .vivid .btn-danger.active:not(.btn-composite):focus, .vivid .btn-danger.active.focus:not(.btn-composite), .vivid .btn-danger:active:not(.btn-composite):hover, .vivid .btn-danger:active:not(.btn-composite):focus, .vivid .btn-danger.focus:active:not(.btn-composite), .open > .vivid .btn-danger.dropdown-toggle:hover, .open > .vivid .btn-danger.dropdown-toggle:focus, .open > .vivid .btn-danger.dropdown-toggle.focus {
  color: #fff;
}

/* line 41, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-danger:focus, .vivid .btn-danger.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, #ff4431);
}

@media (hover: hover), all and (-ms-high-contrast: none) {
  /* line 52, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-danger:hover {
    border-color: #ff4431;
  }
  /* line 55, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-danger.btn-composite:hover {
    box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, #ff4431);
  }
}

/* line 64, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-danger .badge--color-default {
  color: #ff4431;
  background-color: #fff;
}

/* line 69, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-danger.btn-soft {
  --button-color: #ff4431;
  --button-bg-color: rgba(255, 68, 49, 0.08);
  --button-border-color: transparent;
  --button-focus-color: #ff4431;
  color: #ff4431;
  background-color: rgba(255, 68, 49, 0.08);
  border-color: transparent;
}

/* line 79, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-danger.btn-soft:active {
  background-color: rgba(255, 68, 49, 0.08);
}

/* line 84, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-danger.btn-soft:active:hover, .vivid .btn-danger.btn-soft:active:focus {
  color: #ff4431;
  background-color: rgba(255, 68, 49, 0.08);
}

/* line 93, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-danger.btn-surface-trim:focus, .vivid .btn-danger.btn-surface-trim.focus, .vivid .btn-danger.btn-surface-trim:hover, .vivid .btn-danger.btn-surface-trim.hover {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--surface-color, #ff4431);
}

/* line 104, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-danger.btn-elevated {
  box-shadow: 0 0.11em 0.83em rgba(255, 68, 49, 0.3);
}

/* line 107, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-danger.btn-elevated:focus, .vivid .btn-danger.btn-elevated.focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #ff4431, 0 0.11em 0.83em rgba(255, 68, 49, 0.3);
}

/* line 115, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-danger.btn-elevated.disabled, .vivid .btn-danger.btn-elevated[disabled], fieldset[disabled] .vivid .btn-danger.btn-elevated {
  box-shadow: none;
}

/* line 120, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-danger.btn-elevated.disabled:hover, .vivid .btn-danger.btn-elevated.disabled:focus, .vivid .btn-danger.btn-elevated.disabled.focus, .vivid .btn-danger.btn-elevated[disabled]:hover, .vivid .btn-danger.btn-elevated[disabled]:focus, .vivid .btn-danger.btn-elevated.focus[disabled], fieldset[disabled] .vivid .btn-danger.btn-elevated:hover, fieldset[disabled] .vivid .btn-danger.btn-elevated:focus, fieldset[disabled] .vivid .btn-danger.btn-elevated.focus {
  background-color: #ff4431;
  border-color: #ff4431;
}

/* line 360, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-success {
  --button-color: #000;
  --button-bg-color: #3add6c;
  --button-border-color: #3add6c;
  --button-focus-color: #3add6c;
  outline: none;
  color: #000;
  background-color: #3add6c;
  border-color: #3add6c;
  text-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 28, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-success.active:not(.btn-composite), .vivid .btn-success:active:not(.btn-composite), .open > .vivid .btn-success.dropdown-toggle {
  outline: none;
  color: #000;
  box-shadow: none;
}

/* line 35, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-success.active:not(.btn-composite):hover, .vivid .btn-success.active:not(.btn-composite):focus, .vivid .btn-success.active.focus:not(.btn-composite), .vivid .btn-success:active:not(.btn-composite):hover, .vivid .btn-success:active:not(.btn-composite):focus, .vivid .btn-success.focus:active:not(.btn-composite), .open > .vivid .btn-success.dropdown-toggle:hover, .open > .vivid .btn-success.dropdown-toggle:focus, .open > .vivid .btn-success.dropdown-toggle.focus {
  color: #000;
}

/* line 41, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-success:focus, .vivid .btn-success.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, #3add6c);
}

@media (hover: hover), all and (-ms-high-contrast: none) {
  /* line 52, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-success:hover {
    border-color: #3add6c;
  }
  /* line 55, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-success.btn-composite:hover {
    box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, #3add6c);
  }
}

/* line 64, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-success .badge--color-default {
  color: #3add6c;
  background-color: #000;
}

/* line 69, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-success.btn-soft {
  --button-color: #0c9b38;
  --button-bg-color: rgba(58, 221, 108, 0.08);
  --button-border-color: transparent;
  --button-focus-color: #0c9b38;
  color: #0c9b38;
  background-color: rgba(58, 221, 108, 0.08);
  border-color: transparent;
}

/* line 79, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-success.btn-soft:active {
  background-color: rgba(58, 221, 108, 0.08);
}

/* line 84, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-success.btn-soft:active:hover, .vivid .btn-success.btn-soft:active:focus {
  color: #0c9b38;
  background-color: rgba(58, 221, 108, 0.08);
}

/* line 93, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-success.btn-surface-trim:focus, .vivid .btn-success.btn-surface-trim.focus, .vivid .btn-success.btn-surface-trim:hover, .vivid .btn-success.btn-surface-trim.hover {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--surface-color, #3add6c);
}

/* line 104, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-success.btn-elevated {
  box-shadow: 0 0.11em 0.83em rgba(58, 221, 108, 0.3);
}

/* line 107, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-success.btn-elevated:focus, .vivid .btn-success.btn-elevated.focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #3add6c, 0 0.11em 0.83em rgba(58, 221, 108, 0.3);
}

/* line 115, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-success.btn-elevated.disabled, .vivid .btn-success.btn-elevated[disabled], fieldset[disabled] .vivid .btn-success.btn-elevated {
  box-shadow: none;
}

/* line 120, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-success.btn-elevated.disabled:hover, .vivid .btn-success.btn-elevated.disabled:focus, .vivid .btn-success.btn-elevated.disabled.focus, .vivid .btn-success.btn-elevated[disabled]:hover, .vivid .btn-success.btn-elevated[disabled]:focus, .vivid .btn-success.btn-elevated.focus[disabled], fieldset[disabled] .vivid .btn-success.btn-elevated:hover, fieldset[disabled] .vivid .btn-success.btn-elevated:focus, fieldset[disabled] .vivid .btn-success.btn-elevated.focus {
  background-color: #3add6c;
  border-color: #3add6c;
}

/* line 369, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-urgent {
  --button-color: #fff;
  --button-bg-color: #b9008c;
  --button-border-color: #b9008c;
  --button-focus-color: #b9008c;
  outline: none;
  color: #fff;
  background-color: #b9008c;
  border-color: #b9008c;
  text-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 28, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-urgent.active:not(.btn-composite), .vivid .btn-urgent:active:not(.btn-composite), .open > .vivid .btn-urgent.dropdown-toggle {
  outline: none;
  color: #fff;
  box-shadow: none;
}

/* line 35, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-urgent.active:not(.btn-composite):hover, .vivid .btn-urgent.active:not(.btn-composite):focus, .vivid .btn-urgent.active.focus:not(.btn-composite), .vivid .btn-urgent:active:not(.btn-composite):hover, .vivid .btn-urgent:active:not(.btn-composite):focus, .vivid .btn-urgent.focus:active:not(.btn-composite), .open > .vivid .btn-urgent.dropdown-toggle:hover, .open > .vivid .btn-urgent.dropdown-toggle:focus, .open > .vivid .btn-urgent.dropdown-toggle.focus {
  color: #fff;
}

/* line 41, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-urgent:focus, .vivid .btn-urgent.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, #b9008c);
}

@media (hover: hover), all and (-ms-high-contrast: none) {
  /* line 52, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-urgent:hover {
    border-color: #b9008c;
  }
  /* line 55, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-urgent.btn-composite:hover {
    box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, #b9008c);
  }
}

/* line 64, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-urgent .badge--color-default {
  color: #b9008c;
  background-color: #fff;
}

/* line 69, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-urgent.btn-soft {
  --button-color: #b9008c;
  --button-bg-color: rgba(185, 0, 140, 0.08);
  --button-border-color: transparent;
  --button-focus-color: #b9008c;
  color: #b9008c;
  background-color: rgba(185, 0, 140, 0.08);
  border-color: transparent;
}

/* line 79, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-urgent.btn-soft:active {
  background-color: rgba(185, 0, 140, 0.08);
}

/* line 84, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-urgent.btn-soft:active:hover, .vivid .btn-urgent.btn-soft:active:focus {
  color: #b9008c;
  background-color: rgba(185, 0, 140, 0.08);
}

/* line 93, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-urgent.btn-surface-trim:focus, .vivid .btn-urgent.btn-surface-trim.focus, .vivid .btn-urgent.btn-surface-trim:hover, .vivid .btn-urgent.btn-surface-trim.hover {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--surface-color, #b9008c);
}

/* line 104, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-urgent.btn-elevated {
  box-shadow: 0 0.11em 0.83em rgba(185, 0, 140, 0.3);
}

/* line 107, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-urgent.btn-elevated:focus, .vivid .btn-urgent.btn-elevated.focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #b9008c, 0 0.11em 0.83em rgba(185, 0, 140, 0.3);
}

/* line 115, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-urgent.btn-elevated.disabled, .vivid .btn-urgent.btn-elevated[disabled], fieldset[disabled] .vivid .btn-urgent.btn-elevated {
  box-shadow: none;
}

/* line 120, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-urgent.btn-elevated.disabled:hover, .vivid .btn-urgent.btn-elevated.disabled:focus, .vivid .btn-urgent.btn-elevated.disabled.focus, .vivid .btn-urgent.btn-elevated[disabled]:hover, .vivid .btn-urgent.btn-elevated[disabled]:focus, .vivid .btn-urgent.btn-elevated.focus[disabled], fieldset[disabled] .vivid .btn-urgent.btn-elevated:hover, fieldset[disabled] .vivid .btn-urgent.btn-elevated:focus, fieldset[disabled] .vivid .btn-urgent.btn-elevated.focus {
  background-color: #b9008c;
  border-color: #b9008c;
}

/* line 378, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-warning {
  --button-color: #fff;
  --button-bg-color: #f57600;
  --button-border-color: #f57600;
  --button-focus-color: #f57600;
  outline: none;
  color: #fff;
  background-color: #f57600;
  border-color: #f57600;
  text-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 28, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-warning.active:not(.btn-composite), .vivid .btn-warning:active:not(.btn-composite), .open > .vivid .btn-warning.dropdown-toggle {
  outline: none;
  color: #fff;
  box-shadow: none;
}

/* line 35, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-warning.active:not(.btn-composite):hover, .vivid .btn-warning.active:not(.btn-composite):focus, .vivid .btn-warning.active.focus:not(.btn-composite), .vivid .btn-warning:active:not(.btn-composite):hover, .vivid .btn-warning:active:not(.btn-composite):focus, .vivid .btn-warning.focus:active:not(.btn-composite), .open > .vivid .btn-warning.dropdown-toggle:hover, .open > .vivid .btn-warning.dropdown-toggle:focus, .open > .vivid .btn-warning.dropdown-toggle.focus {
  color: #fff;
}

/* line 41, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-warning:focus, .vivid .btn-warning.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, #f57600);
}

@media (hover: hover), all and (-ms-high-contrast: none) {
  /* line 52, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-warning:hover {
    border-color: #f57600;
  }
  /* line 55, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-warning.btn-composite:hover {
    box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, #f57600);
  }
}

/* line 64, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-warning .badge--color-default {
  color: #f57600;
  background-color: #fff;
}

/* line 69, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-warning.btn-soft {
  --button-color: #f57600;
  --button-bg-color: rgba(245, 118, 0, 0.08);
  --button-border-color: transparent;
  --button-focus-color: #f57600;
  color: #f57600;
  background-color: rgba(245, 118, 0, 0.08);
  border-color: transparent;
}

/* line 79, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-warning.btn-soft:active {
  background-color: rgba(245, 118, 0, 0.08);
}

/* line 84, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-warning.btn-soft:active:hover, .vivid .btn-warning.btn-soft:active:focus {
  color: #f57600;
  background-color: rgba(245, 118, 0, 0.08);
}

/* line 93, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-warning.btn-surface-trim:focus, .vivid .btn-warning.btn-surface-trim.focus, .vivid .btn-warning.btn-surface-trim:hover, .vivid .btn-warning.btn-surface-trim.hover {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--surface-color, #f57600);
}

/* line 104, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-warning.btn-elevated {
  box-shadow: 0 0.11em 0.83em rgba(245, 118, 0, 0.3);
}

/* line 107, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-warning.btn-elevated:focus, .vivid .btn-warning.btn-elevated.focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #f57600, 0 0.11em 0.83em rgba(245, 118, 0, 0.3);
}

/* line 115, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-warning.btn-elevated.disabled, .vivid .btn-warning.btn-elevated[disabled], fieldset[disabled] .vivid .btn-warning.btn-elevated {
  box-shadow: none;
}

/* line 120, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-warning.btn-elevated.disabled:hover, .vivid .btn-warning.btn-elevated.disabled:focus, .vivid .btn-warning.btn-elevated.disabled.focus, .vivid .btn-warning.btn-elevated[disabled]:hover, .vivid .btn-warning.btn-elevated[disabled]:focus, .vivid .btn-warning.btn-elevated.focus[disabled], fieldset[disabled] .vivid .btn-warning.btn-elevated:hover, fieldset[disabled] .vivid .btn-warning.btn-elevated:focus, fieldset[disabled] .vivid .btn-warning.btn-elevated.focus {
  background-color: #f57600;
  border-color: #f57600;
}

/* line 387, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface-trim {
  --button-color: var(--surface-trim-color, #1e1e1e);
  --button-bg-color: #fff;
  --button-border-color: currentColor;
  --button-focus-color: currentColor;
  outline: none;
  color: var(--surface-trim-color, #1e1e1e);
  background-color: #fff;
  border-color: currentColor;
  text-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 28, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface-trim.active:not(.btn-composite), .vivid .btn-surface-trim:active:not(.btn-composite), .open > .vivid .btn-surface-trim.dropdown-toggle {
  outline: none;
  color: var(--surface-trim-color, #1e1e1e);
  box-shadow: none;
}

/* line 35, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface-trim.active:not(.btn-composite):hover, .vivid .btn-surface-trim.active:not(.btn-composite):focus, .vivid .btn-surface-trim.active.focus:not(.btn-composite), .vivid .btn-surface-trim:active:not(.btn-composite):hover, .vivid .btn-surface-trim:active:not(.btn-composite):focus, .vivid .btn-surface-trim.focus:active:not(.btn-composite), .open > .vivid .btn-surface-trim.dropdown-toggle:hover, .open > .vivid .btn-surface-trim.dropdown-toggle:focus, .open > .vivid .btn-surface-trim.dropdown-toggle.focus {
  color: var(--surface-trim-color, #1e1e1e);
}

/* line 41, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface-trim:focus, .vivid .btn-surface-trim.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, currentColor);
}

@media (hover: hover), all and (-ms-high-contrast: none) {
  /* line 52, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-surface-trim:hover {
    border-color: currentColor;
  }
  /* line 55, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-surface-trim.btn-composite:hover {
    box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, currentColor);
  }
}

/* line 64, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface-trim .badge--color-default {
  color: #fff;
  background-color: var(--surface-trim-color, #1e1e1e);
}

/* line 69, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface-trim.btn-soft {
  --button-color: var(--surface-color, #fff);
  --button-bg-color: var(--surface-bg-color, transparent);
  --button-border-color: currentColor;
  --button-focus-color: var(--surface-color, #fff);
  color: var(--surface-color, #fff);
  background-color: var(--surface-bg-color, transparent);
  border-color: currentColor;
}

/* line 79, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface-trim.btn-soft:active {
  background-color: var(--surface-bg-color, transparent);
}

/* line 84, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface-trim.btn-soft:active:hover, .vivid .btn-surface-trim.btn-soft:active:focus {
  color: var(--surface-color, #fff);
  background-color: var(--surface-bg-color, transparent);
}

/* line 93, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface-trim.btn-surface-trim:focus, .vivid .btn-surface-trim.btn-surface-trim.focus, .vivid .btn-surface-trim.btn-surface-trim:hover, .vivid .btn-surface-trim.btn-surface-trim.hover {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--surface-color, currentColor);
}

/* line 104, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface-trim.btn-elevated {
  box-shadow: 0 0.11em 0.83em rgba(255, 255, 255, 0.3);
}

/* line 107, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface-trim.btn-elevated:focus, .vivid .btn-surface-trim.btn-elevated.focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem currentColor, 0 0.11em 0.83em rgba(255, 255, 255, 0.3);
}

/* line 115, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface-trim.btn-elevated.disabled, .vivid .btn-surface-trim.btn-elevated[disabled], fieldset[disabled] .vivid .btn-surface-trim.btn-elevated {
  box-shadow: none;
}

/* line 120, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface-trim.btn-elevated.disabled:hover, .vivid .btn-surface-trim.btn-elevated.disabled:focus, .vivid .btn-surface-trim.btn-elevated.disabled.focus, .vivid .btn-surface-trim.btn-elevated[disabled]:hover, .vivid .btn-surface-trim.btn-elevated[disabled]:focus, .vivid .btn-surface-trim.btn-elevated.focus[disabled], fieldset[disabled] .vivid .btn-surface-trim.btn-elevated:hover, fieldset[disabled] .vivid .btn-surface-trim.btn-elevated:focus, fieldset[disabled] .vivid .btn-surface-trim.btn-elevated.focus {
  background-color: #fff;
  border-color: currentColor;
}

/* line 398, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface {
  --button-color: var(--surface-color, #fff);
  --button-bg-color: var(--surface-bg-color, #1942d8);
  --button-border-color: var(--surface-bg-color, #1942d8);
  --button-focus-color: var(--surface-trim-color);
  outline: none;
  color: var(--surface-color, #fff);
  background-color: var(--surface-bg-color, #1942d8);
  border-color: var(--surface-bg-color, #1942d8);
  text-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 28, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface.active:not(.btn-composite), .vivid .btn-surface:active:not(.btn-composite), .open > .vivid .btn-surface.dropdown-toggle {
  outline: none;
  color: var(--surface-color, #fff);
  box-shadow: none;
}

/* line 35, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface.active:not(.btn-composite):hover, .vivid .btn-surface.active:not(.btn-composite):focus, .vivid .btn-surface.active.focus:not(.btn-composite), .vivid .btn-surface:active:not(.btn-composite):hover, .vivid .btn-surface:active:not(.btn-composite):focus, .vivid .btn-surface.focus:active:not(.btn-composite), .open > .vivid .btn-surface.dropdown-toggle:hover, .open > .vivid .btn-surface.dropdown-toggle:focus, .open > .vivid .btn-surface.dropdown-toggle.focus {
  color: var(--surface-color, #fff);
}

/* line 41, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface:focus, .vivid .btn-surface.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem var(--button-focus-color, var(--surface-trim-color));
}

@media (hover: hover), all and (-ms-high-contrast: none) {
  /* line 52, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-surface:hover {
    border-color: var(--surface-bg-color, #1942d8);
  }
  /* line 55, app/assets/stylesheets/vivid/button.scss */
  .vivid .btn-surface.btn-composite:hover {
    box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem var(--button-focus-color, var(--surface-trim-color));
  }
}

/* line 64, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface .badge--color-default {
  color: var(--surface-bg-color, #1942d8);
  background-color: var(--surface-color, #fff);
}

/* line 69, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface.btn-soft {
  --button-color: var(--surface-color, #fff);
  --button-bg-color: transparent;
  --button-border-color: currentColor;
  --button-focus-color: var(--surface-color, #fff);
  color: var(--surface-color, #fff);
  background-color: transparent;
  border-color: currentColor;
}

/* line 79, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface.btn-soft:active {
  background-color: transparent;
}

/* line 84, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface.btn-soft:active:hover, .vivid .btn-surface.btn-soft:active:focus {
  color: var(--surface-color, #fff);
  background-color: transparent;
}

/* line 93, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface.btn-surface-trim:focus, .vivid .btn-surface.btn-surface-trim.focus, .vivid .btn-surface.btn-surface-trim:hover, .vivid .btn-surface.btn-surface-trim.hover {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--surface-color, var(--surface-bg-color, #1942d8));
}

/* line 104, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface.btn-elevated {
  box-shadow: 0 0.11em 0.83em transparent;
}

/* line 107, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface.btn-elevated:focus, .vivid .btn-surface.btn-elevated.focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem var(--surface-bg-color, #1942d8), 0 0.11em 0.83em transparent;
}

/* line 115, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface.btn-elevated.disabled, .vivid .btn-surface.btn-elevated[disabled], fieldset[disabled] .vivid .btn-surface.btn-elevated {
  box-shadow: none;
}

/* line 120, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-surface.btn-elevated.disabled:hover, .vivid .btn-surface.btn-elevated.disabled:focus, .vivid .btn-surface.btn-elevated.disabled.focus, .vivid .btn-surface.btn-elevated[disabled]:hover, .vivid .btn-surface.btn-elevated[disabled]:focus, .vivid .btn-surface.btn-elevated.focus[disabled], fieldset[disabled] .vivid .btn-surface.btn-elevated:hover, fieldset[disabled] .vivid .btn-surface.btn-elevated:focus, fieldset[disabled] .vivid .btn-surface.btn-elevated.focus {
  background-color: var(--surface-bg-color, #1942d8);
  border-color: var(--surface-bg-color, #1942d8);
}

/* line 412, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-link {
  font-weight: 500;
  color: #0034f0;
  border: transparent;
  background-color: transparent;
}

/* line 418, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-link.btn-soft {
  color: inherit;
  text-decoration: underline;
  opacity: 0.6;
}

/* line 425, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-composite {
  background: transparent;
  overflow: visible;
  border: none;
  padding: 0;
  color: inherit;
  border-radius: 1.2rem;
  min-height: 0;
  flex-direction: column;
  align-items: normal;
  justify-content: normal;
}

/* line 438, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-composite:focus {
  overflow: hidden;
}

/* line 442, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-composite .btn:hover {
  border-color: transparent;
  box-shadow: none;
}

/* line 448, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-composite--selectable {
  box-shadow: 0 0 0 0.2rem var(--surface-trim-color, rgba(30, 30, 30, 0.25));
}

/* line 452, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-icon {
  color: var(--surface-tool-color, #d0d0d0);
  background: transparent;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

/* line 459, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-icon, .vivid .btn-icon:hover {
  text-decoration: none;
  color: var(--surface-tool-color, #d0d0d0);
}

/* line 466, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-plain {
  color: inherit;
  background: transparent;
  border: 0;
  padding: 0;
}

/* line 473, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-circle {
  border-radius: 50%;
}

/* line 477, app/assets/stylesheets/vivid/button.scss */
.vivid div.btn-circle,
.vivid span.btn-circle {
  cursor: default;
}

/* line 482, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-borderless {
  border-color: transparent;
}

/* line 486, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-block {
  display: flex;
  width: 100%;
}

/* line 491, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-flex-column {
  flex-direction: column;
}

/* line 495, app/assets/stylesheets/vivid/button.scss */
.vivid .btn-flex-fill {
  flex: 1;
}

/* line 499, app/assets/stylesheets/vivid/button.scss */
.vivid .button_to > .btn:not(.btn-circle) {
  width: 100%;
}

/* line 568, app/assets/stylesheets/vivid/button.scss */
.vivid .button-set {
  display: flex;
  flex: 100%;
  align-items: center;
}

@media (max-width: 767px) {
  /* line 568, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set {
    flex-wrap: wrap;
  }
}

/* line 578, app/assets/stylesheets/vivid/button.scss */
.vivid .button-set__body {
  display: flex;
  max-width: 100%;
  flex: 1 1;
  justify-content: flex-end;
  margin-left: 2rem;
}

/* line 585, app/assets/stylesheets/vivid/button.scss */
.vivid .button-set__body:empty {
  display: none;
}

@media (max-width: 767px) {
  /* line 578, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set__body {
    justify-content: center;
    align-items: center;
    margin-left: 0;
  }
}

/* line 596, app/assets/stylesheets/vivid/button.scss */
.vivid .button-set__buttons {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  margin: 0 -1rem -1rem;
  flex-wrap: wrap;
}

/* line 542, app/assets/stylesheets/vivid/button.scss */
.vivid .button-set__buttons > .btn,
.vivid .button-set__buttons > .button_to,
.vivid .button-set__buttons > div,
.vivid .button-set__buttons > a {
  align-self: stretch;
  flex-grow: 1;
  max-width: 30rem;
  margin: 0 1rem 1rem;
}

/* line 553, app/assets/stylesheets/vivid/button.scss */
.vivid .button-set__buttons > a:not(.btn) {
  display: flex;
  justify-content: center;
}

/* line 558, app/assets/stylesheets/vivid/button.scss */
.vivid .button-set__buttons > div {
  text-align: center;
}

/* line 562, app/assets/stylesheets/vivid/button.scss */
.vivid .button-set__buttons > div .btn,
.vivid .button-set__buttons > div {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  /* line 596, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set__buttons {
    justify-content: center;
    margin: 0;
    flex: 100%;
    flex-wrap: wrap;
  }
  /* line 507, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set__buttons > .btn,
.vivid .button-set__buttons > div,
.vivid .button-set__buttons > .button_to {
    flex-basis: 100%;
    width: auto;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    display: flex;
  }
  /* line 518, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set__buttons > .btn:not(:first-child),
.vivid .button-set__buttons > div:not(:first-child),
.vivid .button-set__buttons > .button_to:not(:first-child) {
    margin-top: 2rem;
  }
}

@media (max-width: 767px) and (max-width: 374px) {
  /* line 518, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set__buttons > .btn:not(:first-child),
.vivid .button-set__buttons > div:not(:first-child),
.vivid .button-set__buttons > .button_to:not(:first-child) {
    margin-top: 1rem;
  }
}

@media (max-width: 767px) {
  /* line 527, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set__buttons + .button-set__body {
    margin-top: 2rem;
    justify-content: center;
    align-items: center;
    margin-left: 0;
  }
  /* line 604, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set__buttons > .btn.btn-elevated {
    margin-bottom: 2rem;
  }
}

/* line 610, app/assets/stylesheets/vivid/button.scss */
.vivid .button-set--stacked,
.vivid .button-set--stacked-panel {
  display: block;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}

/* line 617, app/assets/stylesheets/vivid/button.scss */
.vivid .button-set--stacked .button-set__buttons,
.vivid .button-set--stacked-panel .button-set__buttons {
  flex-wrap: wrap;
  flex: 100%;
  justify-content: center;
  margin: 0;
}

/* line 507, app/assets/stylesheets/vivid/button.scss */
.vivid .button-set--stacked .button-set__buttons > .btn,
.vivid .button-set--stacked .button-set__buttons > div,
.vivid .button-set--stacked .button-set__buttons > .button_to,
.vivid .button-set--stacked-panel .button-set__buttons > .btn,
.vivid .button-set--stacked-panel .button-set__buttons > div,
.vivid .button-set--stacked-panel .button-set__buttons > .button_to {
  flex-basis: 100%;
  width: auto;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  display: flex;
}

/* line 518, app/assets/stylesheets/vivid/button.scss */
.vivid .button-set--stacked .button-set__buttons > .btn:not(:first-child),
.vivid .button-set--stacked .button-set__buttons > div:not(:first-child),
.vivid .button-set--stacked .button-set__buttons > .button_to:not(:first-child),
.vivid .button-set--stacked-panel .button-set__buttons > .btn:not(:first-child),
.vivid .button-set--stacked-panel .button-set__buttons > div:not(:first-child),
.vivid .button-set--stacked-panel .button-set__buttons > .button_to:not(:first-child) {
  margin-top: 2rem;
}

@media (max-width: 374px) {
  /* line 518, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set--stacked .button-set__buttons > .btn:not(:first-child),
.vivid .button-set--stacked .button-set__buttons > div:not(:first-child),
.vivid .button-set--stacked .button-set__buttons > .button_to:not(:first-child),
.vivid .button-set--stacked-panel .button-set__buttons > .btn:not(:first-child),
.vivid .button-set--stacked-panel .button-set__buttons > div:not(:first-child),
.vivid .button-set--stacked-panel .button-set__buttons > .button_to:not(:first-child) {
    margin-top: 1rem;
  }
}

/* line 527, app/assets/stylesheets/vivid/button.scss */
.vivid .button-set--stacked .button-set__buttons + .button-set__body,
.vivid .button-set--stacked-panel .button-set__buttons + .button-set__body {
  margin-top: 2rem;
  justify-content: center;
  align-items: center;
  margin-left: 0;
}

/* line 624, app/assets/stylesheets/vivid/button.scss */
.vivid .button-set--stacked .button-set__body,
.vivid .button-set--stacked-panel .button-set__body {
  justify-content: center;
  align-items: center;
  margin-left: 0;
}

@media (max-width: 767px) {
  /* line 610, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set--stacked,
.vivid .button-set--stacked-panel {
    max-width: initial;
  }
}

@media (max-width: 767px) {
  /* line 637, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set--inline .button-set__buttons {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    margin: 0 -1rem -1rem;
    flex-wrap: wrap;
    flex-wrap: initial;
  }
  /* line 542, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set--inline .button-set__buttons > .btn,
.vivid .button-set--inline .button-set__buttons > .button_to,
.vivid .button-set--inline .button-set__buttons > div,
.vivid .button-set--inline .button-set__buttons > a {
    align-self: stretch;
    flex-grow: 1;
    max-width: 30rem;
    margin: 0 1rem 1rem;
  }
  /* line 553, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set--inline .button-set__buttons > a:not(.btn) {
    display: flex;
    justify-content: center;
  }
  /* line 558, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set--inline .button-set__buttons > div {
    text-align: center;
  }
  /* line 562, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set--inline .button-set__buttons > div .btn,
.vivid .button-set--inline .button-set__buttons > div {
    margin-bottom: 0;
  }
  /* line 641, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set--inline .button-set__buttons + .button-set__body {
    margin-top: 0;
  }
}

@media (min-width: 480px) {
  /* line 648, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set--stacked-panel,
.vivid .button-set--banner .btn {
    max-width: 30rem;
  }
}

/* line 656, app/assets/stylesheets/vivid/button.scss */
.vivid .button-set--banner .button-set__buttons {
  justify-content: center;
  flex-wrap: nowrap;
}

@media (max-width: 767px) {
  /* line 662, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set--banner .button-set__buttons {
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    margin: 0 -1rem -1rem;
    flex-wrap: wrap;
  }
  /* line 542, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set--banner .button-set__buttons > .btn,
.vivid .button-set--banner .button-set__buttons > .button_to,
.vivid .button-set--banner .button-set__buttons > div,
.vivid .button-set--banner .button-set__buttons > a {
    align-self: stretch;
    flex-grow: 1;
    max-width: 30rem;
    margin: 0 1rem 1rem;
  }
  /* line 553, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set--banner .button-set__buttons > a:not(.btn) {
    display: flex;
    justify-content: center;
  }
  /* line 558, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set--banner .button-set__buttons > div {
    text-align: center;
  }
  /* line 562, app/assets/stylesheets/vivid/button.scss */
  .vivid .button-set--banner .button-set__buttons > div .btn,
.vivid .button-set--banner .button-set__buttons > div {
    margin-bottom: 0;
  }
}

/* line 668, app/assets/stylesheets/vivid/button.scss */
.vivid .button-set--right {
  flex-direction: row-reverse;
}

/* line 673, app/assets/stylesheets/vivid/button.scss */
#amazon-pay-button {
  justify-content: center;
  height: 60px;
}

/* line 678, app/assets/stylesheets/vivid/button.scss */
#payment-request-button:empty {
  display: none;
}

/* line 2, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar {
  --avatar-size: 3.6rem;
  --avatar-adornment-size: 1.8rem;
  position: relative;
  border-radius: 50%;
  width: 3.6rem;
  height: 3.6rem;
  display: inline-block;
  vertical-align: initial;
  background-color: #e3e3e3;
}

/* line 14, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar img {
  overflow: hidden;
  vertical-align: initial;
  border-radius: 50%;
  border: none;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  display: block;
}

/* line 25, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar svg {
  border-radius: 0;
  border: none;
  max-height: initial;
}

/* line 31, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar.avatar--disabled {
  filter: grayscale(1);
}

/* line 36, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar.avatar--initials > svg {
  border-radius: 50%;
  transform-origin: top left;
  transform: scale(0.45);
  position: absolute;
  top: 0;
  left: 0;
}

/* line 46, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar.avatar--fun {
  overflow: visible;
  border: none;
  background-color: transparent;
}

/* line 51, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar.avatar--fun > svg {
  width: 100%;
  height: 100%;
  transform-origin: bottom;
  transform: scale(1.165);
}

/* line 64, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar.avatar--illustration img {
  transform: scale(1.25);
  transform-origin: bottom;
}

/* line 71, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar__ornament,
.vivid .avatar__badge {
  display: flex;
  min-width: 0;
  position: absolute;
  align-items: center;
  justify-content: flex-start;
}

/* line 80, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar__ornament .icon,
.vivid .avatar__badge .icon {
  font-size: var(--avatar-adornment-size, 3.6rem);
}

/* line 85, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar__ornament > .button_to, .vivid .avatar__ornament > .button_to button,
.vivid .avatar__badge > .button_to,
.vivid .avatar__badge > .button_to button {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
}

/* line 97, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar__ornament {
  border-radius: 25vh;
  top: calc(100% - var(--avatar-adornment-size) + var(--avatar-adornment-size) / 5);
  left: calc(100% - var(--avatar-adornment-size) + var(--avatar-adornment-size) / 5);
  width: var(--avatar-adornment-size);
  height: var(--avatar-adornment-size);
}

/* line 106, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar__badge--position-below-right {
  top: calc(100% - var(--avatar-adornment-size) + var(--avatar-adornment-size) / 5);
  left: calc(100% - var(--avatar-adornment-size) + var(--avatar-adornment-size) / 5);
}

/* line 111, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar__badge--position-above-right {
  top: calc(var(--avatar-adornment-size) / -5);
  left: calc(100% - var(--avatar-adornment-size) + var(--avatar-adornment-size) / 5);
}

/* line 116, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar__badge--position-below-left {
  top: calc(100% - var(--avatar-adornment-size) + var(--avatar-adornment-size) / 5);
  right: calc(100% - var(--avatar-adornment-size) + var(--avatar-adornment-size) / 5);
  left: auto;
}

/* line 122, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar__badge--position-above-left {
  top: calc(var(--avatar-adornment-size) / -5);
  left: auto;
  right: calc(100% - var(--avatar-adornment-size) + var(--avatar-adornment-size) / 5);
}

/* line 128, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar--size-large {
  --avatar-size: 8.8rem;
  --avatar-adornment-size: 4.4rem;
  width: 8.8rem;
  height: 8.8rem;
}

/* line 135, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar--size-large.avatar--initials > svg {
  transform: scale(1.1);
}

/* line 140, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar--size-smedium {
  --avatar-size: 5.1rem;
  --avatar-adornment-size: 2.6rem;
  width: 5.1rem;
  height: 5.1rem;
}

/* line 147, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar--size-smedium.avatar--initials > svg {
  transform: scale(0.6375);
}

/* line 152, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar--size-medium {
  --avatar-size: 6.6rem;
  --avatar-adornment-size: 3.3rem;
  width: 6.6rem;
  height: 6.6rem;
}

/* line 159, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar--size-medium.avatar--initials > svg {
  transform: scale(0.825);
}

/* line 164, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar--size-petite {
  --avatar-size: 2.9rem;
  --avatar-adornment-size: 1.45rem;
  width: 2.9rem;
  height: 2.9rem;
}

/* line 171, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar--size-petite.avatar--initials > svg {
  transform: scale(0.3625);
}

/* line 176, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar--size-inline {
  --avatar-size: 2.2rem;
  --avatar-adornment-size: 1.1rem;
  width: 2.2rem;
  height: 2.2rem;
}

/* line 183, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar--size-inline.avatar--initials > svg {
  transform: scale(0.275);
}

/* line 188, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar-stack {
  display: inline-flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
}

/* line 194, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar-stack .avatar {
  display: block;
  position: relative;
}

/* line 198, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar-stack .avatar + .avatar {
  margin-right: -1.8rem;
}

/* line 205, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar-stack--size-large .avatar + .avatar {
  margin-right: -4.4rem;
}

/* line 211, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar-stack--size-medium .avatar + .avatar {
  margin-right: -3.3rem;
}

/* line 217, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar-stack--size-inline .avatar + .avatar {
  margin-right: -1.1rem;
}

/* line 222, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar--display-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 228, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar--elevation-1,
.vivid .avatar--elevation-2,
.vivid .avatar--elevation-4 {
  filter: drop-shadow(0 0.1rem 0.1rem rgba(0, 0, 0, 0.3));
}

/* line 233, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar--elevation-1 .avatar__ornament,
.vivid .avatar--elevation-1 .avatar__badge,
.vivid .avatar--elevation-2 .avatar__ornament,
.vivid .avatar--elevation-2 .avatar__badge,
.vivid .avatar--elevation-4 .avatar__ornament,
.vivid .avatar--elevation-4 .avatar__badge {
  box-shadow: none;
}

/* line 239, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar--elevation-2 {
  filter: drop-shadow(0 0.2rem 0.2rem rgba(0, 0, 0, 0.3));
}

/* line 243, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar--elevation-4 {
  filter: drop-shadow(0 0.4rem 0.4rem rgba(0, 0, 0, 0.3));
}

/* line 247, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar--outlined {
  outline: 0.2rem solid var(--surface-outline-color, #1e1e1e);
}

/* line 251, app/assets/stylesheets/vivid/avatar.scss */
.vivid .avatar--trimmed {
  outline: 0.2rem solid var(--surface-trim-color, #1e1e1e);
}

/* line 2, app/assets/stylesheets/vivid/icons.scss */
.vivid .icon {
  display: block;
  font-size: 2.2rem;
  height: 1em;
  width: 1em;
  text-align: center;
}

/* line 9, app/assets/stylesheets/vivid/icons.scss */
.vivid .icon .fa {
  display: block;
}

/* line 14, app/assets/stylesheets/vivid/icons.scss */
.vivid .icon--size-inline {
  vertical-align: bottom;
}

/* line 18, app/assets/stylesheets/vivid/icons.scss */
.vivid .icon--size-natural {
  vertical-align: middle;
  font-size: inherit;
}

/* line 23, app/assets/stylesheets/vivid/icons.scss */
.vivid .icon--size-large {
  font-size: 8.8rem;
}

/* line 27, app/assets/stylesheets/vivid/icons.scss */
.vivid .icon--size-medium {
  font-size: 6.6rem;
}

/* line 31, app/assets/stylesheets/vivid/icons.scss */
.vivid .icon--size-smedium {
  font-size: 5.1rem;
}

/* line 35, app/assets/stylesheets/vivid/icons.scss */
.vivid .icon--size-petite {
  font-size: 2.9rem;
}

/* line 39, app/assets/stylesheets/vivid/icons.scss */
.vivid .icon--size-small {
  font-size: 3.6rem;
}

/* line 43, app/assets/stylesheets/vivid/icons.scss */
.vivid .icon--size-tool,
.vivid .icon--size-mini {
  font-size: 1.6rem;
}

@supports (-webkit-touch-callout: none) {
  /* line 49, app/assets/stylesheets/vivid/icons.scss */
  .vivid .icon--size-tool > .fa:before,
.vivid .icon--size-mini > .fa:before {
    position: relative;
    top: 0.1rem;
  }
}

/* line 57, app/assets/stylesheets/vivid/icons.scss */
.vivid .icon--bark svg {
  overflow: visible;
  max-width: 1em;
  max-height: 1em;
  display: block;
}

/* line 65, app/assets/stylesheets/vivid/icons.scss */
.vivid .icon--size-tiny {
  font-size: 1.2rem;
}

/* line 69, app/assets/stylesheets/vivid/icons.scss */
.vivid .icon--display-inline {
  display: inline-flex;
}

/* line 74, app/assets/stylesheets/vivid/icons.scss */
.vivid .icon--variant-circle .fa {
  box-shadow: 0 0 0 0.15rem currentColor;
  border-radius: 50vh;
  width: 1em;
  height: 1em;
  text-align: center;
}

/* line 85, app/assets/stylesheets/vivid/icons.scss */
.vivid .fa-collapse {
  transition: transform ease-in-out 0.15s;
  transform: rotate(180deg) translateY(-0.2em);
  transform-origin: 50% 45%;
}

/* line 98, app/assets/stylesheets/vivid/icons.scss */
.vivid .collapsed .fa-collapse {
  transform: none;
}

/* line 2, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge {
  --badge-padding-vertical: 0.5rem;
  --badge-padding-horizontal: 1.2rem;
  border-width: 0.1rem;
  border-style: solid;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.2rem;
  font-style: normal;
  padding: 0;
  border-radius: 0.4rem;
  max-width: 100%;
  text-align: center;
  padding: 0.5rem 1.2rem;
  min-height: 3.4rem;
  min-width: 3.4rem;
}

/* line 24, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--size-large {
  --badge-padding-vertical: 0.5rem;
  --badge-padding-horizontal: 1.2rem;
  font-size: 1.8rem;
  line-height: 2.6rem;
  padding: 0.5rem 1.2rem;
  min-height: 3.8rem;
  min-width: 3.8rem;
}

/* line 35, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--size-small {
  --badge-padding-vertical: 0.1rem;
  --badge-padding-horizontal: 0.6rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: 0.1rem 0.6rem;
  min-height: 2.2rem;
  min-width: 2.2rem;
}

/* line 46, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--size-tiny {
  --badge-padding-vertical: 0.08rem;
  --badge-padding-horizontal: 0.6rem;
  font-size: 0.9rem;
  line-height: 1.2rem;
  padding: 0.08rem 0.6rem;
  min-height: 1.4rem;
  min-width: 1.4rem;
}

/* line 57, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--size-indicator {
  --badge-padding-vertical: 0;
  --badge-padding-horizontal: 0;
  font-size: 0;
  line-height: 0.8rem;
  padding: 0;
  min-height: 0.8rem;
  min-width: 0.8rem;
  border: none;
  display: inline-block;
}

/* line 70, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--variant-indicator {
  --badge-padding-vertical: 0;
  --badge-padding-horizontal: 0;
  font-size: 0;
  padding: 0;
  border: none;
  display: inline-block;
  border-radius: 100px;
}

/* line 81, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--variant-number,
.vivid .badge--variant-pill {
  border-radius: 100px;
  border-color: transparent;
  justify-content: center;
}

/* line 87, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--variant-number:not(:first-child),
.vivid .badge--variant-pill:not(:first-child) {
  margin-left: 0.3em;
}

/* line 91, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--variant-number:not(:last-child),
.vivid .badge--variant-pill:not(:last-child) {
  margin-right: 0.3em;
}

/* line 96, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--variant-number {
  font-weight: 700;
}

/* line 99, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--variant-number:not(:first-child) {
  margin-left: 0.3em;
}

/* line 103, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--variant-number:not(:last-child) {
  margin-right: 0.3em;
}

/* line 110, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--variant-pill > .badge__body {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
}

/* line 121, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--variant-pill:not(.surface--outlined) {
  border-width: 0;
}

/* line 125, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--ornament {
  position: absolute;
  right: 0;
  top: 0;
}

/* line 131, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--ornament-right {
  position: absolute;
  right: 0;
  top: 0;
}

/* line 137, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge.badge--ornament {
  margin: 0;
}

/* line 141, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--display-block {
  display: flex;
}

/* line 145, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--display-inline {
  display: inline;
}

/* line 149, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--display-inline-block {
  display: inline-flex;
}

/* line 153, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--wrap-none {
  max-height: 3.4rem;
}

/* line 156, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--wrap-none.badge--size-small {
  max-height: 2.2rem;
}

/* line 160, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--wrap-none.badge--size-tiny {
  min-height: 1.4rem;
}

/* line 164, app/assets/stylesheets/vivid/badge.scss */
.vivid .badge--wrap-none,
.vivid .badge--wrap-none .badge__body {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

/* line 2, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn {
  display: inline-flex;
  max-width: 100%;
}

/* line 7, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn__body {
  flex: 1 1 auto;
  width: 100%;
  position: relative;
  min-width: 0;
}

/* line 14, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn__adornment {
  flex: 0 0 auto;
  text-align: center;
  position: relative;
  min-width: 0;
}

/* line 20, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn__adornment > div {
  display: block;
  max-width: 100%;
  height: auto;
}

/* line 26, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn__adornment > img,
.vivid .adorn__adornment > div img {
  float: left;
}

/* line 34, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--size-medalian > .adorn__adornment {
  width: 30rem;
  max-height: 30rem;
}

/* line 41, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--size-xlarge > .adorn__adornment {
  width: 13.2rem;
  max-height: 13.2rem;
}

/* line 48, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--size-large > .adorn__adornment {
  width: 8.8rem;
  max-height: 8.8rem;
}

/* line 55, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--size-smedium > .adorn__adornment {
  width: 5.1rem;
  max-height: 5.1rem;
}

/* line 62, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--size-medium > .adorn__adornment {
  width: 6.6rem;
  max-height: 6.6rem;
}

/* line 69, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--size-small > .adorn__adornment {
  width: 3.6rem;
  max-height: 3.6rem;
}

/* line 76, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--size-petite > .adorn__adornment {
  width: 2.9rem;
  max-height: 2.9rem;
}

/* line 83, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--size-inline > .adorn__adornment {
  width: 2.2rem;
  max-height: 2.2rem;
}

/* line 90, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-left {
  flex-direction: row;
}

/* line 93, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-left > .adorn__adornment {
  margin: 0 2rem 0 0;
}

/* line 98, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-left.adorn--gutters-none > .adorn__adornment {
  margin: 0;
}

/* line 104, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-left.adorn--gutters-compact > .adorn__adornment {
  margin: 0 1rem 0 0;
}

/* line 110, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-left.adorn--gutters-loose > .adorn__adornment {
  margin: 0 4rem 0 0;
}

/* line 116, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-left.adorn--gutters-large > .adorn__adornment {
  margin: 0 8rem 0 0;
}

/* line 122, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-left.adorn--inline > .adorn__adornment {
  margin: 0 0.3em 0 0;
}

/* line 127, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-left > .adorn__body {
  text-align: left;
}

/* line 132, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-right {
  flex-direction: row-reverse;
}

/* line 135, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-right > .adorn__adornment {
  margin: 0 0 0 2rem;
}

/* line 140, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-right.adorn--gutters-none > .adorn__adornment {
  margin: 0;
}

/* line 146, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-right.adorn--gutters-compact > .adorn__adornment {
  margin: 0 0 0 1rem;
}

/* line 152, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-right.adorn--gutters-loose > .adorn__adornment {
  margin: 0 0 0 4rem;
}

/* line 158, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-right.adorn--gutters-large > .adorn__adornment {
  margin: 0 0 0 8rem;
}

/* line 164, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-right.adorn--inline > .adorn__adornment {
  margin: 0 0 0 0.3em;
}

/* line 169, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-right > .adorn__body {
  text-align: inherit;
}

/* line 174, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-above {
  flex-direction: column;
}

/* line 177, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-above > .adorn__adornment {
  margin: 0 0 2rem 0;
}

/* line 182, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-above.adorn--gutters-none > .adorn__adornment {
  margin: 0;
}

/* line 188, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-above.adorn--gutters-compact > .adorn__adornment {
  margin: 0 0 1rem 0;
}

/* line 194, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-above.adorn--gutters-loose > .adorn__adornment {
  margin: 0 0 4rem 0;
}

/* line 200, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-above.adorn--gutters-large > .adorn__adornment {
  margin: 0 0 8rem 0;
}

/* line 206, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-above.adorn--inline > .adorn__adornment {
  margin: 0 0 0.3em 0;
}

/* line 212, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-below {
  flex-direction: column-reverse;
}

/* line 215, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-below > .adorn__adornment {
  margin: 2rem 0 0 0;
}

/* line 220, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-below.adorn--gutters-none > .adorn__adornment {
  margin: 0;
}

/* line 226, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-below.adorn--gutters-compact > .adorn__adornment {
  margin: 1rem 0 0 0;
}

/* line 232, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-below.adorn--gutters-loose > .adorn__adornment {
  margin: 4rem 0 0 0;
}

/* line 238, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-below.adorn--gutters-large > .adorn__adornment {
  margin: 8rem 0 0 0;
}

/* line 244, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--layout-below.adorn--inline > .adorn__adornment {
  margin: 0.3em 0 0 0;
}

/* line 250, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--align-top,
.vivid .adorn--align-left {
  align-items: flex-start;
  text-align: inherit;
}

/* line 255, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--align-middle,
.vivid .adorn--align-center {
  align-items: center;
}

/* line 259, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--align-bottom,
.vivid .adorn--align-right {
  align-items: flex-end;
  text-align: inherit;
}

/* line 264, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--align-baseline {
  align-items: baseline;
}

/* line 268, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--align-center {
  text-align: center;
}

/* line 272, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--align-right {
  text-align: right;
}

@media (min-width: 768px) {
  /* line 90, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-sm {
    flex-direction: row;
  }
  /* line 93, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-sm > .adorn__adornment {
    margin: 0 2rem 0 0;
  }
  /* line 98, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-sm.adorn--gutters-none > .adorn__adornment {
    margin: 0;
  }
  /* line 104, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-sm.adorn--gutters-compact > .adorn__adornment {
    margin: 0 1rem 0 0;
  }
  /* line 110, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-sm.adorn--gutters-loose > .adorn__adornment {
    margin: 0 4rem 0 0;
  }
  /* line 116, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-sm.adorn--gutters-large > .adorn__adornment {
    margin: 0 8rem 0 0;
  }
  /* line 122, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-sm.adorn--inline > .adorn__adornment {
    margin: 0 0.3em 0 0;
  }
  /* line 127, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-sm > .adorn__body {
    text-align: left;
  }
  /* line 132, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-sm {
    flex-direction: row-reverse;
  }
  /* line 135, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-sm > .adorn__adornment {
    margin: 0 0 0 2rem;
  }
  /* line 140, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-sm.adorn--gutters-none > .adorn__adornment {
    margin: 0;
  }
  /* line 146, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-sm.adorn--gutters-compact > .adorn__adornment {
    margin: 0 0 0 1rem;
  }
  /* line 152, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-sm.adorn--gutters-loose > .adorn__adornment {
    margin: 0 0 0 4rem;
  }
  /* line 158, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-sm.adorn--gutters-large > .adorn__adornment {
    margin: 0 0 0 8rem;
  }
  /* line 164, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-sm.adorn--inline > .adorn__adornment {
    margin: 0 0 0 0.3em;
  }
  /* line 169, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-sm > .adorn__body {
    text-align: inherit;
  }
  /* line 174, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-sm {
    flex-direction: column;
  }
  /* line 177, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-sm > .adorn__adornment {
    margin: 0 0 2rem 0;
  }
  /* line 182, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-sm.adorn--gutters-none > .adorn__adornment {
    margin: 0;
  }
  /* line 188, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-sm.adorn--gutters-compact > .adorn__adornment {
    margin: 0 0 1rem 0;
  }
  /* line 194, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-sm.adorn--gutters-loose > .adorn__adornment {
    margin: 0 0 4rem 0;
  }
  /* line 200, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-sm.adorn--gutters-large > .adorn__adornment {
    margin: 0 0 8rem 0;
  }
  /* line 206, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-sm.adorn--inline > .adorn__adornment {
    margin: 0 0 0.3em 0;
  }
  /* line 212, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-sm {
    flex-direction: column-reverse;
  }
  /* line 215, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-sm > .adorn__adornment {
    margin: 2rem 0 0 0;
  }
  /* line 220, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-sm.adorn--gutters-none > .adorn__adornment {
    margin: 0;
  }
  /* line 226, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-sm.adorn--gutters-compact > .adorn__adornment {
    margin: 1rem 0 0 0;
  }
  /* line 232, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-sm.adorn--gutters-loose > .adorn__adornment {
    margin: 4rem 0 0 0;
  }
  /* line 238, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-sm.adorn--gutters-large > .adorn__adornment {
    margin: 8rem 0 0 0;
  }
  /* line 244, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-sm.adorn--inline > .adorn__adornment {
    margin: 0.3em 0 0 0;
  }
  /* line 250, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--align-top-sm,
.vivid .adorn--align-left-sm {
    align-items: flex-start;
    text-align: inherit;
  }
  /* line 255, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--align-middle-sm,
.vivid .adorn--align-center-sm {
    align-items: center;
  }
  /* line 259, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--align-bottom-sm,
.vivid .adorn--align-right-sm {
    align-items: flex-end;
    text-align: inherit;
  }
  /* line 264, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--align-baseline-sm {
    align-items: baseline;
  }
  /* line 268, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--align-center-sm {
    text-align: center;
  }
  /* line 272, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--align-right-sm {
    text-align: right;
  }
}

@media (min-width: 992px) {
  /* line 90, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-md {
    flex-direction: row;
  }
  /* line 93, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-md > .adorn__adornment {
    margin: 0 2rem 0 0;
  }
  /* line 98, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-md.adorn--gutters-none > .adorn__adornment {
    margin: 0;
  }
  /* line 104, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-md.adorn--gutters-compact > .adorn__adornment {
    margin: 0 1rem 0 0;
  }
  /* line 110, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-md.adorn--gutters-loose > .adorn__adornment {
    margin: 0 4rem 0 0;
  }
  /* line 116, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-md.adorn--gutters-large > .adorn__adornment {
    margin: 0 8rem 0 0;
  }
  /* line 122, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-md.adorn--inline > .adorn__adornment {
    margin: 0 0.3em 0 0;
  }
  /* line 127, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-md > .adorn__body {
    text-align: left;
  }
  /* line 132, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-md {
    flex-direction: row-reverse;
  }
  /* line 135, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-md > .adorn__adornment {
    margin: 0 0 0 2rem;
  }
  /* line 140, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-md.adorn--gutters-none > .adorn__adornment {
    margin: 0;
  }
  /* line 146, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-md.adorn--gutters-compact > .adorn__adornment {
    margin: 0 0 0 1rem;
  }
  /* line 152, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-md.adorn--gutters-loose > .adorn__adornment {
    margin: 0 0 0 4rem;
  }
  /* line 158, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-md.adorn--gutters-large > .adorn__adornment {
    margin: 0 0 0 8rem;
  }
  /* line 164, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-md.adorn--inline > .adorn__adornment {
    margin: 0 0 0 0.3em;
  }
  /* line 169, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-md > .adorn__body {
    text-align: inherit;
  }
  /* line 174, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-md {
    flex-direction: column;
  }
  /* line 177, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-md > .adorn__adornment {
    margin: 0 0 2rem 0;
  }
  /* line 182, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-md.adorn--gutters-none > .adorn__adornment {
    margin: 0;
  }
  /* line 188, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-md.adorn--gutters-compact > .adorn__adornment {
    margin: 0 0 1rem 0;
  }
  /* line 194, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-md.adorn--gutters-loose > .adorn__adornment {
    margin: 0 0 4rem 0;
  }
  /* line 200, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-md.adorn--gutters-large > .adorn__adornment {
    margin: 0 0 8rem 0;
  }
  /* line 206, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-md.adorn--inline > .adorn__adornment {
    margin: 0 0 0.3em 0;
  }
  /* line 212, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-md {
    flex-direction: column-reverse;
  }
  /* line 215, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-md > .adorn__adornment {
    margin: 2rem 0 0 0;
  }
  /* line 220, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-md.adorn--gutters-none > .adorn__adornment {
    margin: 0;
  }
  /* line 226, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-md.adorn--gutters-compact > .adorn__adornment {
    margin: 1rem 0 0 0;
  }
  /* line 232, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-md.adorn--gutters-loose > .adorn__adornment {
    margin: 4rem 0 0 0;
  }
  /* line 238, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-md.adorn--gutters-large > .adorn__adornment {
    margin: 8rem 0 0 0;
  }
  /* line 244, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-md.adorn--inline > .adorn__adornment {
    margin: 0.3em 0 0 0;
  }
  /* line 250, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--align-top-md,
.vivid .adorn--align-left-md {
    align-items: flex-start;
    text-align: inherit;
  }
  /* line 255, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--align-middle-md,
.vivid .adorn--align-center-md {
    align-items: center;
  }
  /* line 259, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--align-bottom-md,
.vivid .adorn--align-right-md {
    align-items: flex-end;
    text-align: inherit;
  }
  /* line 264, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--align-baseline-md {
    align-items: baseline;
  }
  /* line 268, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--align-center-md {
    text-align: center;
  }
  /* line 272, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--align-right-md {
    text-align: right;
  }
}

@media (min-width: 1200px) {
  /* line 90, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-lg {
    flex-direction: row;
  }
  /* line 93, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-lg > .adorn__adornment {
    margin: 0 2rem 0 0;
  }
  /* line 98, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-lg.adorn--gutters-none > .adorn__adornment {
    margin: 0;
  }
  /* line 104, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-lg.adorn--gutters-compact > .adorn__adornment {
    margin: 0 1rem 0 0;
  }
  /* line 110, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-lg.adorn--gutters-loose > .adorn__adornment {
    margin: 0 4rem 0 0;
  }
  /* line 116, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-lg.adorn--gutters-large > .adorn__adornment {
    margin: 0 8rem 0 0;
  }
  /* line 122, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-lg.adorn--inline > .adorn__adornment {
    margin: 0 0.3em 0 0;
  }
  /* line 127, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-left-lg > .adorn__body {
    text-align: left;
  }
  /* line 132, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-lg {
    flex-direction: row-reverse;
  }
  /* line 135, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-lg > .adorn__adornment {
    margin: 0 0 0 2rem;
  }
  /* line 140, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-lg.adorn--gutters-none > .adorn__adornment {
    margin: 0;
  }
  /* line 146, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-lg.adorn--gutters-compact > .adorn__adornment {
    margin: 0 0 0 1rem;
  }
  /* line 152, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-lg.adorn--gutters-loose > .adorn__adornment {
    margin: 0 0 0 4rem;
  }
  /* line 158, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-lg.adorn--gutters-large > .adorn__adornment {
    margin: 0 0 0 8rem;
  }
  /* line 164, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-lg.adorn--inline > .adorn__adornment {
    margin: 0 0 0 0.3em;
  }
  /* line 169, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-right-lg > .adorn__body {
    text-align: inherit;
  }
  /* line 174, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-lg {
    flex-direction: column;
  }
  /* line 177, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-lg > .adorn__adornment {
    margin: 0 0 2rem 0;
  }
  /* line 182, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-lg.adorn--gutters-none > .adorn__adornment {
    margin: 0;
  }
  /* line 188, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-lg.adorn--gutters-compact > .adorn__adornment {
    margin: 0 0 1rem 0;
  }
  /* line 194, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-lg.adorn--gutters-loose > .adorn__adornment {
    margin: 0 0 4rem 0;
  }
  /* line 200, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-lg.adorn--gutters-large > .adorn__adornment {
    margin: 0 0 8rem 0;
  }
  /* line 206, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-above-lg.adorn--inline > .adorn__adornment {
    margin: 0 0 0.3em 0;
  }
  /* line 212, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-lg {
    flex-direction: column-reverse;
  }
  /* line 215, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-lg > .adorn__adornment {
    margin: 2rem 0 0 0;
  }
  /* line 220, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-lg.adorn--gutters-none > .adorn__adornment {
    margin: 0;
  }
  /* line 226, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-lg.adorn--gutters-compact > .adorn__adornment {
    margin: 1rem 0 0 0;
  }
  /* line 232, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-lg.adorn--gutters-loose > .adorn__adornment {
    margin: 4rem 0 0 0;
  }
  /* line 238, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-lg.adorn--gutters-large > .adorn__adornment {
    margin: 8rem 0 0 0;
  }
  /* line 244, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--layout-below-lg.adorn--inline > .adorn__adornment {
    margin: 0.3em 0 0 0;
  }
  /* line 250, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--align-top-lg,
.vivid .adorn--align-left-lg {
    align-items: flex-start;
    text-align: inherit;
  }
  /* line 255, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--align-middle-lg,
.vivid .adorn--align-center-lg {
    align-items: center;
  }
  /* line 259, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--align-bottom-lg,
.vivid .adorn--align-right-lg {
    align-items: flex-end;
    text-align: inherit;
  }
  /* line 264, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--align-baseline-lg {
    align-items: baseline;
  }
  /* line 268, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--align-center-lg {
    text-align: center;
  }
  /* line 272, app/assets/stylesheets/vivid/adorn.scss */
  .vivid .adorn--align-right-lg {
    text-align: right;
  }
}

/* line 288, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--inline {
  display: inline-flex;
  vertical-align: bottom;
  max-width: 100%;
}

/* line 294, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--block,
.vivid .adorn--display-block {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
}

/* line 300, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--block > .adorn__body,
.vivid .adorn--display-block > .adorn__body {
  display: flex;
  flex-direction: column;
}

/* line 306, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--wrap-none {
  white-space: nowrap;
  flex-wrap: nowrap;
}

/* line 310, app/assets/stylesheets/vivid/adorn.scss */
.vivid .adorn--wrap-none > .adorn__body {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* line 2, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 10, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media img {
  vertical-align: baseline;
  display: block;
  min-width: 0;
}

/* line 16, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media svg {
  float: left;
  min-width: 0;
}

/* line 22, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media iframe {
  background-color: #e3e3e3;
  width: 100%;
  display: block;
}

/* line 28, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media.object-cover-left {
  height: 100%;
}

/* line 31, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media.object-cover-left img {
  object-position: left;
  height: 100%;
  object-fit: cover;
}

/* line 39, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media__content {
  position: relative;
  max-width: 100%;
  max-height: 100%;
  display: block;
  z-index: 1;
}

/* line 47, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media__wrapper {
  display: block;
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
  height: 100%;
}

/* line 56, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--ratio-natural img,
.vivid .inline-media--ratio-natural svg,
.vivid .inline-media--ratio-natural iframe {
  max-width: 100%;
  max-height: 100%;
}

/* line 64, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-cover {
  flex: 1 1 auto;
}

/* line 70, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-cover .inline-media__wrapper > img,
.vivid .inline-media--size-cover .inline-media__wrapper > svg,
.vivid .inline-media--size-cover .inline-media__wrapper > iframe, .vivid .inline-media--size-cover.inline-media--with-image .inline-media__wrapper > img,
.vivid .inline-media--size-cover.inline-media--with-image .inline-media__wrapper > svg,
.vivid .inline-media--size-cover.inline-media--with-image .inline-media__wrapper > iframe {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

/* line 82, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--ratio-contain .inline-media__wrapper {
  background-size: contain;
  background-repeat: no-repeat;
}

/* line 89, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--ratio-square .inline-media__wrapper {
  padding-bottom: 100%;
}

/* line 95, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--ratio-landscape .inline-media__wrapper {
  padding-bottom: 75%;
}

/* line 101, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--ratio-portrait .inline-media__wrapper {
  padding-bottom: 133.3333333333%;
}

/* line 107, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--ratio-widescreen .inline-media__wrapper {
  padding-bottom: 56.25%;
}

/* line 112, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--with-video {
  width: 100%;
  transform: scale(1);
}

/* line 119, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--with-image .inline-media__wrapper {
  font-size: 0;
  line-height: 0;
}

/* line 123, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--with-image .inline-media__wrapper > img,
.vivid .inline-media--with-image .inline-media__wrapper > svg {
  visibility: hidden;
  height: 0;
}

/* line 133, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media:not(.inline-media--with-image):not(.inline-media--ratio-natural) .inline-media__wrapper > img,
.vivid .inline-media:not(.inline-media--with-image):not(.inline-media--ratio-natural) .inline-media__wrapper > svg,
.vivid .inline-media:not(.inline-media--with-image):not(.inline-media--ratio-natural) .inline-media__wrapper > iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}

/* line 146, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--variant-screenshot-clipped {
  clip-path: inset(-4rem -4rem 0 -4rem);
  -webkit-clip-path: inset(-4rem -4rem 0 -4rem);
}

/* line 151, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--variant-screenshot,
.vivid .inline-media--variant-active-screenshot {
  overflow: visible;
  transition: filter ease-in-out 0.15s;
}

/* line 157, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--variant-screenshot,
.vivid .active .inline-media--variant-active-screenshot {
  filter: drop-shadow(0 1rem 1.1rem rgba(0, 0, 0, 0.1));
}

@media (min-width: 992px) {
  /* line 157, app/assets/stylesheets/vivid/media.scss */
  .vivid .inline-media--variant-screenshot,
.vivid .active .inline-media--variant-active-screenshot {
    filter: drop-shadow(0 2rem 2.2rem rgba(0, 0, 0, 0.1));
  }
}

/* line 170, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--shape-round {
  border-radius: 50%;
  overflow: hidden;
  isolation: isolate;
}

/* line 177, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--shape-rounded {
  border-radius: 0.6rem;
  overflow: hidden;
  isolation: isolate;
}

/* line 184, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--shape-rounded-large {
  border-radius: 1.2rem;
  overflow: hidden;
  isolation: isolate;
}

/* line 191, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-xlarge {
  --media-size: 13.2rem;
}

/* line 194, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-xlarge.inline-media--ratio-natural {
  max-width: 13.2rem;
  max-height: 13.2rem;
}

/* line 199, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-xlarge:not(.inline-media--ratio-natural) {
  width: 13.2rem;
  height: 13.2rem;
}

/* line 205, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-large {
  --media-size: 8.8rem;
}

/* line 208, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-large.inline-media--ratio-natural {
  max-width: 8.8rem;
  max-height: 8.8rem;
}

/* line 213, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-large:not(.inline-media--ratio-natural) {
  width: 8.8rem;
  height: 8.8rem;
}

/* line 219, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-medium {
  --media-size: 6.6rem;
}

/* line 222, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-medium.inline-media--ratio-natural {
  max-width: 6.6rem;
  max-height: 6.6rem;
}

/* line 227, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-medium:not(.inline-media--ratio-natural) {
  width: 6.6rem;
  height: 6.6rem;
}

/* line 233, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-smedium {
  --media-size: 5.1rem;
}

/* line 236, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-smedium.inline-media--ratio-natural {
  max-width: 5.1rem;
  max-height: 5.1rem;
}

/* line 241, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-smedium:not(.inline-media--ratio-natural) {
  width: 5.1rem;
  height: 5.1rem;
}

/* line 247, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-small {
  --media-size: 3.6rem;
}

/* line 250, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-small.inline-media--ratio-natural {
  max-width: 3.6rem;
  max-height: 3.6rem;
}

/* line 255, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-small:not(.inline-media--ratio-natural) {
  width: 3.6rem;
  height: 3.6rem;
}

/* line 261, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-petite {
  --media-size: 2.9rem;
}

/* line 264, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-petite.inline-media--ratio-natural {
  max-width: 2.9rem;
  max-height: 2.9rem;
}

/* line 269, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-petite:not(.inline-media--ratio-natural) {
  width: 2.9rem;
  height: 2.9rem;
}

/* line 275, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-inline {
  --media-size: 2.2rem;
}

/* line 278, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-inline.inline-media--ratio-natural {
  max-width: 2.2rem;
  max-height: 2.2rem;
}

/* line 283, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-inline:not(.inline-media--ratio-natural) {
  width: 2.2rem;
  height: 2.2rem;
}

/* line 289, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-natural {
  --media-size: 1em;
}

/* line 292, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-natural.inline-media--ratio-natural {
  max-width: 1em;
  max-height: 1em;
}

/* line 297, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-natural:not(.inline-media--ratio-natural) {
  width: 1em;
  height: 1em;
}

/* line 303, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-tool {
  --media-size: 1.6rem;
}

/* line 306, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-tool.inline-media--ratio-natural {
  max-width: 1.6rem;
  max-height: 1.6rem;
}

/* line 311, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-tool:not(.inline-media--ratio-natural) {
  width: 1.6rem;
  height: 1.6rem;
}

/* line 317, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-fill {
  width: 100%;
  height: auto;
}

/* line 323, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-explicit > img {
  width: auto;
  height: auto;
}

/* line 329, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-medalian {
  --media-size: 30rem;
  max-width: 30rem;
  margin: auto;
}

@media (max-width: 767px) {
  /* line 329, app/assets/stylesheets/vivid/media.scss */
  .vivid .inline-media--size-medalian {
    max-width: 22rem;
  }
}

/* line 340, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--size-medalian-medium {
  max-width: 25.5rem;
  margin: auto;
}

@media (max-width: 767px) {
  /* line 340, app/assets/stylesheets/vivid/media.scss */
  .vivid .inline-media--size-medalian-medium {
    max-width: 13.5rem;
  }
}

/* line 349, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--outlined {
  border: 0.2rem solid var(--surface-container-outline-color, #e3e3e3);
}

/* line 353, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--display-inline {
  display: inline-flex;
}

/* line 357, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--display-block {
  display: flex;
  flex: 1 1 auto;
}

/* line 362, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--skeleton {
  background-color: var(--surface-control-color, rgba(94, 106, 141, 0.08));
}

/* line 368, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--elevation-1.inline-media--with-svg svg {
  filter: drop-shadow(0 0.1rem 0.1rem rgba(0, 0, 0, 0.3));
}

/* line 372, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--elevation-1:not(.inline-media--with-svg) {
  -webkit-backdrop-filter: drop-shadow(0 0.1rem 0.1rem rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0.1rem 0.1rem rgba(0, 0, 0, 0.3));
}

/* line 382, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--elevation-2.inline-media--with-svg svg {
  filter: drop-shadow(0 0.2rem 0.2rem rgba(0, 0, 0, 0.3));
}

/* line 386, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--elevation-2:not(.inline-media--with-svg) {
  -webkit-backdrop-filter: drop-shadow(0 0.2rem 0.2rem rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0.2rem 0.2rem rgba(0, 0, 0, 0.3));
}

/* line 396, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--elevation-4.inline-media--with-svg svg {
  filter: drop-shadow(0 0.4rem 0.4rem rgba(0, 0, 0, 0.3));
}

/* line 400, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--elevation-4:not(.inline-media--with-svg) {
  -webkit-backdrop-filter: drop-shadow(0 0.4rem 0.4rem rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0.4rem 0.4rem rgba(0, 0, 0, 0.3));
}

/* line 410, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--elevation-8.inline-media--with-svg svg {
  filter: drop-shadow(0 0.8rem 0.8rem rgba(0, 0, 0, 0.3));
}

/* line 414, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--elevation-8:not(.inline-media--with-svg) {
  -webkit-backdrop-filter: drop-shadow(0 0.8rem 0.8rem rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0.8rem 0.8rem rgba(0, 0, 0, 0.3));
}

/* line 424, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--elevation-16.inline-media--with-svg svg {
  filter: drop-shadow(0 1.2rem 1.6rem rgba(0, 0, 0, 0.3));
}

/* line 428, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media--elevation-16:not(.inline-media--with-svg) {
  -webkit-backdrop-filter: drop-shadow(0 1.2rem 1.6rem rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 1.2rem 1.6rem rgba(0, 0, 0, 0.3));
}

/* line 436, app/assets/stylesheets/vivid/media.scss */
.vivid .qr-code {
  max-width: 100%;
}

/* line 439, app/assets/stylesheets/vivid/media.scss */
.vivid .qr-code > svg {
  width: 100%;
}

/* line 444, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media-pile {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  max-height: 100%;
}

/* line 453, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media-pile .inline-media {
  height: auto;
}

/* line 458, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media-pile__media {
  position: absolute;
}

/* line 462, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media-pile--size-medalian {
  width: 30rem;
  height: 30rem;
  margin: auto;
}

/* line 468, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media-pile--size-medalian .inline-media-pile__media,
.vivid .inline-media-pile--size-medalian .inline-media {
  max-height: 30rem;
}

/* line 474, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media-pile--size-xlarge {
  width: 13.2rem;
  height: 13.2rem;
}

/* line 478, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media-pile--size-xlarge .inline-media-pile__media,
.vivid .inline-media-pile--size-xlarge .inline-media {
  max-height: 13.2rem;
}

/* line 484, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media-pile--size-large {
  width: 8.8rem;
  height: 8.8rem;
}

/* line 488, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media-pile--size-large .inline-media-pile__media,
.vivid .inline-media-pile--size-large .inline-media {
  max-height: 8.8rem;
}

/* line 494, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media-pile--size-medium {
  width: 6.6rem;
  height: 6.6rem;
}

/* line 498, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media-pile--size-medium .inline-media-pile__media,
.vivid .inline-media-pile--size-medium .inline-media {
  max-height: 6.6rem;
}

/* line 504, app/assets/stylesheets/vivid/media.scss */
.vivid .inline-media-pile.inline-media--display-inline {
  display: inline-flex;
}

/* line 5, app/assets/stylesheets/vivid/forms.scss */
.vivid .form-group {
  margin: 0;
}

/* line 8, app/assets/stylesheets/vivid/forms.scss */
.vivid .form-group:not(:last-child) {
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  /* line 8, app/assets/stylesheets/vivid/forms.scss */
  .vivid .form-group:not(:last-child) {
    margin-bottom: 3rem;
  }
}

/* line 16, app/assets/stylesheets/vivid/forms.scss */
.vivid .form-group > label {
  display: block;
  margin-bottom: 1rem;
}

/* line 24, app/assets/stylesheets/vivid/forms.scss */
.vivid .form-group--standalone:last-child, .vivid .form-group--standalone:not(:last-child),
.vivid .form-group--last:last-child,
.vivid .form-group--last:not(:last-child) {
  margin-bottom: 0;
}

/* line 30, app/assets/stylesheets/vivid/forms.scss */
.vivid label.form-label {
  font-weight: 700;
}

/* line 35, app/assets/stylesheets/vivid/forms.scss */
.vivid .form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 0.1rem solid rgba(30, 30, 30, 0.25);
  color: #1e1e1e;
  border-radius: 4px;
  box-shadow: none;
  padding: 1rem 1.6rem;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.8rem;
  height: auto;
  min-height: 5rem;
}

/* line 46, app/assets/stylesheets/vivid/forms.scss */
.vivid .form-control.error {
  border: 0.1rem solid #ff4431;
}

/* line 64, app/assets/stylesheets/vivid/forms.scss */
.vivid .form-control::placeholder {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: rgba(30, 30, 30, 0.25);
}

/* line 69, app/assets/stylesheets/vivid/forms.scss */
.vivid .form-control:focus, .vivid .form-control.focus {
  border-color: #1942d8;
  box-shadow: 0 0 0 0.2rem #1942d8;
}

/* line 74, app/assets/stylesheets/vivid/forms.scss */
.vivid .form-control.error:focus, .vivid .form-control.focus.error {
  border-color: #ff4431;
  box-shadow: 0 0 0 0.2rem #ff4431;
}

/* line 80, app/assets/stylesheets/vivid/forms.scss */
.vivid .form-control ~ .suggestion {
  margin: 1rem 0 0 0;
  font-size: inherit;
  color: #ff4431;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.2rem;
}

@media (max-width: 768px) {
  /* line 90, app/assets/stylesheets/vivid/forms.scss */
  .vivid .form-control--inline-credit-card {
    font-size: 1.6rem;
  }
}

/* line 96, app/assets/stylesheets/vivid/forms.scss */
.vivid #stripe-element:empty {
  min-height: 5rem;
}

@media (max-width: 768px) {
  /* line 96, app/assets/stylesheets/vivid/forms.scss */
  .vivid #stripe-element:empty {
    font-size: 1.6rem;
  }
}

/* line 104, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="date"],
.vivid input.form-control[type="time"],
.vivid input.form-control[type="datetime-local"],
.vivid input.form-control[type="month"] {
  line-height: 2.6rem;
}

/* line 110, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="date"][required]::-webkit-clear-button,
.vivid input.form-control[type="time"][required]::-webkit-clear-button,
.vivid input.form-control[type="datetime-local"][required]::-webkit-clear-button,
.vivid input.form-control[type="month"][required]::-webkit-clear-button {
  display: none;
}

/* line 114, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="date"]::-webkit-inner-spin-button,
.vivid input.form-control[type="time"]::-webkit-inner-spin-button,
.vivid input.form-control[type="datetime-local"]::-webkit-inner-spin-button,
.vivid input.form-control[type="month"]::-webkit-inner-spin-button {
  display: none;
}

/* line 119, app/assets/stylesheets/vivid/forms.scss */
.vivid ::-webkit-calendar-picker-indicator {
  display: none;
}

/* line 123, app/assets/stylesheets/vivid/forms.scss */
.vivid ::-webkit-calendar-picker-indicator {
  display: none;
}

/* line 127, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="password"] {
  font-family: small-caption;
}

/* line 133, app/assets/stylesheets/vivid/forms.scss */
.vivid .input-group-password .btn {
  background: transparent;
  padding: 0;
  height: 3em;
  width: 3em;
  min-height: 0;
}

/* line 140, app/assets/stylesheets/vivid/forms.scss */
.vivid .input-group-password .btn:not(:focus) {
  border-color: transparent;
}

/* line 145, app/assets/stylesheets/vivid/forms.scss */
.vivid .input-group-password .input-group-addon {
  padding: 0;
}

/* line 149, app/assets/stylesheets/vivid/forms.scss */
.vivid .input-group-password input:focus ~ .input-group-addon {
  border-color: #1942d8;
  box-shadow: 0 0 0 0.2rem #1942d8;
}

/* line 154, app/assets/stylesheets/vivid/forms.scss */
.vivid .input-group-password .input-group-password__icon--visible {
  display: none;
}

/* line 159, app/assets/stylesheets/vivid/forms.scss */
.vivid .input-group-password[show] .input-group-password__icon--visible {
  display: block;
}

/* line 163, app/assets/stylesheets/vivid/forms.scss */
.vivid .input-group-password[show] .input-group-password__icon--hidden {
  display: none;
}

/* line 169, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="range"] {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  overflow: visible;
  padding-left: 0;
  padding-right: 0;
}

/* line 178, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="range"]::-webkit-slider-thumb {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 3.3333333333rem;
  display: block;
  border: 0.2rem solid #e9e9e9;
  background-color: #fff;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
  box-shadow: 0 0.3rem 0.1rem -0.2rem rgba(0, 0, 0, 0.3), 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.21), 0 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.18);
  width: 3.3333333333rem;
  height: 3.3333333333rem;
  margin-top: -1.0416666667rem;
}

/* line 201, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="range"]::-moz-range-thumb {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 3.3333333333rem;
  display: block;
  border: 0.2rem solid #e9e9e9;
  background-color: #fff;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
  box-shadow: 0 0.3rem 0.1rem -0.2rem rgba(0, 0, 0, 0.3), 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.21), 0 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.18);
  width: 3.3333333333rem;
  height: 3.3333333333rem;
  margin-top: -1.0416666667rem;
}

/* line 224, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="range"]::-moz-range-thumb {
  width: 1.5em;
  height: 1.5em;
}

/* line 229, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="range"]::-webkit-slider-runnable-track {
  background-color: var(--surface-sticky-overlay-color, #fff);
  height: 1.25rem;
  border: none;
  box-shadow: 0 0 0 0.1rem rgba(30, 30, 30, 0.25);
  border-radius: 0.625rem;
}

/* line 238, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="range"]::-moz-range-track {
  background-color: #fff;
  height: 1.25rem;
  border: none;
  box-shadow: 0 0 0 0.1rem rgba(30, 30, 30, 0.25);
  border-radius: 0.625rem;
}

/* line 247, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="range"]::-ms-thumb {
  display: block;
  background-color: #fff;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
  width: 16.6666666667px;
  height: 16.6666666667px;
  margin-top: 0;
}

/* line 260, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="range"]::-ms-track {
  color: transparent;
  background: transparent;
  height: 12.5px;
  width: 100%;
  border-width: 6.9444444444px 0;
  overflow: visible;
  margin-top: -2px;
}

/* line 270, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="range"]::-ms-fill-lower {
  background: #fff;
  border-radius: 6.25px;
  border-color: rgba(30, 30, 30, 0.25);
  border-size: 1px;
  border-style: solid;
}

/* line 278, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="range"]::-ms-fill-upper {
  background: #fff;
  border-radius: 6.25px;
  border-color: rgba(30, 30, 30, 0.25);
  border-size: 0.5px;
  border-style: solid;
}

/* line 286, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="range"]:focus, .vivid input.form-control[type="range"]:focus-within {
  box-shadow: none;
}

/* line 290, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="range"]:focus::-webkit-slider-thumb, .vivid input.form-control[type="range"]:focus-within::-webkit-slider-thumb {
  background-color: #1942d8;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.4rem #1942d8;
  border-color: #fff;
}

/* line 298, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="range"]:focus::-ms-thumb, .vivid input.form-control[type="range"]:focus-within::-ms-thumb {
  background-color: #1942d8;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1942d8;
}

/* line 307, app/assets/stylesheets/vivid/forms.scss */
.vivid textarea.form-control {
  height: auto;
}

/* line 311, app/assets/stylesheets/vivid/forms.scss */
.vivid select.form-control:not([multiple]) {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAlCAMAAAAqTHQ7AAAAJ1BMVEX%2F%2F%2F8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAilU6eAAAADHRSTlMAEPAw0KDgwIAgYEAXyBzhAAAAhklEQVR42qXRMRLAIAgAQTTRqPH%2F743ddSmO69lhICJmq1vWWznAxbyoHuLZqVqUnSzetJDfIX%2BHmKlf3LzTAxASgJAAhAUgNAChAQgNQGgAQgMQGoDQAIQGIDQAoQEIDUBoAEIDEB6A8ACEByA8AOEBCA9AAEgCQBIAkgCwRAeQlTXGit8%2BuTxBW3rUd84AAAAASUVORK5CYII%3D");
  background-repeat: no-repeat;
  background-position: right 1.6rem top 50%;
  background-size: 1.6rem auto, 100%;
  padding-right: 3.8666666667rem;
}

/* line 322, app/assets/stylesheets/vivid/forms.scss */
.vivid select.form-control:not([multiple])::-ms-expand {
  display: none;
}

/* line 327, app/assets/stylesheets/vivid/forms.scss */
.vivid select.form-control[multiple] {
  padding: 0;
}

/* line 330, app/assets/stylesheets/vivid/forms.scss */
.vivid select.form-control[multiple] > option {
  padding: 1rem 1.6rem;
}

/* line 335, app/assets/stylesheets/vivid/forms.scss */
.vivid .select-group {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5rem -0.5rem;
}

/* line 340, app/assets/stylesheets/vivid/forms.scss */
.vivid .select-group select {
  margin: 0.5rem 0.5rem;
  flex: 1 0 auto;
  width: auto;
}

/* line 347, app/assets/stylesheets/vivid/forms.scss */
.vivid .select-group--wrap-none {
  flex-wrap: nowrap;
}

/* line 351, app/assets/stylesheets/vivid/forms.scss */
.vivid .form-control--plain-text {
  border-color: transparent;
  padding-left: 0;
  padding-right: 0;
}

/* line 357, app/assets/stylesheets/vivid/forms.scss */
.vivid .form-control--code {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

/* line 361, app/assets/stylesheets/vivid/forms.scss */
.vivid .form-control--uppercase {
  text-transform: uppercase;
}

/* line 365, app/assets/stylesheets/vivid/forms.scss */
.vivid .checkbox,
.vivid .radio {
  margin: 0;
}

/* line 369, app/assets/stylesheets/vivid/forms.scss */
.vivid .checkbox:not(:last-child),
.vivid .radio:not(:last-child) {
  margin-bottom: 1rem;
}

/* line 373, app/assets/stylesheets/vivid/forms.scss */
.vivid .checkbox label,
.vivid .radio label {
  padding: 0;
  margin: 0;
  display: flex;
}

/* line 379, app/assets/stylesheets/vivid/forms.scss */
.vivid .checkbox input[type="radio"],
.vivid .checkbox input[type="checkbox"],
.vivid .radio input[type="radio"],
.vivid .radio input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.2rem 1.6rem 0 0;
  width: 1.8rem;
  height: 1.8rem;
  border: 0.2rem solid rgba(30, 30, 30, 0.25);
  border-radius: 2px;
  outline: 0;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 402, app/assets/stylesheets/vivid/forms.scss */
.vivid .checkbox input[type="radio"]:focus, .vivid .checkbox input[type="radio"]:active:not(:disabled),
.vivid .checkbox input[type="checkbox"]:focus,
.vivid .checkbox input[type="checkbox"]:active:not(:disabled),
.vivid .radio input[type="radio"]:focus,
.vivid .radio input[type="radio"]:active:not(:disabled),
.vivid .radio input[type="checkbox"]:focus,
.vivid .radio input[type="checkbox"]:active:not(:disabled) {
  border-color: #1942d8;
  box-shadow: 0 0 0 0.2rem #1942d8;
}

/* line 410, app/assets/stylesheets/vivid/forms.scss */
.vivid .checkbox input[type="checkbox"]:after,
.vivid .radio input[type="checkbox"]:after {
  font: normal normal normal 14px/1 FontAwesome;
}

/* line 414, app/assets/stylesheets/vivid/forms.scss */
.vivid .checkbox input[type="checkbox"]:checked,
.vivid .radio input[type="checkbox"]:checked {
  border-color: #1942d8;
  background-color: #1942d8;
  color: #fff;
}

/* line 419, app/assets/stylesheets/vivid/forms.scss */
.vivid .checkbox input[type="checkbox"]:checked:after,
.vivid .radio input[type="checkbox"]:checked:after {
  content: "\f00c";
}

/* line 425, app/assets/stylesheets/vivid/forms.scss */
.vivid .checkbox input.checkbox--standalone[type="checkbox"],
.vivid .radio input.checkbox--standalone[type="checkbox"] {
  margin-right: 0;
}

/* line 430, app/assets/stylesheets/vivid/forms.scss */
.vivid .checkbox input[type="radio"],
.vivid .radio input[type="radio"] {
  border-radius: 50%;
}

/* line 433, app/assets/stylesheets/vivid/forms.scss */
.vivid .checkbox input[type="radio"]:after,
.vivid .radio input[type="radio"]:after {
  background-color: #1942d8;
  display: block;
  content: " ";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  opacity: 0;
  transition: opacity ease-in-out 0.15s;
}

/* line 444, app/assets/stylesheets/vivid/forms.scss */
.vivid .checkbox input[type="radio"]:checked:after,
.vivid .radio input[type="radio"]:checked:after {
  opacity: 1;
}

/* line 448, app/assets/stylesheets/vivid/forms.scss */
.vivid .checkbox input.radio--standalone[type="radio"],
.vivid .radio input.radio--standalone[type="radio"] {
  margin-right: 0;
}

/* line 454, app/assets/stylesheets/vivid/forms.scss */
.vivid .checkbox.btn-select input,
.vivid .radio.btn-select input {
  display: none;
}

/* line 458, app/assets/stylesheets/vivid/forms.scss */
.vivid .checkbox.btn-select input:checked + .btn,
.vivid .radio.btn-select input:checked + .btn {
  --button-color: #fff;
  --button-bg-color: #1942d8;
  --button-border-color: #1942d8;
  --button-focus-color: #1942d8;
  outline: none;
  color: #fff;
  background-color: #1942d8;
  border-color: #1942d8;
  text-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 459, app/assets/stylesheets/vivid/forms.scss */
.vivid .checkbox.btn-select input:checked + .btn:before,
.vivid .radio.btn-select input:checked + .btn:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  margin-right: 0.3em;
}

/* line 28, app/assets/stylesheets/vivid/button.scss */
.vivid .checkbox.btn-select input:checked + .btn.active:not(.btn-composite), .vivid .checkbox.btn-select input:checked + .btn:active:not(.btn-composite), .open > .vivid .checkbox.btn-select input:checked + .btn.dropdown-toggle,
.vivid .radio.btn-select input:checked + .btn.active:not(.btn-composite),
.vivid .radio.btn-select input:checked + .btn:active:not(.btn-composite), .open > .vivid .radio.btn-select input:checked + .btn.dropdown-toggle {
  outline: none;
  color: #fff;
  box-shadow: none;
}

/* line 35, app/assets/stylesheets/vivid/button.scss */
.vivid .checkbox.btn-select input:checked + .btn.active:not(.btn-composite):hover, .vivid .checkbox.btn-select input:checked + .btn.active:not(.btn-composite):focus, .vivid .checkbox.btn-select input:checked + .btn.active.focus:not(.btn-composite), .vivid .checkbox.btn-select input:checked + .btn:active:not(.btn-composite):hover, .vivid .checkbox.btn-select input:checked + .btn:active:not(.btn-composite):focus, .vivid .checkbox.btn-select input:checked + .btn.focus:active:not(.btn-composite), .open > .vivid .checkbox.btn-select input:checked + .btn.dropdown-toggle:hover, .open > .vivid .checkbox.btn-select input:checked + .btn.dropdown-toggle:focus, .open > .vivid .checkbox.btn-select input:checked + .btn.dropdown-toggle.focus,
.vivid .radio.btn-select input:checked + .btn.active:not(.btn-composite):hover,
.vivid .radio.btn-select input:checked + .btn.active:not(.btn-composite):focus,
.vivid .radio.btn-select input:checked + .btn.active.focus:not(.btn-composite),
.vivid .radio.btn-select input:checked + .btn:active:not(.btn-composite):hover,
.vivid .radio.btn-select input:checked + .btn:active:not(.btn-composite):focus,
.vivid .radio.btn-select input:checked + .btn.focus:active:not(.btn-composite), .open > .vivid .radio.btn-select input:checked + .btn.dropdown-toggle:hover, .open > .vivid .radio.btn-select input:checked + .btn.dropdown-toggle:focus, .open > .vivid .radio.btn-select input:checked + .btn.dropdown-toggle.focus {
  color: #fff;
}

/* line 41, app/assets/stylesheets/vivid/button.scss */
.vivid .checkbox.btn-select input:checked + .btn:focus, .vivid .checkbox.btn-select input:checked + .btn.focus,
.vivid .radio.btn-select input:checked + .btn:focus,
.vivid .radio.btn-select input:checked + .btn.focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, #1942d8);
}

@media (hover: hover), all and (-ms-high-contrast: none) {
  /* line 52, app/assets/stylesheets/vivid/button.scss */
  .vivid .checkbox.btn-select input:checked + .btn:hover,
.vivid .radio.btn-select input:checked + .btn:hover {
    border-color: #1942d8;
  }
  /* line 55, app/assets/stylesheets/vivid/button.scss */
  .vivid .checkbox.btn-select input:checked + .btn.btn-composite:hover,
.vivid .radio.btn-select input:checked + .btn.btn-composite:hover {
    box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, #1942d8);
  }
}

/* line 64, app/assets/stylesheets/vivid/button.scss */
.vivid .checkbox.btn-select input:checked + .btn .badge--color-default,
.vivid .radio.btn-select input:checked + .btn .badge--color-default {
  color: #1942d8;
  background-color: #fff;
}

/* line 69, app/assets/stylesheets/vivid/button.scss */
.vivid .checkbox.btn-select input:checked + .btn.btn-soft,
.vivid .radio.btn-select input:checked + .btn.btn-soft {
  --button-color: #1942d8;
  --button-bg-color: rgba(25, 66, 216, 0.08);
  --button-border-color: transparent;
  --button-focus-color: #1942d8;
  color: #1942d8;
  background-color: rgba(25, 66, 216, 0.08);
  border-color: transparent;
}

/* line 79, app/assets/stylesheets/vivid/button.scss */
.vivid .checkbox.btn-select input:checked + .btn.btn-soft:active,
.vivid .radio.btn-select input:checked + .btn.btn-soft:active {
  background-color: rgba(25, 66, 216, 0.08);
}

/* line 84, app/assets/stylesheets/vivid/button.scss */
.vivid .checkbox.btn-select input:checked + .btn.btn-soft:active:hover, .vivid .checkbox.btn-select input:checked + .btn.btn-soft:active:focus,
.vivid .radio.btn-select input:checked + .btn.btn-soft:active:hover,
.vivid .radio.btn-select input:checked + .btn.btn-soft:active:focus {
  color: #1942d8;
  background-color: rgba(25, 66, 216, 0.08);
}

/* line 93, app/assets/stylesheets/vivid/button.scss */
.vivid .checkbox.btn-select input:checked + .btn.btn-surface-trim:focus, .vivid .checkbox.btn-select input:checked + .btn.btn-surface-trim.focus, .vivid .checkbox.btn-select input:checked + .btn.btn-surface-trim:hover, .vivid .checkbox.btn-select input:checked + .btn.btn-surface-trim.hover,
.vivid .radio.btn-select input:checked + .btn.btn-surface-trim:focus,
.vivid .radio.btn-select input:checked + .btn.btn-surface-trim.focus,
.vivid .radio.btn-select input:checked + .btn.btn-surface-trim:hover,
.vivid .radio.btn-select input:checked + .btn.btn-surface-trim.hover {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--surface-color, #1942d8);
}

/* line 104, app/assets/stylesheets/vivid/button.scss */
.vivid .checkbox.btn-select input:checked + .btn.btn-elevated,
.vivid .radio.btn-select input:checked + .btn.btn-elevated {
  box-shadow: 0 0.11em 0.83em rgba(25, 66, 216, 0.3);
}

/* line 107, app/assets/stylesheets/vivid/button.scss */
.vivid .checkbox.btn-select input:checked + .btn.btn-elevated:focus, .vivid .checkbox.btn-select input:checked + .btn.btn-elevated.focus,
.vivid .radio.btn-select input:checked + .btn.btn-elevated:focus,
.vivid .radio.btn-select input:checked + .btn.btn-elevated.focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #1942d8, 0 0.11em 0.83em rgba(25, 66, 216, 0.3);
}

/* line 115, app/assets/stylesheets/vivid/button.scss */
.vivid .checkbox.btn-select input:checked + .btn.btn-elevated.disabled, .vivid .checkbox.btn-select input:checked + .btn.btn-elevated[disabled], fieldset[disabled] .vivid .checkbox.btn-select input:checked + .btn.btn-elevated,
.vivid .radio.btn-select input:checked + .btn.btn-elevated.disabled,
.vivid .radio.btn-select input:checked + .btn.btn-elevated[disabled], fieldset[disabled] .vivid .radio.btn-select input:checked + .btn.btn-elevated {
  box-shadow: none;
}

/* line 120, app/assets/stylesheets/vivid/button.scss */
.vivid .checkbox.btn-select input:checked + .btn.btn-elevated.disabled:hover, .vivid .checkbox.btn-select input:checked + .btn.btn-elevated.disabled:focus, .vivid .checkbox.btn-select input:checked + .btn.btn-elevated.disabled.focus, .vivid .checkbox.btn-select input:checked + .btn.btn-elevated[disabled]:hover, .vivid .checkbox.btn-select input:checked + .btn.btn-elevated[disabled]:focus, .vivid .checkbox.btn-select input:checked + .btn.btn-elevated.focus[disabled], fieldset[disabled] .vivid .checkbox.btn-select input:checked + .btn.btn-elevated:hover, fieldset[disabled] .vivid .checkbox.btn-select input:checked + .btn.btn-elevated:focus, fieldset[disabled] .vivid .checkbox.btn-select input:checked + .btn.btn-elevated.focus,
.vivid .radio.btn-select input:checked + .btn.btn-elevated.disabled:hover,
.vivid .radio.btn-select input:checked + .btn.btn-elevated.disabled:focus,
.vivid .radio.btn-select input:checked + .btn.btn-elevated.disabled.focus,
.vivid .radio.btn-select input:checked + .btn.btn-elevated[disabled]:hover,
.vivid .radio.btn-select input:checked + .btn.btn-elevated[disabled]:focus,
.vivid .radio.btn-select input:checked + .btn.btn-elevated.focus[disabled], fieldset[disabled] .vivid .radio.btn-select input:checked + .btn.btn-elevated:hover, fieldset[disabled] .vivid .radio.btn-select input:checked + .btn.btn-elevated:focus, fieldset[disabled] .vivid .radio.btn-select input:checked + .btn.btn-elevated.focus {
  background-color: #1942d8;
  border-color: #1942d8;
}

/* line 473, app/assets/stylesheets/vivid/forms.scss */
.vivid .form-control[disabled],
.vivid .form-control.disabled,
.vivid .form-control[readonly],
.vivid fieldset[disabled] .form-control,
.vivid .checkbox input[type="checkbox"][disabled],
.vivid fieldset[disabled] .checkbox input[type="checkbox"],
.vivid .radio input[type="radio"][disabled],
.vivid fieldset[disabled] .radio input[type="radio"] {
  border-color: #c7c7c7;
  color: #595959;
  background-color: #f2f2f2;
}

/* line 486, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="range"][disabled],
.vivid input.form-control[type="range"][readonly],
.vivid fieldset[disabled] input.form-control[type="range"] {
  background-color: transparent;
  border-color: transparent;
}

/* line 492, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="range"][disabled]::-webkit-slider-thumb,
.vivid input.form-control[type="range"][readonly]::-webkit-slider-thumb,
.vivid fieldset[disabled] input.form-control[type="range"]::-webkit-slider-thumb {
  background-color: #c7c7c7;
}

/* line 496, app/assets/stylesheets/vivid/forms.scss */
.vivid input.form-control[type="range"][disabled]::-webkit-slider-runnable-track,
.vivid input.form-control[type="range"][readonly]::-webkit-slider-runnable-track,
.vivid fieldset[disabled] input.form-control[type="range"]::-webkit-slider-runnable-track {
  background-color: #f2f2f2;
  border-color: #c7c7c7;
  box-shadow: 0 0 0 0.1rem #c7c7c7;
}

/* line 503, app/assets/stylesheets/vivid/forms.scss */
.vivid select.form-control[disabled],
.vivid select.form-control[readonly],
.vivid fieldset[disabled] select.form-control {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20320%20512%22%3E%3Cpath%20fill=%22%23595959%22%20d=%22M31.3%20192h257.3c17.8%200%2026.7%2021.5%2014.1%2034.1L174.1%20354.8c-7.8%207.8-20.5%207.8-28.3%200L17.2%20226.1C4.6%20213.5%2013.5%20192%2031.3%20192z%22%3E%3C/path%3E%3C/svg%3E%0A");
}

/* line 510, app/assets/stylesheets/vivid/forms.scss */
.vivid .checkbox input[type="checkbox"][disabled]:checked,
.vivid fieldset[disabled] .checkbox input[type="checkbox"]:checked {
  border-color: #595959;
  color: #f2f2f2;
  background-color: #595959;
}

/* line 519, app/assets/stylesheets/vivid/forms.scss */
.vivid .radio input[type="radio"][disabled]:after,
.vivid fieldset[disabled] .radio input[type="radio"]:after {
  background-color: #595959;
}

/* line 524, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

/* line 530, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle input.toggle__input {
  width: 0;
  border: 0;
  font-size: 0;
  margin: 0;
}

/* line 537, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle input.toggle__input:focus, .vivid .toggle input.toggle__input:active:not(:disabled), .vivid .toggle input.toggle__input:checked, .vivid .toggle input.toggle__input:disabled, .vivid .toggle input.toggle__input:disabled:checked {
  border: 0;
  box-shadow: none;
}

/* line 545, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle input.toggle__input:focus:after, .vivid .toggle input.toggle__input:active:not(:disabled):after, .vivid .toggle input.toggle__input:checked:after, .vivid .toggle input.toggle__input:disabled:after, .vivid .toggle input.toggle__input:disabled:checked:after {
  content: "";
}

/* line 551, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle input + .toggle__control {
  background: #fff;
  border: 0;
  border-radius: 1.2rem;
  min-width: 4.8rem;
  height: 2.2rem;
  position: relative;
  overflow: visible;
  margin-right: 1.6rem;
  justify-content: flex-start;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.4rem rgba(30, 30, 30, 0.25);
  font-size: 1.4rem;
  flex: 0 0 auto;
  display: flex;
  transition: box-shadow ease-in-out 0.15s, color ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 574, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle input + .toggle__control:before {
  color: #1e1e1e;
  transition: padding ease-in-out 0.15s, color ease-in-out 0.15s;
  padding: 0 0 0 2rem;
  text-align: center;
  display: block;
  width: 100%;
  color: rgba(30, 30, 30, 0.5);
}

/* line 586, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle input + .toggle__control:after {
  transition: left ease-in-out 0.15s, background-color ease-in-out 0.15s;
  content: "";
  border: 0.2rem solid #e9e9e9;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  margin: -0.3rem;
  width: 3rem;
  height: 3rem;
  left: -0.1rem;
  top: -0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0.3rem 0.1rem -0.2rem rgba(0, 0, 0, 0.3), 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.21), 0 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.18);
}

/* line 615, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle input:checked + .toggle__control:after,
.vivid .toggle input:focus + .toggle__control:after,
.vivid .toggle input:active + .toggle__control:after {
  background-color: #1942d8;
  border-color: #fff;
}

/* line 621, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle input:focus + .toggle__control,
.vivid .toggle input:active:not(:disabled) + .toggle__control {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.6rem #1942d8;
}

/* line 628, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle input:checked + .toggle__control {
  background-color: #1942d8;
  color: #fff;
  box-shadow: 0 0 0 0.2rem #1942d8, 0 0 0 0.4rem #1942d8;
}

/* line 635, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle input:checked + .toggle__control:after {
  left: calc(100% - 2.4rem + 0.2rem);
}

/* line 639, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle input:checked + .toggle__control:before {
  padding: 0 2rem 0 0;
  color: #fff;
}

/* line 645, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle input:focus + .toggle__control,
.vivid .toggle input:active + .toggle__control {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.6rem #1942d8;
}

/* line 652, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle input[disabled] + .toggle__control,
.vivid fieldset[disabled] .toggle input + .toggle__control {
  box-shadow: 0 0 0 0.2rem #f2f2f2, 0 0 0 0.4rem #c7c7c7;
  background-color: #f2f2f2;
}

/* line 660, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle input[disabled] + .toggle__control:after,
.vivid fieldset[disabled] .toggle input + .toggle__control:after {
  background-color: #c7c7c7;
}

/* line 665, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle input[disabled]:checked + .toggle__control,
.vivid fieldset[disabled] .toggle input:checked + .toggle__control {
  box-shadow: 0 0 0 0.2rem #595959, 0 0 0 0.4rem #595959;
  background-color: #595959;
}

/* line 673, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle input[disabled]:checked + .toggle__control:after,
.vivid fieldset[disabled] .toggle input:checked + .toggle__control:after {
  background-color: #595959;
}

/* line 677, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle input[disabled]:checked + .toggle__control:before,
.vivid fieldset[disabled] .toggle input:checked + .toggle__control:before {
  color: #c7c7c7;
}

/* line 682, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--standalone input + .toggle__control {
  margin-right: 0;
}

/* line 686, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--variant-on-off input + .toggle__control {
  width: 6.8rem;
}

/* line 689, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--variant-on-off input + .toggle__control:before {
  content: "Off";
}

/* line 695, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--variant-on-off input:checked + .toggle__control:before {
  content: "On";
}

/* line 700, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--variant-yes-no input + .toggle__control {
  width: 6.8rem;
}

/* line 703, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--variant-yes-no input + .toggle__control:before {
  content: "No";
}

/* line 709, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--variant-yes-no input:checked + .toggle__control:before {
  content: "Yes";
}

/* line 714, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--variant-blocked-allowed input + .toggle__control {
  width: 9.3rem;
}

/* line 717, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--variant-blocked-allowed input + .toggle__control:before {
  content: "Allowed";
}

/* line 723, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--variant-blocked-allowed input:checked + .toggle__control:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f00d";
}

/* line 728, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--variant-blocked-allowed input:checked + .toggle__control:before {
  content: "Blocked";
}

/* line 733, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--variant-allowed-blocked input + .toggle__control {
  width: 9.3rem;
}

/* line 736, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--variant-allowed-blocked input + .toggle__control:before {
  content: "Blocked";
}

/* line 740, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--variant-allowed-blocked input + .toggle__control:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f00d";
}

/* line 747, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--variant-allowed-blocked input:checked + .toggle__control:after {
  content: "";
}

/* line 751, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--variant-allowed-blocked input:checked + .toggle__control:before {
  content: "Allowed";
}

/* line 766, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--color-positive input:not(:disabled) + .toggle__control {
  background: #ffecea;
  color: #d91e0b;
  box-shadow: 0 0 0 0.2rem #ffecea, 0 0 0 0.4rem #ffecea;
}

/* line 773, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--color-positive input:not(:disabled) + .toggle__control:before {
  color: #d91e0b;
}

/* line 777, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--color-positive input:not(:disabled) + .toggle__control:after {
  background: #ff4431;
  color: #fff;
  border-color: #fff;
}

/* line 784, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--color-positive input:focus:not(:disabled) + .toggle__control,
.vivid .toggle.toggle--color-positive input:active:not(:disabled) + .toggle__control {
  background: #ffecea;
  color: #d91e0b;
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.6rem #ff4431;
}

/* line 793, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--color-positive input:checked:not(:disabled) + .toggle__control {
  background: #ebfcf0;
  color: #26ab4f;
  box-shadow: 0 0 0 0.2rem #ebfcf0, 0 0 0 0.4rem #ebfcf0;
}

/* line 800, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--color-positive input:checked:not(:disabled) + .toggle__control:before {
  color: #26ab4f;
}

/* line 804, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--color-positive input:checked:not(:disabled) + .toggle__control:after {
  background: #3add6c;
  color: #fff;
}

/* line 810, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--color-positive input:focus:checked:not(:disabled) + .toggle__control,
.vivid .toggle.toggle--color-positive input:active:checked:not(:disabled) + .toggle__control {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.6rem #3add6c;
}

/* line 817, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--color-on input:checked + .toggle__control {
  background: #ebfcf0;
  color: #26ab4f;
  box-shadow: 0 0 0 0.2rem #ebfcf0, 0 0 0 0.4rem #ebfcf0;
}

/* line 824, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--color-on input:checked + .toggle__control:before {
  color: #26ab4f;
}

/* line 828, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--color-on input:checked + .toggle__control:after {
  background: #3add6c;
  color: #fff;
}

/* line 834, app/assets/stylesheets/vivid/forms.scss */
.vivid .toggle.toggle--color-on input:focus:checked + .toggle__control,
.vivid .toggle.toggle--color-on input:active:checked:not(:disabled) + .toggle__control {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.6rem #3add6c;
}

/* line 842, app/assets/stylesheets/vivid/forms.scss */
.vivid .input-group .form-control {
  position: static;
}

/* line 846, app/assets/stylesheets/vivid/forms.scss */
.vivid .input-group .form-control:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* line 851, app/assets/stylesheets/vivid/forms.scss */
.vivid .input-group .form-control:not(:last-child) {
  border-right: 0;
}

/* line 855, app/assets/stylesheets/vivid/forms.scss */
.vivid .input-group .form-control:not(:first-child) {
  border-left: 0;
}

/* line 860, app/assets/stylesheets/vivid/forms.scss */
.vivid .input-group:focus-within .input-group-addon:first-child {
  background-color: #1942d8;
  border-color: #1942d8;
  box-shadow: 0 0 0 0.2rem #1942d8;
  color: #fff;
}

/* line 869, app/assets/stylesheets/vivid/forms.scss */
.vivid label.input-group {
  display: table;
  margin-bottom: 0;
}

/* line 874, app/assets/stylesheets/vivid/forms.scss */
.vivid .input-group-addon {
  position: relative;
  padding: 1rem 1.6rem;
  border-color: rgba(30, 30, 30, 0.25);
  background-color: #fff;
  color: rgba(68, 68, 68, 0.6);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background ease-in-out 0.15s, color ease-in-out 0.15s;
  border-left-width: 0;
  border-right-width: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.6rem;
  line-height: 2.8rem;
}

/* line 893, app/assets/stylesheets/vivid/forms.scss */
.vivid .input-group-addon:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left-width: 0.1rem;
}

/* line 900, app/assets/stylesheets/vivid/forms.scss */
.vivid .input-group-addon:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right-width: 0.1rem;
}

/* line 907, app/assets/stylesheets/vivid/forms.scss */
.vivid .input-group-addon--narrow {
  padding-left: 0;
  padding-right: 0;
}

/* line 912, app/assets/stylesheets/vivid/forms.scss */
.vivid .input-group[disabled] .input-group-addon,
.vivid fieldset[disabled] .input-group > .input-group-addon.input-group-addon,
.vivid input.form-control[disabled] ~ .input-group-addon {
  border-color: #c7c7c7;
  color: #595959;
  background-color: #f2f2f2;
}

/* line 920, app/assets/stylesheets/vivid/forms.scss */
.vivid .search-group {
  position: relative;
  display: flex;
}

/* line 924, app/assets/stylesheets/vivid/forms.scss */
.vivid .search-group .input-group {
  flex: 1 1 100%;
}

/* line 929, app/assets/stylesheets/vivid/forms.scss */
.vivid .search-group__clear {
  position: absolute;
  right: 0;
  height: 100%;
  width: 3.8rem;
}

/* line 937, app/assets/stylesheets/vivid/forms.scss */
.vivid .form-inline .form-control {
  display: inline-block;
  width: auto;
}

/* line 944, app/assets/stylesheets/vivid/forms.scss */
.vivid .form--long-submit:after {
  content: "";
  display: block;
  width: 50%;
  left: 0;
  position: fixed;
  animation-name: longSubmitKeyframes;
  animation-duration: 20s;
  animation-iteration-count: infinite;
}

/* line 957, app/assets/stylesheets/vivid/forms.scss */
.vivid .form-control--size-natural {
  width: auto;
}

/* line 961, app/assets/stylesheets/vivid/forms.scss */
.vivid .form-control--size-large {
  font-size: 2.2rem;
  line-height: 3.4rem;
  min-height: 6.6rem;
}

/* line 967, app/assets/stylesheets/vivid/forms.scss */
.vivid .form-control--borderless {
  border-color: transparent;
}

/* line 971, app/assets/stylesheets/vivid/forms.scss */
.vivid form.button_to {
  display: table;
}

/* line 975, app/assets/stylesheets/vivid/forms.scss */
.vivid .sub-form {
  display: none;
}

/* line 979, app/assets/stylesheets/vivid/forms.scss */
.vivid .sub-form.active {
  display: block;
}

/* line 983, app/assets/stylesheets/vivid/forms.scss */
.vivid .bootstrap-datetimepicker-widget {
  padding: 1rem 1.6rem;
  border-radius: 0.6rem;
  border: none;
}

/* line 990, app/assets/stylesheets/vivid/forms.scss */
.vivid .bootstrap-datetimepicker-widget .btn {
  min-height: 0;
  border: 0;
  padding: 0;
}

/* line 996, app/assets/stylesheets/vivid/forms.scss */
.vivid .bootstrap-datetimepicker-widget button[data-action="togglePeriod"] {
  width: 4.5rem;
  margin-left: 1rem;
  height: 3.6rem;
}

/* line 1002, app/assets/stylesheets/vivid/forms.scss */
.vivid .bootstrap-datetimepicker-widget a[data-action="clear"] {
  margin-left: 3.2rem;
  color: rgba(68, 68, 95, 0.6);
  background: transparent;
  text-decoration: underline;
}

/* line 1008, app/assets/stylesheets/vivid/forms.scss */
.vivid .bootstrap-datetimepicker-widget a[data-action="clear"]:before {
  content: "Clear";
}

/* line 1012, app/assets/stylesheets/vivid/forms.scss */
.vivid .bootstrap-datetimepicker-widget a[data-action="clear"] span {
  display: none;
}

/* line 1017, app/assets/stylesheets/vivid/forms.scss */
.vivid .bootstrap-datetimepicker-widget .picker-switch {
  align-self: flex-end;
}

/* line 1021, app/assets/stylesheets/vivid/forms.scss */
.vivid .bootstrap-datetimepicker-widget .fa {
  color: rgba(68, 68, 95, 0.6);
}

/* line 1025, app/assets/stylesheets/vivid/forms.scss */
.vivid .bootstrap-datetimepicker-widget .separator,
.vivid .bootstrap-datetimepicker-widget .timepicker-second,
.vivid .bootstrap-datetimepicker-widget .timepicker-minute,
.vivid .bootstrap-datetimepicker-widget .timepicker-hour {
  font-size: 2.2rem;
}

/* line 1032, app/assets/stylesheets/vivid/forms.scss */
.vivid .bootstrap-datetimepicker-widget .separator {
  width: 2.2rem;
}

/* line 1036, app/assets/stylesheets/vivid/forms.scss */
.vivid .bootstrap-datetimepicker-widget [data-time-component] {
  box-shadow: 0 0 0 0.1rem #e9e9e9;
  border-radius: 4px;
  height: 3.6rem;
  width: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1046, app/assets/stylesheets/vivid/forms.scss */
.vivid .bootstrap-datetimepicker-widget > ul {
  display: flex;
  align-items: center;
}

/* line 1051, app/assets/stylesheets/vivid/forms.scss */
.vivid .bootstrap-datetimepicker-widget .timepicker,
.vivid .bootstrap-datetimepicker-widget .timepicker-hours,
.vivid .bootstrap-datetimepicker-widget .timepicker-minutes {
  width: 15rem;
}

/* line 1057, app/assets/stylesheets/vivid/forms.scss */
.vivid .bootstrap-datetimepicker-widget [data-action] {
  cursor: pointer;
}

/* line 1061, app/assets/stylesheets/vivid/forms.scss */
.vivid .bootstrap-datetimepicker-widget td[data-action] {
  width: 3.6rem;
  height: 3.6rem;
}

/* line 1066, app/assets/stylesheets/vivid/forms.scss */
.vivid .bootstrap-datetimepicker-widget .btn[data-action]:not(.btn-primary) {
  background: rgba(94, 106, 141, 0.08);
  padding: 0.5rem;
  margin: 0.5rem;
}

/* line 1073, app/assets/stylesheets/vivid/forms.scss */
.vivid .bootstrap-datetimepicker-widget table td {
  text-align: center;
  vertical-align: middle;
}

@keyframes longSubmitKeyframes {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

/* line 4, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid .select2-selection--multiple {
  background-color: #fff;
  border: 0.1rem solid rgba(30, 30, 30, 0.25);
  border-radius: 4px;
  cursor: text;
  min-height: 5rem;
  line-height: 0;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/* line 13, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid
.select2-selection--multiple
.select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0 0 1rem 0;
  padding: 0 1.6rem;
  width: 100%;
  line-height: 2.2rem;
}

/* line 23, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid
.select2-selection--multiple
.select2-selection__rendered
li {
  list-style: none;
}

/* line 29, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid
.select2-selection--multiple
.select2-selection__placeholder {
  color: rgba(30, 30, 30, 0.25);
  margin-top: 1rem;
  float: left;
}

/* line 36, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid
.select2-selection--multiple
.select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 2.8rem;
  height: 2.8rem;
  margin: 1rem 0 0;
}

/* line 48, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid
.select2-selection--multiple
.select2-selection__choice {
  background-color: #1942d8;
  color: #fff;
  border-radius: 0.4rem;
  cursor: default;
  float: left;
  margin-right: 1rem;
  margin-top: 1rem;
  padding: 0 1.2rem;
  line-height: 2.8rem;
  height: 2.8rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 66, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid
.select2-selection--multiple
.select2-selection__choice__remove {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  font-size: 1.8rem;
  margin-right: 0.3em;
  opacity: 0.6;
  transition: opacity ease-in-out 0.15s;
}

/* line 78, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid
.select2-selection--multiple
.select2-selection__choice__remove:hover {
  opacity: 1;
}

/* line 83, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid.select2-container--focus:not(.select2-container--disabled)
.select2-selection--multiple {
  border: solid #1942d8 1px;
  box-shadow: 0 0 0 0.2rem #1942d8;
  outline: 0;
}

/* line 91, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid.select2-container--disabled .select2-selection--multiple {
  background-color: #f2f2f2;
  color: #595959;
  cursor: not-allowed;
  outline: 0;
}

/* line 98, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

/* line 102, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
  color: #f2f2f2;
  background-color: #595959;
}

/* line 108, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid.select2-container--open.select2-container--above
.select2-selection--single,
.select2-container--vivid.select2-container--open.select2-container--above
.select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 116, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid.select2-container--open.select2-container--below
.select2-selection--single,
.select2-container--vivid.select2-container--open.select2-container--below
.select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 124, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid .select2-search--dropdown .select2-search__field {
  border: 0.1rem solid rgba(30, 30, 30, 0.25);
}

/* line 128, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
  line-height: 2.8rem;
  height: 2.8rem;
  margin-top: 1rem;
}

/* line 139, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid .select2-dropdown {
  border: none;
  background: #fff;
  color: #1e1e1e;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.2rem;
  font-style: normal;
  overflow: hidden;
  box-shadow: 0 0.3rem 0.1rem -0.2rem rgba(0, 0, 0, 0.1), 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.07), 0 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.06);
}

/* line 157, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid .select2-results > .select2-results__options {
  max-height: 30vh;
  overflow-y: auto;
}

/* line 162, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid
.select2-results
.select2-results__option {
  padding: 1rem 1.6rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 172, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid .select2-results__option[role="group"] {
  padding: 0;
}

/* line 176, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid .select2-results__option[aria-disabled="true"] {
  color: #595959;
}

/* line 180, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid .select2-results__option[aria-selected="true"] {
  background-color: #dae2ff;
  color: #1e1e1e;
}

/* line 185, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid .select2-results__option--highlighted[aria-selected] {
  background-color: #1942d8;
  color: #fff;
}

/* line 190, app/assets/stylesheets/vivid/select2.scss */
.select2-container--vivid .select2-results__group {
  cursor: default;
  display: block;
  padding: 1rem 1.6rem 1rem 0;
}

/* line 2, app/assets/stylesheets/vivid/snackbar.scss */
.vivid .snackbar {
  opacity: 0;
  display: block;
  position: relative;
  padding: 1.6rem 1.6rem;
  width: 100%;
  max-width: 45rem;
  margin: 0 auto;
  pointer-events: auto;
  transition: transform ease-in-out 0.25s, opacity ease-in-out 0.25s;
  transform: translateY(-100%);
  word-break: break-word;
  border: solid 0.4rem transparent;
}

/* line 19, app/assets/stylesheets/vivid/snackbar.scss */
.vivid .snackbar:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: inherit;
  box-shadow: 0 0 0 0.1rem var(--surface-outline-color, #FFF);
  left: -0.4rem;
  right: -0.4rem;
  bottom: -0.4rem;
  top: -0.4rem;
}

/* line 31, app/assets/stylesheets/vivid/snackbar.scss */
.vivid .snackbar, .vivid .snackbar.alert {
  border-radius: 0.8rem;
}

/* line 36, app/assets/stylesheets/vivid/snackbar.scss */
.vivid .snackbar a:not(.btn),
.vivid .snackbar a:not(.btn):visited {
  color: inherit;
  text-decoration: underline;
}

/* line 42, app/assets/stylesheets/vivid/snackbar.scss */
.vivid .snackbar > ul.alert {
  padding: 0;
}

@media (min-width: 768px) {
  /* line 2, app/assets/stylesheets/vivid/snackbar.scss */
  .vivid .snackbar {
    padding: 2rem 3rem;
  }
  /* line 49, app/assets/stylesheets/vivid/snackbar.scss */
  .vivid .snackbar, .vivid .snackbar.alert {
    border-radius: 1.2rem;
  }
}

/* line 56, app/assets/stylesheets/vivid/snackbar.scss */
.vivid .snackbar--in {
  opacity: 1;
  transform: none;
}

/* line 60, app/assets/stylesheets/vivid/snackbar.scss */
.vivid .snackbar--in + .snackbar {
  opacity: 0;
}

/* line 66, app/assets/stylesheets/vivid/snackbar.scss */
.snackbar-container {
  position: fixed;
  top: calc(2rem + max(var(--safe-area-inset-top), var(--sticky-max-nav-height)));
  right: 0;
  left: 0;
  z-index: 1060;
  width: 100%;
  padding: 0 2rem;
  pointer-events: none;
  transition: top ease-in-out 0.25s;
}

/* line 79, app/assets/stylesheets/vivid/snackbar.scss */
.modal-open .snackbar-container {
  top: calc(2rem + var(--safe-area-inset-top));
}

/* line 2, app/assets/stylesheets/vivid/alert.scss */
.vivid .alert {
  border-radius: 0.8rem;
}

/* line 5, app/assets/stylesheets/vivid/alert.scss */
.vivid .alert a:not(.btn), .vivid .alert a:visited:not(.btn) {
  color: inherit;
  text-decoration: underline;
}

/* line 10, app/assets/stylesheets/vivid/alert.scss */
.vivid .alert:empty {
  display: none;
}

/* line 15, app/assets/stylesheets/vivid/alert.scss */
.vivid .alert-info, .vivid .alert--state-info {
  background-color: #bef6fc;
  color: #444444;
  border-color: #bef6fc;
}

/* line 21, app/assets/stylesheets/vivid/alert.scss */
.vivid .alert-success, .vivid .alert--state-success {
  background-color: #58ff92;
  color: #000;
  border-color: #58ff92;
}

/* line 27, app/assets/stylesheets/vivid/alert.scss */
.vivid .alert-danger, .vivid .alert--state-danger {
  background-color: #ff4431;
  color: #fff;
  border-color: #ff4431;
}

/* line 33, app/assets/stylesheets/vivid/alert.scss */
.vivid .alert-canvas, .vivid .alert--state-canvas {
  background-color: #f3f4f7;
  border-color: #f3f4f7;
}

/* line 39, app/assets/stylesheets/vivid/alert.scss */
ul.alert {
  list-style-type: none;
}

/* line 2, app/assets/stylesheets/vivid/color_block.scss */
.vivid .color-block {
  position: relative;
}

/* line 6, app/assets/stylesheets/vivid/color_block.scss */
.vivid .color-block__content {
  background-size: cover;
  background-position: 50% 50%;
  overflow: hidden;
}

/* line 11, app/assets/stylesheets/vivid/color_block.scss */
.vivid .color-block__content:before, .vivid .color-block__content:after {
  content: "";
  display: table;
}

/* line 18, app/assets/stylesheets/vivid/color_block.scss */
.vivid .color-block__curve {
  display: none;
  height: 5vw;
  position: relative;
  max-height: 4rem;
}

/* line 24, app/assets/stylesheets/vivid/color_block.scss */
.vivid .color-block__curve svg {
  width: 100%;
  height: 100%;
  overflow: visible;
  display: block;
}

/* line 32, app/assets/stylesheets/vivid/color_block.scss */
.vivid .color-block--curved-top-overlap {
  margin-top: -4rem;
}

/* line 36, app/assets/stylesheets/vivid/color_block.scss */
.vivid .color-block--curved-bottom-overlap {
  margin-bottom: -4rem;
}

/* line 42, app/assets/stylesheets/vivid/color_block.scss */
.vivid .color-block--curved-top .color-block__curve:first-child {
  display: block;
}

/* line 48, app/assets/stylesheets/vivid/color_block.scss */
.vivid .color-block--curved-bottom .color-block__curve:last-child {
  display: block;
}

@media (min-width: 480px) {
  /* line 42, app/assets/stylesheets/vivid/color_block.scss */
  .vivid .color-block--curved-top-xs .color-block__curve:first-child {
    display: block;
  }
  /* line 48, app/assets/stylesheets/vivid/color_block.scss */
  .vivid .color-block--curved-bottom-xs .color-block__curve:last-child {
    display: block;
  }
}

@media (min-width: 768px) {
  /* line 42, app/assets/stylesheets/vivid/color_block.scss */
  .vivid .color-block--curved-top-sm .color-block__curve:first-child {
    display: block;
  }
  /* line 48, app/assets/stylesheets/vivid/color_block.scss */
  .vivid .color-block--curved-bottom-sm .color-block__curve:last-child {
    display: block;
  }
}

@media (min-width: 992px) {
  /* line 42, app/assets/stylesheets/vivid/color_block.scss */
  .vivid .color-block--curved-top-md .color-block__curve:first-child {
    display: block;
  }
  /* line 48, app/assets/stylesheets/vivid/color_block.scss */
  .vivid .color-block--curved-bottom-md .color-block__curve:last-child {
    display: block;
  }
}

@media (min-width: 1200px) {
  /* line 42, app/assets/stylesheets/vivid/color_block.scss */
  .vivid .color-block--curved-top-lg .color-block__curve:first-child {
    display: block;
  }
  /* line 48, app/assets/stylesheets/vivid/color_block.scss */
  .vivid .color-block--curved-bottom-lg .color-block__curve:last-child {
    display: block;
  }
}

/* line 2, app/assets/stylesheets/vivid/hero.scss */
.vivid .hero {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 2.6rem;
  font-style: normal;
  text-align: left;
  overflow: hidden;
}

@media (max-width: 767px) {
  /* line 2, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 2, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero {
    border-radius: 1.2rem;
  }
}

@media (min-width: 992px) {
  /* line 2, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero {
    border-radius: 2rem;
  }
}

/* line 24, app/assets/stylesheets/vivid/hero.scss */
.vivid .hero__content {
  display: flex;
  flex-direction: column;
  padding: 5rem 3rem;
  align-items: center;
  justify-content: space-evenly;
}

@media (min-width: 992px) {
  /* line 24, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero__content {
    flex-direction: row;
    padding: 5rem 6rem;
  }
}

/* line 38, app/assets/stylesheets/vivid/hero.scss */
.vivid .hero__messaging {
  max-width: 66.1rem;
}

/* line 43, app/assets/stylesheets/vivid/hero.scss */
.vivid .hero__media {
  max-width: 30rem;
  margin: 4rem 3rem;
  flex: 1 0 auto;
}

/* line 48, app/assets/stylesheets/vivid/hero.scss */
.vivid .hero__media img {
  vertical-align: middle;
}

@media (min-width: 992px) {
  /* line 43, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero__media {
    margin-left: 6rem;
    margin-right: 0;
  }
}

/* line 58, app/assets/stylesheets/vivid/hero.scss */
.vivid .hero__messaging .hero__body {
  display: none;
  margin-top: 2rem;
}

@media (min-width: 992px) {
  /* line 58, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero__messaging .hero__body {
    display: block;
  }
}

/* line 67, app/assets/stylesheets/vivid/hero.scss */
.vivid .hero__title {
  margin: 0;
  text-align: center;
}

@media (min-width: 992px) {
  /* line 67, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero__title {
    text-align: left;
  }
}

/* line 77, app/assets/stylesheets/vivid/hero.scss */
.vivid .hero__post_messaging .hero__body {
  margin-top: 2rem;
}

@media (min-width: 992px) {
  /* line 76, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero__post_messaging {
    display: none;
  }
}

/* line 86, app/assets/stylesheets/vivid/hero.scss */
.vivid .hero__media + .hero__post_messaging .hero__body {
  margin-top: 0;
}

/* line 91, app/assets/stylesheets/vivid/hero.scss */
.vivid .hero--align-right .hero__content {
  justify-content: flex-end;
}

/* line 95, app/assets/stylesheets/vivid/hero.scss */
.vivid .hero--align-right .hero__title {
  text-align: left;
}

/* line 101, app/assets/stylesheets/vivid/hero.scss */
.vivid .hero--align-left .hero__content {
  justify-content: flex-start;
}

/* line 105, app/assets/stylesheets/vivid/hero.scss */
.vivid .hero--align-left .hero__title {
  text-align: left;
}

@media (min-width: 992px) {
  /* line 111, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero--align-top .hero__content {
    align-items: flex-start;
  }
}

@media (max-width: 991px) {
  /* line 120, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero--variant-cta .hero__media {
    order: 2;
    padding: 0;
    flex-grow: 0;
    margin-left: -3rem;
    margin-right: -3rem;
    margin-bottom: 0;
    max-width: 75vmin;
  }
  /* line 130, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero--variant-cta .hero__media + .hero__post_messaging .hero__body {
    margin-top: 2rem;
  }
  /* line 134, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero--variant-cta .hero__content {
    padding-bottom: 0;
    min-height: 100vh;
    justify-content: space-between;
  }
}

/* line 143, app/assets/stylesheets/vivid/hero.scss */
.vivid .hero--variant-product .hero__media {
  max-width: none;
}

@media (min-width: 768px) {
  /* line 143, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero--variant-product .hero__media {
    max-width: 75%;
  }
}

@media (min-width: 992px) {
  /* line 143, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero--variant-product .hero__media {
    max-width: 50%;
  }
}

@media (max-width: 991px) {
  /* line 143, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero--variant-product .hero__media {
    margin-left: -3rem;
    margin-right: -3rem;
  }
}

/* line 162, app/assets/stylesheets/vivid/hero.scss */
.vivid .hero--variant-illustration .hero__media {
  max-width: none;
}

@media (min-width: 768px) {
  /* line 162, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero--variant-illustration .hero__media {
    max-width: 75%;
  }
}

@media (min-width: 992px) {
  /* line 162, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero--variant-illustration .hero__media {
    max-width: 50%;
  }
}

/* line 176, app/assets/stylesheets/vivid/hero.scss */
.vivid .hero--variant-video .hero__media {
  max-width: 100%;
  width: 100%;
}

@media (min-width: 768px) {
  /* line 176, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero--variant-video .hero__media {
    max-width: 75%;
    width: 75%;
  }
}

@media (min-width: 992px) {
  /* line 176, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero--variant-video .hero__media {
    max-width: 50%;
    width: 50%;
  }
}

@media (max-width: 991px) {
  /* line 176, app/assets/stylesheets/vivid/hero.scss */
  .vivid .hero--variant-video .hero__media {
    margin-left: -3rem;
    margin-right: -3rem;
  }
}

/* line 198, app/assets/stylesheets/vivid/hero.scss */
.vivid .hero--variant-grid .hero__messaging,
.vivid .hero--variant-grid .hero__post_messaging,
.vivid .hero--variant-grid .hero__media,
.vivid .hero--variant-grid .hero__body {
  max-width: none;
  flex: 1;
}

/* line 208, app/assets/stylesheets/vivid/hero.scss */
.vivid .hero--masthead .hero__content {
  padding-top: calc( 5rem + var(--safe-area-inset-top));
}

/* line 217, app/assets/stylesheets/vivid/hero.scss */
.body-container--full-bleed .hero {
  border-radius: 0;
}

@media (max-width: 767px) {
  /* line 217, app/assets/stylesheets/vivid/hero.scss */
  .body-container--full-bleed .hero {
    margin-left: 0;
    margin-right: 0;
  }
}

/* line 2, app/assets/stylesheets/vivid/pull_quote.scss */
.vivid .pull-quote {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}

/* line 14, app/assets/stylesheets/vivid/pull_quote.scss */
.vivid .pull-quote__media {
  margin-bottom: 2rem;
}

@media screen and (min-width: 0\0) {
  /* line 14, app/assets/stylesheets/vivid/pull_quote.scss */
  .vivid .pull-quote__media {
    flex: 1 1 auto;
    width: 100%;
  }
  /* line 21, app/assets/stylesheets/vivid/pull_quote.scss */
  .vivid .pull-quote__media .inline-media {
    display: inline-block;
  }
}

/* line 27, app/assets/stylesheets/vivid/pull_quote.scss */
.vivid .pull-quote__body,
.vivid .pull-quote__author {
  display: inline;
}

/* line 32, app/assets/stylesheets/vivid/pull_quote.scss */
.vivid .pull-quote__quote {
  flex: 1 1 auto;
  width: 100%;
}

/* line 37, app/assets/stylesheets/vivid/pull_quote.scss */
.vivid .pull-quote__author {
  font-style: italic;
  white-space: nowrap;
}

/* line 41, app/assets/stylesheets/vivid/pull_quote.scss */
.vivid .pull-quote__author::before {
  content: "\2014\00a0\00a0";
}

/* line 46, app/assets/stylesheets/vivid/pull_quote.scss */
.vivid .pull-quote--variant-normal {
  border-top: 0.1rem solid rgba(68, 68, 68, 0.1);
  border-bottom: 0.1rem solid rgba(68, 68, 68, 0.1);
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.6rem;
  font-weight: 700;
  padding: 2rem 3rem;
}

@media (min-width: 768px) {
  /* line 46, app/assets/stylesheets/vivid/pull_quote.scss */
  .vivid .pull-quote--variant-normal {
    font-size: 2.2rem;
    line-height: 3.2rem;
    padding: 5rem 6rem;
  }
}

/* line 64, app/assets/stylesheets/vivid/pull_quote.scss */
.vivid .pull-quote--variant-title {
  font-size: 3.3rem;
  font-weight: 700;
  line-height: 1.25;
}

@media (max-width: 767px) {
  /* line 64, app/assets/stylesheets/vivid/pull_quote.scss */
  .vivid .pull-quote--variant-title {
    font-size: 2.7rem;
  }
}

/* line 74, app/assets/stylesheets/vivid/pull_quote.scss */
.vivid .pull-quote--variant-deemphasized {
  padding: 1rem 1.6rem;
}

/* line 6, app/assets/stylesheets/vivid/accordion.scss */
.vivid .accordion .accordion-item.panel {
  background: initial;
  box-shadow: none;
  padding: 0;
}

/* line 15, app/assets/stylesheets/vivid/accordion.scss */
.vivid .accordion-item:not(:last-child) {
  margin-bottom: 2rem;
}

/* line 20, app/assets/stylesheets/vivid/accordion.scss */
.vivid a.btn.accordion-item__title-container {
  display: flex;
  align-items: center;
  border-width: 0.1rem;
  margin: 0;
  position: relative;
}

/* line 29, app/assets/stylesheets/vivid/accordion.scss */
.vivid .accordion-item__title {
  flex: 100%;
  text-align: left;
  font-weight: 400;
}

/* line 35, app/assets/stylesheets/vivid/accordion.scss */
.vivid .accordion-item__disclosure {
  margin-left: 2rem;
  transform: rotate(90deg);
  transition: transform ease-in-out 0.15s;
}

/* line 42, app/assets/stylesheets/vivid/accordion.scss */
.vivid .collapsed .accordion-item__disclosure {
  transform: none;
}

/* line 48, app/assets/stylesheets/vivid/accordion.scss */
.vivid .accordion-item__body.accordion-item--title-only .accordion-item__body__content {
  padding: 0;
}

/* line 54, app/assets/stylesheets/vivid/accordion.scss */
.vivid .accordion-item__body__content {
  padding: 2rem 0;
}

@media (min-width: 768px) {
  /* line 54, app/assets/stylesheets/vivid/accordion.scss */
  .vivid .accordion-item__body__content {
    padding: 2rem 3rem;
  }
}

/* line 63, app/assets/stylesheets/vivid/accordion.scss */
.vivid .accordion--with-panels .accordion-item__body__content {
  padding: 0;
}

/* line 67, app/assets/stylesheets/vivid/accordion.scss */
.vivid .accordion--with-panels .vivid-panel {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 72, app/assets/stylesheets/vivid/accordion.scss */
.vivid .accordion--with-panels a.btn.accordion-item__title-container {
  z-index: 1;
  transition: border-radius ease-in-out 0.15s;
}

/* line 77, app/assets/stylesheets/vivid/accordion.scss */
.vivid .accordion--with-panels a.btn.accordion-item__title-container:not(.collapsed) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 86, app/assets/stylesheets/vivid/accordion.scss */
.accordion.accordion--variant-headlines .accordion-item__title {
  padding-left: 3rem;
}

/* line 91, app/assets/stylesheets/vivid/accordion.scss */
.accordion.accordion--variant-headlines .accordion-item.panel.focused {
  box-shadow: -5px 0 0 #1942d8;
}

/* line 4, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block {
  display: block;
  position: relative;
}

/* line 8, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block:not(.owl-loaded) {
  white-space: nowrap;
  display: flex;
  flex-wrap: none;
}

/* line 15, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block.owl-theme.owl-carousel .owl-dots:not(.disabled) {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4rem;
  left: 0;
  right: 0;
  flex-wrap: wrap;
}

/* line 25, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block.owl-theme.owl-carousel .owl-dot {
  margin: 0 1rem 1rem;
  transition: transform ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/* line 29, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block.owl-theme.owl-carousel .owl-dot span {
  box-sizing: content-box;
  background-color: rgba(94, 106, 141, 0.08);
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  margin: 0;
  position: relative;
}

/* line 38, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block.owl-theme.owl-carousel .owl-dot span:after {
  transition: border ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  position: absolute;
  content: "";
  display: block;
  border: 0.6rem solid transparent;
  border-radius: 50%;
  left: -0.3rem;
  top: -0.3rem;
  right: -0.3rem;
  bottom: -0.3rem;
}

/* line 53, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block.owl-theme.owl-carousel .owl-dot.active span:after {
  border-color: #8f8f8f;
}

/* line 58, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block.owl-theme.owl-carousel .owl-dot:focus span {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.4rem rgba(94, 106, 141, 0.08);
}

/* line 63, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block.owl-theme.owl-carousel .owl-dot.active:focus span {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.6rem rgba(94, 106, 141, 0.08);
}

/* line 70, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block .owl-stage {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 75, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block .owl-stage:after {
  content: none;
  display: none;
}

/* line 81, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block .owl-stage-outer {
  padding: 2rem 0;
  margin: -2rem 0;
}

/* line 87, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block .owl-item {
  display: flex;
  flex: 1 0 auto;
  float: none;
  justify-content: center;
}

/* line 94, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block .owl-height {
  display: flex;
  transition: height ease-in-out 0.15s;
}

/* line 99, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block .carousel-item {
  display: flex;
  flex: 1 0 100%;
  max-width: 100%;
}

/* line 105, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block .carousel-item__body {
  display: flex;
  flex: 1 0 100%;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100%;
}

/* line 113, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block .owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0;
  bottom: 5rem;
}

/* line 121, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block .owl-nav button {
  transition: transform ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 50%;
  position: absolute;
  font-size: 2.2rem;
  padding: 0 !important;
  color: #fff;
  background: #1942d8;
  width: 5rem;
  height: 5rem;
}

/* line 132, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block .owl-nav button:hover {
  background: #1942d8;
}

/* line 136, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block .owl-nav button:focus {
  box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.4rem #1942d8;
}

/* line 142, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block .owl-nav .owl-prev {
  left: 0;
}

/* line 146, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block .owl-nav .owl-next {
  right: 0;
}

@media (min-width: 768px) {
  /* line 113, app/assets/stylesheets/vivid/carousel.scss */
  .vivid .carousel-block .owl-nav {
    top: calc(50% - 5rem);
    bottom: auto;
  }
  /* line 154, app/assets/stylesheets/vivid/carousel.scss */
  .vivid .carousel-block .owl-nav .owl-prev {
    left: -8rem;
  }
  /* line 158, app/assets/stylesheets/vivid/carousel.scss */
  .vivid .carousel-block .owl-nav .owl-next {
    right: -8rem;
  }
}

/* line 166, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block.carousel-block--control_color-inverse.owl-carousel .owl-dot span {
  background: transparent;
  box-shadow: inset 0 0 0 0.3rem #6f8efd;
}

/* line 172, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block.carousel-block--control_color-inverse.owl-carousel .owl-dot.active span {
  background: #fff;
  box-shadow: none;
}

/* line 176, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block.carousel-block--control_color-inverse.owl-carousel .owl-dot.active span:after {
  display: none;
}

/* line 184, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block.carousel-block--control_color-inverse.owl-carousel .owl-nav button {
  transition: transform ease-in-out 0.15s, box-shadow ease-in-out 0.15s, opacity ease-in-out 0.15s;
  color: #fff;
  background: transparent;
  font-size: 3.6rem;
  opacity: 0.25;
}

/* line 192, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block.carousel-block--control_color-inverse.owl-carousel .owl-nav button:hover {
  background: transparent;
  opacity: 1;
}

/* line 197, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block.carousel-block--control_color-inverse.owl-carousel .owl-nav button:focus {
  box-shadow: 0 0 0 0.2rem #fff;
  opacity: 1;
}

/* line 207, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block--gutters-compact .carousel-item__body {
  padding: 0 0.5rem;
}

/* line 213, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block--gutters-normal .carousel-item__body {
  padding: 0 1rem;
}

/* line 219, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block--gutters-loose .carousel-item__body {
  padding: 0 2rem;
}

/* line 225, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block--with-nav .owl-dots {
  padding-left: 6.6rem;
  padding-right: 6.6rem;
}

@media (min-width: 768px) {
  /* line 224, app/assets/stylesheets/vivid/carousel.scss */
  .vivid .carousel-block--with-nav {
    width: calc( 100% - 16rem);
    margin: auto;
  }
}

/* line 239, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block--align-justify .owl-stage {
  align-items: stretch;
}

@media (min-width: 768px) {
  /* line 246, app/assets/stylesheets/vivid/carousel.scss */
  .vivid .carousel-block--variant-screenshots .owl-stage-outer {
    padding: 6rem 0;
    margin: -6rem 0;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  /* line 252, app/assets/stylesheets/vivid/carousel.scss */
  .vivid .carousel-block--variant-screenshots.carousel-block--with-nav {
    width: calc(100% - 10rem);
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  /* line 260, app/assets/stylesheets/vivid/carousel.scss */
  .vivid .carousel-block--variant-screenshots .owl-nav .owl-prev {
    left: -5rem;
  }
  /* line 264, app/assets/stylesheets/vivid/carousel.scss */
  .vivid .carousel-block--variant-screenshots .owl-nav .owl-next {
    right: -5rem;
  }
}

@media (min-width: 768px) {
  /* line 270, app/assets/stylesheets/vivid/carousel.scss */
  .vivid .carousel-block--variant-screenshots .carousel-item__body {
    padding: 0 3.8rem;
  }
}

/* line 276, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block--variant-compact {
  padding-left: 3.2rem;
  padding-right: 3.2rem;
  width: 100%;
}

/* line 281, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block--variant-compact .owl-nav {
  top: 50%;
  bottom: auto;
  margin-top: -1.1rem;
}

/* line 286, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block--variant-compact .owl-nav button {
  width: 2.2rem;
  height: 2.2rem;
  margin: 0;
  color: inherit;
}

/* line 292, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block--variant-compact .owl-nav button, .vivid .carousel-block--variant-compact .owl-nav button:hover {
  background: transparent;
  color: inherit;
}

/* line 298, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block--variant-compact .owl-nav button:focus {
  background: rgba(94, 106, 141, 0.08);
  box-shadow: 0 0 0 0.4rem rgba(94, 106, 141, 0.08);
}

/* line 304, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block--variant-compact .owl-nav .owl-next {
  right: 0;
}

/* line 308, app/assets/stylesheets/vivid/carousel.scss */
.vivid .carousel-block--variant-compact .owl-nav .owl-prev {
  left: 0;
}

@media (max-width: 767px) {
  /* line 314, app/assets/stylesheets/vivid/carousel.scss */
  .vivid .carousel-block--bleed {
    width: auto;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

/* line 2, app/assets/stylesheets/vivid/tables.scss */
.vivid .table {
  width: 100%;
  max-width: 100%;
  margin: 0;
  border-color: var(--surface-trim-color, #e3e3e3);
}

/* line 11, app/assets/stylesheets/vivid/tables.scss */
.vivid .table > thead > tr > td,
.vivid .table > thead > tr > th,
.vivid .table > tbody > tr > td,
.vivid .table > tbody > tr > th {
  padding: 1rem 1.6rem;
  vertical-align: top;
  border-top: 0.1rem solid var(--surface-trim-color, #e3e3e3);
}

/* line 17, app/assets/stylesheets/vivid/tables.scss */
.vivid .table > thead > tr > td.table__cell--border-none,
.vivid .table > thead > tr > th.table__cell--border-none,
.vivid .table > tbody > tr > td.table__cell--border-none,
.vivid .table > tbody > tr > th.table__cell--border-none {
  border-color: transparent;
}

/* line 24, app/assets/stylesheets/vivid/tables.scss */
.vivid .table > tbody + tbody {
  border-top: 0.2rem solid var(--surface-trim-color, #e3e3e3);
}

/* line 30, app/assets/stylesheets/vivid/tables.scss */
.vivid .table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 0.2rem solid var(--surface-trim-color, #e3e3e3);
}

/* line 39, app/assets/stylesheets/vivid/tables.scss */
.vivid .table > thead > tr > th,
.vivid .table > thead > tr > td {
  border-top: 0;
}

/* line 49, app/assets/stylesheets/vivid/tables.scss */
.vivid .comparison-table thead th {
  text-align: center;
  padding: 1rem 1rem;
}

/* line 57, app/assets/stylesheets/vivid/tables.scss */
.vivid .comparison-table tbody td:first-child {
  width: 50%;
}

/* line 61, app/assets/stylesheets/vivid/tables.scss */
.vivid .comparison-table tbody td {
  padding: 2rem 2rem;
}

@media (max-width: 767px) {
  /* line 61, app/assets/stylesheets/vivid/tables.scss */
  .vivid .comparison-table tbody td {
    font-size: 1.6rem;
  }
}

/* line 69, app/assets/stylesheets/vivid/tables.scss */
.vivid .comparison-table tbody td + td {
  text-align: center;
  vertical-align: top;
}

/* line 77, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--striped tbody tr:nth-child(odd):not(.surface--color) {
  background-color: var(--surface-stripe-color, var(--surface-glass-color, #f9f9fb));
}

/* line 83, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--pin-striped tr td:nth-child(odd):not(.surface--color),
.vivid .table--pin-striped tr th:nth-child(odd):not(.surface--color) {
  background-color: var(--surface-stripe-color, var(--surface-glass-color, #f9f9fb));
}

/* line 89, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--shape-rounded {
  overflow: hidden;
  border-radius: 0.6rem;
}

/* line 94, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--shape-rounded-large {
  overflow: hidden;
  border-radius: 1.2rem;
}

/* line 190, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--natural {
  max-width: unset;
  min-width: unset;
  width: unset;
}

/* line 196, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--minimum {
  max-width: 100%;
  width: 0;
}

/* line 201, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--fill {
  max-width: 100%;
  width: 100%;
}

/* line 206, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--half {
  max-width: 50%;
  width: 50%;
}

/* line 211, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--quarter {
  max-width: 25%;
  width: 25%;
}

/* line 216, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--three_quarters {
  max-width: 75%;
  width: 75%;
}

/* line 221, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--third {
  max-width: 33.333333%;
  width: 33.333333%;
}

/* line 226, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--two_thirds {
  max-width: 66.666666%;
  width: 66.666666%;
}

/* line 231, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--fifth {
  max-width: 20%;
  width: 20%;
}

/* line 236, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--two_fifths {
  max-width: 40%;
  width: 40%;
}

/* line 241, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--three_fifths {
  max-width: 60%;
  width: 60%;
}

/* line 246, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--four_fifths {
  max-width: 80%;
  width: 80%;
}

/* line 251, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--sixth {
  max-width: 16.666666%;
  width: 16.666666%;
}

/* line 256, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--five-sixths {
  max-width: 83.333333%;
  width: 83.333333%;
}

/* line 261, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--twelfth {
  max-width: 8.333333%;
  width: 8.333333%;
}

/* line 266, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--five_twelfths {
  max-width: 41.666666%;
  width: 41.666666%;
}

/* line 271, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--seven_twelfths {
  max-width: 58.333333%;
  width: 58.333333%;
}

/* line 276, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--eleven_twelfths {
  max-width: 91.666666%;
  width: 91.666666%;
}

/* line 282, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--bleed:first-child {
  padding-left: 0;
}

/* line 286, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell--bleed:last-child {
  padding-right: 0;
}

/* line 294, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--gutters-normal > table {
  --table-padding-vertical: 1rem;
  --table-padding-horizontal: 1.6rem;
}

/* line 301, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--gutters-normal > table > thead > tr > td,
.vivid .table--gutters-normal > table > thead > tr > th,
.vivid .table--gutters-normal > table > tbody > tr > td,
.vivid .table--gutters-normal > table > tbody > tr > th {
  padding: 1rem 1.6rem;
}

/* line 310, app/assets/stylesheets/vivid/tables.scss */
.vivid .card .table--bleed-card.table--gutters-normal,
.vivid .vivid-panel .table--bleed-card.table--gutters-normal,
.vivid .table--bleed.table--gutters-normal {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}

/* line 314, app/assets/stylesheets/vivid/tables.scss */
.vivid .card .table--bleed-card.table--gutters-normal:first-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-normal:first-child,
.vivid .table--bleed.table--gutters-normal:first-child {
  margin-top: -1rem;
}

/* line 318, app/assets/stylesheets/vivid/tables.scss */
.vivid .card .table--bleed-card.table--gutters-normal:last-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-normal:last-child,
.vivid .table--bleed.table--gutters-normal:last-child {
  margin-bottom: -1rem;
}

/* line 323, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--gutters-compact {
  --table-padding-vertical: 0.5rem;
  --table-padding-horizontal: 0.8rem;
}

/* line 331, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--gutters-compact > table > thead > tr > td,
.vivid .table--gutters-compact > table > thead > tr > th,
.vivid .table--gutters-compact > table > tbody > tr > td,
.vivid .table--gutters-compact > table > tbody > tr > th {
  padding: 0.5rem 0.8rem;
}

/* line 340, app/assets/stylesheets/vivid/tables.scss */
.vivid .card .table--bleed-card.table--gutters-compact,
.vivid .vivid-panel .table--bleed-card.table--gutters-compact,
.vivid .table--bleed.table--gutters-compact {
  margin-left: -0.8rem;
  margin-right: -0.8rem;
}

/* line 344, app/assets/stylesheets/vivid/tables.scss */
.vivid .card .table--bleed-card.table--gutters-compact:first-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-compact:first-child,
.vivid .table--bleed.table--gutters-compact:first-child {
  margin-top: -0.5rem;
}

/* line 348, app/assets/stylesheets/vivid/tables.scss */
.vivid .card .table--bleed-card.table--gutters-compact:last-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-compact:last-child,
.vivid .table--bleed.table--gutters-compact:last-child {
  margin-bottom: -0.5rem;
}

/* line 353, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--gutters-loose {
  --table-padding-vertical: 2rem;
  --table-padding-horizontal: 3.2rem;
}

/* line 361, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--gutters-loose > table > thead > tr > td,
.vivid .table--gutters-loose > table > thead > tr > th,
.vivid .table--gutters-loose > table > tbody > tr > td,
.vivid .table--gutters-loose > table > tbody > tr > th {
  padding: 2rem 3.2rem;
}

/* line 370, app/assets/stylesheets/vivid/tables.scss */
.vivid .card .table--bleed-card.table--gutters-loose,
.vivid .vivid-panel .table--bleed-card.table--gutters-loose,
.vivid .table--bleed.table--gutters-loose {
  margin-left: -3.2rem;
  margin-right: -3.2rem;
}

/* line 374, app/assets/stylesheets/vivid/tables.scss */
.vivid .card .table--bleed-card.table--gutters-loose:first-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-loose:first-child,
.vivid .table--bleed.table--gutters-loose:first-child {
  margin-top: -2rem;
}

/* line 378, app/assets/stylesheets/vivid/tables.scss */
.vivid .card .table--bleed-card.table--gutters-loose:last-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-loose:last-child,
.vivid .table--bleed.table--gutters-loose:last-child {
  margin-bottom: -2rem;
}

/* line 126, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--layout-normal {
  table-layout: auto;
}

/* line 131, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--layout-normal > tbody > tr,
.vivid .table--layout-normal > thead > tr {
  display: table-row;
}

/* line 135, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--layout-normal > tbody > tr > td > .table__cell__label,
.vivid .table--layout-normal > thead > tr > td > .table__cell__label {
  display: none;
}

/* line 143, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--layout-fixed {
  table-layout: auto;
}

/* line 148, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--layout-fixed > tbody > tr,
.vivid .table--layout-fixed > thead > tr {
  display: table-row;
}

/* line 152, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--layout-fixed > tbody > tr > td > .table__cell__label,
.vivid .table--layout-fixed > thead > tr > td > .table__cell__label {
  display: none;
}

/* line 160, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--layout-flex {
  table-layout: auto;
}

/* line 165, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--layout-flex > tbody > tr,
.vivid .table--layout-flex > thead > tr {
  display: flex;
  flex-wrap: wrap;
}

/* line 169, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--layout-flex > tbody > tr > td,
.vivid .table--layout-flex > thead > tr > td {
  border: 0;
  flex-basis: 100%;
}

/* line 177, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--layout-flex > tbody > tr {
  padding-top: var(--table-padding-vertical, 1rem);
  padding-bottom: var(--table-padding-vertical, 1rem);
}

/* line 181, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--layout-flex > tbody > tr + tr {
  border-top: 0.1rem solid var(--surface-trim-color, #e3e3e3);
}

/* line 100, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--align-middle > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-middle,
.vivid table > tbody > tr > .table__cell--align-middle {
  vertical-align: middle;
}

/* line 104, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--align-top > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-top,
.vivid table > tbody > tr > .table__cell--align-top {
  vertical-align: top;
}

/* line 108, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--align-bottom > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-bottom,
.vivid table > tbody > tr > .table__cell--align-bottom {
  vertical-align: bottom;
}

/* line 112, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--align-center > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-center,
.vivid table > tbody > tr > .table__cell--align-center {
  text-align: center;
}

/* line 116, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--align-right > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-right,
.vivid table > tbody > tr > .table__cell--align-right {
  text-align: right;
}

/* line 120, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--align-left > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-left,
.vivid table > tbody > tr > .table__cell--align-left {
  text-align: left;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--natural-sm {
    max-width: unset;
    min-width: unset;
    width: unset;
  }
  /* line 196, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--minimum-sm {
    max-width: 100%;
    width: 0;
  }
  /* line 201, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--fill-sm {
    max-width: 100%;
    width: 100%;
  }
  /* line 206, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--half-sm {
    max-width: 50%;
    width: 50%;
  }
  /* line 211, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--quarter-sm {
    max-width: 25%;
    width: 25%;
  }
  /* line 216, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--three_quarters-sm {
    max-width: 75%;
    width: 75%;
  }
  /* line 221, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--third-sm {
    max-width: 33.333333%;
    width: 33.333333%;
  }
  /* line 226, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--two_thirds-sm {
    max-width: 66.666666%;
    width: 66.666666%;
  }
  /* line 231, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--fifth-sm {
    max-width: 20%;
    width: 20%;
  }
  /* line 236, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--two_fifths-sm {
    max-width: 40%;
    width: 40%;
  }
  /* line 241, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--three_fifths-sm {
    max-width: 60%;
    width: 60%;
  }
  /* line 246, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--four_fifths-sm {
    max-width: 80%;
    width: 80%;
  }
  /* line 251, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--sixth-sm {
    max-width: 16.666666%;
    width: 16.666666%;
  }
  /* line 256, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--five-sixths-sm {
    max-width: 83.333333%;
    width: 83.333333%;
  }
  /* line 261, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--twelfth-sm {
    max-width: 8.333333%;
    width: 8.333333%;
  }
  /* line 266, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--five_twelfths-sm {
    max-width: 41.666666%;
    width: 41.666666%;
  }
  /* line 271, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--seven_twelfths-sm {
    max-width: 58.333333%;
    width: 58.333333%;
  }
  /* line 276, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--eleven_twelfths-sm {
    max-width: 91.666666%;
    width: 91.666666%;
  }
  /* line 282, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--bleed-sm:first-child {
    padding-left: 0;
  }
  /* line 286, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--bleed-sm:last-child {
    padding-right: 0;
  }
  /* line 294, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--gutters-normal-sm > table {
    --table-padding-vertical: 1rem;
    --table-padding-horizontal: 1.6rem;
  }
  /* line 301, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--gutters-normal-sm > table > thead > tr > td,
.vivid .table--gutters-normal-sm > table > thead > tr > th,
.vivid .table--gutters-normal-sm > table > tbody > tr > td,
.vivid .table--gutters-normal-sm > table > tbody > tr > th {
    padding: 1rem 1.6rem;
  }
  /* line 310, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-normal-sm,
.vivid .vivid-panel .table--bleed-card.table--gutters-normal-sm,
.vivid .table--bleed.table--gutters-normal-sm {
    margin-left: -1.6rem;
    margin-right: -1.6rem;
  }
  /* line 314, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-normal-sm:first-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-normal-sm:first-child,
.vivid .table--bleed.table--gutters-normal-sm:first-child {
    margin-top: -1rem;
  }
  /* line 318, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-normal-sm:last-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-normal-sm:last-child,
.vivid .table--bleed.table--gutters-normal-sm:last-child {
    margin-bottom: -1rem;
  }
  /* line 323, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--gutters-compact-sm {
    --table-padding-vertical: 0.5rem;
    --table-padding-horizontal: 0.8rem;
  }
  /* line 331, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--gutters-compact-sm > table > thead > tr > td,
.vivid .table--gutters-compact-sm > table > thead > tr > th,
.vivid .table--gutters-compact-sm > table > tbody > tr > td,
.vivid .table--gutters-compact-sm > table > tbody > tr > th {
    padding: 0.5rem 0.8rem;
  }
  /* line 340, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-compact-sm,
.vivid .vivid-panel .table--bleed-card.table--gutters-compact-sm,
.vivid .table--bleed.table--gutters-compact-sm {
    margin-left: -0.8rem;
    margin-right: -0.8rem;
  }
  /* line 344, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-compact-sm:first-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-compact-sm:first-child,
.vivid .table--bleed.table--gutters-compact-sm:first-child {
    margin-top: -0.5rem;
  }
  /* line 348, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-compact-sm:last-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-compact-sm:last-child,
.vivid .table--bleed.table--gutters-compact-sm:last-child {
    margin-bottom: -0.5rem;
  }
  /* line 353, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--gutters-loose-sm {
    --table-padding-vertical: 2rem;
    --table-padding-horizontal: 3.2rem;
  }
  /* line 361, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--gutters-loose-sm > table > thead > tr > td,
.vivid .table--gutters-loose-sm > table > thead > tr > th,
.vivid .table--gutters-loose-sm > table > tbody > tr > td,
.vivid .table--gutters-loose-sm > table > tbody > tr > th {
    padding: 2rem 3.2rem;
  }
  /* line 370, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-loose-sm,
.vivid .vivid-panel .table--bleed-card.table--gutters-loose-sm,
.vivid .table--bleed.table--gutters-loose-sm {
    margin-left: -3.2rem;
    margin-right: -3.2rem;
  }
  /* line 374, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-loose-sm:first-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-loose-sm:first-child,
.vivid .table--bleed.table--gutters-loose-sm:first-child {
    margin-top: -2rem;
  }
  /* line 378, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-loose-sm:last-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-loose-sm:last-child,
.vivid .table--bleed.table--gutters-loose-sm:last-child {
    margin-bottom: -2rem;
  }
  /* line 126, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-normal-sm {
    table-layout: auto;
  }
  /* line 131, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-normal-sm > tbody > tr,
.vivid .table--layout-normal-sm > thead > tr {
    display: table-row;
  }
  /* line 135, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-normal-sm > tbody > tr > td > .table__cell__label,
.vivid .table--layout-normal-sm > thead > tr > td > .table__cell__label {
    display: none;
  }
  /* line 143, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-fixed-sm {
    table-layout: auto;
  }
  /* line 148, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-fixed-sm > tbody > tr,
.vivid .table--layout-fixed-sm > thead > tr {
    display: table-row;
  }
  /* line 152, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-fixed-sm > tbody > tr > td > .table__cell__label,
.vivid .table--layout-fixed-sm > thead > tr > td > .table__cell__label {
    display: none;
  }
  /* line 160, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-flex-sm {
    table-layout: auto;
  }
  /* line 165, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-flex-sm > tbody > tr,
.vivid .table--layout-flex-sm > thead > tr {
    display: flex;
    flex-wrap: wrap;
  }
  /* line 169, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-flex-sm > tbody > tr > td,
.vivid .table--layout-flex-sm > thead > tr > td {
    border: 0;
    flex-basis: 100%;
  }
  /* line 177, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-flex-sm > tbody > tr {
    padding-top: var(--table-padding-vertical, 1rem);
    padding-bottom: var(--table-padding-vertical, 1rem);
  }
  /* line 181, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-flex-sm > tbody > tr + tr {
    border-top: 0.1rem solid var(--surface-trim-color, #e3e3e3);
  }
  /* line 100, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--align-middle-sm > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-middle-sm,
.vivid table > tbody > tr > .table__cell--align-middle-sm {
    vertical-align: middle;
  }
  /* line 104, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--align-top-sm > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-top-sm,
.vivid table > tbody > tr > .table__cell--align-top-sm {
    vertical-align: top;
  }
  /* line 108, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--align-bottom-sm > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-bottom-sm,
.vivid table > tbody > tr > .table__cell--align-bottom-sm {
    vertical-align: bottom;
  }
  /* line 112, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--align-center-sm > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-center-sm,
.vivid table > tbody > tr > .table__cell--align-center-sm {
    text-align: center;
  }
  /* line 116, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--align-right-sm > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-right-sm,
.vivid table > tbody > tr > .table__cell--align-right-sm {
    text-align: right;
  }
  /* line 120, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--align-left-sm > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-left-sm,
.vivid table > tbody > tr > .table__cell--align-left-sm {
    text-align: left;
  }
}

@media (min-width: 992px) {
  /* line 190, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--natural-md {
    max-width: unset;
    min-width: unset;
    width: unset;
  }
  /* line 196, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--minimum-md {
    max-width: 100%;
    width: 0;
  }
  /* line 201, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--fill-md {
    max-width: 100%;
    width: 100%;
  }
  /* line 206, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--half-md {
    max-width: 50%;
    width: 50%;
  }
  /* line 211, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--quarter-md {
    max-width: 25%;
    width: 25%;
  }
  /* line 216, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--three_quarters-md {
    max-width: 75%;
    width: 75%;
  }
  /* line 221, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--third-md {
    max-width: 33.333333%;
    width: 33.333333%;
  }
  /* line 226, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--two_thirds-md {
    max-width: 66.666666%;
    width: 66.666666%;
  }
  /* line 231, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--fifth-md {
    max-width: 20%;
    width: 20%;
  }
  /* line 236, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--two_fifths-md {
    max-width: 40%;
    width: 40%;
  }
  /* line 241, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--three_fifths-md {
    max-width: 60%;
    width: 60%;
  }
  /* line 246, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--four_fifths-md {
    max-width: 80%;
    width: 80%;
  }
  /* line 251, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--sixth-md {
    max-width: 16.666666%;
    width: 16.666666%;
  }
  /* line 256, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--five-sixths-md {
    max-width: 83.333333%;
    width: 83.333333%;
  }
  /* line 261, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--twelfth-md {
    max-width: 8.333333%;
    width: 8.333333%;
  }
  /* line 266, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--five_twelfths-md {
    max-width: 41.666666%;
    width: 41.666666%;
  }
  /* line 271, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--seven_twelfths-md {
    max-width: 58.333333%;
    width: 58.333333%;
  }
  /* line 276, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--eleven_twelfths-md {
    max-width: 91.666666%;
    width: 91.666666%;
  }
  /* line 282, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--bleed-md:first-child {
    padding-left: 0;
  }
  /* line 286, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--bleed-md:last-child {
    padding-right: 0;
  }
  /* line 294, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--gutters-normal-md > table {
    --table-padding-vertical: 1rem;
    --table-padding-horizontal: 1.6rem;
  }
  /* line 301, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--gutters-normal-md > table > thead > tr > td,
.vivid .table--gutters-normal-md > table > thead > tr > th,
.vivid .table--gutters-normal-md > table > tbody > tr > td,
.vivid .table--gutters-normal-md > table > tbody > tr > th {
    padding: 1rem 1.6rem;
  }
  /* line 310, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-normal-md,
.vivid .vivid-panel .table--bleed-card.table--gutters-normal-md,
.vivid .table--bleed.table--gutters-normal-md {
    margin-left: -1.6rem;
    margin-right: -1.6rem;
  }
  /* line 314, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-normal-md:first-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-normal-md:first-child,
.vivid .table--bleed.table--gutters-normal-md:first-child {
    margin-top: -1rem;
  }
  /* line 318, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-normal-md:last-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-normal-md:last-child,
.vivid .table--bleed.table--gutters-normal-md:last-child {
    margin-bottom: -1rem;
  }
  /* line 323, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--gutters-compact-md {
    --table-padding-vertical: 0.5rem;
    --table-padding-horizontal: 0.8rem;
  }
  /* line 331, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--gutters-compact-md > table > thead > tr > td,
.vivid .table--gutters-compact-md > table > thead > tr > th,
.vivid .table--gutters-compact-md > table > tbody > tr > td,
.vivid .table--gutters-compact-md > table > tbody > tr > th {
    padding: 0.5rem 0.8rem;
  }
  /* line 340, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-compact-md,
.vivid .vivid-panel .table--bleed-card.table--gutters-compact-md,
.vivid .table--bleed.table--gutters-compact-md {
    margin-left: -0.8rem;
    margin-right: -0.8rem;
  }
  /* line 344, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-compact-md:first-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-compact-md:first-child,
.vivid .table--bleed.table--gutters-compact-md:first-child {
    margin-top: -0.5rem;
  }
  /* line 348, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-compact-md:last-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-compact-md:last-child,
.vivid .table--bleed.table--gutters-compact-md:last-child {
    margin-bottom: -0.5rem;
  }
  /* line 353, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--gutters-loose-md {
    --table-padding-vertical: 2rem;
    --table-padding-horizontal: 3.2rem;
  }
  /* line 361, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--gutters-loose-md > table > thead > tr > td,
.vivid .table--gutters-loose-md > table > thead > tr > th,
.vivid .table--gutters-loose-md > table > tbody > tr > td,
.vivid .table--gutters-loose-md > table > tbody > tr > th {
    padding: 2rem 3.2rem;
  }
  /* line 370, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-loose-md,
.vivid .vivid-panel .table--bleed-card.table--gutters-loose-md,
.vivid .table--bleed.table--gutters-loose-md {
    margin-left: -3.2rem;
    margin-right: -3.2rem;
  }
  /* line 374, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-loose-md:first-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-loose-md:first-child,
.vivid .table--bleed.table--gutters-loose-md:first-child {
    margin-top: -2rem;
  }
  /* line 378, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-loose-md:last-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-loose-md:last-child,
.vivid .table--bleed.table--gutters-loose-md:last-child {
    margin-bottom: -2rem;
  }
  /* line 126, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-normal-md {
    table-layout: auto;
  }
  /* line 131, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-normal-md > tbody > tr,
.vivid .table--layout-normal-md > thead > tr {
    display: table-row;
  }
  /* line 135, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-normal-md > tbody > tr > td > .table__cell__label,
.vivid .table--layout-normal-md > thead > tr > td > .table__cell__label {
    display: none;
  }
  /* line 143, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-fixed-md {
    table-layout: auto;
  }
  /* line 148, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-fixed-md > tbody > tr,
.vivid .table--layout-fixed-md > thead > tr {
    display: table-row;
  }
  /* line 152, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-fixed-md > tbody > tr > td > .table__cell__label,
.vivid .table--layout-fixed-md > thead > tr > td > .table__cell__label {
    display: none;
  }
  /* line 160, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-flex-md {
    table-layout: auto;
  }
  /* line 165, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-flex-md > tbody > tr,
.vivid .table--layout-flex-md > thead > tr {
    display: flex;
    flex-wrap: wrap;
  }
  /* line 169, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-flex-md > tbody > tr > td,
.vivid .table--layout-flex-md > thead > tr > td {
    border: 0;
    flex-basis: 100%;
  }
  /* line 177, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-flex-md > tbody > tr {
    padding-top: var(--table-padding-vertical, 1rem);
    padding-bottom: var(--table-padding-vertical, 1rem);
  }
  /* line 181, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-flex-md > tbody > tr + tr {
    border-top: 0.1rem solid var(--surface-trim-color, #e3e3e3);
  }
  /* line 100, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--align-middle-md > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-middle-md,
.vivid table > tbody > tr > .table__cell--align-middle-md {
    vertical-align: middle;
  }
  /* line 104, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--align-top-md > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-top-md,
.vivid table > tbody > tr > .table__cell--align-top-md {
    vertical-align: top;
  }
  /* line 108, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--align-bottom-md > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-bottom-md,
.vivid table > tbody > tr > .table__cell--align-bottom-md {
    vertical-align: bottom;
  }
  /* line 112, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--align-center-md > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-center-md,
.vivid table > tbody > tr > .table__cell--align-center-md {
    text-align: center;
  }
  /* line 116, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--align-right-md > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-right-md,
.vivid table > tbody > tr > .table__cell--align-right-md {
    text-align: right;
  }
  /* line 120, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--align-left-md > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-left-md,
.vivid table > tbody > tr > .table__cell--align-left-md {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  /* line 190, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--natural-lg {
    max-width: unset;
    min-width: unset;
    width: unset;
  }
  /* line 196, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--minimum-lg {
    max-width: 100%;
    width: 0;
  }
  /* line 201, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--fill-lg {
    max-width: 100%;
    width: 100%;
  }
  /* line 206, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--half-lg {
    max-width: 50%;
    width: 50%;
  }
  /* line 211, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--quarter-lg {
    max-width: 25%;
    width: 25%;
  }
  /* line 216, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--three_quarters-lg {
    max-width: 75%;
    width: 75%;
  }
  /* line 221, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--third-lg {
    max-width: 33.333333%;
    width: 33.333333%;
  }
  /* line 226, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--two_thirds-lg {
    max-width: 66.666666%;
    width: 66.666666%;
  }
  /* line 231, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--fifth-lg {
    max-width: 20%;
    width: 20%;
  }
  /* line 236, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--two_fifths-lg {
    max-width: 40%;
    width: 40%;
  }
  /* line 241, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--three_fifths-lg {
    max-width: 60%;
    width: 60%;
  }
  /* line 246, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--four_fifths-lg {
    max-width: 80%;
    width: 80%;
  }
  /* line 251, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--sixth-lg {
    max-width: 16.666666%;
    width: 16.666666%;
  }
  /* line 256, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--five-sixths-lg {
    max-width: 83.333333%;
    width: 83.333333%;
  }
  /* line 261, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--twelfth-lg {
    max-width: 8.333333%;
    width: 8.333333%;
  }
  /* line 266, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--five_twelfths-lg {
    max-width: 41.666666%;
    width: 41.666666%;
  }
  /* line 271, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--seven_twelfths-lg {
    max-width: 58.333333%;
    width: 58.333333%;
  }
  /* line 276, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--eleven_twelfths-lg {
    max-width: 91.666666%;
    width: 91.666666%;
  }
  /* line 282, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--bleed-lg:first-child {
    padding-left: 0;
  }
  /* line 286, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table__cell--bleed-lg:last-child {
    padding-right: 0;
  }
  /* line 294, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--gutters-normal-lg > table {
    --table-padding-vertical: 1rem;
    --table-padding-horizontal: 1.6rem;
  }
  /* line 301, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--gutters-normal-lg > table > thead > tr > td,
.vivid .table--gutters-normal-lg > table > thead > tr > th,
.vivid .table--gutters-normal-lg > table > tbody > tr > td,
.vivid .table--gutters-normal-lg > table > tbody > tr > th {
    padding: 1rem 1.6rem;
  }
  /* line 310, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-normal-lg,
.vivid .vivid-panel .table--bleed-card.table--gutters-normal-lg,
.vivid .table--bleed.table--gutters-normal-lg {
    margin-left: -1.6rem;
    margin-right: -1.6rem;
  }
  /* line 314, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-normal-lg:first-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-normal-lg:first-child,
.vivid .table--bleed.table--gutters-normal-lg:first-child {
    margin-top: -1rem;
  }
  /* line 318, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-normal-lg:last-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-normal-lg:last-child,
.vivid .table--bleed.table--gutters-normal-lg:last-child {
    margin-bottom: -1rem;
  }
  /* line 323, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--gutters-compact-lg {
    --table-padding-vertical: 0.5rem;
    --table-padding-horizontal: 0.8rem;
  }
  /* line 331, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--gutters-compact-lg > table > thead > tr > td,
.vivid .table--gutters-compact-lg > table > thead > tr > th,
.vivid .table--gutters-compact-lg > table > tbody > tr > td,
.vivid .table--gutters-compact-lg > table > tbody > tr > th {
    padding: 0.5rem 0.8rem;
  }
  /* line 340, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-compact-lg,
.vivid .vivid-panel .table--bleed-card.table--gutters-compact-lg,
.vivid .table--bleed.table--gutters-compact-lg {
    margin-left: -0.8rem;
    margin-right: -0.8rem;
  }
  /* line 344, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-compact-lg:first-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-compact-lg:first-child,
.vivid .table--bleed.table--gutters-compact-lg:first-child {
    margin-top: -0.5rem;
  }
  /* line 348, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-compact-lg:last-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-compact-lg:last-child,
.vivid .table--bleed.table--gutters-compact-lg:last-child {
    margin-bottom: -0.5rem;
  }
  /* line 353, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--gutters-loose-lg {
    --table-padding-vertical: 2rem;
    --table-padding-horizontal: 3.2rem;
  }
  /* line 361, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--gutters-loose-lg > table > thead > tr > td,
.vivid .table--gutters-loose-lg > table > thead > tr > th,
.vivid .table--gutters-loose-lg > table > tbody > tr > td,
.vivid .table--gutters-loose-lg > table > tbody > tr > th {
    padding: 2rem 3.2rem;
  }
  /* line 370, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-loose-lg,
.vivid .vivid-panel .table--bleed-card.table--gutters-loose-lg,
.vivid .table--bleed.table--gutters-loose-lg {
    margin-left: -3.2rem;
    margin-right: -3.2rem;
  }
  /* line 374, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-loose-lg:first-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-loose-lg:first-child,
.vivid .table--bleed.table--gutters-loose-lg:first-child {
    margin-top: -2rem;
  }
  /* line 378, app/assets/stylesheets/vivid/tables.scss */
  .vivid .card .table--bleed-card.table--gutters-loose-lg:last-child,
.vivid .vivid-panel .table--bleed-card.table--gutters-loose-lg:last-child,
.vivid .table--bleed.table--gutters-loose-lg:last-child {
    margin-bottom: -2rem;
  }
  /* line 126, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-normal-lg {
    table-layout: auto;
  }
  /* line 131, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-normal-lg > tbody > tr,
.vivid .table--layout-normal-lg > thead > tr {
    display: table-row;
  }
  /* line 135, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-normal-lg > tbody > tr > td > .table__cell__label,
.vivid .table--layout-normal-lg > thead > tr > td > .table__cell__label {
    display: none;
  }
  /* line 143, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-fixed-lg {
    table-layout: auto;
  }
  /* line 148, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-fixed-lg > tbody > tr,
.vivid .table--layout-fixed-lg > thead > tr {
    display: table-row;
  }
  /* line 152, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-fixed-lg > tbody > tr > td > .table__cell__label,
.vivid .table--layout-fixed-lg > thead > tr > td > .table__cell__label {
    display: none;
  }
  /* line 160, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-flex-lg {
    table-layout: auto;
  }
  /* line 165, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-flex-lg > tbody > tr,
.vivid .table--layout-flex-lg > thead > tr {
    display: flex;
    flex-wrap: wrap;
  }
  /* line 169, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-flex-lg > tbody > tr > td,
.vivid .table--layout-flex-lg > thead > tr > td {
    border: 0;
    flex-basis: 100%;
  }
  /* line 177, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-flex-lg > tbody > tr {
    padding-top: var(--table-padding-vertical, 1rem);
    padding-bottom: var(--table-padding-vertical, 1rem);
  }
  /* line 181, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--layout-flex-lg > tbody > tr + tr {
    border-top: 0.1rem solid var(--surface-trim-color, #e3e3e3);
  }
  /* line 100, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--align-middle-lg > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-middle-lg,
.vivid table > tbody > tr > .table__cell--align-middle-lg {
    vertical-align: middle;
  }
  /* line 104, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--align-top-lg > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-top-lg,
.vivid table > tbody > tr > .table__cell--align-top-lg {
    vertical-align: top;
  }
  /* line 108, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--align-bottom-lg > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-bottom-lg,
.vivid table > tbody > tr > .table__cell--align-bottom-lg {
    vertical-align: bottom;
  }
  /* line 112, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--align-center-lg > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-center-lg,
.vivid table > tbody > tr > .table__cell--align-center-lg {
    text-align: center;
  }
  /* line 116, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--align-right-lg > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-right-lg,
.vivid table > tbody > tr > .table__cell--align-right-lg {
    text-align: right;
  }
  /* line 120, app/assets/stylesheets/vivid/tables.scss */
  .vivid .table--align-left-lg > tbody > tr > td,
.vivid table > thead > tr > .table__cell--align-left-lg,
.vivid table > tbody > tr > .table__cell--align-left-lg {
    text-align: left;
  }
}

/* line 411, app/assets/stylesheets/vivid/tables.scss */
.vivid table.table--list > tbody > tr > td:first-child,
.vivid table.table--list > tbody > tr > th:first-child,
.vivid table.table--list > thead > tr > td:first-child,
.vivid table.table--list > thead > tr > th:first-child {
  padding-left: 0;
}

/* line 416, app/assets/stylesheets/vivid/tables.scss */
.vivid table.table--list > tbody > tr > td:last-child,
.vivid table.table--list > tbody > tr > th:last-child,
.vivid table.table--list > thead > tr > td:last-child,
.vivid table.table--list > thead > tr > th:last-child {
  padding-right: 0;
}

/* line 424, app/assets/stylesheets/vivid/tables.scss */
.vivid .table-container {
  position: relative;
}

/* line 428, app/assets/stylesheets/vivid/tables.scss */
.vivid .table-container.surface--outlined,
.vivid .table-container.surface--trimmed {
  border-width: 0.2rem;
  border-style: solid;
}

/* line 434, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--overflow-scroll {
  overflow: auto;
}

/* line 438, app/assets/stylesheets/vivid/tables.scss */
.vivid .table--overflow-hidden {
  overflow: hidden;
}

/* line 442, app/assets/stylesheets/vivid/tables.scss */
.vivid .table__cell__label {
  font-weight: 500;
  font-size: 1.1rem;
  line-height: 1.4rem;
  display: block;
  margin: 0;
  opacity: 0.6;
}

/* line 2, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list {
  min-width: 0;
  border-radius: inherit;
  flex: 1 1 auto;
}

/* line 8, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item {
  position: relative;
  display: block;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
}

/* line 18, app/assets/stylesheets/vivid/tile_list.scss */
.vivid a.tile-list-item,
.vivid div.tile-list-item[tabindex] {
  outline: none;
  cursor: pointer;
}

@media (hover: none) {
  /* line 18, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid a.tile-list-item,
.vivid div.tile-list-item[tabindex] {
    -webkit-tap-highlight-color: transparent;
  }
}

/* line 27, app/assets/stylesheets/vivid/tile_list.scss */
.vivid a.tile-list-item:not(.surface--color),
.vivid div.tile-list-item[tabindex]:not(.surface--color) {
  color: inherit;
}

/* line 31, app/assets/stylesheets/vivid/tile_list.scss */
.vivid a.tile-list-item:after,
.vivid div.tile-list-item[tabindex]:after {
  content: "";
  display: block;
  position: absolute;
  left: -1.5rem;
  right: -1.5rem;
  top: 0;
  bottom: 0;
  pointer-events: none;
  transition: background ease-in-out 0.15s, border ease-in-out 0.15s;
  border: 0.3rem solid transparent;
  border-radius: inherit;
}

@media (min-width: 768px) {
  /* line 31, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid a.tile-list-item:after,
.vivid div.tile-list-item[tabindex]:after {
    border-radius: inherit;
  }
}

@media (min-width: 768px) {
  /* line 53, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid a.tile-list-item:focus:after, .vivid a.tile-list-item:active:focus:after,
.vivid div.tile-list-item[tabindex]:focus:after,
.vivid div.tile-list-item[tabindex]:active:focus:after {
    border-color: #1942d8;
  }
}

/* line 61, app/assets/stylesheets/vivid/tile_list.scss */
.vivid a.tile-list-item:active:focus:after,
.vivid div.tile-list-item[tabindex]:active:focus:after {
  background-color: rgba(30, 30, 30, 0.08);
}

@media (hover: none) {
  /* line 68, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid a.tile-list-item:active:not(:focus-within):after,
.vivid div.tile-list-item[tabindex]:active:not(:focus-within):after {
    background-color: rgba(30, 30, 30, 0.08);
  }
}

/* line 74, app/assets/stylesheets/vivid/tile_list.scss */
.vivid a.tile-list-item:hover,
.vivid div.tile-list-item[tabindex]:hover {
  text-decoration: none;
}

/* line 79, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item__container {
  flex: 100%;
  display: flex;
  min-width: 0;
}

/* line 85, app/assets/stylesheets/vivid/tile_list.scss */
.vivid button.tile-list-item__container {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  text-align: left;
}

/* line 94, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item__caption,
.vivid .tile-list-header__caption {
  min-width: 0;
}

/* line 97, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item__caption:not(:first-child),
.vivid .tile-list-header__caption:not(:first-child) {
  margin-top: 0.3em;
}

@media (max-width: 767px) {
  /* line 94, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item__caption,
.vivid .tile-list-header__caption {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8rem;
  }
}

/* line 107, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item__caption p:not(:last-child),
.vivid .tile-list-header__caption p:not(:last-child) {
  margin-bottom: 0.5rem;
}

/* line 112, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-header__caption {
  margin-bottom: 0.3em;
}

/* line 116, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item__content-container {
  min-width: 0;
  flex: 100%;
}

/* line 121, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item__body {
  min-width: 0;
  flex: 100%;
}

/* line 125, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item__body > .adorn {
  display: flex;
}

/* line 132, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .item-label + .tile-list-item__body > p:not(:last-child) {
  margin-bottom: 0.5rem;
}

/* line 137, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item__disclosure,
.vivid .tile-list-item__prompt {
  padding-left: 2rem;
  align-self: stretch;
  display: flex;
}

/* line 144, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item__disclosure {
  align-items: center;
}

/* line 147, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item__disclosure .icon {
  opacity: 0.35;
}

/* line 151, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item__disclosure .fa {
  text-align: right;
}

/* line 156, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item__prompt {
  opacity: 0.35;
  font-size: 1.4rem;
  line-height: 1.8rem;
  white-space: nowrap;
}

/* line 162, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item__prompt + .tile-list-item__disclosure {
  padding-left: 1rem;
}

/* line 167, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item__prefix {
  margin-right: 2rem;
  flex-shrink: 0;
}

/* line 172, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item__prefix--align-top {
  align-self: flex-start;
}

/* line 176, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item__prefix--gutter-compact {
  margin-right: 1rem;
}

/* line 180, app/assets/stylesheets/vivid/tile_list.scss */
.vivid a.tile-list-item__disclosure {
  outline: none;
  position: relative;
}

/* line 184, app/assets/stylesheets/vivid/tile_list.scss */
.vivid a.tile-list-item__disclosure:after {
  content: "";
  display: block;
  position: absolute;
  width: 0.1rem;
  left: 1.5rem;
  top: 0;
  bottom: 0;
  border-right: solid 0.1rem var(--surface-container-outline-color, rgba(68, 68, 68, 0.1));
}

@media (hover: none) {
  /* line 180, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid a.tile-list-item__disclosure {
    -webkit-tap-highlight-color: transparent;
  }
}

/* line 199, app/assets/stylesheets/vivid/tile_list.scss */
.vivid a.tile-list-item__disclosure:hover, .vivid a.tile-list-item__disclosure:active, .vivid a.tile-list-item__disclosure:focus {
  text-decoration: none;
}

/* line 206, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-header__control,
.vivid .tile-list-item__control {
  margin-left: 2rem;
  flex: 1 0 auto;
}

/* line 212, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item__control--wrap-none,
.vivid .tile-list-header__control--wrap-none {
  white-space: nowrap;
}

/* line 217, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item__editor {
  display: none;
}

/* line 222, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item--editable-editing .tile-list-item__editor {
  display: block;
}

/* line 226, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item--editable-editing .tile-list-item__body,
.vivid .tile-list-item--editable-editing .tile-list-item__control,
.vivid .tile-list-item--editable-editing .tile-list-item__prefix,
.vivid .tile-list-item--editable-editing .tile-list-item__prompt {
  display: none;
}

/* line 234, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item--variant-headnote,
.vivid .tile-list-item--variant-footnote {
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

/* line 243, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item--variant-headnote {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 248, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item--variant-wrapper {
  overflow: hidden;
  border-left: solid 0.2rem var(--surface-bg-color, #fff);
  border-right: solid 0.2rem var(--surface-bg-color, #fff);
}

/* line 253, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item--variant-wrapper:first-child {
  border-top: solid 0.2rem var(--surface-bg-color, #fff);
}

/* line 257, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item--variant-wrapper:last-child {
  border-bottom: solid 0.2rem var(--surface-bg-color, #fff);
}

/* line 262, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item--variant-media {
  overflow: hidden;
  border: none;
}

/* line 267, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-section {
  min-width: 0;
}

/* line 270, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-section:not(:first-child), .vivid .tile-list-section:empty {
  border-top: 0.1rem solid var(--surface-container-outline-color, rgba(68, 68, 68, 0.1));
}

/* line 276, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-section--variant-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

/* line 283, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-section--variant-eyebrow .tile-list-section__content {
  opacity: 0.6;
}

/* line 288, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-section--variant-header {
  margin: 0;
  padding-bottom: 0;
}

/* line 293, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-header {
  min-width: 0;
  display: flex;
  align-items: center;
  transition: background 0.15s ease-in-out;
}

/* line 301, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-header__body {
  padding-top: 1rem;
  padding-bottom: 1rem;
  flex: 1 1 100%;
  margin: 0;
}

/* line 308, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list__group {
  border-radius: inherit;
}

/* line 314, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list__group > .tile-list-item,
.vivid .tile-list__group > .tile-list-section,
.vivid .tile-list > .tile-list-item,
.vivid .tile-list > .tile-list-section {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 319, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list__group > .tile-list-item:first-child,
.vivid .tile-list__group > .tile-list-section:first-child,
.vivid .tile-list > .tile-list-item:first-child,
.vivid .tile-list > .tile-list-section:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

/* line 324, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list__group > .tile-list-item:last-child,
.vivid .tile-list__group > .tile-list-section:last-child,
.vivid .tile-list > .tile-list-item:last-child,
.vivid .tile-list > .tile-list-section:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

/* line 332, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list__group .tile-list-item[tabindex]:after,
.vivid .tile-list__group a.tile-list-item:after,
.vivid .tile-list .tile-list-item[tabindex]:after,
.vivid .tile-list a.tile-list-item:after {
  left: 0;
  right: 0;
}

/* line 337, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list__group .tile-list-item[tabindex]:first-child:after,
.vivid .tile-list__group a.tile-list-item:first-child:after,
.vivid .tile-list .tile-list-item[tabindex]:first-child:after,
.vivid .tile-list a.tile-list-item:first-child:after {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

/* line 342, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list__group .tile-list-item[tabindex]:last-child:after,
.vivid .tile-list__group a.tile-list-item:last-child:after,
.vivid .tile-list .tile-list-item[tabindex]:last-child:after,
.vivid .tile-list a.tile-list-item:last-child:after {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

/* line 348, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list__group + .tile-list__group,
.vivid .tile-list + .tile-list__group {
  margin-top: 2rem;
}

/* line 354, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--outlined .tile-list__group {
  box-shadow: 0 0 0 0.2rem var(--surface-container-outline-color, rgba(68, 68, 68, 0.1));
}

/* line 361, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--with-sticky-headers .tile-list-header {
  position: sticky;
  top: var(--sticky-nav-height);
  z-index: 9;
}

/* line 366, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--with-sticky-headers .tile-list-header.sticky-top--stuck {
  z-index: 10;
  box-shadow: 0 0.1rem 0.1rem -0.1rem rgba(0, 0, 0, 0.1), 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.06);
  background-color: #fff;
}

/* line 374, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--with-sticky-headers .tile-list-header.sticky-top--stuck ~ .sticky-top {
  z-index: 11;
}

/* line 381, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--bleed {
  margin-left: -1.2rem;
  margin-right: -1.2rem;
}

/* line 385, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--bleed .tile-list-item,
.vivid .tile-list--bleed .tile-list-header,
.vivid .tile-list--bleed .tile-list-section {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

@media (max-width: 767px) {
  /* line 381, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--bleed {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  /* line 396, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--bleed .tile-list-item,
.vivid .tile-list--bleed .tile-list-section,
.vivid .tile-list--bleed .tile-list-header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-left: 0;
    margin-right: 0;
  }
}

/* line 408, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--bleed a.tile-list-item:after,
.vivid .tile-list--bleed div.tile-list-item[tabindex]:after {
  left: 0;
  right: 0;
}

@media (max-width: 767px) {
  /* line 408, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--bleed a.tile-list-item:after,
.vivid .tile-list--bleed div.tile-list-item[tabindex]:after {
    border-radius: 0;
  }
}

/* line 420, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--nested > .tile-list-item,
.vivid .tile-list--nested > .tile-list-header,
.vivid .tile-list--nested > .tile-list-section {
  padding-left: 0;
  padding-right: 0;
}

/* line 745, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list__divider {
  margin: 0;
  border-color: var(--surface-container-outline-color, rgba(68, 68, 68, 0.1));
}

/* line 749, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list__divider:first-child {
  display: none;
}

/* line 755, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--dividers-plain .tile-list__divider {
  border: 0;
}

/* line 761, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--dividers-collapsed .tile-list__divider {
  display: none;
}

/* line 765, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--dividers-collapsed > .tile-list__divider + .tile-list-item,
.vivid .tile-list--dividers-collapsed > .tile-list__group > .tile-list__divider + .tile-list-item {
  padding-top: 0;
}

/* line 432, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-normal > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-normal > .tile-list-item, .vivid .tile-list--gutters-normal .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-normal .tile-list__group > .tile-list-item {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* line 437, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-normal > .tile-list-section:not(:empty) .tile-list--bleed,
.vivid .tile-list--gutters-normal > .tile-list-item .tile-list--bleed, .vivid .tile-list--gutters-normal .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed,
.vivid .tile-list--gutters-normal .tile-list__group > .tile-list-item .tile-list--bleed {
  margin-left: -2rem;
  margin-right: -2rem;
}

/* line 443, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-normal > .tile-list-section:not(:empty) .tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-normal > .tile-list-section:not(:empty) .tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-normal > .tile-list-item .tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-normal > .tile-list-item .tile-list--bleed .tile-list__group .tile-list-item, .vivid .tile-list--gutters-normal .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-normal .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-normal .tile-list__group > .tile-list-item .tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-normal .tile-list__group > .tile-list-item .tile-list--bleed .tile-list__group .tile-list-item {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 450, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-normal > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-normal > .tile-list-item.tile-list-item--variant-nested-list, .vivid .tile-list--gutters-normal .tile-list__group > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-normal .tile-list__group > .tile-list-item.tile-list-item--variant-nested-list {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 455, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-normal > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-normal > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-normal > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-normal > .tile-list-item.tile-list-item--variant-media, .vivid .tile-list--gutters-normal .tile-list__group > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-normal .tile-list__group > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-normal .tile-list__group > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-normal .tile-list__group > .tile-list-item.tile-list-item--variant-media {
  padding: 0;
}

/* line 460, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-normal > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-normal > .tile-list-item > .tile-list-item__details, .vivid .tile-list--gutters-normal .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-normal .tile-list__group > .tile-list-item > .tile-list-item__details {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-left: -2rem;
  margin-right: -2rem;
}

/* line 466, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-normal > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-normal > .tile-list-item > .tile-list-item__details.surface--color, .vivid .tile-list--gutters-normal .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-normal .tile-list__group > .tile-list-item > .tile-list-item__details.surface--color {
  margin-top: 2rem;
}

/* line 472, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-normal > .tile-list-section:empty, .vivid .tile-list--gutters-normal .tile-list__group > .tile-list-section:empty {
  margin-bottom: 2rem;
}

/* line 478, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-normal > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-normal > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-normal .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-normal .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
  margin-top: 2rem;
}

@media (min-width: 768px) {
  /* line 478, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-normal > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-normal .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-normal .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
    margin-top: 4rem;
  }
}

/* line 487, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-normal > .tile-list-section--variant-header:not(:empty):not(:last-child), .vivid .tile-list--gutters-normal .tile-list__group > .tile-list-section--variant-header:not(:empty):not(:last-child) {
  padding-bottom: 0;
}

/* line 491, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-normal > .tile-list-item.surface--color + .tile-list-section, .vivid .tile-list--gutters-normal .tile-list__group > .tile-list-item.surface--color + .tile-list-section {
  margin-top: 0;
}

/* line 495, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-normal > .tile-list-item--variant-headnote:first-child,
.vivid .tile-list--gutters-normal > .tile-list-item + .tile-list-item--variant-sub-item, .vivid .tile-list--gutters-normal .tile-list__group > .tile-list-item--variant-headnote:first-child,
.vivid .tile-list--gutters-normal .tile-list__group > .tile-list-item + .tile-list-item--variant-sub-item {
  padding-top: 0;
}

/* line 500, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-normal .badge--ornament, .vivid .tile-list--gutters-normal .tile-list__group .badge--ornament {
  right: auto;
  left: 1rem;
  top: 1rem;
}

/* line 506, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-normal .badge--ornament-right, .vivid .tile-list--gutters-normal .tile-list__group .badge--ornament-right {
  left: auto;
  right: 1rem;
  top: 1rem;
}

/* line 514, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-normal.tile-list--variant-contained > .tile-list-header {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 518, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-normal.tile-list--variant-contained > .tile-list-header.tile-list-header--bleed {
  padding-left: 0;
  padding-right: 0;
}

/* line 524, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-normal.tile-list--variant-contained > .tile-list__group > .tile-list-section--variant-eyebrow:not(:empty) {
  padding-bottom: 1rem;
}

/* line 533, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-none > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-none > .tile-list-item, .vivid .tile-list--gutters-none .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-none .tile-list__group > .tile-list-item {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 538, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-none > .tile-list-section:not(:empty) .tile-list--bleed,
.vivid .tile-list--gutters-none > .tile-list-item .tile-list--bleed, .vivid .tile-list--gutters-none .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed,
.vivid .tile-list--gutters-none .tile-list__group > .tile-list-item .tile-list--bleed {
  margin-left: 0;
  margin-right: 0;
}

/* line 544, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-none > .tile-list-section:not(:empty) .tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-none > .tile-list-section:not(:empty) .tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-none > .tile-list-item .tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-none > .tile-list-item .tile-list--bleed .tile-list__group .tile-list-item, .vivid .tile-list--gutters-none .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-none .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-none .tile-list__group > .tile-list-item .tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-none .tile-list__group > .tile-list-item .tile-list--bleed .tile-list__group .tile-list-item {
  padding-left: 0;
  padding-right: 0;
}

/* line 552, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-none > .tile-list-section:empty, .vivid .tile-list--gutters-none .tile-list__group > .tile-list-section:empty {
  margin-bottom: 1rem;
}

/* line 558, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-none > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-none > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-none .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-none .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
  margin-top: 1rem;
}

/* line 568, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-compact > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-compact > .tile-list-item, .vivid .tile-list--gutters-compact .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-compact .tile-list__group > .tile-list-item {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* line 573, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-compact > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-compact > .tile-list-item.tile-list-item--variant-nested-list, .vivid .tile-list--gutters-compact .tile-list__group > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-compact .tile-list__group > .tile-list-item.tile-list-item--variant-nested-list {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 578, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-compact > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-compact > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-compact > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-compact > .tile-list-item.tile-list-item--variant-media, .vivid .tile-list--gutters-compact .tile-list__group > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-compact .tile-list__group > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-compact .tile-list__group > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-compact .tile-list__group > .tile-list-item.tile-list-item--variant-media {
  padding: 0;
}

/* line 583, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-compact > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-compact > .tile-list-item > .tile-list-item__details, .vivid .tile-list--gutters-compact .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-compact .tile-list__group > .tile-list-item > .tile-list-item__details {
  padding-left: 2rem;
  padding-right: 2rem;
  margin-left: -2rem;
  margin-right: -2rem;
}

/* line 589, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-compact > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-compact > .tile-list-item > .tile-list-item__details.surface--color, .vivid .tile-list--gutters-compact .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-compact .tile-list__group > .tile-list-item > .tile-list-item__details.surface--color {
  margin-top: 1rem;
}

/* line 595, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-compact > .tile-list-section:not(:empty):not(:first-child), .vivid .tile-list--gutters-compact .tile-list__group > .tile-list-section:not(:empty):not(:first-child) {
  padding-top: 2rem;
}

/* line 599, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-compact > .tile-list-section--variant-header:not(:empty):not(:last-child), .vivid .tile-list--gutters-compact .tile-list__group > .tile-list-section--variant-header:not(:empty):not(:last-child) {
  padding-bottom: 0;
}

/* line 603, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-compact > .tile-list-section:empty, .vivid .tile-list--gutters-compact .tile-list__group > .tile-list-section:empty {
  margin-bottom: 1rem;
}

/* line 609, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-compact > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-compact > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-compact .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-compact .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
  margin-top: 1rem;
}

/* line 614, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-compact > .tile-list-item.surface--color + .tile-list-section, .vivid .tile-list--gutters-compact .tile-list__group > .tile-list-item.surface--color + .tile-list-section {
  margin-top: 0;
}

/* line 618, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-compact > .tile-list-item + .tile-list-item--variant-sub-item, .vivid .tile-list--gutters-compact .tile-list__group > .tile-list-item + .tile-list-item--variant-sub-item {
  padding-top: 0;
}

/* line 622, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-compact .badge--ornament, .vivid .tile-list--gutters-compact .tile-list__group .badge--ornament {
  right: auto;
  left: 0.5rem;
  top: 0.5rem;
}

/* line 630, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-compact.tile-list--variant-contained > .tile-list-header {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* line 640, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-loose > .tile-list-item, .vivid .tile-list--gutters-loose .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-loose .tile-list__group > .tile-list-item {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

/* line 645, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose > .tile-list-section:not(:empty) .tile-list.tile-list--bleed,
.vivid .tile-list--gutters-loose > .tile-list-item .tile-list.tile-list--bleed, .vivid .tile-list--gutters-loose .tile-list__group > .tile-list-section:not(:empty) .tile-list.tile-list--bleed,
.vivid .tile-list--gutters-loose .tile-list__group > .tile-list-item .tile-list.tile-list--bleed {
  margin-left: -4rem;
  margin-right: -4rem;
}

/* line 651, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose > .tile-list-section:not(:empty) .tile-list.tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-loose > .tile-list-section:not(:empty) .tile-list.tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-loose > .tile-list-item .tile-list.tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-loose > .tile-list-item .tile-list.tile-list--bleed .tile-list__group .tile-list-item, .vivid .tile-list--gutters-loose .tile-list__group > .tile-list-section:not(:empty) .tile-list.tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-loose .tile-list__group > .tile-list-section:not(:empty) .tile-list.tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-loose .tile-list__group > .tile-list-item .tile-list.tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-loose .tile-list__group > .tile-list-item .tile-list.tile-list--bleed .tile-list__group .tile-list-item {
  padding-left: 4rem;
  padding-right: 4rem;
}

/* line 658, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-loose > .tile-list-item.tile-list-item--variant-nested-list, .vivid .tile-list--gutters-loose .tile-list__group > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-loose .tile-list__group > .tile-list-item.tile-list-item--variant-nested-list {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 663, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-loose > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-loose > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-loose > .tile-list-item.tile-list-item--variant-media, .vivid .tile-list--gutters-loose .tile-list__group > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-loose .tile-list__group > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-loose .tile-list__group > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-loose .tile-list__group > .tile-list-item.tile-list-item--variant-media {
  padding: 0;
}

/* line 668, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-loose > .tile-list-item > .tile-list-item__details, .vivid .tile-list--gutters-loose .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-loose .tile-list__group > .tile-list-item > .tile-list-item__details {
  padding-left: 4rem;
  padding-right: 4rem;
  margin-left: -4rem;
  margin-right: -4rem;
}

/* line 674, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-loose > .tile-list-item > .tile-list-item__details.surface--color, .vivid .tile-list--gutters-loose .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-loose .tile-list__group > .tile-list-item > .tile-list-item__details.surface--color {
  margin-top: 4rem;
}

/* line 680, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose > .tile-list-section:empty, .vivid .tile-list--gutters-loose .tile-list__group > .tile-list-section:empty {
  margin-bottom: 4rem;
}

/* line 684, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose > .tile-list-section--variant-header:not(:empty):not(:last-child), .vivid .tile-list--gutters-loose .tile-list__group > .tile-list-section--variant-header:not(:empty):not(:last-child) {
  padding-bottom: 0;
}

/* line 690, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-loose > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-loose .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-loose .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
  margin-top: 4rem;
}

/* line 695, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose > .tile-list-item.surface--color + .tile-list-section, .vivid .tile-list--gutters-loose .tile-list__group > .tile-list-item.surface--color + .tile-list-section {
  margin-top: 0;
}

/* line 699, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose > .tile-list-item + .tile-list-item--variant-sub-item, .vivid .tile-list--gutters-loose .tile-list__group > .tile-list-item + .tile-list-item--variant-sub-item {
  padding-top: 0;
}

/* line 703, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose .badge--ornament, .vivid .tile-list--gutters-loose .tile-list__group .badge--ornament {
  right: auto;
  left: 2rem;
  top: 2rem;
}

/* line 711, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-loose .tile-list__group > .tile-list-item {
  padding-left: 4rem;
  padding-right: 4rem;
}

/* line 716, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose .tile-list__group > .tile-list-item + .tile-list-item--variant-sub-item {
  padding-top: 0;
}

/* line 722, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose.tile-list--variant-contained > .tile-list-header,
.vivid .tile-list--gutters-loose.tile-list--variant-contained > .tile-list-item {
  padding-left: 4rem;
  padding-right: 4rem;
}

/* line 728, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose.tile-list--variant-contained > .tile-list-header .tile-list-header__body {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* line 733, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose.tile-list--variant-contained > .tile-list-item--variant-footnote {
  padding-top: 2rem;
}

/* line 737, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--gutters-loose.tile-list--variant-contained > .tile-list-item--variant-headnote:first-child,
.vivid .tile-list--gutters-loose.tile-list--variant-contained > .tile-list-item + .tile-list-item--variant-sub-item {
  padding-top: 0;
}

/* line 773, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item--align-top > .tile-list-item__container {
  align-items: flex-start;
}

/* line 776, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item--align-top > .tile-list-item__container > .tile-list-item__content-container,
.vivid .tile-list-item--align-top > .tile-list-item__container > .tile-list-item__disclosure {
  align-items: flex-start;
}

/* line 784, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item--align-middle > .tile-list-item__container {
  align-items: center;
}

/* line 787, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item--align-middle > .tile-list-item__container > .tile-list-item__content-container {
  align-items: center;
}

/* line 794, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item--align-bottom > .tile-list-item__container {
  align-items: flex-end;
}

/* line 797, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list-item--align-bottom > .tile-list-item__container > .tile-list-item__content-container {
  align-items: flex-end;
}

@media (min-width: 768px) {
  /* line 432, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-sm > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-normal-sm > .tile-list-item, .vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-item {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  /* line 437, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-sm > .tile-list-section:not(:empty) .tile-list--bleed,
.vivid .tile-list--gutters-normal-sm > .tile-list-item .tile-list--bleed, .vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed,
.vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-item .tile-list--bleed {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  /* line 443, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-sm > .tile-list-section:not(:empty) .tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-normal-sm > .tile-list-section:not(:empty) .tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-normal-sm > .tile-list-item .tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-normal-sm > .tile-list-item .tile-list--bleed .tile-list__group .tile-list-item, .vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-item .tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-item .tile-list--bleed .tile-list__group .tile-list-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  /* line 450, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-sm > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-normal-sm > .tile-list-item.tile-list-item--variant-nested-list, .vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-item.tile-list-item--variant-nested-list {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 455, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-sm > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-normal-sm > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-normal-sm > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-normal-sm > .tile-list-item.tile-list-item--variant-media, .vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-item.tile-list-item--variant-media {
    padding: 0;
  }
  /* line 460, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-sm > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-normal-sm > .tile-list-item > .tile-list-item__details, .vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-item > .tile-list-item__details {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
  }
  /* line 466, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-sm > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-normal-sm > .tile-list-item > .tile-list-item__details.surface--color, .vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-item > .tile-list-item__details.surface--color {
    margin-top: 2rem;
  }
  /* line 472, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-sm > .tile-list-section:empty, .vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-section:empty {
    margin-bottom: 2rem;
  }
  /* line 478, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-sm > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-normal-sm > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
    margin-top: 2rem;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  /* line 478, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-sm > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-normal-sm > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
    margin-top: 4rem;
  }
}

@media (min-width: 768px) {
  /* line 487, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-sm > .tile-list-section--variant-header:not(:empty):not(:last-child), .vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-section--variant-header:not(:empty):not(:last-child) {
    padding-bottom: 0;
  }
  /* line 491, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-sm > .tile-list-item.surface--color + .tile-list-section, .vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-item.surface--color + .tile-list-section {
    margin-top: 0;
  }
  /* line 495, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-sm > .tile-list-item--variant-headnote:first-child,
.vivid .tile-list--gutters-normal-sm > .tile-list-item + .tile-list-item--variant-sub-item, .vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-item--variant-headnote:first-child,
.vivid .tile-list--gutters-normal-sm .tile-list__group > .tile-list-item + .tile-list-item--variant-sub-item {
    padding-top: 0;
  }
  /* line 500, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-sm .badge--ornament, .vivid .tile-list--gutters-normal-sm .tile-list__group .badge--ornament {
    right: auto;
    left: 1rem;
    top: 1rem;
  }
  /* line 506, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-sm .badge--ornament-right, .vivid .tile-list--gutters-normal-sm .tile-list__group .badge--ornament-right {
    left: auto;
    right: 1rem;
    top: 1rem;
  }
  /* line 514, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-sm.tile-list--variant-contained > .tile-list-header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  /* line 518, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-sm.tile-list--variant-contained > .tile-list-header.tile-list-header--bleed {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 524, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-sm.tile-list--variant-contained > .tile-list__group > .tile-list-section--variant-eyebrow:not(:empty) {
    padding-bottom: 1rem;
  }
  /* line 533, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-none-sm > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-none-sm > .tile-list-item, .vivid .tile-list--gutters-none-sm .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-none-sm .tile-list__group > .tile-list-item {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 538, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-none-sm > .tile-list-section:not(:empty) .tile-list--bleed,
.vivid .tile-list--gutters-none-sm > .tile-list-item .tile-list--bleed, .vivid .tile-list--gutters-none-sm .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed,
.vivid .tile-list--gutters-none-sm .tile-list__group > .tile-list-item .tile-list--bleed {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 544, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-none-sm > .tile-list-section:not(:empty) .tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-none-sm > .tile-list-section:not(:empty) .tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-none-sm > .tile-list-item .tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-none-sm > .tile-list-item .tile-list--bleed .tile-list__group .tile-list-item, .vivid .tile-list--gutters-none-sm .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-none-sm .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-none-sm .tile-list__group > .tile-list-item .tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-none-sm .tile-list__group > .tile-list-item .tile-list--bleed .tile-list__group .tile-list-item {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 552, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-none-sm > .tile-list-section:empty, .vivid .tile-list--gutters-none-sm .tile-list__group > .tile-list-section:empty {
    margin-bottom: 1rem;
  }
  /* line 558, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-none-sm > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-none-sm > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-none-sm .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-none-sm .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
    margin-top: 1rem;
  }
  /* line 568, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-sm > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-compact-sm > .tile-list-item, .vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-item {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  /* line 573, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-sm > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-compact-sm > .tile-list-item.tile-list-item--variant-nested-list, .vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-item.tile-list-item--variant-nested-list {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 578, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-sm > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-compact-sm > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-compact-sm > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-compact-sm > .tile-list-item.tile-list-item--variant-media, .vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-item.tile-list-item--variant-media {
    padding: 0;
  }
  /* line 583, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-sm > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-compact-sm > .tile-list-item > .tile-list-item__details, .vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-item > .tile-list-item__details {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
  }
  /* line 589, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-sm > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-compact-sm > .tile-list-item > .tile-list-item__details.surface--color, .vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-item > .tile-list-item__details.surface--color {
    margin-top: 1rem;
  }
  /* line 595, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-sm > .tile-list-section:not(:empty):not(:first-child), .vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-section:not(:empty):not(:first-child) {
    padding-top: 2rem;
  }
  /* line 599, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-sm > .tile-list-section--variant-header:not(:empty):not(:last-child), .vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-section--variant-header:not(:empty):not(:last-child) {
    padding-bottom: 0;
  }
  /* line 603, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-sm > .tile-list-section:empty, .vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-section:empty {
    margin-bottom: 1rem;
  }
  /* line 609, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-sm > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-compact-sm > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
    margin-top: 1rem;
  }
  /* line 614, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-sm > .tile-list-item.surface--color + .tile-list-section, .vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-item.surface--color + .tile-list-section {
    margin-top: 0;
  }
  /* line 618, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-sm > .tile-list-item + .tile-list-item--variant-sub-item, .vivid .tile-list--gutters-compact-sm .tile-list__group > .tile-list-item + .tile-list-item--variant-sub-item {
    padding-top: 0;
  }
  /* line 622, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-sm .badge--ornament, .vivid .tile-list--gutters-compact-sm .tile-list__group .badge--ornament {
    right: auto;
    left: 0.5rem;
    top: 0.5rem;
  }
  /* line 630, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-sm.tile-list--variant-contained > .tile-list-header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  /* line 640, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-loose-sm > .tile-list-item, .vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-item {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  /* line 645, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm > .tile-list-section:not(:empty) .tile-list.tile-list--bleed,
.vivid .tile-list--gutters-loose-sm > .tile-list-item .tile-list.tile-list--bleed, .vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-section:not(:empty) .tile-list.tile-list--bleed,
.vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-item .tile-list.tile-list--bleed {
    margin-left: -4rem;
    margin-right: -4rem;
  }
  /* line 651, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm > .tile-list-section:not(:empty) .tile-list.tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-loose-sm > .tile-list-section:not(:empty) .tile-list.tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-loose-sm > .tile-list-item .tile-list.tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-loose-sm > .tile-list-item .tile-list.tile-list--bleed .tile-list__group .tile-list-item, .vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-section:not(:empty) .tile-list.tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-section:not(:empty) .tile-list.tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-item .tile-list.tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-item .tile-list.tile-list--bleed .tile-list__group .tile-list-item {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  /* line 658, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-loose-sm > .tile-list-item.tile-list-item--variant-nested-list, .vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-item.tile-list-item--variant-nested-list {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 663, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-loose-sm > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-loose-sm > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-loose-sm > .tile-list-item.tile-list-item--variant-media, .vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-item.tile-list-item--variant-media {
    padding: 0;
  }
  /* line 668, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-loose-sm > .tile-list-item > .tile-list-item__details, .vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-item > .tile-list-item__details {
    padding-left: 4rem;
    padding-right: 4rem;
    margin-left: -4rem;
    margin-right: -4rem;
  }
  /* line 674, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-loose-sm > .tile-list-item > .tile-list-item__details.surface--color, .vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-item > .tile-list-item__details.surface--color {
    margin-top: 4rem;
  }
  /* line 680, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm > .tile-list-section:empty, .vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-section:empty {
    margin-bottom: 4rem;
  }
  /* line 684, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm > .tile-list-section--variant-header:not(:empty):not(:last-child), .vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-section--variant-header:not(:empty):not(:last-child) {
    padding-bottom: 0;
  }
  /* line 690, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-loose-sm > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
    margin-top: 4rem;
  }
  /* line 695, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm > .tile-list-item.surface--color + .tile-list-section, .vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-item.surface--color + .tile-list-section {
    margin-top: 0;
  }
  /* line 699, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm > .tile-list-item + .tile-list-item--variant-sub-item, .vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-item + .tile-list-item--variant-sub-item {
    padding-top: 0;
  }
  /* line 703, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm .badge--ornament, .vivid .tile-list--gutters-loose-sm .tile-list__group .badge--ornament {
    right: auto;
    left: 2rem;
    top: 2rem;
  }
  /* line 711, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-item {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  /* line 716, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm .tile-list__group > .tile-list-item + .tile-list-item--variant-sub-item {
    padding-top: 0;
  }
  /* line 722, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm.tile-list--variant-contained > .tile-list-header,
.vivid .tile-list--gutters-loose-sm.tile-list--variant-contained > .tile-list-item {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  /* line 728, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm.tile-list--variant-contained > .tile-list-header .tile-list-header__body {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  /* line 733, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm.tile-list--variant-contained > .tile-list-item--variant-footnote {
    padding-top: 2rem;
  }
  /* line 737, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-sm.tile-list--variant-contained > .tile-list-item--variant-headnote:first-child,
.vivid .tile-list--gutters-loose-sm.tile-list--variant-contained > .tile-list-item + .tile-list-item--variant-sub-item {
    padding-top: 0;
  }
  /* line 773, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item--align-top-sm > .tile-list-item__container {
    align-items: flex-start;
  }
  /* line 776, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item--align-top-sm > .tile-list-item__container > .tile-list-item__content-container,
.vivid .tile-list-item--align-top-sm > .tile-list-item__container > .tile-list-item__disclosure {
    align-items: flex-start;
  }
  /* line 784, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item--align-middle-sm > .tile-list-item__container {
    align-items: center;
  }
  /* line 787, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item--align-middle-sm > .tile-list-item__container > .tile-list-item__content-container {
    align-items: center;
  }
  /* line 794, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item--align-bottom-sm > .tile-list-item__container {
    align-items: flex-end;
  }
  /* line 797, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item--align-bottom-sm > .tile-list-item__container > .tile-list-item__content-container {
    align-items: flex-end;
  }
}

@media (min-width: 992px) {
  /* line 432, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-md > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-normal-md > .tile-list-item, .vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-item {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  /* line 437, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-md > .tile-list-section:not(:empty) .tile-list--bleed,
.vivid .tile-list--gutters-normal-md > .tile-list-item .tile-list--bleed, .vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed,
.vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-item .tile-list--bleed {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  /* line 443, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-md > .tile-list-section:not(:empty) .tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-normal-md > .tile-list-section:not(:empty) .tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-normal-md > .tile-list-item .tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-normal-md > .tile-list-item .tile-list--bleed .tile-list__group .tile-list-item, .vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-item .tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-item .tile-list--bleed .tile-list__group .tile-list-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  /* line 450, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-md > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-normal-md > .tile-list-item.tile-list-item--variant-nested-list, .vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-item.tile-list-item--variant-nested-list {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 455, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-md > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-normal-md > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-normal-md > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-normal-md > .tile-list-item.tile-list-item--variant-media, .vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-item.tile-list-item--variant-media {
    padding: 0;
  }
  /* line 460, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-md > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-normal-md > .tile-list-item > .tile-list-item__details, .vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-item > .tile-list-item__details {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
  }
  /* line 466, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-md > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-normal-md > .tile-list-item > .tile-list-item__details.surface--color, .vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-item > .tile-list-item__details.surface--color {
    margin-top: 2rem;
  }
  /* line 472, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-md > .tile-list-section:empty, .vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-section:empty {
    margin-bottom: 2rem;
  }
  /* line 478, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-md > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-normal-md > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
    margin-top: 2rem;
  }
}

@media (min-width: 992px) and (min-width: 768px) {
  /* line 478, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-md > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-normal-md > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
    margin-top: 4rem;
  }
}

@media (min-width: 992px) {
  /* line 487, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-md > .tile-list-section--variant-header:not(:empty):not(:last-child), .vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-section--variant-header:not(:empty):not(:last-child) {
    padding-bottom: 0;
  }
  /* line 491, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-md > .tile-list-item.surface--color + .tile-list-section, .vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-item.surface--color + .tile-list-section {
    margin-top: 0;
  }
  /* line 495, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-md > .tile-list-item--variant-headnote:first-child,
.vivid .tile-list--gutters-normal-md > .tile-list-item + .tile-list-item--variant-sub-item, .vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-item--variant-headnote:first-child,
.vivid .tile-list--gutters-normal-md .tile-list__group > .tile-list-item + .tile-list-item--variant-sub-item {
    padding-top: 0;
  }
  /* line 500, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-md .badge--ornament, .vivid .tile-list--gutters-normal-md .tile-list__group .badge--ornament {
    right: auto;
    left: 1rem;
    top: 1rem;
  }
  /* line 506, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-md .badge--ornament-right, .vivid .tile-list--gutters-normal-md .tile-list__group .badge--ornament-right {
    left: auto;
    right: 1rem;
    top: 1rem;
  }
  /* line 514, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-md.tile-list--variant-contained > .tile-list-header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  /* line 518, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-md.tile-list--variant-contained > .tile-list-header.tile-list-header--bleed {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 524, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-md.tile-list--variant-contained > .tile-list__group > .tile-list-section--variant-eyebrow:not(:empty) {
    padding-bottom: 1rem;
  }
  /* line 533, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-none-md > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-none-md > .tile-list-item, .vivid .tile-list--gutters-none-md .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-none-md .tile-list__group > .tile-list-item {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 538, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-none-md > .tile-list-section:not(:empty) .tile-list--bleed,
.vivid .tile-list--gutters-none-md > .tile-list-item .tile-list--bleed, .vivid .tile-list--gutters-none-md .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed,
.vivid .tile-list--gutters-none-md .tile-list__group > .tile-list-item .tile-list--bleed {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 544, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-none-md > .tile-list-section:not(:empty) .tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-none-md > .tile-list-section:not(:empty) .tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-none-md > .tile-list-item .tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-none-md > .tile-list-item .tile-list--bleed .tile-list__group .tile-list-item, .vivid .tile-list--gutters-none-md .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-none-md .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-none-md .tile-list__group > .tile-list-item .tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-none-md .tile-list__group > .tile-list-item .tile-list--bleed .tile-list__group .tile-list-item {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 552, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-none-md > .tile-list-section:empty, .vivid .tile-list--gutters-none-md .tile-list__group > .tile-list-section:empty {
    margin-bottom: 1rem;
  }
  /* line 558, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-none-md > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-none-md > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-none-md .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-none-md .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
    margin-top: 1rem;
  }
  /* line 568, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-md > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-compact-md > .tile-list-item, .vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-item {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  /* line 573, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-md > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-compact-md > .tile-list-item.tile-list-item--variant-nested-list, .vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-item.tile-list-item--variant-nested-list {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 578, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-md > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-compact-md > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-compact-md > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-compact-md > .tile-list-item.tile-list-item--variant-media, .vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-item.tile-list-item--variant-media {
    padding: 0;
  }
  /* line 583, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-md > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-compact-md > .tile-list-item > .tile-list-item__details, .vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-item > .tile-list-item__details {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
  }
  /* line 589, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-md > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-compact-md > .tile-list-item > .tile-list-item__details.surface--color, .vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-item > .tile-list-item__details.surface--color {
    margin-top: 1rem;
  }
  /* line 595, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-md > .tile-list-section:not(:empty):not(:first-child), .vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-section:not(:empty):not(:first-child) {
    padding-top: 2rem;
  }
  /* line 599, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-md > .tile-list-section--variant-header:not(:empty):not(:last-child), .vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-section--variant-header:not(:empty):not(:last-child) {
    padding-bottom: 0;
  }
  /* line 603, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-md > .tile-list-section:empty, .vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-section:empty {
    margin-bottom: 1rem;
  }
  /* line 609, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-md > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-compact-md > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
    margin-top: 1rem;
  }
  /* line 614, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-md > .tile-list-item.surface--color + .tile-list-section, .vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-item.surface--color + .tile-list-section {
    margin-top: 0;
  }
  /* line 618, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-md > .tile-list-item + .tile-list-item--variant-sub-item, .vivid .tile-list--gutters-compact-md .tile-list__group > .tile-list-item + .tile-list-item--variant-sub-item {
    padding-top: 0;
  }
  /* line 622, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-md .badge--ornament, .vivid .tile-list--gutters-compact-md .tile-list__group .badge--ornament {
    right: auto;
    left: 0.5rem;
    top: 0.5rem;
  }
  /* line 630, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-md.tile-list--variant-contained > .tile-list-header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  /* line 640, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-loose-md > .tile-list-item, .vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-item {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  /* line 645, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md > .tile-list-section:not(:empty) .tile-list.tile-list--bleed,
.vivid .tile-list--gutters-loose-md > .tile-list-item .tile-list.tile-list--bleed, .vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-section:not(:empty) .tile-list.tile-list--bleed,
.vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-item .tile-list.tile-list--bleed {
    margin-left: -4rem;
    margin-right: -4rem;
  }
  /* line 651, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md > .tile-list-section:not(:empty) .tile-list.tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-loose-md > .tile-list-section:not(:empty) .tile-list.tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-loose-md > .tile-list-item .tile-list.tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-loose-md > .tile-list-item .tile-list.tile-list--bleed .tile-list__group .tile-list-item, .vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-section:not(:empty) .tile-list.tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-section:not(:empty) .tile-list.tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-item .tile-list.tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-item .tile-list.tile-list--bleed .tile-list__group .tile-list-item {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  /* line 658, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-loose-md > .tile-list-item.tile-list-item--variant-nested-list, .vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-item.tile-list-item--variant-nested-list {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 663, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-loose-md > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-loose-md > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-loose-md > .tile-list-item.tile-list-item--variant-media, .vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-item.tile-list-item--variant-media {
    padding: 0;
  }
  /* line 668, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-loose-md > .tile-list-item > .tile-list-item__details, .vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-item > .tile-list-item__details {
    padding-left: 4rem;
    padding-right: 4rem;
    margin-left: -4rem;
    margin-right: -4rem;
  }
  /* line 674, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-loose-md > .tile-list-item > .tile-list-item__details.surface--color, .vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-item > .tile-list-item__details.surface--color {
    margin-top: 4rem;
  }
  /* line 680, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md > .tile-list-section:empty, .vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-section:empty {
    margin-bottom: 4rem;
  }
  /* line 684, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md > .tile-list-section--variant-header:not(:empty):not(:last-child), .vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-section--variant-header:not(:empty):not(:last-child) {
    padding-bottom: 0;
  }
  /* line 690, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-loose-md > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
    margin-top: 4rem;
  }
  /* line 695, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md > .tile-list-item.surface--color + .tile-list-section, .vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-item.surface--color + .tile-list-section {
    margin-top: 0;
  }
  /* line 699, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md > .tile-list-item + .tile-list-item--variant-sub-item, .vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-item + .tile-list-item--variant-sub-item {
    padding-top: 0;
  }
  /* line 703, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md .badge--ornament, .vivid .tile-list--gutters-loose-md .tile-list__group .badge--ornament {
    right: auto;
    left: 2rem;
    top: 2rem;
  }
  /* line 711, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-item {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  /* line 716, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md .tile-list__group > .tile-list-item + .tile-list-item--variant-sub-item {
    padding-top: 0;
  }
  /* line 722, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md.tile-list--variant-contained > .tile-list-header,
.vivid .tile-list--gutters-loose-md.tile-list--variant-contained > .tile-list-item {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  /* line 728, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md.tile-list--variant-contained > .tile-list-header .tile-list-header__body {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  /* line 733, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md.tile-list--variant-contained > .tile-list-item--variant-footnote {
    padding-top: 2rem;
  }
  /* line 737, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-md.tile-list--variant-contained > .tile-list-item--variant-headnote:first-child,
.vivid .tile-list--gutters-loose-md.tile-list--variant-contained > .tile-list-item + .tile-list-item--variant-sub-item {
    padding-top: 0;
  }
  /* line 773, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item--align-top-md > .tile-list-item__container {
    align-items: flex-start;
  }
  /* line 776, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item--align-top-md > .tile-list-item__container > .tile-list-item__content-container,
.vivid .tile-list-item--align-top-md > .tile-list-item__container > .tile-list-item__disclosure {
    align-items: flex-start;
  }
  /* line 784, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item--align-middle-md > .tile-list-item__container {
    align-items: center;
  }
  /* line 787, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item--align-middle-md > .tile-list-item__container > .tile-list-item__content-container {
    align-items: center;
  }
  /* line 794, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item--align-bottom-md > .tile-list-item__container {
    align-items: flex-end;
  }
  /* line 797, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item--align-bottom-md > .tile-list-item__container > .tile-list-item__content-container {
    align-items: flex-end;
  }
}

@media (min-width: 1200px) {
  /* line 432, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-lg > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-normal-lg > .tile-list-item, .vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-item {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  /* line 437, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-lg > .tile-list-section:not(:empty) .tile-list--bleed,
.vivid .tile-list--gutters-normal-lg > .tile-list-item .tile-list--bleed, .vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed,
.vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-item .tile-list--bleed {
    margin-left: -2rem;
    margin-right: -2rem;
  }
  /* line 443, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-lg > .tile-list-section:not(:empty) .tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-normal-lg > .tile-list-section:not(:empty) .tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-normal-lg > .tile-list-item .tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-normal-lg > .tile-list-item .tile-list--bleed .tile-list__group .tile-list-item, .vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-item .tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-item .tile-list--bleed .tile-list__group .tile-list-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  /* line 450, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-lg > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-normal-lg > .tile-list-item.tile-list-item--variant-nested-list, .vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-item.tile-list-item--variant-nested-list {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 455, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-lg > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-normal-lg > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-normal-lg > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-normal-lg > .tile-list-item.tile-list-item--variant-media, .vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-item.tile-list-item--variant-media {
    padding: 0;
  }
  /* line 460, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-lg > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-normal-lg > .tile-list-item > .tile-list-item__details, .vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-item > .tile-list-item__details {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
  }
  /* line 466, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-lg > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-normal-lg > .tile-list-item > .tile-list-item__details.surface--color, .vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-item > .tile-list-item__details.surface--color {
    margin-top: 2rem;
  }
  /* line 472, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-lg > .tile-list-section:empty, .vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-section:empty {
    margin-bottom: 2rem;
  }
  /* line 478, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-lg > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-normal-lg > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
    margin-top: 2rem;
  }
}

@media (min-width: 1200px) and (min-width: 768px) {
  /* line 478, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-lg > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-normal-lg > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
    margin-top: 4rem;
  }
}

@media (min-width: 1200px) {
  /* line 487, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-lg > .tile-list-section--variant-header:not(:empty):not(:last-child), .vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-section--variant-header:not(:empty):not(:last-child) {
    padding-bottom: 0;
  }
  /* line 491, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-lg > .tile-list-item.surface--color + .tile-list-section, .vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-item.surface--color + .tile-list-section {
    margin-top: 0;
  }
  /* line 495, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-lg > .tile-list-item--variant-headnote:first-child,
.vivid .tile-list--gutters-normal-lg > .tile-list-item + .tile-list-item--variant-sub-item, .vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-item--variant-headnote:first-child,
.vivid .tile-list--gutters-normal-lg .tile-list__group > .tile-list-item + .tile-list-item--variant-sub-item {
    padding-top: 0;
  }
  /* line 500, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-lg .badge--ornament, .vivid .tile-list--gutters-normal-lg .tile-list__group .badge--ornament {
    right: auto;
    left: 1rem;
    top: 1rem;
  }
  /* line 506, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-lg .badge--ornament-right, .vivid .tile-list--gutters-normal-lg .tile-list__group .badge--ornament-right {
    left: auto;
    right: 1rem;
    top: 1rem;
  }
  /* line 514, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-lg.tile-list--variant-contained > .tile-list-header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  /* line 518, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-lg.tile-list--variant-contained > .tile-list-header.tile-list-header--bleed {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 524, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-normal-lg.tile-list--variant-contained > .tile-list__group > .tile-list-section--variant-eyebrow:not(:empty) {
    padding-bottom: 1rem;
  }
  /* line 533, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-none-lg > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-none-lg > .tile-list-item, .vivid .tile-list--gutters-none-lg .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-none-lg .tile-list__group > .tile-list-item {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 538, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-none-lg > .tile-list-section:not(:empty) .tile-list--bleed,
.vivid .tile-list--gutters-none-lg > .tile-list-item .tile-list--bleed, .vivid .tile-list--gutters-none-lg .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed,
.vivid .tile-list--gutters-none-lg .tile-list__group > .tile-list-item .tile-list--bleed {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 544, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-none-lg > .tile-list-section:not(:empty) .tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-none-lg > .tile-list-section:not(:empty) .tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-none-lg > .tile-list-item .tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-none-lg > .tile-list-item .tile-list--bleed .tile-list__group .tile-list-item, .vivid .tile-list--gutters-none-lg .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-none-lg .tile-list__group > .tile-list-section:not(:empty) .tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-none-lg .tile-list__group > .tile-list-item .tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-none-lg .tile-list__group > .tile-list-item .tile-list--bleed .tile-list__group .tile-list-item {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 552, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-none-lg > .tile-list-section:empty, .vivid .tile-list--gutters-none-lg .tile-list__group > .tile-list-section:empty {
    margin-bottom: 1rem;
  }
  /* line 558, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-none-lg > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-none-lg > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-none-lg .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-none-lg .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
    margin-top: 1rem;
  }
  /* line 568, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-lg > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-compact-lg > .tile-list-item, .vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-item {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  /* line 573, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-lg > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-compact-lg > .tile-list-item.tile-list-item--variant-nested-list, .vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-item.tile-list-item--variant-nested-list {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 578, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-lg > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-compact-lg > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-compact-lg > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-compact-lg > .tile-list-item.tile-list-item--variant-media, .vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-item.tile-list-item--variant-media {
    padding: 0;
  }
  /* line 583, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-lg > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-compact-lg > .tile-list-item > .tile-list-item__details, .vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-item > .tile-list-item__details {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
  }
  /* line 589, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-lg > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-compact-lg > .tile-list-item > .tile-list-item__details.surface--color, .vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-item > .tile-list-item__details.surface--color {
    margin-top: 1rem;
  }
  /* line 595, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-lg > .tile-list-section:not(:empty):not(:first-child), .vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-section:not(:empty):not(:first-child) {
    padding-top: 2rem;
  }
  /* line 599, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-lg > .tile-list-section--variant-header:not(:empty):not(:last-child), .vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-section--variant-header:not(:empty):not(:last-child) {
    padding-bottom: 0;
  }
  /* line 603, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-lg > .tile-list-section:empty, .vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-section:empty {
    margin-bottom: 1rem;
  }
  /* line 609, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-lg > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-compact-lg > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
    margin-top: 1rem;
  }
  /* line 614, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-lg > .tile-list-item.surface--color + .tile-list-section, .vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-item.surface--color + .tile-list-section {
    margin-top: 0;
  }
  /* line 618, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-lg > .tile-list-item + .tile-list-item--variant-sub-item, .vivid .tile-list--gutters-compact-lg .tile-list__group > .tile-list-item + .tile-list-item--variant-sub-item {
    padding-top: 0;
  }
  /* line 622, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-lg .badge--ornament, .vivid .tile-list--gutters-compact-lg .tile-list__group .badge--ornament {
    right: auto;
    left: 0.5rem;
    top: 0.5rem;
  }
  /* line 630, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-compact-lg.tile-list--variant-contained > .tile-list-header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  /* line 640, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-loose-lg > .tile-list-item, .vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-item {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  /* line 645, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg > .tile-list-section:not(:empty) .tile-list.tile-list--bleed,
.vivid .tile-list--gutters-loose-lg > .tile-list-item .tile-list.tile-list--bleed, .vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-section:not(:empty) .tile-list.tile-list--bleed,
.vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-item .tile-list.tile-list--bleed {
    margin-left: -4rem;
    margin-right: -4rem;
  }
  /* line 651, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg > .tile-list-section:not(:empty) .tile-list.tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-loose-lg > .tile-list-section:not(:empty) .tile-list.tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-loose-lg > .tile-list-item .tile-list.tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-loose-lg > .tile-list-item .tile-list.tile-list--bleed .tile-list__group .tile-list-item, .vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-section:not(:empty) .tile-list.tile-list--bleed .tile-list-item, .vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-section:not(:empty) .tile-list.tile-list--bleed .tile-list__group .tile-list-item,
.vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-item .tile-list.tile-list--bleed .tile-list-item,
.vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-item .tile-list.tile-list--bleed .tile-list__group .tile-list-item {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  /* line 658, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-loose-lg > .tile-list-item.tile-list-item--variant-nested-list, .vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-section.tile-list-item--variant-nested-list:not(:empty),
.vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-item.tile-list-item--variant-nested-list {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 663, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-loose-lg > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-loose-lg > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-loose-lg > .tile-list-item.tile-list-item--variant-media, .vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-section.tile-list-item--variant-wrapper:not(:empty), .vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-section.tile-list-item--variant-media:not(:empty),
.vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-item.tile-list-item--variant-wrapper,
.vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-item.tile-list-item--variant-media {
    padding: 0;
  }
  /* line 668, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-loose-lg > .tile-list-item > .tile-list-item__details, .vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details,
.vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-item > .tile-list-item__details {
    padding-left: 4rem;
    padding-right: 4rem;
    margin-left: -4rem;
    margin-right: -4rem;
  }
  /* line 674, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-loose-lg > .tile-list-item > .tile-list-item__details.surface--color, .vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-section:not(:empty) > .tile-list-item__details.surface--color,
.vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-item > .tile-list-item__details.surface--color {
    margin-top: 4rem;
  }
  /* line 680, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg > .tile-list-section:empty, .vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-section:empty {
    margin-bottom: 4rem;
  }
  /* line 684, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg > .tile-list-section--variant-header:not(:empty):not(:last-child), .vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-section--variant-header:not(:empty):not(:last-child) {
    padding-bottom: 0;
  }
  /* line 690, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-loose-lg > .tile-list-header:not(:first-child):not(.surface--color), .vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-section--variant-eyebrow:not(:first-child):not(.surface--color),
.vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-header:not(:first-child):not(.surface--color) {
    margin-top: 4rem;
  }
  /* line 695, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg > .tile-list-item.surface--color + .tile-list-section, .vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-item.surface--color + .tile-list-section {
    margin-top: 0;
  }
  /* line 699, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg > .tile-list-item + .tile-list-item--variant-sub-item, .vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-item + .tile-list-item--variant-sub-item {
    padding-top: 0;
  }
  /* line 703, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg .badge--ornament, .vivid .tile-list--gutters-loose-lg .tile-list__group .badge--ornament {
    right: auto;
    left: 2rem;
    top: 2rem;
  }
  /* line 711, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-section:not(:empty),
.vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-item {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  /* line 716, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg .tile-list__group > .tile-list-item + .tile-list-item--variant-sub-item {
    padding-top: 0;
  }
  /* line 722, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg.tile-list--variant-contained > .tile-list-header,
.vivid .tile-list--gutters-loose-lg.tile-list--variant-contained > .tile-list-item {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  /* line 728, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg.tile-list--variant-contained > .tile-list-header .tile-list-header__body {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  /* line 733, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg.tile-list--variant-contained > .tile-list-item--variant-footnote {
    padding-top: 2rem;
  }
  /* line 737, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--gutters-loose-lg.tile-list--variant-contained > .tile-list-item--variant-headnote:first-child,
.vivid .tile-list--gutters-loose-lg.tile-list--variant-contained > .tile-list-item + .tile-list-item--variant-sub-item {
    padding-top: 0;
  }
  /* line 773, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item--align-top-lg > .tile-list-item__container {
    align-items: flex-start;
  }
  /* line 776, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item--align-top-lg > .tile-list-item__container > .tile-list-item__content-container,
.vivid .tile-list-item--align-top-lg > .tile-list-item__container > .tile-list-item__disclosure {
    align-items: flex-start;
  }
  /* line 784, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item--align-middle-lg > .tile-list-item__container {
    align-items: center;
  }
  /* line 787, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item--align-middle-lg > .tile-list-item__container > .tile-list-item__content-container {
    align-items: center;
  }
  /* line 794, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item--align-bottom-lg > .tile-list-item__container {
    align-items: flex-end;
  }
  /* line 797, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list-item--align-bottom-lg > .tile-list-item__container > .tile-list-item__content-container {
    align-items: flex-end;
  }
}

@media (hover: hover) and (min-width: 768px) {
  /* line 821, app/assets/stylesheets/vivid/tile_list.scss */
  .vivid .tile-list--variant-menu form.tile-list-item:hover {
    border-radius: 0.4rem;
    background-color: rgba(30, 30, 30, 0.08);
  }
}

/* line 830, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--variant-contained {
  background-color: inherit;
  border-radius: 1.2rem;
}

/* line 834, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--variant-contained > .tile-list-header {
  border-top-left-radius: 1.2rem;
  border-top-right-radius: 1.2rem;
}

/* line 838, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--variant-contained > .tile-list-header.sticky-top {
  top: calc(var(--sticky-nav-height) + 1rem);
}

/* line 842, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--variant-contained > .tile-list-header.sticky-top--stuck {
  background: #fff;
}

/* line 847, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--variant-contained .tile-list-header__control {
  margin-right: -1rem;
}

/* line 851, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--variant-contained + .tile-list--variant-contained {
  margin-top: 0.3rem;
}

/* line 857, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--variant-contained > .tile-list-header.sticky-top {
  background: rgba(243, 244, 247, 0.85);
}

/* line 861, app/assets/stylesheets/vivid/tile_list.scss */
.vivid .tile-list--variant-contained > .tile-list-header.sticky-top--stuck {
  background: #fff;
  box-shadow: 0 0.1rem 0.1rem -0.1rem rgba(0, 0, 0, 0.1), 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.06), 0 -1rem 0 1rem var(--canvas-bg-color, #f3f4f7);
}

/* line 4, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tab_page {
  display: none;
}

/* line 7, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tab_page.active {
  display: block;
}

/* line 12, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs__labels {
  position: relative;
  display: flex;
  padding: 0;
  margin: -0.2rem;
  max-width: 100vw;
  overflow: auto;
}

/* line 22, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs__label {
  display: flex;
  list-style: none;
}

/* line 26, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs__label a {
  font-size: 1.6rem;
  line-height: 2.6rem;
  transition: background ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  text-align: center;
  border-radius: 0.6rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  outline: 0;
  flex: 1;
}

/* line 40, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs__label a > span {
  transition: background ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  position: relative;
}

/* line 46, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs__label a > span .badge--ornament {
  top: -0.25rem;
  right: -1.7rem;
}

/* line 53, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs__label a,
.vivid .tabs__label a:hover {
  text-decoration: none;
  color: rgba(68, 68, 68, 0.6);
}

/* line 59, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs__label.active a {
  color: #1e1e1e;
}

@media (hover: none) {
  /* line 64, app/assets/stylesheets/vivid/tabs.scss */
  .vivid .tabs__label:not(.active) a:active {
    background: rgba(30, 30, 30, 0.08);
  }
}

/* line 71, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--variant-selector .tabs__labels {
  background: rgba(94, 106, 141, 0.08);
  border-radius: 25vh;
  padding: 0.4rem;
  box-shadow: inset 0 0.1rem 1px rgba(0, 0, 0, 0.05), inset 0 -0.1rem 1px rgba(255, 255, 255, 0.1);
}

/* line 80, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--variant-selector .tabs__label {
  font-weight: 700;
}

/* line 83, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--variant-selector .tabs__label a {
  padding: 1rem 1.6rem;
  border-radius: 25vh;
}

/* line 89, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--variant-selector .tabs__label a:focus > span {
  box-shadow: 0 0.3rem 0 #1942d8;
}

/* line 94, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--variant-selector .tabs__label.active a {
  background: #fff;
  color: #1e1e1e;
  box-shadow: 0 0.3rem 0.1rem -0.2rem rgba(0, 0, 0, 0.1), 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.07), 0 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.06);
}

/* line 104, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--variant-selector .tabs__label--shape-circle a {
  padding-left: 0;
  padding-right: 0;
  width: 4.6rem;
  height: 4.6rem;
  align-items: center;
}

/* line 115, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--variant-selector.tabs--size-medium .tabs__label a {
  padding: 0.7rem 1.4rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
}

/* line 123, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--variant-selector.tabs--size-medium .tabs__label--shape-circle a {
  width: 3.6rem;
  height: 3.6rem;
}

/* line 130, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--variant-selector.tabs--size-small .tabs__label {
  font-weight: 500;
}

/* line 133, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--variant-selector.tabs--size-small .tabs__label a {
  padding: 0.1rem 1rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

/* line 143, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--variant-screen .tabs__labels {
  border-radius: 25vh;
  background: var(--surface-trim-color, #1942d8);
  color: var(--surface-color, #fff);
  padding: 0.4rem;
}

/* line 151, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--variant-screen .tabs__label a {
  position: relative;
  background: transparent;
  box-shadow: none;
  border-radius: 25vh;
  color: inherit;
  padding: 0.5rem 1rem;
}

@media (max-width: 480px) {
  /* line 151, app/assets/stylesheets/vivid/tabs.scss */
  .vivid .tabs--variant-screen .tabs__label a {
    font-size: 1.4rem;
  }
}

@media (max-width: 374px) {
  /* line 151, app/assets/stylesheets/vivid/tabs.scss */
  .vivid .tabs--variant-screen .tabs__label a {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* line 168, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--variant-screen .tabs__label a:focus {
  background: rgba(255, 255, 255, 0.08);
}

/* line 173, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--variant-screen .tabs__label.active a {
  font-weight: 600;
  background: var(--surface-bg-color, #2c75ff);
  color: var(--surface-color, #fff);
  box-shadow: 0 0.3rem 0.1rem -0.2rem rgba(0, 0, 0, 0.1), 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.07), 0 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.06), inset 0 -0.1rem 0 rgba(255, 255, 255, 0.1);
}

/* line 184, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--variant-screen .tabs__label.active a:focus {
  box-shadow: 0 0 0 0.2rem var(--surface-color, #fff);
}

/* line 191, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--variant-screen.tabs--size-small .tabs__label {
  font-weight: 500;
}

/* line 194, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--variant-screen.tabs--size-small .tabs__label a {
  padding: 0.1rem 1rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

/* line 203, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--orientation-vertical {
  display: flex;
}

/* line 206, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--orientation-vertical > .tabs__labels {
  flex-direction: column;
  overflow: visible;
  border-radius: 2.8rem;
  padding: 1rem;
}

/* line 214, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--orientation-vertical > .tabs__pages {
  flex: 1;
  padding-left: 3rem;
}

/* line 222, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--layout-left .tabs__label {
  flex: 0 1 auto;
}

/* line 228, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--layout-right .tabs__labels {
  justify-content: flex-end;
}

/* line 234, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--layout-justify .tabs__label {
  flex: 1 1 0;
}

/* line 239, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--layout-inline {
  display: inline-flex;
}

/* line 242, app/assets/stylesheets/vivid/tabs.scss */
.vivid .tabs--layout-inline .tabs__label {
  flex: 1 1 auto;
}

@media (min-width: 768px) {
  /* line 222, app/assets/stylesheets/vivid/tabs.scss */
  .vivid .tabs--layout-left-sm .tabs__label {
    flex: 0 1 auto;
  }
  /* line 228, app/assets/stylesheets/vivid/tabs.scss */
  .vivid .tabs--layout-right-sm .tabs__labels {
    justify-content: flex-end;
  }
  /* line 234, app/assets/stylesheets/vivid/tabs.scss */
  .vivid .tabs--layout-justify-sm .tabs__label {
    flex: 1 1 0;
  }
  /* line 239, app/assets/stylesheets/vivid/tabs.scss */
  .vivid .tabs--layout-inline-sm {
    display: inline-flex;
  }
  /* line 242, app/assets/stylesheets/vivid/tabs.scss */
  .vivid .tabs--layout-inline-sm .tabs__label {
    flex: 1 1 auto;
  }
}

@media (min-width: 992px) {
  /* line 222, app/assets/stylesheets/vivid/tabs.scss */
  .vivid .tabs--layout-left-md .tabs__label {
    flex: 0 1 auto;
  }
  /* line 228, app/assets/stylesheets/vivid/tabs.scss */
  .vivid .tabs--layout-right-md .tabs__labels {
    justify-content: flex-end;
  }
  /* line 234, app/assets/stylesheets/vivid/tabs.scss */
  .vivid .tabs--layout-justify-md .tabs__label {
    flex: 1 1 0;
  }
  /* line 239, app/assets/stylesheets/vivid/tabs.scss */
  .vivid .tabs--layout-inline-md {
    display: inline-flex;
  }
  /* line 242, app/assets/stylesheets/vivid/tabs.scss */
  .vivid .tabs--layout-inline-md .tabs__label {
    flex: 1 1 auto;
  }
}

@media (min-width: 1200px) {
  /* line 222, app/assets/stylesheets/vivid/tabs.scss */
  .vivid .tabs--layout-left-lg .tabs__label {
    flex: 0 1 auto;
  }
  /* line 228, app/assets/stylesheets/vivid/tabs.scss */
  .vivid .tabs--layout-right-lg .tabs__labels {
    justify-content: flex-end;
  }
  /* line 234, app/assets/stylesheets/vivid/tabs.scss */
  .vivid .tabs--layout-justify-lg .tabs__label {
    flex: 1 1 0;
  }
  /* line 239, app/assets/stylesheets/vivid/tabs.scss */
  .vivid .tabs--layout-inline-lg {
    display: inline-flex;
  }
  /* line 242, app/assets/stylesheets/vivid/tabs.scss */
  .vivid .tabs--layout-inline-lg .tabs__label {
    flex: 1 1 auto;
  }
}

/* line 2, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat {
  flex: auto;
  display: flex;
  text-align: center;
  max-width: 100%;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  border-radius: 0.6rem;
  padding: 1rem 1.6rem;
}

/* line 15, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat__value {
  font-weight: 700;
  line-height: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

/* line 23, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat__body {
  line-height: 1.375;
  word-spacing: 0;
  margin-top: 0.5em;
  max-width: 100%;
  color: rgba(68, 68, 95, 0.6);
}

/* line 30, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat__body:empty {
  display: none;
}

/* line 35, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--gutters-none {
  padding: 0;
}

/* line 39, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--display-inline {
  padding: 0;
  display: inline-flex;
}

/* line 43, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--display-inline[class*="stat--size-"] {
  vertical-align: middle;
}

/* line 49, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-xlarge .stat__value {
  font-size: 13.2rem;
  max-height: 13.2rem;
}

/* line 53, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-xlarge .stat__value .inline-media {
  max-height: 13.2rem;
}

/* line 57, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-xlarge .stat__value > span {
  float: left;
}

/* line 62, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-xlarge .stat__body {
  font-size: 2.2rem;
}

/* line 49, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-large .stat__value {
  font-size: 8.8rem;
  max-height: 8.8rem;
}

/* line 53, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-large .stat__value .inline-media {
  max-height: 8.8rem;
}

/* line 57, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-large .stat__value > span {
  float: left;
}

/* line 62, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-large .stat__body {
  font-size: 1.8rem;
}

/* line 49, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-medium .stat__value {
  font-size: 6.6rem;
  max-height: 6.6rem;
}

/* line 53, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-medium .stat__value .inline-media {
  max-height: 6.6rem;
}

/* line 57, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-medium .stat__value > span {
  float: left;
}

/* line 62, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-medium .stat__body {
  font-size: 1.6rem;
}

/* line 49, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-smedium .stat__value {
  font-size: 5.1rem;
  max-height: 5.1rem;
}

/* line 53, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-smedium .stat__value .inline-media {
  max-height: 5.1rem;
}

/* line 57, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-smedium .stat__value > span {
  float: left;
}

/* line 62, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-smedium .stat__body {
  font-size: 1.4rem;
}

/* line 49, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-small .stat__value {
  font-size: 3.6rem;
  max-height: 3.6rem;
}

/* line 53, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-small .stat__value .inline-media {
  max-height: 3.6rem;
}

/* line 57, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-small .stat__value > span {
  float: left;
}

/* line 62, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-small .stat__body {
  font-size: 1.4rem;
}

/* line 49, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-petite .stat__value {
  font-size: 2.9rem;
  max-height: 2.9rem;
}

/* line 53, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-petite .stat__value .inline-media {
  max-height: 2.9rem;
}

/* line 57, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-petite .stat__value > span {
  float: left;
}

/* line 62, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-petite .stat__body {
  font-size: 1.1rem;
}

/* line 49, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-inline .stat__value {
  font-size: 2.2rem;
  max-height: 2.2rem;
}

/* line 53, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-inline .stat__value .inline-media {
  max-height: 2.2rem;
}

/* line 57, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-inline .stat__value > span {
  float: left;
}

/* line 62, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--size-inline .stat__body {
  font-size: 1rem;
}

@media (min-width: 768px) {
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-xlarge-sm .stat__value {
    font-size: 13.2rem;
    max-height: 13.2rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-xlarge-sm .stat__value .inline-media {
    max-height: 13.2rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-xlarge-sm .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-xlarge-sm .stat__body {
    font-size: 2.2rem;
  }
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-large-sm .stat__value {
    font-size: 8.8rem;
    max-height: 8.8rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-large-sm .stat__value .inline-media {
    max-height: 8.8rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-large-sm .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-large-sm .stat__body {
    font-size: 1.8rem;
  }
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-medium-sm .stat__value {
    font-size: 6.6rem;
    max-height: 6.6rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-medium-sm .stat__value .inline-media {
    max-height: 6.6rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-medium-sm .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-medium-sm .stat__body {
    font-size: 1.6rem;
  }
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-smedium-sm .stat__value {
    font-size: 5.1rem;
    max-height: 5.1rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-smedium-sm .stat__value .inline-media {
    max-height: 5.1rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-smedium-sm .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-smedium-sm .stat__body {
    font-size: 1.4rem;
  }
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-small-sm .stat__value {
    font-size: 3.6rem;
    max-height: 3.6rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-small-sm .stat__value .inline-media {
    max-height: 3.6rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-small-sm .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-small-sm .stat__body {
    font-size: 1.4rem;
  }
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-petite-sm .stat__value {
    font-size: 2.9rem;
    max-height: 2.9rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-petite-sm .stat__value .inline-media {
    max-height: 2.9rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-petite-sm .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-petite-sm .stat__body {
    font-size: 1.1rem;
  }
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-inline-sm .stat__value {
    font-size: 2.2rem;
    max-height: 2.2rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-inline-sm .stat__value .inline-media {
    max-height: 2.2rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-inline-sm .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-inline-sm .stat__body {
    font-size: 1rem;
  }
}

@media (min-width: 992px) {
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-xlarge-md .stat__value {
    font-size: 13.2rem;
    max-height: 13.2rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-xlarge-md .stat__value .inline-media {
    max-height: 13.2rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-xlarge-md .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-xlarge-md .stat__body {
    font-size: 2.2rem;
  }
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-large-md .stat__value {
    font-size: 8.8rem;
    max-height: 8.8rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-large-md .stat__value .inline-media {
    max-height: 8.8rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-large-md .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-large-md .stat__body {
    font-size: 1.8rem;
  }
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-medium-md .stat__value {
    font-size: 6.6rem;
    max-height: 6.6rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-medium-md .stat__value .inline-media {
    max-height: 6.6rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-medium-md .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-medium-md .stat__body {
    font-size: 1.6rem;
  }
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-smedium-md .stat__value {
    font-size: 5.1rem;
    max-height: 5.1rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-smedium-md .stat__value .inline-media {
    max-height: 5.1rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-smedium-md .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-smedium-md .stat__body {
    font-size: 1.4rem;
  }
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-small-md .stat__value {
    font-size: 3.6rem;
    max-height: 3.6rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-small-md .stat__value .inline-media {
    max-height: 3.6rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-small-md .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-small-md .stat__body {
    font-size: 1.4rem;
  }
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-petite-md .stat__value {
    font-size: 2.9rem;
    max-height: 2.9rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-petite-md .stat__value .inline-media {
    max-height: 2.9rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-petite-md .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-petite-md .stat__body {
    font-size: 1.1rem;
  }
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-inline-md .stat__value {
    font-size: 2.2rem;
    max-height: 2.2rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-inline-md .stat__value .inline-media {
    max-height: 2.2rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-inline-md .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-inline-md .stat__body {
    font-size: 1rem;
  }
}

@media (min-width: 1200px) {
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-xlarge-lg .stat__value {
    font-size: 13.2rem;
    max-height: 13.2rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-xlarge-lg .stat__value .inline-media {
    max-height: 13.2rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-xlarge-lg .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-xlarge-lg .stat__body {
    font-size: 2.2rem;
  }
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-large-lg .stat__value {
    font-size: 8.8rem;
    max-height: 8.8rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-large-lg .stat__value .inline-media {
    max-height: 8.8rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-large-lg .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-large-lg .stat__body {
    font-size: 1.8rem;
  }
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-medium-lg .stat__value {
    font-size: 6.6rem;
    max-height: 6.6rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-medium-lg .stat__value .inline-media {
    max-height: 6.6rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-medium-lg .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-medium-lg .stat__body {
    font-size: 1.6rem;
  }
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-smedium-lg .stat__value {
    font-size: 5.1rem;
    max-height: 5.1rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-smedium-lg .stat__value .inline-media {
    max-height: 5.1rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-smedium-lg .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-smedium-lg .stat__body {
    font-size: 1.4rem;
  }
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-small-lg .stat__value {
    font-size: 3.6rem;
    max-height: 3.6rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-small-lg .stat__value .inline-media {
    max-height: 3.6rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-small-lg .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-small-lg .stat__body {
    font-size: 1.4rem;
  }
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-petite-lg .stat__value {
    font-size: 2.9rem;
    max-height: 2.9rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-petite-lg .stat__value .inline-media {
    max-height: 2.9rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-petite-lg .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-petite-lg .stat__body {
    font-size: 1.1rem;
  }
  /* line 49, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-inline-lg .stat__value {
    font-size: 2.2rem;
    max-height: 2.2rem;
  }
  /* line 53, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-inline-lg .stat__value .inline-media {
    max-height: 2.2rem;
  }
  /* line 57, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-inline-lg .stat__value > span {
    float: left;
  }
  /* line 62, app/assets/stylesheets/vivid/stats.scss */
  .vivid .stat--size-inline-lg .stat__body {
    font-size: 1rem;
  }
}

/* line 108, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--status-emphasized .stat__value {
  color: #1942d8;
}

/* line 112, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--status-important .stat__value {
  color: #1a3a99;
}

/* line 116, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--status-urgent .stat__value {
  color: #b9008c;
}

/* line 120, app/assets/stylesheets/vivid/stats.scss */
.vivid .stat--status-success .stat__value {
  color: #00a83a;
}

/* line 124, app/assets/stylesheets/vivid/stats.scss */
.vivid .btn > .stat {
  border-radius: inherit;
}

/* line 2, app/assets/stylesheets/vivid/graph.scss */
.vivid .graph {
  padding: 1rem;
  border-radius: 1.2rem;
  margin-left: -1rem;
  margin-right: -1rem;
}

@media (min-width: 768px) {
  /* line 2, app/assets/stylesheets/vivid/graph.scss */
  .vivid .graph {
    padding: 1.6rem;
    margin-left: -1.6rem;
    margin-right: -1.6rem;
  }
}

/* line 15, app/assets/stylesheets/vivid/graph.scss */
.vivid .graph:not(.surface--elevation-0) {
  background: rgba(30, 30, 30, 0.02);
}

/* line 19, app/assets/stylesheets/vivid/graph.scss */
.vivid .partition-graph {
  display: flex;
  margin-left: -0.2rem;
  margin-right: -0.2rem;
  flex-wrap: nowrap;
}

/* line 26, app/assets/stylesheets/vivid/graph.scss */
.vivid .partition-graph__bar {
  margin-left: 0.1rem;
  margin-right: 0.1rem;
  min-width: 0.3rem;
  height: 2.2rem;
  background: rgba(94, 106, 141, 0.08);
}

/* line 34, app/assets/stylesheets/vivid/graph.scss */
.vivid .partition-graph__bar:first-child {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

/* line 39, app/assets/stylesheets/vivid/graph.scss */
.vivid .partition-graph__bar:last-child {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

/* line 45, app/assets/stylesheets/vivid/graph.scss */
.vivid .partition-graph__bar--other {
  flex: 1 0 auto;
}

/* line 50, app/assets/stylesheets/vivid/graph.scss */
.vivid div.partition-graph__legend__badge {
  border-radius: 0.15rem;
  width: 0.6rem;
  height: 1.125em;
  background: rgba(94, 106, 141, 0.08);
}

/* line 57, app/assets/stylesheets/vivid/graph.scss */
.vivid div.partition-graph--color-danger-1 {
  background: #ff4431;
}

/* line 61, app/assets/stylesheets/vivid/graph.scss */
.vivid div.partition-graph--color-danger-2 {
  background: #ff9128;
}

/* line 65, app/assets/stylesheets/vivid/graph.scss */
.vivid div.partition-graph--color-danger-3 {
  background: #ffdd1f;
}

/* line 69, app/assets/stylesheets/vivid/graph.scss */
.vivid div.partition-graph--color-danger-other {
  background: rgba(255, 68, 49, 0.2);
}

/* line 73, app/assets/stylesheets/vivid/graph.scss */
.vivid div.partition-graph--color-1 {
  background: #1942d8;
}

/* line 77, app/assets/stylesheets/vivid/graph.scss */
.vivid div.partition-graph--color-2 {
  background: #00d7f0;
}

/* line 81, app/assets/stylesheets/vivid/graph.scss */
.vivid div.partition-graph--color-3 {
  background: #2c75ff;
}

/* line 85, app/assets/stylesheets/vivid/graph.scss */
.vivid div.partition-graph--color-4 {
  background: #6f8efd;
}

/* line 89, app/assets/stylesheets/vivid/graph.scss */
.vivid div.partition-graph--color-5 {
  background: #9d68b8;
}

/* line 93, app/assets/stylesheets/vivid/graph.scss */
.vivid div.partition-graph--color-6 {
  background: #bca5dc;
}

/* line 97, app/assets/stylesheets/vivid/graph.scss */
.vivid div.partition-graph--color-other {
  background: #dae2ff;
}

/* line 104, app/assets/stylesheets/vivid/graph.scss */
.graph svg.highcharts-root {
  overflow: visible;
}

/* line 108, app/assets/stylesheets/vivid/graph.scss */
.graph .highcharts-container,
.graph [data-highcharts-chart] {
  overflow: visible !important;
}

/* line 2, app/assets/stylesheets/vivid/well.scss */
.vivid .well {
  background: rgba(30, 30, 30, 0.02);
  padding: 1rem;
  border-radius: 1.2rem;
}

@media (min-width: 768px) {
  /* line 2, app/assets/stylesheets/vivid/well.scss */
  .vivid .well {
    padding: 1.6rem;
  }
}

/* line 14, app/assets/stylesheets/vivid/well.scss */
.vivid .well--bleed {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (max-width: 767px) {
  /* line 14, app/assets/stylesheets/vivid/well.scss */
  .vivid .well--bleed {
    border-radius: 0;
  }
}

/* line 2, app/assets/stylesheets/vivid/timeline.scss */
.vivid .timeline {
  text-align: left;
}

@media (max-width: 480px) {
  /* line 2, app/assets/stylesheets/vivid/timeline.scss */
  .vivid .timeline {
    padding-top: 2.2rem;
  }
}

/* line 11, app/assets/stylesheets/vivid/timeline.scss */
.vivid .timeline__event {
  display: flex;
  position: relative;
}

/* line 15, app/assets/stylesheets/vivid/timeline.scss */
.vivid .timeline__event:not(:last-child) {
  padding-bottom: 6rem;
}

@media (min-width: 768px) {
  /* line 15, app/assets/stylesheets/vivid/timeline.scss */
  .vivid .timeline__event:not(:last-child) {
    padding-bottom: 4rem;
  }
}

/* line 22, app/assets/stylesheets/vivid/timeline.scss */
.vivid .timeline__event:not(:last-child):after {
  position: absolute;
  content: "";
  width: 0.3rem;
  background: #e3e3e3;
  border-radius: 0.3rem;
  left: 0.95rem;
  top: 2.7rem;
  bottom: 0.5rem;
}

@media (min-width: 768px) {
  /* line 22, app/assets/stylesheets/vivid/timeline.scss */
  .vivid .timeline__event:not(:last-child):after {
    left: 14.45rem;
    top: 2.7rem;
    bottom: 0.5rem;
  }
}

/* line 43, app/assets/stylesheets/vivid/timeline.scss */
.vivid .timeline__event__timestamp {
  padding-right: 2rem;
  font-size: 1.4rem;
  opacity: 0.6;
  font-weight: 500;
}

@media (max-width: 480px) {
  /* line 43, app/assets/stylesheets/vivid/timeline.scss */
  .vivid .timeline__event__timestamp {
    position: absolute;
    top: -2.7rem;
    left: 4.2rem;
  }
}

@media (min-width: 768px) {
  /* line 43, app/assets/stylesheets/vivid/timeline.scss */
  .vivid .timeline__event__timestamp {
    flex: 1 0 13.5rem;
  }
}

/* line 59, app/assets/stylesheets/vivid/timeline.scss */
.vivid .timeline__event__timestamp time {
  color: inherit;
}

/* line 64, app/assets/stylesheets/vivid/timeline.scss */
.vivid .timeline__event__icon {
  flex: 0 0 2.2rem;
  margin-right: 2rem;
  width: 2.2rem;
  text-align: center;
}

/* line 71, app/assets/stylesheets/vivid/timeline.scss */
.vivid .timeline__event__body {
  flex: 1 1 auto;
}

@media (min-width: 768px) {
  /* line 71, app/assets/stylesheets/vivid/timeline.scss */
  .vivid .timeline__event__body {
    flex: 1 1 100%;
  }
}

/* line 2, app/assets/stylesheets/vivid/detailed_item.scss */
.vivid .detailed-item__label_container {
  display: inline-block;
  color: inherit;
  border: none;
  padding: 0;
  background: transparent;
  text-align: left;
}

/* line 10, app/assets/stylesheets/vivid/detailed_item.scss */
.vivid .detailed-item__label_container:hover {
  text-decoration: none;
}

/* line 14, app/assets/stylesheets/vivid/detailed_item.scss */
.vivid .detailed-item__label_container:focus {
  text-decoration: none;
}

/* line 17, app/assets/stylesheets/vivid/detailed_item.scss */
.vivid .detailed-item__label_container:focus .detailed-item__disclosure {
  color: inherit;
}

/* line 23, app/assets/stylesheets/vivid/detailed_item.scss */
.vivid .detailed-item__label {
  text-decoration: underline;
  transition: color ease-in-out 0.15s;
}

/* line 28, app/assets/stylesheets/vivid/detailed_item.scss */
.vivid .detailed-item__body {
  text-align: initial;
}

/* line 32, app/assets/stylesheets/vivid/detailed_item.scss */
.vivid .detailed-item__disclosure {
  color: rgba(68, 68, 95, 0.35);
  transition: color ease-in-out 0.15s;
}

/* line 39, app/assets/stylesheets/vivid/detailed_item.scss */
.vivid .detailed-item--variant-plain > .detailed-item__label_container .detailed-item__label {
  text-decoration: none;
}

/* line 47, app/assets/stylesheets/vivid/detailed_item.scss */
.vivid .detailed-item--variant-deemphasized > .detailed-item__label_container .detailed-item__label {
  font-size: 1.4rem;
  line-height: 1.8rem;
  opacity: 0.6;
}

/* line 54, app/assets/stylesheets/vivid/detailed_item.scss */
.vivid .detailed-item--variant-deemphasized > .detailed-item__label_container:focus .detailed-item__label {
  color: inherit;
}

/* line 61, app/assets/stylesheets/vivid/detailed_item.scss */
.vivid .detailed-item--filled {
  display: block;
}

/* line 64, app/assets/stylesheets/vivid/detailed_item.scss */
.vivid .detailed-item--filled > .detailed-item__label_container {
  display: block;
  width: 100%;
}

/* line 67, app/assets/stylesheets/vivid/detailed_item.scss */
.vivid .detailed-item--filled > .detailed-item__label_container .detailed-item__label {
  text-decoration: none;
}

/* line 76, app/assets/stylesheets/vivid/detailed_item.scss */
.vivid .detailed-item--variant-link > .detailed-item__label_container {
  width: 100%;
}

/* line 77, app/assets/stylesheets/vivid/detailed_item.scss */
.vivid .detailed-item--variant-link > .detailed-item__label_container .detailed-item__label {
  text-decoration: none;
  color: #0034f0;
}

/* line 86, app/assets/stylesheets/vivid/detailed_item.scss */
.vivid .detailed-item--align-right > .detailed-item__label_container {
  margin-left: auto;
}

/* line 2, app/assets/stylesheets/vivid/pop_up_menu.scss */
.vivid .pop-up-menu {
  position: relative;
  display: inline-flex;
}

@media (min-width: 768px) {
  /* line 8, app/assets/stylesheets/vivid/pop_up_menu.scss */
  .vivid .pop-up-menu.open .pop-up-menu__menu {
    display: block;
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 767px) {
  /* line 16, app/assets/stylesheets/vivid/pop_up_menu.scss */
  .vivid .pop-up-menu.open .pop-up-menu__menu {
    display: block;
    transform: none;
  }
  /* line 21, app/assets/stylesheets/vivid/pop_up_menu.scss */
  .vivid .pop-up-menu.open .pop-up-menu__backdrop {
    display: block;
    opacity: 0.75;
  }
}

@media (min-width: 768px) {
  /* line 31, app/assets/stylesheets/vivid/pop_up_menu.scss */
  .vivid .pop-up-menu.opening .pop-up-menu__menu, .vivid .pop-up-menu.closing .pop-up-menu__menu {
    display: block;
    opacity: 0;
  }
}

@media (max-width: 767px) {
  /* line 38, app/assets/stylesheets/vivid/pop_up_menu.scss */
  .vivid .pop-up-menu.opening .pop-up-menu__menu, .vivid .pop-up-menu.closing .pop-up-menu__menu {
    display: block;
    transform: translateY(100vh);
  }
  /* line 43, app/assets/stylesheets/vivid/pop_up_menu.scss */
  .vivid .pop-up-menu.opening .pop-up-menu__backdrop, .vivid .pop-up-menu.closing .pop-up-menu__backdrop {
    display: block;
    opacity: 0;
  }
}

/* line 51, app/assets/stylesheets/vivid/pop_up_menu.scss */
.vivid .pop-up-menu__trigger {
  display: flex;
}

/* line 55, app/assets/stylesheets/vivid/pop_up_menu.scss */
.vivid .pop-up-menu--display-block {
  display: block;
}

/* line 59, app/assets/stylesheets/vivid/pop_up_menu.scss */
.vivid .pop-up-menu__backdrop {
  background-color: #000;
  display: none;
  position: fixed;
  z-index: 1040;
  pointer-events: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: opacity 0.15s ease-out;
}

/* line 74, app/assets/stylesheets/vivid/pop_up_menu.scss */
.vivid .pop-up-menu__menu {
  text-align: left;
  position: absolute;
  z-index: 1060;
  background: #fff;
  color: #444444;
  margin-top: 0.2rem;
  display: none;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: auto;
  padding: 2rem 3rem;
  padding-bottom: calc( 2rem + var(--safe-area-inset-bottom));
  font-size: 1.6rem;
  line-height: 2.2rem;
  overflow: auto;
}

@media (min-width: 768px) {
  /* line 74, app/assets/stylesheets/vivid/pop_up_menu.scss */
  .vivid .pop-up-menu__menu {
    transition: opacity 0.15s ease-out, transform 0.15s ease-out;
    transform: translateY(1rem);
    border-radius: 1.2rem;
    min-width: 200px;
    top: 100%;
    bottom: auto;
  }
}

@media (max-width: 767px) {
  /* line 74, app/assets/stylesheets/vivid/pop_up_menu.scss */
  .vivid .pop-up-menu__menu {
    transition: transform 0.15s ease-out;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border-top-left-radius: 1.2rem;
    border-top-right-radius: 1.2rem;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 90vh;
    min-height: 20rem;
    box-shadow: 0 -0.5rem 0.8rem -0.3rem rgba(0, 0, 0, 0.2), 0 -0.8rem 1.4rem 0.1rem rgba(0, 0, 0, 0.27), 0 -0.3rem 2rem 0.2rem rgba(0, 0, 0, 0.26);
  }
}

/* line 131, app/assets/stylesheets/vivid/pop_up_menu.scss */
.vivid .pop-up-menu__menu:focus {
  outline: none;
}

/* line 136, app/assets/stylesheets/vivid/pop_up_menu.scss */
.vivid .pop-up-menu__footer {
  margin-top: 2rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

@media (min-width: 768px) {
  /* line 143, app/assets/stylesheets/vivid/pop_up_menu.scss */
  .vivid .pop-up-menu--fit-up .pop-up-menu__menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 0.2rem;
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  /* line 155, app/assets/stylesheets/vivid/pop_up_menu.scss */
  .vivid .pop-up-menu--position-left .pop-up-menu__menu,
.vivid .pop-up-menu--fit-left .pop-up-menu__menu {
    float: left;
    left: 0;
  }
}

@media (min-width: 768px) {
  /* line 165, app/assets/stylesheets/vivid/pop_up_menu.scss */
  .vivid .pop-up-menu--position-right .pop-up-menu__menu,
.vivid .pop-up-menu--fit-right .pop-up-menu__menu {
    float: right;
    right: 0;
    left: auto;
  }
}

/* line 174, app/assets/stylesheets/vivid/pop_up_menu.scss */
.vivid .pop-up-menu--repositioned {
  position: fixed;
  z-index: 1060;
  pointer-events: none;
}

/* line 182, app/assets/stylesheets/vivid/pop_up_menu.scss */
.pop-up-menu__nav-container {
  height: 0;
}

/* line 189, app/assets/stylesheets/vivid/pop_up_menu.scss */
.pop-up-menu__body .tile-list .tile-list-item.btn-pill:last-child {
  margin-top: 2rem;
}

@media (min-width: 768px) {
  /* line 197, app/assets/stylesheets/vivid/pop_up_menu.scss */
  .pop-up-menu--size-large .pop-up-menu__menu {
    min-width: 40.4rem;
  }
}

/* line 204, app/assets/stylesheets/vivid/pop_up_menu.scss */
body.pop-up-menu-open,
body.modal-open {
  overflow: hidden;
}

@media (max-width: 767px) {
  /* line 204, app/assets/stylesheets/vivid/pop_up_menu.scss */
  body.pop-up-menu-open,
body.modal-open {
    background: black;
  }
  /* line 211, app/assets/stylesheets/vivid/pop_up_menu.scss */
  body.pop-up-menu-open #body-container,
body.modal-open #body-container {
    background-color: #fff;
    transform: perspective(100vw) translateZ(-2rem) translateY(calc(2rem / 2 + var(--safe-area-inset-top)));
    border-radius: 2rem;
    overflow: hidden;
  }
}

/* line 2, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar {
  display: inline-flex;
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
}

/* line 10, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar__tool {
  display: flex;
  align-items: center;
}

/* line 14, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar__tool .btn {
  flex: 100%;
}

/* line 19, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar--wrap-none {
  flex-wrap: nowrap;
  margin-bottom: 0;
}

/* line 23, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar--wrap-none .toolbar__tool {
  margin-bottom: 0;
}

/* line 30, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar.rich-header__toolbar.toolbar--wrap-none.toolbar--gutters-normal.toolbar--wrap-none {
  flex-wrap: wrap !important;
}

/* line 34, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar--display-block {
  display: flex;
  flex: 1 1 100%;
}

/* line 39, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar__tool--position-end {
  order: 100;
  margin-left: auto;
}

/* line 43, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar__tool--position-end:not(:last-child) {
  margin-right: 0;
}

/* line 49, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar--align-right {
  justify-content: flex-end;
}

/* line 53, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar--variant-floating {
  position: absolute;
  padding: 1.2rem 1.2rem;
  width: 100%;
}

/* line 60, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar--gutters-compact {
  margin-bottom: -1rem;
}

/* line 63, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar--gutters-compact .toolbar__tool {
  margin-bottom: 1rem;
}

/* line 66, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar--gutters-compact .toolbar__tool:not(:last-child) {
  margin-right: 1rem;
}

/* line 72, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar--gutters-compact .toolbar__tool--position-end ~ .toolbar__tool--position-end {
  margin-left: 1rem;
}

/* line 78, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar--gutters-normal {
  margin-bottom: -2rem;
}

/* line 81, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar--gutters-normal .toolbar__tool {
  margin-bottom: 2rem;
}

/* line 84, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar--gutters-normal .toolbar__tool:not(:last-child) {
  margin-right: 2rem;
}

/* line 90, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar--gutters-normal .toolbar__tool--position-end ~ .toolbar__tool--position-end {
  margin-left: 2rem;
}

/* line 96, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar--gutters-loose {
  margin-bottom: -4rem;
}

/* line 99, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar--gutters-loose .toolbar__tool {
  margin-bottom: 4rem;
}

/* line 102, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar--gutters-loose .toolbar__tool:not(:last-child) {
  margin-right: 4rem;
}

/* line 108, app/assets/stylesheets/vivid/toolbar.scss */
.vivid .toolbar--gutters-loose .toolbar__tool--position-end ~ .toolbar__tool--position-end {
  margin-left: 4rem;
}

@media (min-width: 768px) {
  /* line 60, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-compact-sm {
    margin-bottom: -1rem;
  }
  /* line 63, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-compact-sm .toolbar__tool {
    margin-bottom: 1rem;
  }
  /* line 66, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-compact-sm .toolbar__tool:not(:last-child) {
    margin-right: 1rem;
  }
  /* line 72, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-compact-sm .toolbar__tool--position-end ~ .toolbar__tool--position-end {
    margin-left: 1rem;
  }
  /* line 78, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-normal-sm {
    margin-bottom: -2rem;
  }
  /* line 81, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-normal-sm .toolbar__tool {
    margin-bottom: 2rem;
  }
  /* line 84, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-normal-sm .toolbar__tool:not(:last-child) {
    margin-right: 2rem;
  }
  /* line 90, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-normal-sm .toolbar__tool--position-end ~ .toolbar__tool--position-end {
    margin-left: 2rem;
  }
  /* line 96, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-loose-sm {
    margin-bottom: -4rem;
  }
  /* line 99, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-loose-sm .toolbar__tool {
    margin-bottom: 4rem;
  }
  /* line 102, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-loose-sm .toolbar__tool:not(:last-child) {
    margin-right: 4rem;
  }
  /* line 108, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-loose-sm .toolbar__tool--position-end ~ .toolbar__tool--position-end {
    margin-left: 4rem;
  }
}

@media (min-width: 992px) {
  /* line 60, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-compact-md {
    margin-bottom: -1rem;
  }
  /* line 63, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-compact-md .toolbar__tool {
    margin-bottom: 1rem;
  }
  /* line 66, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-compact-md .toolbar__tool:not(:last-child) {
    margin-right: 1rem;
  }
  /* line 72, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-compact-md .toolbar__tool--position-end ~ .toolbar__tool--position-end {
    margin-left: 1rem;
  }
  /* line 78, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-normal-md {
    margin-bottom: -2rem;
  }
  /* line 81, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-normal-md .toolbar__tool {
    margin-bottom: 2rem;
  }
  /* line 84, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-normal-md .toolbar__tool:not(:last-child) {
    margin-right: 2rem;
  }
  /* line 90, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-normal-md .toolbar__tool--position-end ~ .toolbar__tool--position-end {
    margin-left: 2rem;
  }
  /* line 96, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-loose-md {
    margin-bottom: -4rem;
  }
  /* line 99, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-loose-md .toolbar__tool {
    margin-bottom: 4rem;
  }
  /* line 102, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-loose-md .toolbar__tool:not(:last-child) {
    margin-right: 4rem;
  }
  /* line 108, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-loose-md .toolbar__tool--position-end ~ .toolbar__tool--position-end {
    margin-left: 4rem;
  }
}

@media (min-width: 1200px) {
  /* line 60, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-compact-lg {
    margin-bottom: -1rem;
  }
  /* line 63, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-compact-lg .toolbar__tool {
    margin-bottom: 1rem;
  }
  /* line 66, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-compact-lg .toolbar__tool:not(:last-child) {
    margin-right: 1rem;
  }
  /* line 72, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-compact-lg .toolbar__tool--position-end ~ .toolbar__tool--position-end {
    margin-left: 1rem;
  }
  /* line 78, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-normal-lg {
    margin-bottom: -2rem;
  }
  /* line 81, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-normal-lg .toolbar__tool {
    margin-bottom: 2rem;
  }
  /* line 84, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-normal-lg .toolbar__tool:not(:last-child) {
    margin-right: 2rem;
  }
  /* line 90, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-normal-lg .toolbar__tool--position-end ~ .toolbar__tool--position-end {
    margin-left: 2rem;
  }
  /* line 96, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-loose-lg {
    margin-bottom: -4rem;
  }
  /* line 99, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-loose-lg .toolbar__tool {
    margin-bottom: 4rem;
  }
  /* line 102, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-loose-lg .toolbar__tool:not(:last-child) {
    margin-right: 4rem;
  }
  /* line 108, app/assets/stylesheets/vivid/toolbar.scss */
  .vivid .toolbar--gutters-loose-lg .toolbar__tool--position-end ~ .toolbar__tool--position-end {
    margin-left: 4rem;
  }
}

/* line 2, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps {
  padding: 0;
  list-style: none;
  display: flex;
}

/* line 8, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-step {
  flex: 1 1 0;
  text-align: center;
  position: relative;
  min-width: 0;
}

/* line 15, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-step__label {
  opacity: 0.6;
  padding: 0 0.6rem;
  font-weight: 500;
}

/* line 21, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-step__bar {
  position: absolute;
  left: 0;
  right: 0;
}

/* line 26, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-step__bar:before, .vivid .process-step__bar:after {
  content: "";
  display: block;
  background: #dae2ff;
  position: absolute;
  height: 100%;
}

/* line 35, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-step__bar:before {
  left: 0;
}

/* line 39, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-step__bar:after {
  right: 0;
}

/* line 44, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-step__indicator {
  content: "";
  border-radius: 50%;
  margin: 0 auto 0.25em;
  position: relative;
  box-shadow: inset 0 0 0 0.125em #dae2ff;
}

/* line 55, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-step:first-child .process-step__bar:before {
  display: none;
}

/* line 63, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-step:last-child .process-step__bar:after {
  display: none;
}

/* line 71, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-step--active .process-step__label {
  opacity: 1;
}

/* line 75, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-step--active .process-step__indicator {
  background-color: #dae2ff;
}

/* line 81, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-small .process-step__label {
  font-size: 1.8rem;
}

/* line 85, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-small .process-step__indicator {
  width: 3.6rem;
  height: 3.6rem;
}

/* line 92, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-small .process-step__bar {
  height: 0.5rem;
  top: 1.55rem;
}

/* line 96, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-small .process-step__bar:before {
  right: calc(50% + 1.8rem);
}

/* line 100, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-small .process-step__bar:after {
  left: calc(50% + 1.8rem);
}

/* line 81, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-inline .process-step__label {
  font-size: 1.6rem;
}

/* line 85, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-inline .process-step__indicator {
  width: 2.2rem;
  height: 2.2rem;
}

/* line 92, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-inline .process-step__bar {
  height: 0.3rem;
  top: 0.95rem;
}

/* line 96, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-inline .process-step__bar:before {
  right: calc(50% + 1.1rem);
}

/* line 100, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-inline .process-step__bar:after {
  left: calc(50% + 1.1rem);
}

/* line 81, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-tool .process-step__label {
  font-size: 1.4rem;
}

/* line 85, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-tool .process-step__indicator {
  width: 1.6rem;
  height: 1.6rem;
}

/* line 92, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-tool .process-step__bar {
  height: 0.2rem;
  top: 0.7rem;
}

/* line 96, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-tool .process-step__bar:before {
  right: calc(50% + 0.8rem);
}

/* line 100, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-tool .process-step__bar:after {
  left: calc(50% + 0.8rem);
}

/* line 81, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-tiny .process-step__label {
  font-size: 1.1rem;
}

/* line 85, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-tiny .process-step__indicator {
  width: 1.2rem;
  height: 1.2rem;
}

/* line 92, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-tiny .process-step__bar {
  height: 0.2rem;
  top: 0.5rem;
}

/* line 96, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-tiny .process-step__bar:before {
  right: calc(50% + 0.6rem);
}

/* line 100, app/assets/stylesheets/vivid/process_steps.scss */
.vivid .process-steps--size-tiny .process-step__bar:after {
  left: calc(50% + 0.6rem);
}

@media (min-width: 768px) {
  /* line 81, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-small-sm .process-step__label {
    font-size: 1.8rem;
  }
  /* line 85, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-small-sm .process-step__indicator {
    width: 3.6rem;
    height: 3.6rem;
  }
  /* line 92, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-small-sm .process-step__bar {
    height: 0.5rem;
    top: 1.55rem;
  }
  /* line 96, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-small-sm .process-step__bar:before {
    right: calc(50% + 1.8rem);
  }
  /* line 100, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-small-sm .process-step__bar:after {
    left: calc(50% + 1.8rem);
  }
  /* line 81, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-inline-sm .process-step__label {
    font-size: 1.6rem;
  }
  /* line 85, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-inline-sm .process-step__indicator {
    width: 2.2rem;
    height: 2.2rem;
  }
  /* line 92, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-inline-sm .process-step__bar {
    height: 0.3rem;
    top: 0.95rem;
  }
  /* line 96, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-inline-sm .process-step__bar:before {
    right: calc(50% + 1.1rem);
  }
  /* line 100, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-inline-sm .process-step__bar:after {
    left: calc(50% + 1.1rem);
  }
  /* line 81, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tool-sm .process-step__label {
    font-size: 1.4rem;
  }
  /* line 85, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tool-sm .process-step__indicator {
    width: 1.6rem;
    height: 1.6rem;
  }
  /* line 92, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tool-sm .process-step__bar {
    height: 0.2rem;
    top: 0.7rem;
  }
  /* line 96, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tool-sm .process-step__bar:before {
    right: calc(50% + 0.8rem);
  }
  /* line 100, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tool-sm .process-step__bar:after {
    left: calc(50% + 0.8rem);
  }
  /* line 81, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tiny-sm .process-step__label {
    font-size: 1.1rem;
  }
  /* line 85, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tiny-sm .process-step__indicator {
    width: 1.2rem;
    height: 1.2rem;
  }
  /* line 92, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tiny-sm .process-step__bar {
    height: 0.2rem;
    top: 0.5rem;
  }
  /* line 96, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tiny-sm .process-step__bar:before {
    right: calc(50% + 0.6rem);
  }
  /* line 100, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tiny-sm .process-step__bar:after {
    left: calc(50% + 0.6rem);
  }
}

@media (min-width: 992px) {
  /* line 81, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-small-md .process-step__label {
    font-size: 1.8rem;
  }
  /* line 85, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-small-md .process-step__indicator {
    width: 3.6rem;
    height: 3.6rem;
  }
  /* line 92, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-small-md .process-step__bar {
    height: 0.5rem;
    top: 1.55rem;
  }
  /* line 96, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-small-md .process-step__bar:before {
    right: calc(50% + 1.8rem);
  }
  /* line 100, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-small-md .process-step__bar:after {
    left: calc(50% + 1.8rem);
  }
  /* line 81, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-inline-md .process-step__label {
    font-size: 1.6rem;
  }
  /* line 85, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-inline-md .process-step__indicator {
    width: 2.2rem;
    height: 2.2rem;
  }
  /* line 92, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-inline-md .process-step__bar {
    height: 0.3rem;
    top: 0.95rem;
  }
  /* line 96, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-inline-md .process-step__bar:before {
    right: calc(50% + 1.1rem);
  }
  /* line 100, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-inline-md .process-step__bar:after {
    left: calc(50% + 1.1rem);
  }
  /* line 81, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tool-md .process-step__label {
    font-size: 1.4rem;
  }
  /* line 85, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tool-md .process-step__indicator {
    width: 1.6rem;
    height: 1.6rem;
  }
  /* line 92, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tool-md .process-step__bar {
    height: 0.2rem;
    top: 0.7rem;
  }
  /* line 96, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tool-md .process-step__bar:before {
    right: calc(50% + 0.8rem);
  }
  /* line 100, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tool-md .process-step__bar:after {
    left: calc(50% + 0.8rem);
  }
  /* line 81, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tiny-md .process-step__label {
    font-size: 1.1rem;
  }
  /* line 85, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tiny-md .process-step__indicator {
    width: 1.2rem;
    height: 1.2rem;
  }
  /* line 92, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tiny-md .process-step__bar {
    height: 0.2rem;
    top: 0.5rem;
  }
  /* line 96, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tiny-md .process-step__bar:before {
    right: calc(50% + 0.6rem);
  }
  /* line 100, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tiny-md .process-step__bar:after {
    left: calc(50% + 0.6rem);
  }
}

@media (min-width: 1200px) {
  /* line 81, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-small-lg .process-step__label {
    font-size: 1.8rem;
  }
  /* line 85, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-small-lg .process-step__indicator {
    width: 3.6rem;
    height: 3.6rem;
  }
  /* line 92, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-small-lg .process-step__bar {
    height: 0.5rem;
    top: 1.55rem;
  }
  /* line 96, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-small-lg .process-step__bar:before {
    right: calc(50% + 1.8rem);
  }
  /* line 100, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-small-lg .process-step__bar:after {
    left: calc(50% + 1.8rem);
  }
  /* line 81, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-inline-lg .process-step__label {
    font-size: 1.6rem;
  }
  /* line 85, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-inline-lg .process-step__indicator {
    width: 2.2rem;
    height: 2.2rem;
  }
  /* line 92, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-inline-lg .process-step__bar {
    height: 0.3rem;
    top: 0.95rem;
  }
  /* line 96, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-inline-lg .process-step__bar:before {
    right: calc(50% + 1.1rem);
  }
  /* line 100, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-inline-lg .process-step__bar:after {
    left: calc(50% + 1.1rem);
  }
  /* line 81, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tool-lg .process-step__label {
    font-size: 1.4rem;
  }
  /* line 85, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tool-lg .process-step__indicator {
    width: 1.6rem;
    height: 1.6rem;
  }
  /* line 92, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tool-lg .process-step__bar {
    height: 0.2rem;
    top: 0.7rem;
  }
  /* line 96, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tool-lg .process-step__bar:before {
    right: calc(50% + 0.8rem);
  }
  /* line 100, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tool-lg .process-step__bar:after {
    left: calc(50% + 0.8rem);
  }
  /* line 81, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tiny-lg .process-step__label {
    font-size: 1.1rem;
  }
  /* line 85, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tiny-lg .process-step__indicator {
    width: 1.2rem;
    height: 1.2rem;
  }
  /* line 92, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tiny-lg .process-step__bar {
    height: 0.2rem;
    top: 0.5rem;
  }
  /* line 96, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tiny-lg .process-step__bar:before {
    right: calc(50% + 0.6rem);
  }
  /* line 100, app/assets/stylesheets/vivid/process_steps.scss */
  .vivid .process-steps--size-tiny-lg .process-step__bar:after {
    left: calc(50% + 0.6rem);
  }
}

/* line 2, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-event {
  position: relative;
  border-radius: 0.4rem;
  padding: 0.8rem 1.6rem;
  border-left-style: solid;
  border-left-width: 0.8rem;
  min-width: 0;
}

/* line 11, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-event + .schedule-event {
  margin-top: 1rem;
}

/* line 16, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-event.active:before {
  display: block;
  content: "";
  background: #ff4431;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 1.2rem;
  position: absolute;
  left: -2rem;
  top: 50%;
  margin-top: -0.4rem;
}

/* line 32, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-event--layout-compact {
  overflow: hidden;
  white-space: nowrap;
  min-width: 0;
}

/* line 37, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-event--layout-compact .schedule-event__label,
.vivid .schedule-event--layout-compact .schedule-event__timestamp,
.vivid .schedule-event--layout-compact .schedule-event__body {
  white-space: nowrap;
  display: inline;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* line 46, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-event--layout-compact .schedule-event__timestamp,
.vivid .schedule-event--layout-compact .schedule-event__body {
  margin-left: 0.3em;
}

/* line 51, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-event--layout-compact .schedule-event__timestamp {
  flex: 0 0 auto;
}

/* line 55, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-event--layout-compact .schedule-event__label {
  flex: auto;
}

/* line 59, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-event--layout-compact .schedule-event__body {
  display: none;
}

/* line 63, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-event--layout-compact .schedule-event__content {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

/* line 70, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-event__tools_body {
  padding-top: 1.6rem;
  padding-bottom: 0.8rem;
  display: flex;
}

/* line 76, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-event__container {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

/* line 82, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-event__content {
  flex: 1 1 100%;
  min-width: 0;
}

/* line 87, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-event__disclosure {
  flex: 0 0 auto;
  padding-left: 1.6rem;
}

/* line 92, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-event--variant-empty {
  border-style: dashed;
  border-width: 0.1rem;
  border-color: rgba(68, 68, 95, 0.6);
  padding-left: 2.3rem;
  display: block;
  text-decoration: none;
}

/* line 101, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-event--variant-empty .schedule-event__container {
  color: rgba(68, 68, 95, 0.6);
}

/* line 104, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-event--variant-empty .schedule-event__container .text--deemphasized, .vivid .schedule-event--variant-empty .schedule-event__container .fa-waiting {
  opacity: 1;
}

/* line 110, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-event--variant-empty.active:before {
  left: -1.3rem;
}

/* line 116, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-grid {
  width: 100%;
  border-collapse: collapse;
  position: relative;
}

/* line 122, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-grid__period {
  position: relative;
}

/* line 126, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-grid__day {
  border: solid 0.1rem #1e1e1e;
  width: 14.2857142857%;
}

/* line 129, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-grid__day:after {
  content: "";
}

/* line 134, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-grid__period__label {
  text-align: right;
  padding-right: 1rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

/* line 141, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-grid__period__label__content {
  display: none;
}

/* line 146, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-grid thead th,
.vivid .schedule-grid tfoot td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

@media (min-width: 768px) {
  /* line 146, app/assets/stylesheets/vivid/schedule.scss */
  .vivid .schedule-grid thead th,
.vivid .schedule-grid tfoot td {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

/* line 160, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-grid thead th {
  text-align: center;
}

/* line 165, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-grid__period__label--meridian,
.vivid .schedule-grid__period:last-child .schedule-grid__period__label {
  vertical-align: middle;
}

/* line 169, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-grid__period__label--meridian .schedule-grid__period__label__content,
.vivid .schedule-grid__period:last-child .schedule-grid__period__label .schedule-grid__period__label__content {
  display: block;
}

/* line 174, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-grid__event {
  display: block;
  height: 0.5rem;
}

@media (min-width: 768px) {
  /* line 174, app/assets/stylesheets/vivid/schedule.scss */
  .vivid .schedule-grid__event {
    height: 0.6rem;
  }
}

/* line 183, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-grid__event--current {
  box-shadow: 0 0 0 1px red;
}

/* line 187, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-grid__time-indicator {
  height: 0.2rem;
  right: 0;
  background-color: #ff4431;
  position: absolute;
  pointer-events: none;
}

/* line 194, app/assets/stylesheets/vivid/schedule.scss */
.vivid .schedule-grid__time-indicator:after {
  content: "";
  display: block;
  position: absolute;
  top: -0.3rem;
  left: -0.5rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.8rem;
  background-color: #ff4431;
}

/* line 1, app/assets/stylesheets/vivid/product_screen.scss */
.product-screen {
  display: flex;
  flex-direction: column;
  flex: 100%;
  background: #f3f4f7;
}

/* line 8, app/assets/stylesheets/vivid/product_screen.scss */
.product-screen__body-container {
  flex: 100%;
  display: flex;
  flex-direction: column;
  max-width: 100vw;
}

/* line 14, app/assets/stylesheets/vivid/product_screen.scss */
.product-screen__body-container > .block-container {
  flex: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* line 23, app/assets/stylesheets/vivid/product_screen.scss */
.product-screen:not(.product-screen--with-panel) .product-screen__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}

/* line 30, app/assets/stylesheets/vivid/product_screen.scss */
.product-screen__panel {
  padding: 1.5rem;
  display: flex;
  flex: 100%;
  flex-direction: column;
}

@media (min-width: 768px) {
  /* line 30, app/assets/stylesheets/vivid/product_screen.scss */
  .product-screen__panel {
    padding: 3rem 1.5rem;
  }
}

/* line 42, app/assets/stylesheets/vivid/product_screen.scss */
.product-screen__banner {
  padding: 0 1.5rem;
}

/* line 47, app/assets/stylesheets/vivid/product_screen.scss */
.product-screen--body-align-middle .product-screen__panel {
  justify-content: center;
}

@media (min-width: 768px) {
  /* line 52, app/assets/stylesheets/vivid/product_screen.scss */
  .product-masthead {
    position: sticky;
    top: calc(max(var(--safe-area-inset-top), var(--sticky-root-nav-height)));
    transition: box-shadow 0.15s ease-in-out;
  }
  /* line 58, app/assets/stylesheets/vivid/product_screen.scss */
  .product-masthead.sticky-top--stuck {
    z-index: 990;
  }
}

/* line 64, app/assets/stylesheets/vivid/product_screen.scss */
.product-masthead__container {
  max-width: 100vw;
  overflow: hidden;
  padding-top: calc(1rem + var(--safe-area-inset-top));
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  /* line 64, app/assets/stylesheets/vivid/product_screen.scss */
  .product-masthead__container {
    padding-top: calc(3rem + var(--safe-area-inset-top));
  }
}

/* line 75, app/assets/stylesheets/vivid/product_screen.scss */
.product-masthead__hero,
.product-masthead__tabs-container {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 374px) {
  /* line 84, app/assets/stylesheets/vivid/product_screen.scss */
  .product-masthead__tabs-container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

/* line 92, app/assets/stylesheets/vivid/product_screen.scss */
.product-masthead__hero {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  /* line 92, app/assets/stylesheets/vivid/product_screen.scss */
  .product-masthead__hero {
    flex-direction: row-reverse;
  }
}

/* line 101, app/assets/stylesheets/vivid/product_screen.scss */
.product-masthead__subject,
.product-masthead__actions {
  align-items: center;
  display: flex;
  min-width: 0;
  max-width: 100%;
}

/* line 109, app/assets/stylesheets/vivid/product_screen.scss */
.product-masthead__actions {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* line 114, app/assets/stylesheets/vivid/product_screen.scss */
.product-masthead__subject {
  font-family: "Greycliff CF", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  line-height: 1.375;
  font-size: 3.3rem;
  font-weight: 700;
  flex: 1 1 auto;
  text-shadow: 0 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
}

/* line 127, app/assets/stylesheets/vivid/product_screen.scss */
.product-masthead__hero:not(:last-child) .product-masthead__subject:last-child {
  margin-bottom: 2rem;
}

@media (min-width: 768px) {
  /* line 133, app/assets/stylesheets/vivid/product_screen.scss */
  .product-screen__collapsed-subject {
    display: none;
  }
}

/* line 139, app/assets/stylesheets/vivid/product_screen.scss */
.product-masthead__actions {
  justify-content: flex-end;
  flex: 1 0 auto;
  padding-left: 1.6rem;
}

/* line 146, app/assets/stylesheets/vivid/product_screen.scss */
.product-screen--variant-default .product-masthead ~ .product-navbar--variant-header {
  display: none;
}

@media (min-width: 768px) {
  /* line 146, app/assets/stylesheets/vivid/product_screen.scss */
  .product-screen--variant-default .product-masthead ~ .product-navbar--variant-header {
    display: block;
  }
}

@media (max-width: 767px) {
  /* line 154, app/assets/stylesheets/vivid/product_screen.scss */
  .product-screen--variant-default .product-navbar--variant-fixed {
    position: fixed;
    pointer-events: none;
    top: var(--safe-area-inset-top);
  }
  /* line 160, app/assets/stylesheets/vivid/product_screen.scss */
  .product-screen--variant-default .product-navbar--variant-fixed .product-navbar__bar {
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
    background: #2c75ff;
    color: #fff;
  }
  /* line 167, app/assets/stylesheets/vivid/product_screen.scss */
  .product-screen--variant-default .product-navbar--variant-fixed .product-navbar__bar.sticky-top--stuck {
    opacity: 1;
    pointer-events: auto;
  }
}

/* line 177, app/assets/stylesheets/vivid/product_screen.scss */
.product-screen--variant-cover .product-screen__body-container:first-child {
  padding-top: var(--safe-area-inset-top);
}

/* line 182, app/assets/stylesheets/vivid/product_screen.scss */
.product-navbar__bar {
  overflow: hidden;
  max-width: 100vw;
}

/* line 186, app/assets/stylesheets/vivid/product_screen.scss */
.product-navbar__bar div,
.product-navbar__bar a {
  min-width: 0;
}

/* line 192, app/assets/stylesheets/vivid/product_screen.scss */
.product-navbar--variant-fixed {
  position: sticky;
  top: calc(max(var(--safe-area-inset-top), var(--sticky-masthead-height)));
  left: 0;
  right: 0;
  max-width: 100vw;
  z-index: 1000;
}

/* line 200, app/assets/stylesheets/vivid/product_screen.scss */
.product-navbar--variant-fixed .product-navbar__bar {
  transition: color ease-in-out 0.15s, background ease-in-out 0.15s, box-shadow ease-in-out 0.15s, opacity ease-in-out 0.15s;
}

/* line 207, app/assets/stylesheets/vivid/product_screen.scss */
.product-navbar--variant-fixed .product-navbar__bar:not(.sticky-top--stuck) {
  background: transparent;
  color: inherit;
}

/* line 212, app/assets/stylesheets/vivid/product_screen.scss */
.product-navbar--variant-fixed .product-navbar__bar.sticky-top--stuck {
  padding-top: var(--safe-area-inset-top);
  margin-top: calc(var(--safe-area-inset-top) * -1);
}

@media (min-width: 768px) {
  /* line 212, app/assets/stylesheets/vivid/product_screen.scss */
  .product-navbar--variant-fixed .product-navbar__bar.sticky-top--stuck {
    background: #fff;
    color: #444444;
  }
}

/* line 225, app/assets/stylesheets/vivid/product_screen.scss */
.product-navbar--variant-cover .product-navbar__bar {
  padding-top: var(--safe-area-inset-top);
}

@media (min-width: 768px) {
  /* line 224, app/assets/stylesheets/vivid/product_screen.scss */
  .product-navbar--variant-cover {
    display: none;
  }
}

/* line 234, app/assets/stylesheets/vivid/product_screen.scss */
.product-navbar__container {
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  min-height: 6.4rem;
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  /* line 234, app/assets/stylesheets/vivid/product_screen.scss */
  .product-navbar__container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 251, app/assets/stylesheets/vivid/product_screen.scss */
.product-navbar__left-control,
.product-navbar__right-control {
  display: flex;
  align-items: center;
}

/* line 257, app/assets/stylesheets/vivid/product_screen.scss */
.product-navbar__title {
  flex: 1 1 0;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
  line-height: 1.375;
  font-size: 1.8rem;
  font-family: "Greycliff CF", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  padding: 1rem 0;
}

@media (max-width: 374px) {
  /* line 257, app/assets/stylesheets/vivid/product_screen.scss */
  .product-navbar__title {
    font-size: 1.6rem;
  }
}

/* line 278, app/assets/stylesheets/vivid/product_screen.scss */
.product-navbar--variant-header .product-navbar__title {
  white-space: initial;
  font-size: 2.7rem;
}

@media (min-width: 768px) {
  /* line 278, app/assets/stylesheets/vivid/product_screen.scss */
  .product-navbar--variant-header .product-navbar__title {
    font-size: 3.3rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  /* line 290, app/assets/stylesheets/vivid/product_screen.scss */
  .product-navbar--variant-fixed .product-navbar__title {
    font-size: 2.2rem;
  }
}

/* line 297, app/assets/stylesheets/vivid/product_screen.scss */
.product-navbar__left-control,
.product-navbar__right-control {
  flex-basis: 50%;
}

@media (max-width: 767px) {
  /* line 297, app/assets/stylesheets/vivid/product_screen.scss */
  .product-navbar__left-control,
.product-navbar__right-control {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}

/* line 306, app/assets/stylesheets/vivid/product_screen.scss */
.product-navbar__left-control a,
.product-navbar__left-control .btn,
.product-navbar__right-control a,
.product-navbar__right-control .btn {
  white-space: nowrap;
  display: block;
}

@media (max-width: 767px) {
  /* line 306, app/assets/stylesheets/vivid/product_screen.scss */
  .product-navbar__left-control a,
.product-navbar__left-control .btn,
.product-navbar__right-control a,
.product-navbar__right-control .btn {
    font-size: 1.4rem;
  }
}

/* line 317, app/assets/stylesheets/vivid/product_screen.scss */
.product-navbar__left-control {
  padding-right: 0.8rem;
}

/* line 321, app/assets/stylesheets/vivid/product_screen.scss */
.product-navbar__right-control {
  padding-left: 0.8rem;
  justify-content: flex-end;
  margin-left: auto;
}

/* line 329, app/assets/stylesheets/vivid/product_screen.scss */
.product-navbar--variant-header .product-navbar__title,
.product-navbar--variant-fixed.product-navbar--collapsed .product-navbar__title {
  flex: 100%;
}

/* line 333, app/assets/stylesheets/vivid/product_screen.scss */
.product-navbar--variant-header .product-navbar__left-control,
.product-navbar--variant-header .product-navbar__right-control,
.product-navbar--variant-fixed.product-navbar--collapsed .product-navbar__left-control,
.product-navbar--variant-fixed.product-navbar--collapsed .product-navbar__right-control {
  flex: 0 0 8rem;
  transition-delay: 0s;
}

@media (min-width: 768px) {
  /* line 333, app/assets/stylesheets/vivid/product_screen.scss */
  .product-navbar--variant-header .product-navbar__left-control,
.product-navbar--variant-header .product-navbar__right-control,
.product-navbar--variant-fixed.product-navbar--collapsed .product-navbar__left-control,
.product-navbar--variant-fixed.product-navbar--collapsed .product-navbar__right-control {
    flex: 0 0 16rem;
  }
}

/* line 345, app/assets/stylesheets/vivid/product_screen.scss */
.product-navbar--variant-header .product-navbar__left-control,
.product-navbar--variant-header .product-navbar__right-control {
  flex: 0 0 8rem;
}

/* line 351, app/assets/stylesheets/vivid/product_screen.scss */
.product-screen--collapsed {
  visibility: hidden;
}

@media (max-width: 767px) {
  /* line 355, app/assets/stylesheets/vivid/product_screen.scss */
  .product-screen--collapsed .product-navbar--variant-header,
.product-screen--collapsed .product-masthead {
    position: absolute;
    width: 100%;
    visibility: hidden;
  }
  /* line 363, app/assets/stylesheets/vivid/product_screen.scss */
  .product-screen--collapsed .product-navbar--variant-fixed .product-navbar__bar {
    transition: none;
    background: #2c75ff;
    color: #fff;
    box-shadow: 0 0.3rem 0.1rem -0.2rem rgba(0, 0, 0, 0.1), 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.07), 0 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.06);
  }
}

/* line 376, app/assets/stylesheets/vivid/product_screen.scss */
.product-screen--collapsed.product-screen--collapsed--applying .product-navbar--variant-header,
.product-screen--collapsed.product-screen--collapsed--applying .product-masthead {
  position: static;
}

/* line 384, app/assets/stylesheets/vivid/product_screen.scss */
.vivid-page--variant-bright .product-navbar--variant-header,
.vivid-page--variant-bright .product-screen {
  background: #fff;
}

@media (max-width: 767px) {
  /* line 392, app/assets/stylesheets/vivid/product_screen.scss */
  .product-page--variant-default #body-container:before {
    content: "";
    position: fixed;
    background-color: #2c75ff;
    left: 0;
    top: 0;
    right: 0;
    height: 20rem;
    z-index: -1;
    border-radius: 2rem;
  }
}

/* line 2, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen {
  display: flex;
  flex-direction: column;
  flex: 100%;
  position: relative;
  justify-content: center;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 17, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen--watermark-align-top {
  background-position: center 0;
}

/* line 21, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen--watermark-align-tile {
  background-position: initial;
  background-repeat: repeat;
}

/* line 26, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__header__content,
.vivid .captured-screen__footer__content,
.vivid .captured-screen__bottom,
.vivid .captured-screen__banner,
.vivid .captured-screen__subject,
.vivid .captured-screen__steps,
.vivid .captured-screen__body {
  padding-left: 3rem;
  padding-right: 3rem;
  width: 100%;
}

@media (max-width: 374px) {
  /* line 26, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__header__content,
.vivid .captured-screen__footer__content,
.vivid .captured-screen__bottom,
.vivid .captured-screen__banner,
.vivid .captured-screen__subject,
.vivid .captured-screen__steps,
.vivid .captured-screen__body {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 26, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__header__content,
.vivid .captured-screen__footer__content,
.vivid .captured-screen__bottom,
.vivid .captured-screen__banner,
.vivid .captured-screen__subject,
.vivid .captured-screen__steps,
.vivid .captured-screen__body {
    margin-left: auto;
    margin-right: auto;
    width: 540px;
  }
}

/* line 49, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__footer__content,
.vivid .captured-screen__header__container {
  z-index: 1000;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* line 56, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__subject__content {
  display: flex;
  justify-content: center;
}

/* line 61, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid nav:first-of-type {
  margin-top: 4rem;
}

/* line 65, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__controls {
  display: flex;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  min-height: 2.2rem;
  align-items: center;
  -webkit-app-region: drag;
}

/* line 73, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__controls > div {
  -webkit-app-region: no-drag;
}

@media (min-width: 768px) {
  /* line 65, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__controls {
    position: sticky;
    top: 2rem;
    right: 3rem;
    left: 3rem;
    padding: 0;
  }
}

@media (max-width: 767px) {
  /* line 85, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__controls + div {
    margin-top: 2rem;
  }
}

/* line 92, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__left-control,
.vivid .captured-screen__middle-control,
.vivid .captured-screen__right-control {
  flex: 0 1 33.3333333%;
  display: flex;
}

/* line 99, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__left-control {
  text-align: left;
  justify-content: flex-start;
}

@media (min-width: 768px) {
  /* line 99, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__left-control {
    position: fixed;
    top: 2rem;
    left: 3rem;
  }
}

/* line 110, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__middle-control {
  text-align: center;
  justify-content: center;
  color: var(--surface-color, #1e1e1e);
}

@media (min-width: 768px) {
  /* line 110, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__middle-control {
    flex: 1;
  }
}

/* line 120, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__right-control {
  text-align: right;
  justify-content: flex-end;
}

@media (min-width: 768px) {
  /* line 120, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__right-control {
    position: fixed;
    top: 2rem;
    right: 3rem;
  }
}

/* line 131, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__close {
  min-height: 2.2rem;
  opacity: 0.35;
  text-shadow: 0 0.1rem var(--surface-background-color, #f3f4f7);
}

/* line 136, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__close > a {
  float: right;
}

@media (min-width: 768px) {
  /* line 141, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__close > a > .icon {
    font-size: 3.6rem;
  }
}

/* line 147, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__back {
  min-height: 2.2rem;
  opacity: 0.35;
  text-shadow: 0 0.1rem var(--surface-background-color, #f3f4f7);
}

/* line 152, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__back > a {
  float: left;
}

@media (min-width: 768px) {
  /* line 157, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__back > a > .icon {
    font-size: 3.6rem;
  }
}

/* line 163, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__logo {
  height: 2.2rem;
}

/* line 167, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__logo--mono {
  opacity: 0.35;
}

/* line 171, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__header__container {
  text-align: center;
  padding-top: calc(2rem + var(--safe-area-inset-top));
  -webkit-app-region: drag;
}

/* line 177, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__header__container.sticky-top {
  position: sticky;
  top: 0;
}

/* line 182, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__header__container.sticky-top--stuck {
  background: inherit;
  width: 100%;
}

/* line 189, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__content__container {
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  /* line 189, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__content__container {
    flex: 100%;
    box-shadow: none;
  }
}

@media (min-width: 768px) {
  /* line 189, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__content__container {
    border-radius: 2rem;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 203, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__content__container > div {
    padding-left: 6rem;
    padding-right: 6rem;
  }
  /* line 208, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__content__container > :first-child {
    padding-top: 4rem;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
  /* line 214, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__content__container > :last-child {
    padding-bottom: 4rem;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
  }
}

@media (min-width: 768px) {
  /* line 223, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen--outlined .captured-screen__content__container {
    border: 0.1rem solid var(--surface-container-outline-color, #e3e3e3);
  }
}

/* line 230, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__footer {
  position: sticky;
  bottom: 0;
}

@media (max-width: 767px) {
  /* line 236, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__footer.sticky-bottom:not(.sticky-bottom--stuck) .captured-screen__footer__content {
    padding-top: 0;
  }
}

@media (max-width: 374px) {
  /* line 230, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__footer {
    position: static;
  }
}

@media (min-width: 375px) and (max-width: 767px) {
  /* line 248, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__footer.sticky-bottom--fixed .captured-screen__footer__content {
    bottom: 0;
    position: fixed;
  }
}

/* line 255, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__footer.sticky-bottom--stuck {
  background: var(--surface-sticky-overlay-color, rgba(255, 255, 255, 0.85));
  box-shadow: 0 -0.1rem 0 var(--surface-trim-color, #e3e3e3);
}

/* line 264, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__footer__content,
.vivid .captured-screen__bottom:last-child .captured-screen__bottom__content {
  padding-bottom: calc(max(4rem, var(--safe-area-inset-bottom)));
}

/* line 269, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__banner {
  line-height: 1.375;
  font-size: 2.2rem;
  font-weight: 400;
  text-shadow: 0 0.1rem var(--surface-bg-color);
}

/* line 277, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__body {
  min-height: 20vh;
}

@media (max-width: 767px) {
  /* line 277, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__body {
    flex: 100%;
    width: 100%;
  }
}

/* line 287, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen--align-middle .captured-screen__content__container {
  justify-content: center;
}

/* line 291, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen--align-middle .captured-screen__body {
  flex: 0 1 auto;
}

/* line 296, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen--align-top {
  justify-content: flex-start;
}

/* line 301, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen--align-fill .captured-screen__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 309, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen__banner ~ .captured-screen__body {
  min-height: 0;
}

/* line 315, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen--size-form .captured-screen__body,
.vivid .captured-screen--size-form .captured-screen__bottom,
.vivid .captured-screen--size-form .captured-screen__banner,
.vivid .captured-screen--size-wide .captured-screen__body,
.vivid .captured-screen--size-wide .captured-screen__bottom,
.vivid .captured-screen--size-wide .captured-screen__banner {
  width: 99.2rem;
  max-width: 100%;
}

/* line 325, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen--size-form .captured-screen__banner:not(.captured-screen__banner--size-wide):not(
.captured-screen__banner--size-form
) > .block-container,
.vivid .captured-screen--size-wide .captured-screen__banner:not(.captured-screen__banner--size-wide):not(
.captured-screen__banner--size-form
) > .block-container {
  max-width: 42rem;
}

@media (min-width: 768px) {
  /* line 330, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen--size-form .captured-screen__content__container,
.vivid .captured-screen--size-wide .captured-screen__content__container {
    max-width: calc(100vw - 3rem);
  }
}

/* line 338, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen--size-form .captured-screen__body,
.vivid .captured-screen--size-form .captured-screen__bottom,
.vivid .captured-screen--size-form .captured-screen__banner {
  width: 76.8rem;
  max-width: 100%;
}

/* line 347, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen--size-fluid .captured-screen__body,
.vivid .captured-screen--size-fluid .captured-screen__bottom,
.vivid .captured-screen--size-fluid .captured-screen__banner {
  width: 100%;
  max-width: 100%;
}

/* line 354, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen--size-fluid .captured-screen__content__container {
  width: 100%;
  border: none;
  margin-bottom: 0;
}

/* line 359, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen--size-fluid .captured-screen__content__container > :first-child {
  padding-top: 2rem;
}

/* line 363, app/assets/stylesheets/vivid/captured_screen.scss */
.vivid .captured-screen--size-fluid .captured-screen__content__container > :last-child {
  padding-bottom: 2rem;
}

/* line 370, app/assets/stylesheets/vivid/captured_screen.scss */
.product-page--variant-captured #body-container > form {
  flex: 100%;
  flex-direction: column;
  display: flex;
}

@media (max-width: 767px) {
  /* line 378, app/assets/stylesheets/vivid/captured_screen.scss */
  .product-page--with-support-button .captured-screen:not(.captured-screen--align-middle) > div:last-child:not(.captured-screen__footer) > :last-child {
    padding-bottom: calc(var(--safe-area-inset-bottom) + 9rem);
  }
}

@media print {
  /* line 389, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__controls .captured-screen__back,
.vivid .captured-screen__controls .captured-screen__close {
    display: none;
  }
  /* line 394, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__controls .captured-screen__right-control,
.vivid .captured-screen__controls .captured-screen__left-control {
    position: static;
  }
  /* line 400, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen__content__container {
    border-color: transparent;
  }
  /* line 404, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen {
    justify-content: flex-start;
  }
  /* line 408, app/assets/stylesheets/vivid/captured_screen.scss */
  .vivid .captured-screen.surface--color {
    --surface-bg-color: #fff;
    --surface-color: #444444;
    --surface-header-color: ;
    --surface-link-color: ;
    --surface-trim-color: #bfbfbf;
    --surface-trim-text-color: #fff;
    --surface-outline-color: #444444;
    --surface-container-outline-color: rgba(68, 68, 68, 0.15);
    --surface-contrast-color: #444444;
    --surface-glass-color: rgba(94, 106, 141, 0.08);
    --surface-sticky-overlay-color: rgba(255, 255, 255, 0.85);
    --surface-control-color: #f9f9f9;
    --surface-stripe-color: #f9f9f9;
    --surface-tool-color: #d0d0d0;
    background-color: #fff;
    border-color: #fff;
    --surface-control-color: var(--surface-glass-color);
  }
  /* line 40, app/assets/stylesheets/vivid/surface.scss */
  .vivid .captured-screen.surface--color,
.vivid .captured-screen.surface--color .surface__text.surface__text {
    color: var(--surface-color, #444444);
  }
  /* line 45, app/assets/stylesheets/vivid/surface.scss */
  .vivid .captured-screen.surface--color.surface__background-element {
    color: #fff;
    fill: #fff;
    background: transparent;
  }
  /* line 51, app/assets/stylesheets/vivid/surface.scss */
  .vivid .captured-screen.surface--color .surface__trim-element {
    color: var(--surface-trim-color, #bfbfbf);
  }
  /* line 55, app/assets/stylesheets/vivid/surface.scss */
  .vivid .captured-screen.surface--color.surface--focusable:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #bfbfbf;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
  }
  /* line 66, app/assets/stylesheets/vivid/surface.scss */
  .vivid .captured-screen.surface--color.surface--outlined {
    border-color: var(--surface-outline-color, #444444);
  }
  /* line 70, app/assets/stylesheets/vivid/surface.scss */
  .vivid .captured-screen.surface--color.surface--container-outlined {
    border-color: var(--surface-container-outline-color, rgba(68, 68, 68, 0.15));
  }
  /* line 74, app/assets/stylesheets/vivid/surface.scss */
  .vivid .captured-screen.surface--color.surface--trimmed {
    border-color: var(--surface-trim-color, #bfbfbf);
  }
  /* line 121, app/assets/stylesheets/vivid/surface.scss */
  .vivid .captured-screen.surface--color.surface--color-soft {
    --surface-bg-color: white;
    --surface-color: #1e1e1e;
    --surface-header-color: ;
    --surface-link-color: inherit;
    --surface-trim-color: #bfbfbf;
    --surface-trim-text-color: #fff;
    --surface-outline-color: #bfbfbf;
    --surface-container-outline-color: rgba(191, 191, 191, 0.35);
    --surface-contrast-color: #fff;
    --surface-tool-color: #c7c7c7;
    background-color: white;
    border-color: white;
  }
  /* line 136, app/assets/stylesheets/vivid/surface.scss */
  .vivid .captured-screen.surface--color.surface--color-soft,
.vivid .captured-screen.surface--color.surface--color-soft .surface__text.surface__text {
    color: #1e1e1e;
  }
  /* line 141, app/assets/stylesheets/vivid/surface.scss */
  .vivid .captured-screen.surface--color.surface--color-soft.surface__background-element {
    background-color: white;
  }
  /* line 145, app/assets/stylesheets/vivid/surface.scss */
  .vivid .captured-screen.surface--color.surface--color-soft .surface__trim-element {
    color: var(--surface-trim-color, #bfbfbf);
  }
  /* line 149, app/assets/stylesheets/vivid/surface.scss */
  .vivid .captured-screen.surface--color.surface--color-soft.surface--focusable:focus {
    box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.5rem #bfbfbf;
  }
  /* line 155, app/assets/stylesheets/vivid/surface.scss */
  .vivid .captured-screen.surface--color.surface--color-soft.surface--outlined {
    border-color: var(--surface-outline-color, #bfbfbf);
  }
  /* line 159, app/assets/stylesheets/vivid/surface.scss */
  .vivid .captured-screen.surface--color.surface--color-soft.surface--container-outlined {
    border-color: var(--surface-container-outline-color, rgba(191, 191, 191, 0.35));
  }
  /* line 163, app/assets/stylesheets/vivid/surface.scss */
  .vivid .captured-screen.surface--color.surface--color-soft.surface--trimmed {
    border-color: var(--surface-trim-color, #bfbfbf);
  }
  /* line 170, app/assets/stylesheets/vivid/surface.scss */
  .vivid .captured-screen.surface--color.surface--color-soft a.anchor--surface,
.vivid .captured-screen.surface--color.surface--color-soft a.anchor--surface:visited {
    color: inherit;
    text-decoration: underline;
  }
}

/* line 2, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox {
  flex: auto;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  border: 0.2rem solid transparent;
  margin: 0;
  transition: border-color ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 13, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox__body {
  flex: 1 1 100%;
  user-select: none;
  -webkit-user-select: none;
}

@media screen and (min-width: 0\0) {
  /* line 13, app/assets/stylesheets/vivid/rich_checkbox.scss */
  .vivid .rich-checkbox__body {
    flex: 1 1 auto;
  }
}

/* line 23, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox__body,
.vivid .rich-checkbox__content,
.vivid .rich-checkbox__content-container {
  min-width: 0;
}

/* line 30, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox__checkbox.radio,
.vivid .rich-checkbox__checkbox.checkbox {
  margin: 0;
}

/* line 34, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox__checkbox.radio input[type="checkbox"],
.vivid .rich-checkbox__checkbox.checkbox input[type="checkbox"] {
  margin: 0;
}

/* line 37, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox__checkbox.radio input[type="checkbox"]:not(:checked),
.vivid .rich-checkbox__checkbox.checkbox input[type="checkbox"]:not(:checked) {
  background-color: #fff;
}

/* line 42, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox__checkbox.radio input[type="radio"],
.vivid .rich-checkbox__checkbox.checkbox input[type="radio"] {
  margin: 0;
  background-color: #fff;
}

/* line 48, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox__checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  transition: background-color ease-in-out 0.15s;
}

/* line 57, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox__ornament {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--surface-trim-color, #fff);
  color: var(--surface-trim-text-color, inherit);
  border-bottom-left-radius: 0.4rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding: 0.1rem 1rem;
  min-height: 2.2rem;
  min-width: 2.2rem;
}

/* line 73, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--layout-right {
  flex-direction: row-reverse;
}

/* line 78, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox.rich-checkbox--align-end > .rich-checkbox__content {
  align-items: flex-end;
}

/* line 84, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox.rich-checkbox--align-start > .rich-checkbox__content {
  align-items: flex-start;
}

/* line 89, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-default,
.vivid .rich-checkbox--variant-composite {
  border-color: var(--surface-control-color, rgba(94, 106, 141, 0.08));
}

/* line 93, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-default .rich-checkbox__checkbox.radio,
.vivid .rich-checkbox--variant-default .rich-checkbox__checkbox.checkbox,
.vivid .rich-checkbox--variant-composite .rich-checkbox__checkbox.radio,
.vivid .rich-checkbox--variant-composite .rich-checkbox__checkbox.checkbox {
  margin: 0;
}

/* line 98, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-default .rich-checkbox__checkbox.radio input[type="checkbox"]:checked:focus,
.vivid .rich-checkbox--variant-default .rich-checkbox__checkbox.checkbox input[type="checkbox"]:checked:focus,
.vivid .rich-checkbox--variant-composite .rich-checkbox__checkbox.radio input[type="checkbox"]:checked:focus,
.vivid .rich-checkbox--variant-composite .rich-checkbox__checkbox.checkbox input[type="checkbox"]:checked:focus {
  box-shadow: 0 0 0 0.2rem #fff;
}

/* line 104, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-default .rich-checkbox__checkbox.radio input[type="radio"]:checked,
.vivid .rich-checkbox--variant-default .rich-checkbox__checkbox.checkbox input[type="radio"]:checked,
.vivid .rich-checkbox--variant-composite .rich-checkbox__checkbox.radio input[type="radio"]:checked,
.vivid .rich-checkbox--variant-composite .rich-checkbox__checkbox.checkbox input[type="radio"]:checked {
  border-color: transparent;
}

/* line 110, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-default.rich-checkbox--checked.surface--color.surface--color-soft,
.vivid .rich-checkbox--variant-composite.rich-checkbox--checked.surface--color.surface--color-soft {
  border-color: var(--surface-outline-color, #1942d8);
}

/* line 113, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-default.rich-checkbox--checked.surface--color.surface--color-soft .rich-checkbox__checkbox,
.vivid .rich-checkbox--variant-composite.rich-checkbox--checked.surface--color.surface--color-soft .rich-checkbox__checkbox {
  background-color: var(--surface-outline-color, #1942d8);
}

/* line 118, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-default.rich-checkbox--checked.surface--color.surface--color-soft .rich-checkbox__checkbox input[type="checkbox"],
.vivid .rich-checkbox--variant-composite.rich-checkbox--checked.surface--color.surface--color-soft .rich-checkbox__checkbox input[type="checkbox"] {
  border-color: transparent;
  background-color: var(--surface-outline-color, #1942d8);
}

/* line 125, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-default .rich-checkbox__content,
.vivid .rich-checkbox--variant-composite .rich-checkbox__content {
  flex: 1 1 100%;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0.8rem 1.6rem;
}

@media screen and (min-width: 0\0) {
  /* line 125, app/assets/stylesheets/vivid/rich_checkbox.scss */
  .vivid .rich-checkbox--variant-default .rich-checkbox__content,
.vivid .rich-checkbox--variant-composite .rich-checkbox__content {
    flex: 1 1 auto;
  }
}

/* line 138, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-default .rich-checkbox__content-container,
.vivid .rich-checkbox--variant-composite .rich-checkbox__content-container {
  flex: 1;
}

/* line 142, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-default .rich-checkbox__checkbox,
.vivid .rich-checkbox--variant-composite .rich-checkbox__checkbox {
  padding: 0.8rem;
  background-color: var(--surface-control-color, rgba(94, 106, 141, 0.08));
}

/* line 150, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-default.rich-checkbox--layout-above .rich-checkbox__content,
.vivid .rich-checkbox--variant-default.rich-checkbox--layout-above .rich-checkbox__checkbox, .vivid .rich-checkbox--variant-default.rich-checkbox--layout-below .rich-checkbox__content,
.vivid .rich-checkbox--variant-default.rich-checkbox--layout-below .rich-checkbox__checkbox,
.vivid .rich-checkbox--variant-composite.rich-checkbox--layout-above .rich-checkbox__content,
.vivid .rich-checkbox--variant-composite.rich-checkbox--layout-above .rich-checkbox__checkbox,
.vivid .rich-checkbox--variant-composite.rich-checkbox--layout-below .rich-checkbox__content,
.vivid .rich-checkbox--variant-composite.rich-checkbox--layout-below .rich-checkbox__checkbox {
  padding: 0.8rem 1.6rem;
}

/* line 157, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-composite {
  border-color: rgba(30, 30, 30, 0.25);
  cursor: pointer;
}

/* line 161, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-composite .rich-checkbox__checkbox {
  position: absolute;
  visibility: hidden;
}

/* line 166, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-composite.rich-checkbox--size-default {
  border-radius: 1.2rem;
}

/* line 169, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-composite.rich-checkbox--size-default .rich-checkbox__content {
  padding: 2rem 3rem;
}

/* line 174, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-composite.rich-checkbox--size-medium {
  border-radius: 0.8rem;
}

/* line 177, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-composite.rich-checkbox--size-medium .rich-checkbox__content {
  padding: 1.6rem 1.6rem;
}

/* line 182, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-composite.rich-checkbox--size-small {
  border-radius: 0.8rem;
}

/* line 185, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-composite.rich-checkbox--size-small .rich-checkbox__content {
  padding: 0.8rem 1.2rem;
}

/* line 191, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-compact {
  background-color: var(--surface-glass-color, rgba(94, 106, 141, 0.08));
}

/* line 194, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-compact .rich-checkbox__content {
  flex: 1 1 100%;
  padding: 0.8rem 0.8rem 0.8rem 0;
}

@media screen and (min-width: 0\0) {
  /* line 194, app/assets/stylesheets/vivid/rich_checkbox.scss */
  .vivid .rich-checkbox--variant-compact .rich-checkbox__content {
    flex: 1 1 auto;
  }
}

/* line 204, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-compact .rich-checkbox__checkbox {
  padding: 0.8rem 0.8rem 0.8rem 0.8rem;
}

/* line 209, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-compact.rich-checkbox--checked.surface--color.surface--color-soft {
  border-color: #1942d8;
}

/* line 215, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-compact.rich-checkbox--layout-above .rich-checkbox__content,
.vivid .rich-checkbox--variant-compact.rich-checkbox--layout-above .rich-checkbox__checkbox, .vivid .rich-checkbox--variant-compact.rich-checkbox--layout-below .rich-checkbox__content,
.vivid .rich-checkbox--variant-compact.rich-checkbox--layout-below .rich-checkbox__checkbox {
  padding: 0.8rem 0.8rem;
}

/* line 222, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-compact.rich-checkbox--layout-above .rich-checkbox__content {
  padding-top: 0;
}

/* line 228, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--variant-compact.rich-checkbox--layout-below .rich-checkbox__content {
  padding-bottom: 0;
}

/* line 234, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--layout-above {
  flex-direction: column;
}

/* line 238, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--layout-below {
  flex-direction: column-reverse;
}

/* line 242, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox__checked-element {
  display: inline-block;
  opacity: 0;
  transition: opacity ease-in-out 0.15s;
}

/* line 248, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox__unchecked-element {
  display: inline-block;
  opacity: 1;
  transition: opacity ease-in-out 0.15s;
}

/* line 255, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--checked .rich-checkbox__checked-element {
  opacity: 1;
}

/* line 259, app/assets/stylesheets/vivid/rich_checkbox.scss */
.vivid .rich-checkbox--checked .rich-checkbox__unchecked-element {
  opacity: 0;
}

/* line 3, app/assets/stylesheets/vivid/select_set.scss */
.vivid .select-set .grid__cell {
  display: flex;
  justify-content: center;
}

/* line 9, app/assets/stylesheets/vivid/select_set.scss */
.vivid label.select-set-option {
  display: flex;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  margin: 0;
  border-radius: 10rem;
}

/* line 19, app/assets/stylesheets/vivid/select_set.scss */
.vivid label.select-set-option .select-set-option__button {
  background-color: rgba(94, 106, 141, 0.08);
  color: rgba(68, 68, 68, 0.6);
  border-color: transparent;
}

/* line 24, app/assets/stylesheets/vivid/select_set.scss */
.vivid label.select-set-option .select-set-option__button .select-set-option__label {
  font-weight: 500;
}

/* line 29, app/assets/stylesheets/vivid/select_set.scss */
.vivid label.select-set-option input {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  opacity: 0;
}

/* line 39, app/assets/stylesheets/vivid/select_set.scss */
.vivid label.select-set-option input:checked ~ .btn {
  background-color: #dae2ff;
  color: #1e1e1e;
}

/* line 40, app/assets/stylesheets/vivid/select_set.scss */
.vivid label.select-set-option input:checked ~ .btn:not(:focus) {
  box-shadow: 0 0 0 0.2rem #1942d8;
}

/* line 46, app/assets/stylesheets/vivid/select_set.scss */
.vivid label.select-set-option input:checked ~ .btn .select-set-option__label {
  opacity: 1;
}

/* line 51, app/assets/stylesheets/vivid/select_set.scss */
.vivid label.select-set-option input:checked ~ .select-set-option__indicator {
  opacity: 1;
}

/* line 57, app/assets/stylesheets/vivid/select_set.scss */
.vivid label.select-set-option .select-set-option__indicator {
  position: absolute;
  content: "";
  display: block;
  background: #1942d8;
  color: #fff;
  width: 1.6rem;
  height: 1.6rem;
  right: -0.4rem;
  bottom: -0.4rem;
  border-radius: 1.6rem;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity ease-in-out 0.15s;
}

/* line 4, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-none {
  margin-bottom: 0;
  margin-top: 0;
}

/* line 8, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-bottom--none {
  margin-bottom: 0;
}

/* line 12, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-top--none {
  margin-top: 0;
}

/* line 16, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-bottom {
  margin-bottom: 2rem;
}

/* line 20, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-top {
  margin-top: 2rem;
}

/* line 24, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-bottom--xsmall {
  margin-bottom: 0.5rem;
}

/* line 28, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-top--xsmall {
  margin-top: 0.5rem;
}

/* line 32, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-bottom--compact {
  margin-bottom: 1rem;
}

/* line 36, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-top--compact {
  margin-top: 1rem;
}

/* line 40, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-bottom--medium {
  margin-bottom: 4rem;
}

/* line 44, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-top--medium {
  margin-top: 4rem;
}

/* line 48, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-bottom--large {
  margin-bottom: 8rem;
}

/* line 52, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-top--large {
  margin-top: 8rem;
}

/* line 56, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-top--xlarge {
  margin-top: 16rem;
}

/* line 60, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-bottom--xlarge {
  margin-bottom: 16rem;
}

/* line 64, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-top--ornament_large {
  margin-top: -5rem;
}

/* line 68, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-bottom--ornament_large {
  margin-bottom: -5rem;
}

/* line 72, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-top--ornament {
  margin-top: -3rem;
}

/* line 76, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-bottom--ornament {
  margin-bottom: -3rem;
}

/* line 80, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-top--ornament-compact {
  margin-top: -1.5rem;
}

/* line 84, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-bottom--ornament-compact {
  margin-bottom: -1.5rem;
}

/* line 88, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-inset {
  margin-left: 2rem;
  margin-right: 2rem;
}

/* line 93, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-inset--none {
  margin-left: 0;
  margin-right: 0;
}

/* line 98, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-inset--loose {
  margin-left: 4rem;
  margin-right: 4rem;
}

/* line 103, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-inset--large {
  margin-left: 8rem;
  margin-right: 8rem;
}

/* line 110, app/assets/stylesheets/vivid/utilities.scss */
.vivid .order--first {
  order: -1000;
}

/* line 114, app/assets/stylesheets/vivid/utilities.scss */
.vivid .order--second {
  order: 2;
}

/* line 118, app/assets/stylesheets/vivid/utilities.scss */
.vivid .order--third {
  order: 3;
}

/* line 122, app/assets/stylesheets/vivid/utilities.scss */
.vivid .order--fourth {
  order: 4;
}

/* line 126, app/assets/stylesheets/vivid/utilities.scss */
.vivid .order--last {
  order: 1000;
}

/* line 130, app/assets/stylesheets/vivid/utilities.scss */
.vivid .order--natural {
  order: unset;
}

/* line 136, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-bleed--none {
  margin-left: 0;
  margin-right: 0;
}

/* line 141, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-bleed {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

@media (min-width: 768px) {
  /* line 141, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

/* line 150, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-bleed .gutter-bleed__content {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media (min-width: 768px) {
  /* line 150, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed .gutter-bleed__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* line 161, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-bleed--compact {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

@media (min-width: 768px) {
  /* line 161, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--compact {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}

/* line 170, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-bleed--compact .gutter-bleed__content {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media (min-width: 768px) {
  /* line 170, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--compact .gutter-bleed__content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

/* line 181, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-bleed--loose {
  margin-left: -2.25rem;
  margin-right: -2.25rem;
}

@media (min-width: 768px) {
  /* line 181, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--loose {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }
}

/* line 190, app/assets/stylesheets/vivid/utilities.scss */
.vivid .gutter-bleed--loose .gutter-bleed__content {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--loose .gutter-bleed__content {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}

@media (min-width: 768px) {
  /* line 4, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-none-sm {
    margin-bottom: 0;
    margin-top: 0;
  }
  /* line 8, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--none-sm {
    margin-bottom: 0;
  }
  /* line 12, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--none-sm {
    margin-top: 0;
  }
  /* line 16, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom-sm {
    margin-bottom: 2rem;
  }
  /* line 20, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top-sm {
    margin-top: 2rem;
  }
  /* line 24, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--xsmall-sm {
    margin-bottom: 0.5rem;
  }
  /* line 28, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--xsmall-sm {
    margin-top: 0.5rem;
  }
  /* line 32, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--compact-sm {
    margin-bottom: 1rem;
  }
  /* line 36, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--compact-sm {
    margin-top: 1rem;
  }
  /* line 40, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--medium-sm {
    margin-bottom: 4rem;
  }
  /* line 44, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--medium-sm {
    margin-top: 4rem;
  }
  /* line 48, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--large-sm {
    margin-bottom: 8rem;
  }
  /* line 52, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--large-sm {
    margin-top: 8rem;
  }
  /* line 56, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--xlarge-sm {
    margin-top: 16rem;
  }
  /* line 60, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--xlarge-sm {
    margin-bottom: 16rem;
  }
  /* line 64, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--ornament_large-sm {
    margin-top: -5rem;
  }
  /* line 68, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--ornament_large-sm {
    margin-bottom: -5rem;
  }
  /* line 72, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--ornament-sm {
    margin-top: -3rem;
  }
  /* line 76, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--ornament-sm {
    margin-bottom: -3rem;
  }
  /* line 80, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--ornament-compact-sm {
    margin-top: -1.5rem;
  }
  /* line 84, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--ornament-compact-sm {
    margin-bottom: -1.5rem;
  }
  /* line 88, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-inset-sm {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  /* line 93, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-inset--none-sm {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 98, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-inset--loose-sm {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  /* line 103, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-inset--large-sm {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  /* line 110, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .order--first-sm {
    order: -1000;
  }
  /* line 114, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .order--second-sm {
    order: 2;
  }
  /* line 118, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .order--third-sm {
    order: 3;
  }
  /* line 122, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .order--fourth-sm {
    order: 4;
  }
  /* line 126, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .order--last-sm {
    order: 1000;
  }
  /* line 130, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .order--natural-sm {
    order: unset;
  }
  /* line 136, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--none-sm {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 141, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed-sm {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  /* line 141, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed-sm {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 150, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed-sm .gutter-bleed__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  /* line 150, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed-sm .gutter-bleed__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 768px) {
  /* line 161, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--compact-sm {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  /* line 161, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--compact-sm {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}

@media (min-width: 768px) {
  /* line 170, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--compact-sm .gutter-bleed__content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  /* line 170, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--compact-sm .gutter-bleed__content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media (min-width: 768px) {
  /* line 181, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--loose-sm {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  /* line 181, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--loose-sm {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--loose-sm .gutter-bleed__content {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  /* line 190, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--loose-sm .gutter-bleed__content {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}

@media (min-width: 992px) {
  /* line 4, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-none-md {
    margin-bottom: 0;
    margin-top: 0;
  }
  /* line 8, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--none-md {
    margin-bottom: 0;
  }
  /* line 12, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--none-md {
    margin-top: 0;
  }
  /* line 16, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom-md {
    margin-bottom: 2rem;
  }
  /* line 20, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top-md {
    margin-top: 2rem;
  }
  /* line 24, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--xsmall-md {
    margin-bottom: 0.5rem;
  }
  /* line 28, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--xsmall-md {
    margin-top: 0.5rem;
  }
  /* line 32, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--compact-md {
    margin-bottom: 1rem;
  }
  /* line 36, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--compact-md {
    margin-top: 1rem;
  }
  /* line 40, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--medium-md {
    margin-bottom: 4rem;
  }
  /* line 44, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--medium-md {
    margin-top: 4rem;
  }
  /* line 48, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--large-md {
    margin-bottom: 8rem;
  }
  /* line 52, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--large-md {
    margin-top: 8rem;
  }
  /* line 56, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--xlarge-md {
    margin-top: 16rem;
  }
  /* line 60, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--xlarge-md {
    margin-bottom: 16rem;
  }
  /* line 64, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--ornament_large-md {
    margin-top: -5rem;
  }
  /* line 68, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--ornament_large-md {
    margin-bottom: -5rem;
  }
  /* line 72, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--ornament-md {
    margin-top: -3rem;
  }
  /* line 76, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--ornament-md {
    margin-bottom: -3rem;
  }
  /* line 80, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--ornament-compact-md {
    margin-top: -1.5rem;
  }
  /* line 84, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--ornament-compact-md {
    margin-bottom: -1.5rem;
  }
  /* line 88, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-inset-md {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  /* line 93, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-inset--none-md {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 98, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-inset--loose-md {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  /* line 103, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-inset--large-md {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  /* line 110, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .order--first-md {
    order: -1000;
  }
  /* line 114, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .order--second-md {
    order: 2;
  }
  /* line 118, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .order--third-md {
    order: 3;
  }
  /* line 122, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .order--fourth-md {
    order: 4;
  }
  /* line 126, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .order--last-md {
    order: 1000;
  }
  /* line 130, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .order--natural-md {
    order: unset;
  }
  /* line 136, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--none-md {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 141, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed-md {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

@media (min-width: 992px) and (min-width: 768px) {
  /* line 141, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed-md {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

@media (min-width: 992px) {
  /* line 150, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed-md .gutter-bleed__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 992px) and (min-width: 768px) {
  /* line 150, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed-md .gutter-bleed__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 992px) {
  /* line 161, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--compact-md {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}

@media (min-width: 992px) and (min-width: 768px) {
  /* line 161, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--compact-md {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}

@media (min-width: 992px) {
  /* line 170, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--compact-md .gutter-bleed__content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media (min-width: 992px) and (min-width: 768px) {
  /* line 170, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--compact-md .gutter-bleed__content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media (min-width: 992px) {
  /* line 181, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--loose-md {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }
}

@media (min-width: 992px) and (min-width: 768px) {
  /* line 181, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--loose-md {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }
}

@media (min-width: 992px) {
  /* line 190, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--loose-md .gutter-bleed__content {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}

@media (min-width: 992px) and (min-width: 768px) {
  /* line 190, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--loose-md .gutter-bleed__content {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}

@media (min-width: 1200px) {
  /* line 4, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-none-lg {
    margin-bottom: 0;
    margin-top: 0;
  }
  /* line 8, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--none-lg {
    margin-bottom: 0;
  }
  /* line 12, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--none-lg {
    margin-top: 0;
  }
  /* line 16, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom-lg {
    margin-bottom: 2rem;
  }
  /* line 20, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top-lg {
    margin-top: 2rem;
  }
  /* line 24, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--xsmall-lg {
    margin-bottom: 0.5rem;
  }
  /* line 28, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--xsmall-lg {
    margin-top: 0.5rem;
  }
  /* line 32, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--compact-lg {
    margin-bottom: 1rem;
  }
  /* line 36, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--compact-lg {
    margin-top: 1rem;
  }
  /* line 40, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--medium-lg {
    margin-bottom: 4rem;
  }
  /* line 44, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--medium-lg {
    margin-top: 4rem;
  }
  /* line 48, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--large-lg {
    margin-bottom: 8rem;
  }
  /* line 52, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--large-lg {
    margin-top: 8rem;
  }
  /* line 56, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--xlarge-lg {
    margin-top: 16rem;
  }
  /* line 60, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--xlarge-lg {
    margin-bottom: 16rem;
  }
  /* line 64, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--ornament_large-lg {
    margin-top: -5rem;
  }
  /* line 68, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--ornament_large-lg {
    margin-bottom: -5rem;
  }
  /* line 72, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--ornament-lg {
    margin-top: -3rem;
  }
  /* line 76, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--ornament-lg {
    margin-bottom: -3rem;
  }
  /* line 80, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-top--ornament-compact-lg {
    margin-top: -1.5rem;
  }
  /* line 84, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bottom--ornament-compact-lg {
    margin-bottom: -1.5rem;
  }
  /* line 88, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-inset-lg {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  /* line 93, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-inset--none-lg {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 98, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-inset--loose-lg {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  /* line 103, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-inset--large-lg {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  /* line 110, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .order--first-lg {
    order: -1000;
  }
  /* line 114, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .order--second-lg {
    order: 2;
  }
  /* line 118, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .order--third-lg {
    order: 3;
  }
  /* line 122, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .order--fourth-lg {
    order: 4;
  }
  /* line 126, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .order--last-lg {
    order: 1000;
  }
  /* line 130, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .order--natural-lg {
    order: unset;
  }
  /* line 136, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--none-lg {
    margin-left: 0;
    margin-right: 0;
  }
  /* line 141, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed-lg {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

@media (min-width: 1200px) and (min-width: 768px) {
  /* line 141, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed-lg {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

@media (min-width: 1200px) {
  /* line 150, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed-lg .gutter-bleed__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1200px) and (min-width: 768px) {
  /* line 150, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed-lg .gutter-bleed__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1200px) {
  /* line 161, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--compact-lg {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}

@media (min-width: 1200px) and (min-width: 768px) {
  /* line 161, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--compact-lg {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}

@media (min-width: 1200px) {
  /* line 170, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--compact-lg .gutter-bleed__content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media (min-width: 1200px) and (min-width: 768px) {
  /* line 170, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--compact-lg .gutter-bleed__content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media (min-width: 1200px) {
  /* line 181, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--loose-lg {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }
}

@media (min-width: 1200px) and (min-width: 768px) {
  /* line 181, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--loose-lg {
    margin-left: -2.25rem;
    margin-right: -2.25rem;
  }
}

@media (min-width: 1200px) {
  /* line 190, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--loose-lg .gutter-bleed__content {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}

@media (min-width: 1200px) and (min-width: 768px) {
  /* line 190, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .gutter-bleed--loose-lg .gutter-bleed__content {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }
}

/* line 221, app/assets/stylesheets/vivid/utilities.scss */
.vivid .block--flex {
  display: flex;
  flex: 1 1 auto;
}

/* line 226, app/assets/stylesheets/vivid/utilities.scss */
.vivid .collapse--with-overflow {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}

/* line 234, app/assets/stylesheets/vivid/utilities.scss */
.vivid .collapse__margin-container {
  overflow: hidden;
}

/* line 239, app/assets/stylesheets/vivid/utilities.scss */
.vivid .collapse.in .collapse__margin-container {
  overflow: visible;
}

@media (max-width: 767px) {
  /* line 243, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .hidden-device {
    display: none !important;
  }
}

@media (max-width: 767px) {
  /* line 249, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .visible-device {
    display: block !important;
  }
}

@media (min-width: 768px) {
  /* line 255, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .hidden-desktop {
    display: none !important;
  }
}

@media (min-width: 768px) {
  /* line 261, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .visible-desktop {
    display: block !important;
  }
}

@media (max-width: 374px) {
  /* line 267, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .hidden-extra-small {
    display: none !important;
  }
}

@media (min-width: 375px) {
  /* line 273, app/assets/stylesheets/vivid/utilities.scss */
  .vivid .visible-extra-small {
    display: none !important;
  }
}

/* line 284, app/assets/stylesheets/vivid/utilities.scss */
.can-share .without-sharing {
  display: none !important;
}

/* line 289, app/assets/stylesheets/vivid/utilities.scss */
.can-share body.mobile .without-sharing--mobile {
  display: none !important;
}

/* line 295, app/assets/stylesheets/vivid/utilities.scss */
.can-share body:not(.mobile) .with-sharing--mobile {
  display: none !important;
}

/* line 302, app/assets/stylesheets/vivid/utilities.scss */
.cannot-share .with-sharing,
.cannot-share .with-sharing--mobile {
  display: none !important;
}

/* line 311, app/assets/stylesheets/vivid/utilities.scss */
.hide {
  display: none;
}

/* line 315, app/assets/stylesheets/vivid/utilities.scss */
.connected-rule-horizontal {
  display: block;
  border: 0;
  height: 0.3rem;
  background-image: linear-gradient(to right, rgba(68, 68, 68, 0.6) 50%, rgba(255, 255, 255, 0) 0%);
  background-size: 1rem;
  background-repeat: repeat-x;
}

/* line 2, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar {
  --progress-bar-border-radius: 0.4rem;
  --progress-bar-hash-bleed: calc(var(--progress-bar-height) * -0.15);
  position: relative;
}

/* line 9, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar__bar_wrapper {
  border-radius: inherit;
  position: relative;
}

/* line 14, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar__bar_container {
  border-radius: inherit;
  overflow: hidden;
}

/* line 19, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar__bar {
  border-radius: inherit;
  height: var(--progress-bar-height);
}

/* line 25, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar--outlined .progress-bar__bar_wrapper {
  box-shadow: 0 0 0 0.1rem var(--surface-container-outline-color, rgba(30, 30, 30, 0.25)), inset 0.1rem 0.1rem 0 0 rgba(var(--shadow-color, 0, 0, 0), 0.025);
}

/* line 32, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar--outlined .progress-bar__bar {
  border-radius: 0;
  box-shadow: inset -0.2rem 0 0 var(--surface-stripe-color);
}

/* line 39, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar--filled .progress-bar__bar_wrapper {
  background-color: var(--surface-control-color, rgba(219, 219, 224, 0.6));
}

/* line 45, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar--size-xsmall {
  --progress-bar-height: 0.5rem;
}

/* line 49, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar--size-small {
  --progress-bar-border-radius: 0.4rem;
  --progress-bar-height: 1rem;
}

/* line 54, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar--size-medium {
  --progress-bar-border-radius: 0.6rem;
  --progress-bar-height: 3.6rem;
}

/* line 59, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar--size-large {
  --progress-bar-border-radius: 0.6rem;
  --progress-bar-height: 5rem;
}

/* line 64, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar--size-xlarge {
  --progress-bar-border-radius: 0.8rem;
  --progress-bar-height: 6.6rem;
}

@media (min-width: 768px) {
  /* line 45, app/assets/stylesheets/vivid/progress_bar.scss */
  .vivid .progress-bar--size-xsmall-sm {
    --progress-bar-height: 0.5rem;
  }
  /* line 49, app/assets/stylesheets/vivid/progress_bar.scss */
  .vivid .progress-bar--size-small-sm {
    --progress-bar-border-radius: 0.4rem;
    --progress-bar-height: 1rem;
  }
  /* line 54, app/assets/stylesheets/vivid/progress_bar.scss */
  .vivid .progress-bar--size-medium-sm {
    --progress-bar-border-radius: 0.6rem;
    --progress-bar-height: 3.6rem;
  }
  /* line 59, app/assets/stylesheets/vivid/progress_bar.scss */
  .vivid .progress-bar--size-large-sm {
    --progress-bar-border-radius: 0.6rem;
    --progress-bar-height: 5rem;
  }
  /* line 64, app/assets/stylesheets/vivid/progress_bar.scss */
  .vivid .progress-bar--size-xlarge-sm {
    --progress-bar-border-radius: 0.8rem;
    --progress-bar-height: 6.6rem;
  }
}

@media (min-width: 992px) {
  /* line 45, app/assets/stylesheets/vivid/progress_bar.scss */
  .vivid .progress-bar--size-xsmall-md {
    --progress-bar-height: 0.5rem;
  }
  /* line 49, app/assets/stylesheets/vivid/progress_bar.scss */
  .vivid .progress-bar--size-small-md {
    --progress-bar-border-radius: 0.4rem;
    --progress-bar-height: 1rem;
  }
  /* line 54, app/assets/stylesheets/vivid/progress_bar.scss */
  .vivid .progress-bar--size-medium-md {
    --progress-bar-border-radius: 0.6rem;
    --progress-bar-height: 3.6rem;
  }
  /* line 59, app/assets/stylesheets/vivid/progress_bar.scss */
  .vivid .progress-bar--size-large-md {
    --progress-bar-border-radius: 0.6rem;
    --progress-bar-height: 5rem;
  }
  /* line 64, app/assets/stylesheets/vivid/progress_bar.scss */
  .vivid .progress-bar--size-xlarge-md {
    --progress-bar-border-radius: 0.8rem;
    --progress-bar-height: 6.6rem;
  }
}

@media (min-width: 1200px) {
  /* line 45, app/assets/stylesheets/vivid/progress_bar.scss */
  .vivid .progress-bar--size-xsmall-lg {
    --progress-bar-height: 0.5rem;
  }
  /* line 49, app/assets/stylesheets/vivid/progress_bar.scss */
  .vivid .progress-bar--size-small-lg {
    --progress-bar-border-radius: 0.4rem;
    --progress-bar-height: 1rem;
  }
  /* line 54, app/assets/stylesheets/vivid/progress_bar.scss */
  .vivid .progress-bar--size-medium-lg {
    --progress-bar-border-radius: 0.6rem;
    --progress-bar-height: 3.6rem;
  }
  /* line 59, app/assets/stylesheets/vivid/progress_bar.scss */
  .vivid .progress-bar--size-large-lg {
    --progress-bar-border-radius: 0.6rem;
    --progress-bar-height: 5rem;
  }
  /* line 64, app/assets/stylesheets/vivid/progress_bar.scss */
  .vivid .progress-bar--size-xlarge-lg {
    --progress-bar-border-radius: 0.8rem;
    --progress-bar-height: 6.6rem;
  }
}

/* line 81, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar--shape-normal {
  border-radius: var(--progress-bar-border-radius, 0.4rem);
}

/* line 85, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar--shape-round {
  border-radius: 50vh;
}

/* line 88, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar--shape-round .progress-bar__bar {
  border-radius: 50vh 0 0 50vh;
}

/* line 93, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar__milestone_hashes {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}

/* line 102, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar__milestone__hash {
  position: absolute;
  top: var(--progress-bar-hash-bleed);
  bottom: var(--progress-bar-hash-bleed);
  min-height: 100%;
  margin-left: -0.1rem;
  width: 0.2rem;
}

/* line 111, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar__milestone_labels {
  position: relative;
  background: transparent;
  margin-top: calc(var(--progress-bar-hash-bleed) * -1 + 0.5em);
}

/* line 116, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar__milestone_labels:after {
  content: " ";
}

/* line 121, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar__milestone_label {
  background: transparent;
  color: var(--surface-trim-color);
  position: absolute;
}

/* line 127, app/assets/stylesheets/vivid/progress_bar.scss */
.vivid .progress-bar__milestone_label__content {
  margin-left: -50%;
}

/* line 1, app/assets/stylesheets/vivid/survey.scss */
.survey__answers--layout-image_map {
  position: relative;
  overflow: visible;
}

/* line 5, app/assets/stylesheets/vivid/survey.scss */
.survey__answers--layout-image_map .survey__answer {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 11, app/assets/stylesheets/vivid/survey.scss */
.survey__answers--layout-image_map .survey__answer input {
  opacity: 0;
  position: absolute;
}

/* line 17, app/assets/stylesheets/vivid/survey.scss */
.survey__answers--layout-image_map .survey__answer__card {
  flex: 0 1 auto;
}

/* line 20, app/assets/stylesheets/vivid/survey.scss */
.survey__answers--layout-image_map .survey__answer__card .card__body {
  padding: 0.25em;
}

/* line 26, app/assets/stylesheets/vivid/survey.scss */
label.survey__answer {
  margin: 0;
}

/* line 31, app/assets/stylesheets/vivid/survey.scss */
.survey__answers--hidden label {
  cursor: default;
}

/* line 35, app/assets/stylesheets/vivid/survey.scss */
.survey__answers--hidden .survey__answer__card {
  display: none;
}

/* line 40, app/assets/stylesheets/vivid/survey.scss */
.survey__answer__card .adorn {
  min-width: 30vw;
  padding-left: 0.25em;
  padding-right: 0.45em;
}

@media (min-width: 768px) {
  /* line 40, app/assets/stylesheets/vivid/survey.scss */
  .survey__answer__card .adorn {
    min-width: 20rem;
  }
}

/* line 50, app/assets/stylesheets/vivid/survey.scss */
.survey__answer .survey__answer__card {
  min-width: 3em;
  border-radius: 2em;
  box-shadow: 0 0.2rem 0.4rem -0.1rem rgba(var(--shadow-color, 0, 0, 0), 0.1), 0 0.4rem 0.5rem 0 rgba(var(--shadow-color, 0, 0, 0), 0.07), 0 0.1rem 1rem 0 rgba(var(--shadow-color, 0, 0, 0), 0.06);
  animation-name: none;
  transition: background ease-in-out 0.15s, color ease-in-out 0.15s, border-color ease-in-out 0.15s;
}

/* line 62, app/assets/stylesheets/vivid/survey.scss */
.icon.survey__answer__card {
  border-radius: 2em;
  padding: 0.2em;
  background-color: #fff;
  color: rgba(30, 30, 30, 0.25);
  border: 0.2rem solid transparent;
}

/* line 71, app/assets/stylesheets/vivid/survey.scss */
.survey__answer input:checked ~ .survey__answer__card {
  display: flex;
  animation-duration: 0.75s;
  animation-name: bounceIn;
}

/* line 1, app/assets/stylesheets/vivid/dynamic_component.scss */
.dynamic-component {
  position: relative;
}

/* line 7, app/assets/stylesheets/vivid/dynamic_component.scss */
.dynamic-component--status-failed:after,
.dynamic-component--status-updating:after {
  position: absolute;
  content: "";
  display: block;
  border-radius: 0.8rem;
  width: 0.8rem;
  height: 0.8rem;
  right: -1.2rem;
  top: -0.8rem;
}

/* line 20, app/assets/stylesheets/vivid/dynamic_component.scss */
.dynamic-component--status-updating:after {
  background-color: #e3e3e3;
  opacity: 0;
  animation-name: blinkIndicator;
  animation-duration: 1s;
  animation-delay: 3s;
  animation-iteration-count: infinite;
}

/* line 31, app/assets/stylesheets/vivid/dynamic_component.scss */
.dynamic-component--status-failed:after {
  background-color: #ffdd1f;
  opacity: 1;
}

/* line 37, app/assets/stylesheets/vivid/dynamic_component.scss */
.dynamic-component--state-preloading {
  position: relative;
}

/* line 39, app/assets/stylesheets/vivid/dynamic_component.scss */
.dynamic-component--state-preloading:after {
  content: "\00a0";
}

/* line 43, app/assets/stylesheets/vivid/dynamic_component.scss */
.dynamic-component--state-preloading:before {
  border-radius: 0.3rem;
  position: absolute;
  content: "";
  display: block;
  left: 0;
  top: 0.25em;
  height: 0.75em;
  width: 60%;
  opacity: 0.5;
  background: linear-gradient(-45deg, #e3e3e3, #e3e3e3, #fff, #e3e3e3, #e3e3e3);
  background-size: 200% 400%;
  animation: skeletonRollingGradient 5s ease infinite;
}

@keyframes skeletonRollingGradient {
  0% {
    background-position: 200% 50%;
  }
  100% {
    background-position: -200% 50%;
  }
}

@keyframes blinkIndicator {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* line 2, app/assets/stylesheets/vivid/scrim.scss */
.vivid .scrim {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  display: flex;
  flex-direction: column;
}

/* line 18, app/assets/stylesheets/vivid/scrim.scss */
.vivid .scrim__body,
.vivid .scrim__header,
.vivid .scrim__footer {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 26, app/assets/stylesheets/vivid/scrim.scss */
.vivid .scrim__body {
  flex: 1;
}

/* line 30, app/assets/stylesheets/vivid/scrim.scss */
.vivid .scrim--variant-sheet {
  background-color: rgba(255, 255, 255, 0.5);
}

/* line 34, app/assets/stylesheets/vivid/scrim.scss */
.vivid .scrim--variant-glass {
  background-color: rgba(255, 255, 255, 0.3);
}

/* line 38, app/assets/stylesheets/vivid/scrim.scss */
.vivid .scrim--variant-shade {
  background-color: rgba(30, 30, 30, 0.2);
  -webkit-backdrop-filter: blur(0.3rem);
  backdrop-filter: blur(0.3rem);
}

/* line 44, app/assets/stylesheets/vivid/scrim.scss */
.vivid .scrim--variant-fog {
  background-color: rgba(224, 234, 240, 0.6);
  -webkit-backdrop-filter: blur(0.3rem);
  backdrop-filter: blur(0.3rem);
}

/* line 50, app/assets/stylesheets/vivid/scrim.scss */
.vivid .scrim--variant-blue {
  background-color: rgba(44, 117, 255, 0.6);
  -webkit-backdrop-filter: blur(0.3rem);
  backdrop-filter: blur(0.3rem);
}

/* line 2, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map {
  --surface-outline-color: #fff;
  --surface-trim-color: rgba(255, 255, 255, 0.5);
  border-radius: inherit;
  flex: 1 1 auto;
  position: relative;
}

/* line 10, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map.surface--outlined, .vivid .embedded-map.surface--trimmed {
  border-width: 0.2rem;
  border-style: solid;
}

/* line 17, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map__container {
  flex: 1 1 100%;
  display: flex;
}

/* line 22, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map__marker {
  transition: transform 0.25s;
}

/* line 27, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map--gesturing .embedded-map__marker {
  transition: none;
}

/* line 32, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map__drawer {
  --drawer-color: rgba(243, 244, 247, 0.75);
  --drawer-mobile-open-height: 100vh;
  -webkit-backdrop-filter: blur(0.3rem);
  backdrop-filter: blur(0.3rem);
  touch-action: none;
  background-color: var(--drawer-color);
  padding: 0.8rem 1.2rem;
  position: absolute;
  display: flex;
  overflow: hidden;
}

/* line 46, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map__drawer > .tile-list {
  background: transparent;
}

@media screen and (min-width: 768px) {
  /* line 51, app/assets/stylesheets/vivid/embedded_map.scss */
  .vivid .embedded-map__drawer {
    left: calc( -33vw + 3.6rem);
    width: 33vw;
    top: var(--sticky-max-nav-height);
    bottom: var(--sticky-footer-height);
    flex-direction: row-reverse;
    transition: left 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  /* line 64, app/assets/stylesheets/vivid/embedded_map.scss */
  .vivid .embedded-map__drawer.open {
    left: 0;
  }
}

@media (max-width: 767px) {
  /* line 70, app/assets/stylesheets/vivid/embedded_map.scss */
  .vivid .embedded-map__drawer {
    border-top: solid 0.1rem var(--surface-trim-color);
    flex-direction: column;
    transition: height 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    bottom: var(--sticky-footer-height);
    width: 100%;
    height: 13.2rem;
    max-height: calc( 100vh - var(--sticky-footer-height) - var(--sticky-max-nav-height) - 4rem);
    border-radius: 1.2rem 1.2rem 0 0;
  }
  /* line 86, app/assets/stylesheets/vivid/embedded_map.scss */
  .vivid .embedded-map__drawer:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    flex: 1 0 auto;
  }
  /* line 95, app/assets/stylesheets/vivid/embedded_map.scss */
  .vivid .embedded-map__drawer.open {
    height: var(--drawer-mobile-open-height);
  }
}

/* line 100, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map__drawer .embedded-map__drawer-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  /* line 100, app/assets/stylesheets/vivid/embedded_map.scss */
  .vivid .embedded-map__drawer .embedded-map__drawer-toggle {
    margin-top: -1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media screen and (min-width: 768px) {
  /* line 112, app/assets/stylesheets/vivid/embedded_map.scss */
  .vivid .embedded-map__drawer .embedded-map__drawer-toggle {
    height: 100%;
    width: 3.6rem;
    flex: 0 0 3.6rem;
    margin-right: -1.2rem;
  }
}

/* line 121, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map__drawer .embedded-map__drawer-toggle .fa-chevron-up {
  transition: transform ease-in-out 0.15s;
  transform-origin: 50% 45%;
}

@media screen and (max-width: 767px) {
  /* line 127, app/assets/stylesheets/vivid/embedded_map.scss */
  .vivid .embedded-map__drawer.open .embedded-map__drawer-toggle .fa-chevron-up {
    transform: rotate(180deg) translateY(-0.2em);
  }
}

@media screen and (min-width: 768px) {
  /* line 133, app/assets/stylesheets/vivid/embedded_map.scss */
  .vivid .embedded-map__drawer .embedded-map__drawer-toggle .fa-chevron-up {
    transform: rotate(90deg) translateY(-0.2em);
  }
  /* line 137, app/assets/stylesheets/vivid/embedded_map.scss */
  .vivid .embedded-map__drawer.open .embedded-map__drawer-toggle .fa-chevron-up {
    transform: rotate(-90deg) translateY(-0.2em);
  }
}

/* line 144, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .card__media:not(:last-child) .embedded-map.surface--outlined, .vivid .card__media:not(:last-child) .embedded-map.surface--trimmed {
  border-bottom: none;
}

/* line 150, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map__body {
  border-radius: inherit;
  flex: 1 1 auto;
  height: 100%;
}

/* line 157, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map--ratio-square .embedded-map__body {
  padding-bottom: 100%;
}

/* line 163, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map--ratio-landscape .embedded-map__body {
  padding-bottom: 75%;
}

/* line 169, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map--ratio-portrait .embedded-map__body {
  padding-bottom: 133.3333333333%;
}

/* line 175, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map--ratio-widescreen .embedded-map__body {
  padding-bottom: 56.25%;
}

/* line 181, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map--ratio-masthead .embedded-map__body {
  padding-bottom: 42.8571428571%;
}

/* line 187, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map--ratio-ribbon .embedded-map__body {
  padding-bottom: 30%;
}

/* line 192, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map--ratio-fill {
  flex: 1 1 100%;
  height: 100%;
}

/* line 197, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map--shape-rounded {
  border-radius: 0.6rem;
  overflow: hidden;
  isolation: isolate;
}

/* line 204, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map--shape-rounded-large {
  border-radius: 1.2rem;
  overflow: hidden;
  isolation: isolate;
}

/* line 211, app/assets/stylesheets/vivid/embedded_map.scss */
.vivid .embedded-map__controls {
  position: absolute;
  right: var(--horizontal-padding, 1.2rem);
  top: var(--vertical-padding, 0.8rem);
}

/* line 1, app/assets/stylesheets/vivid/pagination.scss */
.pagination {
  display: flex;
  padding: 0;
  margin: 0;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

/* line 9, app/assets/stylesheets/vivid/pagination.scss */
.pagination > li {
  display: inline-block;
  position: relative;
}

/* line 13, app/assets/stylesheets/vivid/pagination.scss */
.pagination > li > a {
  display: block;
  width: 100%;
}

/* line 18, app/assets/stylesheets/vivid/pagination.scss */
.pagination > li > a:focus {
  position: relative;
  z-index: 1;
}

/* line 24, app/assets/stylesheets/vivid/pagination.scss */
.pagination > li:not(.disabled) + li {
  margin-left: -2px;
}

/* line 30, app/assets/stylesheets/vivid/pagination.scss */
.pagination > li:not(:last-child) > a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 37, app/assets/stylesheets/vivid/pagination.scss */
.pagination > li:not(:first-child) > a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 45, app/assets/stylesheets/vivid/pagination.scss */
.pagination > li.disabled > a.btn {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  background-color: transparent;
}

/* line 4, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section {
  display: flex;
  flex-direction: column;
}

/* line 8, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment--positive {
  background-color: #3add6c;
}

/* line 12, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment--neutral {
  background-color: #9d68b8;
}

/* line 16, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment--negative {
  background-color: #2a4491;
}

/* line 20, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment--missing {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #e3e3e3;
}

/* line 25, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment__legend {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 0.4rem;
}

/* line 31, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment__activity-scale {
  background: linear-gradient(to right, rgba(157, 104, 184, 0), #9d68b8);
  height: 1.6rem;
  border-radius: 0.3rem;
}

/* line 41, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment__activity-scale__caption {
  margin-top: 0.5rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
  font-weight: 700;
  display: flex;
}

/* line 48, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment__activity-scale__caption span:first-child {
  flex: 1 1 100%;
}

/* line 53, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment-graph {
  display: flex;
  margin-left: -1.3333333333rem;
  margin-right: -1.3333333333rem;
}

@media (min-width: 768px) {
  /* line 53, app/assets/stylesheets/vivid/elements/sentiment.scss */
  .vivid .sentiment-section .sentiment-graph {
    margin-left: 0;
    margin-right: 0;
  }
}

/* line 65, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment-week {
  width: 20%;
  flex: 0 1 20%;
  margin: 0 0.25rem;
}

@media (min-width: 768px) {
  /* line 65, app/assets/stylesheets/vivid/elements/sentiment.scss */
  .vivid .sentiment-section .sentiment-week {
    margin: 0 0.5rem;
  }
}

@media (min-width: 992px) {
  /* line 65, app/assets/stylesheets/vivid/elements/sentiment.scss */
  .vivid .sentiment-section .sentiment-week {
    margin: 0 1rem;
  }
}

/* line 78, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment-week:first-child {
  margin-left: 0;
}

/* line 82, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment-week:last-child {
  margin-right: 0;
}

/* line 87, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment-week__positive,
.vivid .sentiment-section .sentiment-week__negative,
.vivid .sentiment-section .sentiment-week__volume {
  position: relative;
  display: flex;
  align-items: flex-end;
  flex: 0 0 auto;
}

/* line 97, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment-week__negative {
  align-items: flex-start;
}

/* line 101, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment-week__volume {
  margin-top: 0.5rem;
}

/* line 105, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment-week__label {
  text-align: center;
  font-size: 1.1rem;
  line-height: 1;
  background-color: #e0eaf0;
  min-height: 2.75rem;
  margin: 0.5rem 0.05rem;
  padding: 0.2rem 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 768px) {
  /* line 105, app/assets/stylesheets/vivid/elements/sentiment.scss */
  .vivid .sentiment-section .sentiment-week__label {
    font-size: 1.4rem;
    min-height: 2.2rem;
    margin: 0.5rem 0.1rem;
  }
}

/* line 126, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment-week__bar,
.vivid .sentiment-section .sentiment-week__heatmap {
  width: 14.28571429%;
  float: left;
  margin: 0 0.05rem;
}

@media (min-width: 768px) {
  /* line 126, app/assets/stylesheets/vivid/elements/sentiment.scss */
  .vivid .sentiment-section .sentiment-week__bar,
.vivid .sentiment-section .sentiment-week__heatmap {
    margin: 0 0.1rem;
  }
}

/* line 136, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment-week__bar.sentiment--positive,
.vivid .sentiment-section .sentiment-week__heatmap.sentiment--positive {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

@media (min-width: 992px) {
  /* line 136, app/assets/stylesheets/vivid/elements/sentiment.scss */
  .vivid .sentiment-section .sentiment-week__bar.sentiment--positive,
.vivid .sentiment-section .sentiment-week__heatmap.sentiment--positive {
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
  }
}

/* line 146, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment-week__bar.sentiment--negative,
.vivid .sentiment-section .sentiment-week__heatmap.sentiment--negative {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

@media (min-width: 992px) {
  /* line 146, app/assets/stylesheets/vivid/elements/sentiment.scss */
  .vivid .sentiment-section .sentiment-week__bar.sentiment--negative,
.vivid .sentiment-section .sentiment-week__heatmap.sentiment--negative {
    border-bottom-left-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
  }
}

/* line 157, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment-week__positive,
.vivid .sentiment-section .sentiment-week__negative {
  height: 10rem;
}

@media (min-width: 768px) {
  /* line 157, app/assets/stylesheets/vivid/elements/sentiment.scss */
  .vivid .sentiment-section .sentiment-week__positive,
.vivid .sentiment-section .sentiment-week__negative {
    height: 10rem;
  }
}

/* line 166, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment-week__heatmap {
  height: 1.1rem;
}

@media (min-width: 768px) {
  /* line 166, app/assets/stylesheets/vivid/elements/sentiment.scss */
  .vivid .sentiment-section .sentiment-week__heatmap {
    height: 2.2rem;
  }
}

/* line 174, app/assets/stylesheets/vivid/elements/sentiment.scss */
.vivid .sentiment-section .sentiment-week__baseline {
  position: absolute;
  height: 0.1rem;
  width: 100%;
  background-color: rgba(68, 68, 68, 0.05);
}

/* line 2, app/assets/stylesheets/vivid/elements/school-ornament.scss */
.vivid .school-ornament {
  display: inline-flex;
  width: 13.2rem;
  height: 13.2rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  background: #fff;
}

/* line 53, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar-fixed {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  max-width: 100vw;
  z-index: 1000;
  background-clip: padding-box;
}

/* line 62, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar-fixed .page-navbar {
  padding-top: var(--safe-area-inset-top);
}

/* line 67, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar {
  transition: background ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/* line 70, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar.sticky-top--stuck {
  background: #fff;
}

/* line 74, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar .dropdown-menu {
  font-size: 1.6rem;
  line-height: 2.2rem;
  border: 0;
  border-radius: 0.6rem;
  padding: 1rem 1.6rem;
}

@media (min-width: 768px) {
  /* line 74, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .page-navbar .dropdown-menu {
    max-height: 80vh;
    height: auto;
    overflow: auto;
    box-shadow: 0 0.5rem 0.5rem -0.3rem rgba(0, 0, 0, 0.1), 0 0.8rem 1rem 0.1rem rgba(0, 0, 0, 0.07), 0 0.3rem 1.4rem 0.2rem rgba(0, 0, 0, 0.06);
  }
}

@media (max-width: 767px) {
  /* line 74, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .page-navbar .dropdown-menu {
    box-shadow: none;
    display: block;
    position: static;
    padding: 0;
  }
}

/* line 93, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar .dropdown-menu .divider {
  background-color: rgba(68, 68, 68, 0.1);
  border-radius: 0.1rem;
  border: 0;
}

/* line 99, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar .dropdown-menu .badge {
  vertical-align: baseline;
}

/* line 103, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar .dropdown-menu a {
  border-radius: 0.3rem;
  padding: 0.5rem 1.2rem;
}

/* line 108, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar .dropdown-menu a:hover {
  background: #1942d8;
  color: #fff;
}

/* line 113, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar .dropdown-menu .section-header {
  padding: 0.5rem 1.2rem;
  color: rgba(68, 68, 95, 0.6);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-bottom: 1rem;
}

/* line 126, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__container.page-navbar__container {
  display: flex;
  flex-direction: column;
  padding: 0 1.5rem;
}

@media (min-width: 768px) {
  /* line 126, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .page-navbar__container.page-navbar__container {
    flex-direction: row;
    align-items: center;
  }
}

/* line 136, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__header {
  display: flex;
  align-items: center;
  min-height: 6.4rem;
}

@media (min-width: 768px) {
  /* line 136, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .page-navbar__header {
    min-height: 6.4rem;
  }
}

/* line 147, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__logo {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 153, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__logo svg {
  margin-top: -0.7rem;
  height: 2.6rem;
  width: auto;
  transition: height ease-in-out 0.15s, margin ease-in-out 0.15s;
}

/* line 162, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__logo a {
  outline: none;
  transition: box-shadow ease-in-out 0.15s;
  color: inherit;
}

/* line 167, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__logo a:focus {
  box-shadow: 0 0.2rem 0 #fff, 0 0.5rem 0 #1942d8;
}

/* line 174, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__nav {
  display: flex;
  flex: 100%;
}

@media (max-width: 767px) {
  /* line 174, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .page-navbar__nav {
    overflow: auto;
    max-height: calc( 100vh - 6.4rem - 68px);
  }
}

@media (min-width: 768px) {
  /* line 174, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .page-navbar__nav {
    align-items: center;
    justify-content: flex-end;
  }
}

/* line 190, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__nav__collapse {
  width: 100%;
}

@media (min-width: 768px) {
  /* line 190, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .page-navbar__nav__collapse {
    display: block;
    min-height: 4.2rem;
  }
}

/* line 198, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__nav__items {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0 0 2rem 0;
  list-style: none;
}

@media (min-width: 768px) {
  /* line 198, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .page-navbar__nav__items {
    padding: 0;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
  }
}

/* line 210, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__nav__items > li > a {
  position: relative;
  display: block;
  padding: 1rem 1.6rem;
  color: inherit;
  text-decoration: none;
  outline: none;
  font-weight: 700;
  font-size: 1.4rem;
  transition: box-shadow ease-in-out 0.15s;
  text-align: center;
}

/* line 223, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__nav__items > li > a:focus {
  box-shadow: 0 0.3rem 0 #1942d8;
}

/* line 228, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__nav__items .btn {
  margin: 1rem 0 0 0;
}

/* line 231, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__nav__items .btn img,
.page-navbar__nav__items .btn svg {
  max-height: 1.6rem;
}

@media (max-width: 767px) {
  /* line 228, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .page-navbar__nav__items .btn {
    width: 100%;
  }
}

@media (min-width: 768px) {
  /* line 228, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .page-navbar__nav__items .btn {
    margin: 0 0 0 1.6rem;
  }
}

/* line 245, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__nav__items .page-navbar__nav__items--nospace {
  white-space: nowrap;
}

@media (max-width: 767px) {
  /* line 249, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .page-navbar__nav__items #login-lg {
    display: none;
  }
}

/* line 256, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__nav__label {
  font-size: 1.4rem;
  text-align: end;
}

/* line 261, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__controls-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 767px) {
  /* line 261, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .page-navbar__controls-container {
    flex: 100%;
  }
}

/* line 271, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__toggle {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 1rem;
}

@media (min-width: 768px) {
  /* line 271, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .page-navbar__toggle {
    display: none;
  }
}

/* line 281, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__toggle > button {
  position: relative;
  background: transparent;
  color: inherit;
  border: 0;
  padding: 0.5rem 1.2rem;
  margin-right: -1.2rem;
}

/* line 291, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__toggle__bar {
  display: block;
  background: #1e1e1e;
  height: 0.2rem;
  border-radius: 0.1rem;
  width: 3rem;
  margin: 0.8rem 0;
}

/* line 300, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__menu-toggle {
  display: none;
  background: transparent;
  color: inherit;
  border: 0;
  padding: 1rem 1.5rem;
  margin-right: -1.5rem;
}

@media (min-width: 768px) {
  /* line 300, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .page-navbar__menu-toggle {
    display: flex;
    align-items: center;
  }
}

/* line 312, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__menu-toggle .adorn.adorn--inline .adorn__body {
  overflow: visible;
}

/* line 317, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.page-navbar__menu-toggle__avatar {
  margin: 0 0.3em;
}

@media (max-width: 767px) {
  /* line 322, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .product-page .page-navbar {
    display: none;
  }
}

/* line 328, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.product-page .page-navbar__toggle__bar {
  background: currentColor;
}

@media (min-width: 768px) {
  /* line 333, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .product-page .page-tabs {
    max-width: 64rem;
    margin: auto;
  }
  /* line 338, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .product-page .page-navbar__menu-toggle__name {
    display: none;
  }
  /* line 342, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .product-page .page-navbar__logo img {
    margin-top: -0.5rem;
    height: 2.2rem;
  }
}

@media (min-width: 1024px) {
  /* line 349, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .product-page .page-navbar__logo,
.product-page .page-navbar__menu-toggle {
    z-index: 1;
    position: absolute;
  }
  /* line 355, app/assets/stylesheets/vivid/elements/page-navbar.scss */
  .product-page .page-navbar__logo img {
    margin-top: -0.7rem;
    height: 2.6rem;
  }
}

/* line 364, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.product-page--variant-default .page-navbar.sticky-top--stuck {
  box-shadow: none;
}

/* line 369, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.product-page--variant-default .page-navbar-fixed {
  position: static;
}

/* line 376, app/assets/stylesheets/vivid/elements/page-navbar.scss */
.product-page .page-navbar, .product-page .page-navbar.sticky-top--stuck {
  background: #2c75ff;
  color: #fff;
}

@media (min-width: 768px) {
  /* line 1, app/assets/stylesheets/vivid/elements/page-tabs.scss */
  .page-tabs-fixed-container {
    display: none;
  }
}

/* line 7, app/assets/stylesheets/vivid/elements/page-tabs.scss */
.page-tabs {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

/* line 13, app/assets/stylesheets/vivid/elements/page-tabs.scss */
.page-tabs__tab {
  display: block;
}

/* line 17, app/assets/stylesheets/vivid/elements/page-tabs.scss */
a.page-tabs__tab {
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
  text-decoration: none;
  position: relative;
}

/* line 23, app/assets/stylesheets/vivid/elements/page-tabs.scss */
a.page-tabs__tab:active {
  text-decoration: none;
}

/* line 28, app/assets/stylesheets/vivid/elements/page-tabs.scss */
a.page-tabs__tab--selected {
  color: #fff;
}

/* line 32, app/assets/stylesheets/vivid/elements/page-tabs.scss */
.page-tabs__tab--other {
  margin-left: auto;
}

/* line 35, app/assets/stylesheets/vivid/elements/page-tabs.scss */
.page-tabs__tab--other:first-child {
  flex: 0 1 auto;
}

/* line 40, app/assets/stylesheets/vivid/elements/page-tabs.scss */
.page-tabs--variant-device {
  height: calc( 4.8rem + 0.3rem + max(1.5rem, var(--safe-area-inset-bottom)));
  width: 100vw;
  overflow: hidden;
  font-size: 1.1rem;
  line-height: 1;
  padding: 0 1.2rem calc(var(--safe-area-inset-bottom) - 1.5rem);
  background: #fff;
  color: rgba(68, 68, 68, 0.75);
}

/* line 51, app/assets/stylesheets/vivid/elements/page-tabs.scss */
.page-tabs--variant-device a.page-tabs__tab {
  flex: 1;
  border-radius: 0.4rem;
  color: inherit;
  padding: 1.5rem 0.8rem;
}

@media (hover: none) {
  /* line 59, app/assets/stylesheets/vivid/elements/page-tabs.scss */
  .page-tabs--variant-device a.page-tabs__tab:active {
    background-color: rgba(30, 30, 30, 0.08);
  }
}

/* line 64, app/assets/stylesheets/vivid/elements/page-tabs.scss */
.page-tabs--variant-device a.page-tabs__tab.page-tabs__tab--selected {
  color: #444444;
}

/* line 68, app/assets/stylesheets/vivid/elements/page-tabs.scss */
.page-tabs--variant-device a.page-tabs__tab .adorn .adorn__adornment {
  margin-bottom: 0.3rem;
}

/* line 73, app/assets/stylesheets/vivid/elements/page-tabs.scss */
.page-tabs--variant-device .badge--ornament {
  top: -0.75rem;
  right: -0.8rem;
}

/* line 79, app/assets/stylesheets/vivid/elements/page-tabs.scss */
.page-tabs--variant-desktop {
  flex: 1;
  max-width: 64rem;
  margin: auto;
  padding-left: -0.1rem;
  padding-right: -0.1rem;
  min-height: 3.6rem;
}

/* line 89, app/assets/stylesheets/vivid/elements/page-tabs.scss */
.page-tabs--variant-desktop a.page-tabs__tab {
  padding: 1rem 1.6rem;
}

/* line 92, app/assets/stylesheets/vivid/elements/page-tabs.scss */
.page-tabs--variant-desktop a.page-tabs__tab:hover {
  text-decoration: none;
  color: #fff;
}

/* line 99, app/assets/stylesheets/vivid/elements/page-tabs.scss */
.pop-up-logo {
  height: 2.2rem;
  margin: auto;
}

/* line 2, app/assets/stylesheets/vivid/elements/partner-carousel.scss */
.vivid .partner-carousel {
  background: #fff;
  color: rgba(68, 68, 95, 0.35);
  padding: 5rem 0;
}

@media (min-width: 768px) {
  /* line 2, app/assets/stylesheets/vivid/elements/partner-carousel.scss */
  .vivid .partner-carousel {
    padding: 7.5rem 0;
  }
}

/* line 12, app/assets/stylesheets/vivid/elements/partner-carousel.scss */
.vivid h6.partner-carousel__header {
  color: rgba(68, 68, 95, 0.35);
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.4rem;
  margin-bottom: 4rem;
}

/* line 2, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app-group + .installed-app-group {
  margin-top: 5rem;
}

/* line 7, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app {
  display: flex;
  font-size: 1.3rem;
  align-items: center;
  border-radius: 0.5rem;
}

/* line 13, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app a,
.installed-app a:visited {
  color: inherit;
  text-decoration: underline;
}

/* line 19, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app .installed-app-media {
  flex: 0 0 5rem;
  position: relative;
  margin-right: 1.4rem;
  width: 5rem;
}

/* line 26, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app .installed-app-logo {
  width: 5rem;
  height: 5rem;
  overflow: hidden;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
}

/* line 36, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app .installed-app-logo.installed-app-logo-missing {
  background-color: #ccf7fc;
}

/* line 40, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app .installed-app-logo img {
  width: 5rem;
  height: 5rem;
}

/* line 46, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app .installed-app-details {
  flex: 100%;
}

/* line 50, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app .installed-app-name {
  word-break: break-word;
  font-weight: 700;
  line-height: 1.2;
}

/* line 56, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app .installed-app-info-link {
  display: block;
}

/* line 60, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app .installed-app-indicator {
  position: absolute;
  width: 2.3rem;
  height: 2.3rem;
  line-height: 1.8rem;
  bottom: -0.5rem;
  right: -0.5rem;
  font-size: 1.3rem;
  border: 0.3rem solid white;
  border-radius: 50%;
  color: white;
  background-color: #1a3a99;
  text-align: center;
}

/* line 76, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app-connectable {
  background-color: rgba(204, 247, 252, 0.25);
}

/* line 80, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app-connected {
  background-color: transparent;
}

/* line 83, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app-connected .installed-app-indicator {
  background-color: #009900;
}

/* line 88, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app-removed {
  background-color: transparent;
  opacity: 0.6;
}

/* line 92, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app-removed .installed-app-indicator {
  background-color: #f3f4f7;
}

/* line 98, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app-risky .installed-app-indicator {
  background: #f83d52;
}

/* line 103, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app-risky.installed-app-recent .installed-app-name {
  color: #f83d52;
}

/* line 109, app/assets/stylesheets/vivid/elements/installed-apps.scss */
.installed-app-hint {
  font-size: 0.85em;
  color: #bbb;
}

/* line 1, app/assets/stylesheets/vivid/elements/footer.scss */
.vivid .vivid-footer {
  color: #dbdbe0;
  font-size: 1.4rem;
}

/* line 9, app/assets/stylesheets/vivid/elements/footer.scss */
.vivid .vivid-footer p {
  color: #dbdbe0;
}

/* line 13, app/assets/stylesheets/vivid/elements/footer.scss */
.vivid .vivid-footer li a:not(.btn) {
  color: white;
  line-height: 30px;
  text-decoration: none;
}

/* line 19, app/assets/stylesheets/vivid/elements/footer.scss */
.vivid .vivid-footer .toc-links {
  color: rgba(219, 219, 224, 0.6);
}

/* line 23, app/assets/stylesheets/vivid/elements/footer.scss */
.vivid .vivid-footer .toc-links a:first-child {
  margin-left: 0;
  margin-right: 1rem;
}

/* line 27, app/assets/stylesheets/vivid/elements/footer.scss */
.vivid .vivid-footer .toc-links a:not(.btn) {
  white-space: nowrap;
  margin-left: 1rem;
  margin-right: 1rem;
  text-decoration: none;
}

/* line 33, app/assets/stylesheets/vivid/elements/footer.scss */
.vivid .vivid-footer .toc-links a:last-child {
  margin-left: 1rem;
  margin-right: 0;
}

/* line 39, app/assets/stylesheets/vivid/elements/footer.scss */
.vivid .vivid-footer .dark-footer {
  color: rgba(219, 219, 224, 0.6);
}

/* line 42, app/assets/stylesheets/vivid/elements/footer.scss */
.vivid .vivid-footer .dark-footer a {
  color: rgba(219, 219, 224, 0.6);
  text-decoration: none;
}

/* line 47, app/assets/stylesheets/vivid/elements/footer.scss */
.vivid .vivid-footer .dark-footer p {
  color: rgba(219, 219, 224, 0.6);
}

/* line 51, app/assets/stylesheets/vivid/elements/footer.scss */
.vivid .vivid-footer .dark-footer .block-container {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* line 57, app/assets/stylesheets/vivid/elements/footer.scss */
.vivid .vivid-footer .email-collector {
  background-color: #000000;
  border-radius: 100vh;
  padding: 4px;
}

/* line 62, app/assets/stylesheets/vivid/elements/footer.scss */
.vivid .vivid-footer .email-collector .form-control:focus {
  box-shadow: none;
}

/* line 66, app/assets/stylesheets/vivid/elements/footer.scss */
.vivid .vivid-footer .email-collector input {
  background-color: #000000;
  color: inherit;
  border-radius: 100vh;
  border: none;
  min-width: 70%;
  max-width: 70%;
}

/* line 75, app/assets/stylesheets/vivid/elements/footer.scss */
.vivid .vivid-footer .email-collector input[type=submit] {
  background-color: #9493A2;
  color: #1E1E1E;
  float: right;
  min-width: 29%;
}

/* line 82, app/assets/stylesheets/vivid/elements/footer.scss */
.vivid .vivid-footer .email-collector input[type=submit]:hover:not(:disabled) {
  outline: none;
  color: #fff;
  background-color: #1942d8;
  border-color: #1942d8;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s;
}

/* line 90, app/assets/stylesheets/vivid/elements/footer.scss */
.vivid .vivid-footer .email-collector ::placeholder {
  color: #9493A2;
  opacity: 1;
  /* Firefox */
}

/* line 2, app/assets/stylesheets/vivid/elements/turbolinks-progress-bar.scss */
.product-page .turbolinks-progress-bar, .product-page .form--long-submit:after {
  height: 0.7rem;
  background-color: #1942d8;
  box-shadow: 0rem 0.1rem 0.3rem rgba(25, 66, 216, 0.5);
  top: calc(max(var(--sticky-nav-height, 0), 6.4rem));
}

@media (max-width: 767px) {
  /* line 2, app/assets/stylesheets/vivid/elements/turbolinks-progress-bar.scss */
  .product-page .turbolinks-progress-bar, .product-page .form--long-submit:after {
    top: auto;
    bottom: calc(max(calc( 4.8rem + 0.3rem + max(1.5rem, var(--safe-area-inset-bottom))), var(--sticky-footer-stuck-height)));
    background-color: #1942d8;
    box-shadow: 0rem -0.1rem 0.3rem rgba(25, 66, 216, 0.5);
  }
}

/* line 19, app/assets/stylesheets/vivid/elements/turbolinks-progress-bar.scss */
.product-page--variant-captured .turbolinks-progress-bar, .product-page--variant-captured .form--long-submit:after {
  top: var(--sticky-nav-height, 0);
}

@media (min-width: 375px) and (max-width: 767px) {
  /* line 19, app/assets/stylesheets/vivid/elements/turbolinks-progress-bar.scss */
  .product-page--variant-captured .turbolinks-progress-bar, .product-page--variant-captured .form--long-submit:after {
    top: auto;
    bottom: calc(max(var(--safe-area-inset-bottom), var(--sticky-footer-stuck-height)));
  }
}

/* line 1, app/assets/stylesheets/vivid/elements/pull-to-refresh.scss */
div.ptr--ptr {
  background: #004ddf;
  box-shadow: inset 0 -0.3rem 0.1rem -0.2rem rgba(0, 0, 0, 0.04), inset 0 -0.4rem 0.7rem -0.2rem rgba(0, 0, 0, 0.07);
}

/* line 7, app/assets/stylesheets/vivid/elements/pull-to-refresh.scss */
div.ptr--ptr .ptr--text,
div.ptr--ptr .ptr--icon {
  color: #caddff;
}

/* line 2, app/assets/stylesheets/vivid/elements/marketing-nav.scss */
.vivid .marketing-nav-masthead {
  position: sticky;
  top: var(--sticky-root-nav-height);
  transition: box-shadow 0.15s ease-in-out;
}

/* line 7, app/assets/stylesheets/vivid/elements/marketing-nav.scss */
.vivid .marketing-nav-masthead.sticky-top--stuck {
  z-index: 990;
  box-shadow: 0 0.3rem 0.1rem -0.2rem rgba(0, 0, 0, 0.1), 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.07), 0 0.1rem 0.5rem 0 rgba(0, 0, 0, 0.06);
}

/* line 1, app/assets/stylesheets/vivid/elements/support-overlay.scss */
.support-fab {
  position: fixed;
  z-index: 1049;
  right: 3rem;
  bottom: 3rem;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/vivid/elements/support-overlay.scss */
  .support-fab {
    right: 3rem;
    bottom: calc( max( var(--sticky-footer-stuck-height, var(--safe-area-inset-bottom)), var(--avoid-support-bottom, 0rem) ) + 2rem);
  }
}

/* line 18, app/assets/stylesheets/vivid/elements/support-overlay.scss */
.support-fab[aria-hidden] {
  visibility: hidden;
  pointer-events: none;
}

/* line 24, app/assets/stylesheets/vivid/elements/support-overlay.scss */
#ada-button-frame {
  display: none;
}

/* line 28, app/assets/stylesheets/vivid/elements/support-overlay.scss */
#ada-chat-frame {
  padding-top: var(--safe-area-inset-top);
  padding-bottom: var(--safe-area-inset-bottom);
}

/* line 34, app/assets/stylesheets/vivid/elements/support-overlay.scss */
#ada-entry > div[style*="linear-gradient"]:first-child {
  background: none !important;
  display: none;
}

@media print {
  /* line 41, app/assets/stylesheets/vivid/elements/support-overlay.scss */
  .vivid .btn.support-fab {
    display: none;
    background: green;
  }
}

/* line 1, app/assets/stylesheets/vivid/elements/inline_invite.scss */
.inline-invite-confirm-container {
  display: none;
}

/* line 2, app/assets/stylesheets/vivid/elements/search_filter.scss */
.vivid .search-filter__target__no-matches {
  display: none;
}

/* line 7, app/assets/stylesheets/vivid/elements/search_filter.scss */
.vivid .search-filter__target--filtered.search-filter__target--no-matches .search-filter__target__no-matches {
  display: block;
}

/* line 12, app/assets/stylesheets/vivid/elements/search_filter.scss */
.vivid .search-filter__target--filtering-visible {
  display: none;
}

/* line 17, app/assets/stylesheets/vivid/elements/search_filter.scss */
.vivid .search-filter__target--filtering .search-filter__target--filtering-visible {
  display: block;
}

/* line 22, app/assets/stylesheets/vivid/elements/search_filter.scss */
.vivid .search-filter__target--filtered-visible {
  display: none;
}

/* line 27, app/assets/stylesheets/vivid/elements/search_filter.scss */
.vivid .search-filter__target--filtered .search-filter__target--filtered-hidden {
  display: none;
}

/* line 30, app/assets/stylesheets/vivid/elements/search_filter.scss */
.vivid .search-filter__target--filtered .search-filter__target--filtered-visible {
  display: block;
}

/* line 1, app/assets/stylesheets/vivid/elements/embed.scss */
.embed-container {
  border-radius: 1.2rem;
  overflow: hidden;
}

/* line 5, app/assets/stylesheets/vivid/elements/embed.scss */
.embed-container > iframe, .embed-container > div {
  width: 100%;
  max-width: 100%;
  display: block;
}

/* line 1, app/assets/stylesheets/vivid/elements/discover.scss */
.discover-resource {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* line 7, app/assets/stylesheets/vivid/elements/discover.scss */
.discover-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* line 13, app/assets/stylesheets/vivid/elements/discover.scss */
.discover-resource {
  position: relative;
}

/* line 17, app/assets/stylesheets/vivid/elements/discover.scss */
.discover-content--front,
.discover-content--back {
  backface-visibility: hidden;
}

/* line 22, app/assets/stylesheets/vivid/elements/discover.scss */
.discover-content--back {
  transform: rotateY(180deg);
  position: absolute;
  display: flex;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* line 34, app/assets/stylesheets/vivid/elements/discover.scss */
.vivid .discover-resource.discover-resource--reversible {
  border-radius: 1.2rem;
  transform-style: preserve-3d;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, background-color ease-in-out 0.15s, transform 0.25s ease-in-out;
  outline: none;
}

/* line 41, app/assets/stylesheets/vivid/elements/discover.scss */
.vivid .discover-resource.discover-resource--reversible:focus {
  transform: rotateY(180deg);
  box-shadow: 0 0 0 0.2rem var(--surface-bg-color, #fff), 0 0 0 0.5rem var(--button-focus-color, #1e1e1e);
}

/* line 3, app/assets/stylesheets/vivid/elements/snippets.scss */
.product-page.product-alerts.show hr, .schools-snippets.show hr {
  border: none;
  margin-bottom: 0;
}

/* line 8, app/assets/stylesheets/vivid/elements/snippets.scss */
.product-page.product-alerts.show .body, .schools-snippets.show .body {
  margin-left: -3.75rem;
  margin-right: -3.75rem;
  padding: 1.5rem;
  background: #fff;
  border-radius: 2rem;
  border: solid 0.2rem #e3e3e3;
}

@media (max-width: 767px) {
  /* line 8, app/assets/stylesheets/vivid/elements/snippets.scss */
  .product-page.product-alerts.show .body, .schools-snippets.show .body {
    border-radius: 1.2rem;
  }
}

/* line 20, app/assets/stylesheets/vivid/elements/snippets.scss */
.product-page.product-alerts.show .body + hr, .schools-snippets.show .body + hr {
  display: none;
}

/* line 27, app/assets/stylesheets/vivid/elements/snippets.scss */
.snippet .body {
  overflow: auto;
}

/* line 30, app/assets/stylesheets/vivid/elements/snippets.scss */
.snippet .body blockquote {
  padding: 0.8rem 0 0.8rem 1.2rem;
  margin: 0;
}

/* line 35, app/assets/stylesheets/vivid/elements/snippets.scss */
.snippet .body blockquote > br:first-child:not(:last-child) {
  display: none;
}

/* line 39, app/assets/stylesheets/vivid/elements/snippets.scss */
.snippet .body blockquote + br + p {
  margin-top: 1rem;
}

/* line 44, app/assets/stylesheets/vivid/elements/snippets.scss */
.snippet .body p + br,
.snippet .body blockquote + br {
  display: none;
}

/* line 49, app/assets/stylesheets/vivid/elements/snippets.scss */
.snippet .body p:empty {
  display: none;
}

/* line 53, app/assets/stylesheets/vivid/elements/snippets.scss */
.snippet .body p:nth-last-child(2) {
  margin-bottom: 0;
}

/* line 57, app/assets/stylesheets/vivid/elements/snippets.scss */
.snippet .body .card {
  max-width: 100%;
}

/* line 60, app/assets/stylesheets/vivid/elements/snippets.scss */
.snippet .body .card .card__body {
  overflow: auto;
}

/* line 65, app/assets/stylesheets/vivid/elements/snippets.scss */
.snippet .body .message a {
  text-decoration: underline;
}

/* line 69, app/assets/stylesheets/vivid/elements/snippets.scss */
.snippet .body img {
  max-width: 390px;
  max-width: calc(min(100vw - 3rem, 100%));
}

/* line 73, app/assets/stylesheets/vivid/elements/snippets.scss */
.snippet .body img:not(:last-child) {
  margin-bottom: 1rem;
}

/* line 78, app/assets/stylesheets/vivid/elements/snippets.scss */
.snippet .body .activity + .activity {
  margin-top: 2rem;
}

/* line 82, app/assets/stylesheets/vivid/elements/snippets.scss */
.snippet .body .activity + .activity--compact-author {
  margin-top: 0;
}

/* line 83, app/assets/stylesheets/vivid/elements/snippets.scss */
.snippet .body .activity + .activity--compact-author .posted-at {
  display: none;
}

@media (max-width: 767px) {
  /* line 87, app/assets/stylesheets/vivid/elements/snippets.scss */
  .snippet .body .activity + .activity--compact-author .author {
    display: none;
  }
}

@media (min-width: 768px) {
  /* line 92, app/assets/stylesheets/vivid/elements/snippets.scss */
  .snippet .body .activity + .activity--compact-author .author > * {
    visibility: hidden;
  }
}

/* line 102, app/assets/stylesheets/vivid/elements/snippets.scss */
.snippet .posted-at {
  opacity: 0;
  transition: opacity 0.15s ease-in-out;
  transition-delay: 0s;
}

/* line 109, app/assets/stylesheets/vivid/elements/snippets.scss */
.snippet .activity:hover .posted-at {
  opacity: 1;
  transition-delay: 0.5s;
}

/* line 115, app/assets/stylesheets/vivid/elements/snippets.scss */
.snippet .activity + .compact-activity-timestamp {
  margin-top: 2rem;
}

/* line 2, app/assets/stylesheets/vivid/elements/family_map.scss */
.vivid .badge.family-map__avatar__badge {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 7, app/assets/stylesheets/vivid/elements/family_map.scss */
.vivid .family-map__avatar__badge__movement-class {
  margin-left: calc(var(--badge-padding-horizontal) * -0.75);
}

/* line 10, app/assets/stylesheets/vivid/elements/family_map.scss */
.vivid .family-map__avatar__badge__movement-class:last-child {
  margin-right: calc(var(--badge-padding-horizontal) * -0.75);
}

/* line 16, app/assets/stylesheets/vivid/elements/family_map.scss */
.vivid .family-map__avatar__badge__movement-speed {
  margin-bottom: -0.1em;
}

/* line 20, app/assets/stylesheets/vivid/elements/family_map.scss */
.vivid .family-map__map-icon__beacon {
  position: absolute;
  width: 8.8rem;
  height: 8.8rem;
  left: -4.4rem;
  top: -4.4rem;
}

/* line 28, app/assets/stylesheets/vivid/elements/family_map.scss */
.vivid .family-map__map-icon__beacon--movement-normal {
  color: #9d68b8;
}

/* line 32, app/assets/stylesheets/vivid/elements/family_map.scss */
.vivid .family-map__map-icon__beacon--movement-danger {
  color: #ff4431;
}

/* line 36, app/assets/stylesheets/vivid/elements/family_map.scss */
.vivid .family-map__map-icon__avatar {
  position: absolute;
  left: -1.8rem;
  top: -1.8rem;
}

/* line 42, app/assets/stylesheets/vivid/elements/family_map.scss */
.vivid .family-map__map-icon__avatar--stale,
.vivid .family-map__avatar--stale {
  filter: grayscale(1);
}

@media (max-width: 767px) {
  /* line 4, app/assets/stylesheets/vivid/elements/nps.scss */
  .vivid #nps-modal .btn {
    padding: 0.3rem 1rem;
    font-size: 1.6rem;
    line-height: 2rem;
    border-radius: 50%;
    min-height: 3rem;
  }
  /* line 144, app/assets/stylesheets/vivid/button.scss */
  .vivid #nps-modal .btn.btn-circle {
    width: 3rem;
  }
}

/* line 3, app/assets/stylesheets/vivid/pages/talk_to_kids.scss */
.marketing.talk_to_kids #categories .nav__title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.375;
}

@media (min-width: 992px) {
  /* line 3, app/assets/stylesheets/vivid/pages/talk_to_kids.scss */
  .marketing.talk_to_kids #categories .nav__title {
    font-size: 2.7rem;
    font-weight: 700;
  }
}

@media (max-width: 767px) {
  /* line 15, app/assets/stylesheets/vivid/pages/talk_to_kids.scss */
  .marketing.talk_to_kids #categories .block-container {
    padding: 0;
  }
  /* line 19, app/assets/stylesheets/vivid/pages/talk_to_kids.scss */
  .marketing.talk_to_kids #categories .vivid-panel__body {
    padding: 4rem 3rem;
  }
}

/* line 2, app/assets/stylesheets/vivid/pages/landing.scss */
.landing2 .stat-hero__stat {
  font-family: "Greycliff CF", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.7rem;
  font-weight: 700;
  line-height: 1.375;
}

@media (min-width: 768px) {
  /* line 2, app/assets/stylesheets/vivid/pages/landing.scss */
  .landing2 .stat-hero__stat {
    font-size: 4rem;
  }
}

/* line 12, app/assets/stylesheets/vivid/pages/landing.scss */
.landing2 .stat-hero__stat + .stat-hero__stat {
  margin-top: 1em;
}

/* line 18, app/assets/stylesheets/vivid/pages/landing.scss */
.provider-icons-container {
  text-align: center;
}

/* line 20, app/assets/stylesheets/vivid/pages/landing.scss */
.provider-icons-container .inline-media {
  margin: 0.5rem 1.2rem;
}

@media (min-width: 768px) {
  /* line 20, app/assets/stylesheets/vivid/pages/landing.scss */
  .provider-icons-container .inline-media {
    margin: 1rem 2.4rem;
  }
}

/* line 4, app/assets/stylesheets/vivid/pages/accounts_cancel.scss */
.accounts.cancel .cancel-coupon-offer,
.accounts.cancel .cancel-account-form {
  display: none;
}

/* line 9, app/assets/stylesheets/vivid/pages/accounts_cancel.scss */
.accounts.cancel .account-cancel-reason-description {
  display: none;
}

/* line 4, app/assets/stylesheets/vivid/pages/ios.scss */
.marketing.ios_landing .ios-badapple p {
  padding: 0 5px;
}

/* line 8, app/assets/stylesheets/vivid/pages/ios.scss */
.marketing.ios_landing .ios-badapple .ba1 {
  padding-top: 25px;
  border-top-style: solid;
  border-top-color: #1942d8;
}

/* line 14, app/assets/stylesheets/vivid/pages/ios.scss */
.marketing.ios_landing .ios-badapple .ba2 {
  padding-top: 25px;
  border-top-style: solid;
  border-top-color: #ffdd1f;
}

/* line 20, app/assets/stylesheets/vivid/pages/ios.scss */
.marketing.ios_landing .ios-badapple .ba3 {
  padding-top: 25px;
  border-top-style: solid;
  border-top-color: #b9008c;
}

/* line 26, app/assets/stylesheets/vivid/pages/ios.scss */
.marketing.ios_landing .ios-badapple .ba4 {
  padding-top: 25px;
  border-top-style: solid;
  border-top-color: #2a4491;
}

/* line 1, app/assets/stylesheets/vivid/pages/product_children.scss */
.profile-picker__profile {
  color: rgba(68, 68, 95, 0.6);
  font-size: 1.4rem;
  line-height: 1.8rem;
}

/* line 6, app/assets/stylesheets/vivid/pages/product_children.scss */
.profile-picker__profile a {
  border-radius: 0.6rem;
  display: block;
  max-width: 100%;
}

/* line 12, app/assets/stylesheets/vivid/pages/product_children.scss */
.profile-picker__profile .badge--ornament {
  right: -0.4rem;
}

@media (min-width: 768px) {
  /* line 19, app/assets/stylesheets/vivid/pages/product_children.scss */
  .vivid .profile-card > .subsurface {
    padding-left: 7.5rem;
    padding-right: 7.5rem;
  }
}

/* line 26, app/assets/stylesheets/vivid/pages/product_children.scss */
.vivid .profile-card .power-off {
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
}

/* line 32, app/assets/stylesheets/vivid/pages/product_children.scss */
.vivid .profile-card .mdm-device-battery-snapshot {
  position: absolute;
  top: 0.6rem;
  right: 0.6rem;
}

@counter-style roman-surrounded {
  system: extends lower-roman;
  prefix: "(";
  suffix: ") ";
}

@counter-style alpha-surrounded {
  system: extends lower-alpha;
  prefix: "(";
  suffix: ") ";
}

@counter-style decimal-surrounded {
  system: extends decimal;
  prefix: "(";
  suffix: ") ";
}

@counter-style main-section {
  system: extends decimal;
  suffix: ") ";
}

/* line 26, app/assets/stylesheets/vivid/pages/terms.scss */
.terms-of-service ul,
.terms-of-service ol {
  padding-inline-start: 2em;
}

/* line 30, app/assets/stylesheets/vivid/pages/terms.scss */
.terms-of-service ul > li,
.terms-of-service ol > li {
  margin-bottom: 1rem;
}

/* line 34, app/assets/stylesheets/vivid/pages/terms.scss */
.terms-of-service ul ul,
.terms-of-service ul ol,
.terms-of-service ol ul,
.terms-of-service ol ol {
  padding-inline-start: 1em;
}

/* line 39, app/assets/stylesheets/vivid/pages/terms.scss */
.terms-of-service ul .section-label,
.terms-of-service ol .section-label {
  display: inline;
  font-size: inherit;
  text-decoration: underline;
}

/* line 44, app/assets/stylesheets/vivid/pages/terms.scss */
.terms-of-service ul .section-label + ol,
.terms-of-service ol .section-label + ol {
  margin-top: 1rem;
}

/* line 50, app/assets/stylesheets/vivid/pages/terms.scss */
.terms-of-service ol.roman-surrounded {
  list-style: roman-surrounded;
}

/* line 54, app/assets/stylesheets/vivid/pages/terms.scss */
.terms-of-service ol.alpha-surrounded {
  list-style: alpha-surrounded;
}

/* line 58, app/assets/stylesheets/vivid/pages/terms.scss */
.terms-of-service ol.decimal-surrounded {
  list-style: decimal-surrounded;
}

/* line 62, app/assets/stylesheets/vivid/pages/terms.scss */
.terms-of-service ol.main-section {
  list-style: main-section;
}

/* line 66, app/assets/stylesheets/vivid/pages/terms.scss */
.terms-of-service ol.main-section > li > .section-label,
.terms-of-service ol.main-section > li > p:first-child > .section-label {
  font-weight: bold;
}

/* line 73, app/assets/stylesheets/vivid/pages/terms.scss */
.terms-of-service .waiver,
.terms-of-service .definition {
  font-weight: bold;
}

@media print {
  /* line 4, app/assets/stylesheets/vivid/print.scss */
  a,
a:visited {
    text-decoration: underline;
  }
  /* line 9, app/assets/stylesheets/vivid/print.scss */
  pre,
blockquote {
    page-break-inside: avoid;
  }
  /* line 14, app/assets/stylesheets/vivid/print.scss */
  thead {
    display: table-header-group;
  }
  /* line 18, app/assets/stylesheets/vivid/print.scss */
  tr,
img {
    page-break-inside: avoid;
  }
  /* line 23, app/assets/stylesheets/vivid/print.scss */
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }
  /* line 30, app/assets/stylesheets/vivid/print.scss */
  h2,
h3,
h4,
h5,
h6 {
    page-break-after: avoid;
  }
  /* line 38, app/assets/stylesheets/vivid/print.scss */
  .hidden-print {
    display: none;
  }
}

@media screen {
  /* line 44, app/assets/stylesheets/vivid/print.scss */
  .visible-print {
    display: none;
  }
}

@media print {
  /* line 50, app/assets/stylesheets/vivid/print.scss */
  html {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    forced-color-adjust: exact;
    width: 992px;
  }
  @page {
    size: 992px 1284px portrait;
    margin: 0;
  }
}

/* line 1, app/assets/stylesheets/vivid/word_quiz.css */
.word-quiz__hint-container {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
  padding-bottom: 2rem;
}

/* line 8, app/assets/stylesheets/vivid/word_quiz.css */
.word-quiz__hint-row {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

/* line 14, app/assets/stylesheets/vivid/word_quiz.css */
.word-quiz__block {
  border-width: var(--button-border-width);
  border-color: var(--surface-outline-color, var(--control-border-color));
  border-style: solid;
  border-radius: var(--element-border-radius);
  height: 5rem;
  width: 5rem;
}

/* line 23, app/assets/stylesheets/vivid/word_quiz.css */
.word-quiz__block.animated {
  animation-duration: 300ms;
}

/* line 27, app/assets/stylesheets/vivid/word_quiz.css */
.word-quiz__block--partially-correct {
  background-color: var(--vivid-yellow);
}

/* line 30, app/assets/stylesheets/vivid/word_quiz.css */
.word-quiz__block--fully-correct {
  background-color: var(--vivid-muted-green);
}

/* line 2, app/assets/stylesheets/vivid/turbo.scss */
.product-page .turbo-progress-bar,
.product-page .form--long-submit:after {
  height: 0.7rem;
  background-color: #1942d8;
  box-shadow: 0rem 0.1rem 0.3rem rgba(25, 66, 216, 0.5);
  top: calc(max(var(--sticky-nav-height, 0), 6.4rem));
}

@media (max-width: 767px) {
  /* line 2, app/assets/stylesheets/vivid/turbo.scss */
  .product-page .turbo-progress-bar,
.product-page .form--long-submit:after {
    top: auto;
    bottom: calc(max(calc( 4.8rem + 0.3rem + max(1.5rem, var(--safe-area-inset-bottom))), var(--sticky-footer-stuck-height)));
    background-color: #1942d8;
    box-shadow: 0rem -0.1rem 0.3rem rgba(25, 66, 216, 0.5);
  }
}

/* line 20, app/assets/stylesheets/vivid/turbo.scss */
.product-page--variant-captured .turbo-progress-bar,
.product-page--variant-captured .form--long-submit:after {
  top: var(--sticky-nav-height, 0);
}

@media (min-width: 375px) and (max-width: 767px) {
  /* line 20, app/assets/stylesheets/vivid/turbo.scss */
  .product-page--variant-captured .turbo-progress-bar,
.product-page--variant-captured .form--long-submit:after {
    top: auto;
    bottom: calc(max(var(--safe-area-inset-bottom), var(--sticky-footer-stuck-height)));
  }
}

/* line 31, app/assets/stylesheets/vivid/turbo.scss */
turbo-frame.turbo--async {
  position: relative;
}

/* line 36, app/assets/stylesheets/vivid/turbo.scss */
turbo-frame.turbo--async[busy]:after {
  position: absolute;
  content: "";
  display: block;
  border-radius: 0.8rem;
  width: 0.8rem;
  height: 0.8rem;
  right: -1.2rem;
  top: -0.8rem;
  background-color: #e3e3e3;
  opacity: 0;
  animation-name: turboThrobber;
  animation-duration: 1s;
  animation-delay: 3s;
  animation-iteration-count: infinite;
}

/* line 55, app/assets/stylesheets/vivid/turbo.scss */
turbo-frame.turbo--skeleton[busy] {
  position: relative;
  pointer-events: none;
  cursor: progress;
}

/* line 60, app/assets/stylesheets/vivid/turbo.scss */
turbo-frame.turbo--skeleton[busy]:after {
  content: "\00a0";
}

/* line 64, app/assets/stylesheets/vivid/turbo.scss */
turbo-frame.turbo--skeleton[busy]:before {
  border-radius: 0.3rem;
  position: absolute;
  content: "";
  display: block;
  left: 0;
  right: 0;
  top: 0.25em;
  bottom: 0.25em;
  width: 100%;
  min-height: 0.75em;
  z-index: 1000000;
  cursor: progress;
  pointer-events: auto;
  opacity: 0.5;
  background: linear-gradient(-45deg, #e3e3e3, #e3e3e3, #fff, #e3e3e3, #e3e3e3);
  background-size: 200% 400%;
  animation: turboSkeletonRollingGradient 5s ease infinite, turboDelayedVisibility 1s ease;
}

/* line 96, app/assets/stylesheets/vivid/turbo.scss */
turbo-frame.turbo--skeleton[busy] .skeleton:before {
  display: none;
}

/* line 103, app/assets/stylesheets/vivid/turbo.scss */
turbo-frame.turbo--skeleton[busy]:empty:before {
  animation: turboSkeletonRollingGradient 5s ease infinite;
}

/* line 108, app/assets/stylesheets/vivid/turbo.scss */
.turbo--display-block {
  display: block;
}

@keyframes turboSkeletonRollingGradient {
  0% {
    background-position: 200% 50%;
  }
  100% {
    background-position: -200% 50%;
  }
}

@keyframes turboDelayedVisibility {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}

@keyframes turboThrobber {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}