/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */
@layer properties;
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cropper-container img {
  backface-visibility: hidden;
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-wrap-box, .cropper-canvas {
  overflow: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center::before, .cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}
.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face, .cropper-line, .cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: #39f;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.cropper-invisible {
  opacity: 0;
}
.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
  cursor: not-allowed;
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
}
.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform,visibility,opacity;
}
.tippy-box[data-placement^=top]>.tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top]>.tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom]>.tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left]>.tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left]>.tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right]>.tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right]>.tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(.54,1.5,.38,1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}
.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}
.tippy-box[data-placement^=top]>.tippy-svg-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg {
  top: 16px;
  transform: rotate(180deg);
}
.tippy-box[data-placement^=bottom]>.tippy-svg-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg {
  bottom: 16px;
}
.tippy-box[data-placement^=left]>.tippy-svg-arrow {
  right: 0;
}
.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg {
  transform: rotate(90deg);
  top: calc(50% - 3px);
  left: 11px;
}
.tippy-box[data-placement^=right]>.tippy-svg-arrow {
  left: 0;
}
.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg {
  transform: rotate(-90deg);
  top: calc(50% - 3px);
  right: 11px;
}
.tippy-svg-arrow {
  width: 16px;
  height: 16px;
  fill: #333;
  text-align: initial;
}
.tippy-svg-arrow,.tippy-svg-arrow>svg {
  position: absolute;
}
.choices {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  font-size: 16px;
}
.choices:focus {
  outline: 0;
}
.choices:last-child {
  margin-bottom: 0;
}
.choices.is-open {
  overflow: visible;
}
.choices.is-disabled .choices__inner,.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.choices.is-disabled .choices__item {
  cursor: not-allowed;
}
.choices [hidden] {
  display: none !important;
}
.choices[data-type*=select-one] {
  cursor: pointer;
}
.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 7.5px;
}
.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0;
}
.choices[data-type*=select-one] .choices__button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: .25;
}
.choices[data-type*=select-one] .choices__button:focus,.choices[data-type*=select-one] .choices__button:hover {
  opacity: 1;
}
.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0 0 0 2px #005f75;
}
.choices[data-type*=select-one] .choices__item[data-placeholder] .choices__button {
  display: none;
}
.choices[data-type*=select-one]::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}
.choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent #333;
  margin-top: -7.5px;
}
.choices[data-type*=select-one][dir=rtl]::after {
  left: 11.5px;
  right: auto;
}
.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}
.choices[data-type*=select-multiple] .choices__inner,.choices[data-type*=text] .choices__inner {
  cursor: text;
}
.choices[data-type*=select-multiple] .choices__button,.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin: 0-4px 0 8px;
  padding-left: 16px;
  border-left: 1px solid #003642;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: .75;
  border-radius: 0;
}
.choices[data-type*=select-multiple] .choices__button:focus,.choices[data-type*=select-multiple] .choices__button:hover,.choices[data-type*=text] .choices__button:focus,.choices[data-type*=text] .choices__button:hover {
  opacity: 1;
}
.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #ddd;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden;
}
.is-focused .choices__inner,.is-open .choices__inner {
  border-color: #b7b7b7;
}
.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0;
}
.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}
.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%;
}
[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}
.choices__list--single .choices__item {
  width: 100%;
}
.choices__list--multiple {
  display: inline;
}
.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #005f75;
  border: 1px solid #004a5c;
  color: #fff;
  word-break: break-all;
  box-sizing: border-box;
}
.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}
[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}
.choices__list--multiple .choices__item.is-highlighted {
  background-color: #004a5c;
  border: 1px solid #003642;
}
.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaa;
  border: 1px solid #919191;
}
.choices__list--dropdown,.choices__list[aria-expanded] {
  display: none;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all;
}
.is-active.choices__list--dropdown,.is-active.choices__list[aria-expanded] {
  display: block;
}
.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7;
}
.is-flipped .choices__list--dropdown,.is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: .25rem .25rem 0 0;
}
.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}
.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px;
}
[dir=rtl] .choices__list--dropdown .choices__item,[dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}
@media (min-width:640px) {
  .choices__list--dropdown .choices__item--selectable[data-select-text],.choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    padding-right: 100px;
  }
  .choices__list--dropdown .choices__item--selectable[data-select-text]::after,.choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text],[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text] {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable[data-select-text]::after,[dir=rtl] .choices__list[aria-expanded] .choices__item--selectable[data-select-text]::after {
    right: auto;
    left: 10px;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted::after,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: .5;
}
.choices__item {
  cursor: default;
}
.choices__item--selectable {
  cursor: pointer;
}
.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  opacity: .5;
}
.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}
.choices__button {
  text-indent: -9999px;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.choices__button:focus,.choices__input:focus {
  outline: 0;
}
.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px;
}
.choices__input::-webkit-search-cancel-button,.choices__input::-webkit-search-decoration,.choices__input::-webkit-search-results-button,.choices__input::-webkit-search-results-decoration {
  display: none;
}
.choices__input::-ms-clear,.choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
[dir=rtl] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}
.choices__placeholder {
  opacity: .5;
}
.choices__inner {
  border-radius: var(--radius-lg);
  background-color: var(--color-white);
  .choices__input--cloned {
    border-radius: var(--radius-lg);
    padding: 0.20rem .5rem;
    border: 1px solid #7D7D7D;
    min-width: min-content !important;
  }
}
.choices.is-focused {
  .choices__inner {
    border-radius: var(--radius-lg);
  }
}
.choices__list--dropdown, .choices__list[aria-expanded] {
  border-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
  top: 102%;
  --tw-shadow: 8px 8px 20px var(--tw-shadow-color, rgba(0, 0, 0, 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.choices__list--multiple {
  .choices__item {
    border: 1px solid #2A74FF;
    background-color: #2A74FF !important;
    border-radius: var(--radius-lg);
  }
}
.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
  background-color: var(--color-dark-knight);
  border-radius: var(--radius-lg);
  --tw-border-style: none;
  border-style: none;
  padding: .15rem .5rem;
}
.choices:has(+ .error) {
  margin-bottom: 0.5em;
}
.shepherd-button {
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  color: var(--color-blue-surf-500);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.shepherd-button:not(:disabled):hover {
  color: var(--color-blue-surf-800);
  text-decoration-line: underline;
}
.shepherd-button.shepherd-button-secondary {
  cursor: pointer;
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: transparent;
  color: var(--color-gray-text);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-duration: 500ms;
  transition-duration: 500ms;
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.shepherd-button.shepherd-button-secondary:not(:disabled):hover {
  color: var(--color-dark-knight);
  text-decoration-line: underline;
}
.shepherd-button:disabled {
  cursor: not-allowed;
}
.shepherd-footer {
  display: flex;
  justify-content: space-between;
  column-gap: calc(var(--spacing) * 4);
  border-bottom-right-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
  padding: calc(var(--spacing) * 4);
}
.shepherd-footer .shepherd-button:last-child {
  margin-right: 0;
}
.shepherd-cancel-icon {
  font-size: 2em;
  font-weight: 400;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: color .5s ease;
  color: hsla(0, 0%, 50%, .75);
  border: none;
  background: transparent;
}
.shepherd-cancel-icon:hover {
  color: rgba(0, 0, 0, .75);
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon {
  color: var(--color-gray-text);
}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover {
  color: var(--color-dark-knight);
}
.shepherd-title {
  display: flex;
  align-items: center;
  column-gap: calc(var(--spacing) * 4);
  font-size: 1.5rem;
  line-height: 1.75rem;
  color: var(--color-dark-knight);
}
.shepherd-header {
  display: flex;
  justify-content: space-between;
  column-gap: calc(var(--spacing) * 4);
  border-top-left-radius: var(--radius-3xl);
  border-top-right-radius: var(--radius-3xl);
  padding: calc(var(--spacing) * 4);
}
.shepherd-has-title .shepherd-content .shepherd-header {
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 4);
}
.shepherd-text {
  padding: calc(var(--spacing) * 4);
  color: var(--color-dark-knight);
}
.shepherd-text p {
  margin-top: calc(var(--spacing) * 0);
}
.shepherd-text p:last-child {
  margin-bottom: calc(var(--spacing) * 0);
}
.shepherd-content {
  border-radius: var(--radius-lg);
  background-color: var(--color-white);
}
.shepherd-element {
  margin: calc(var(--spacing) * 2);
  border-radius: var(--radius-lg);
  border-style: var(--tw-border-style);
  border-width: 2px;
  border-color: var(--color-hot-pink);
  background-color: var(--color-white);
  outline-style: var(--tw-outline-style);
  outline-width: 0px;
  z-index: 9999;
  max-width: 400px;
}
.shepherd-enabled.shepherd-element {
  visibility: visible;
  opacity: 1;
}
.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered) {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
.shepherd-element, .shepherd-element *, .shepherd-element::after, .shepherd-element::before {
  box-sizing: border-box;
}
.shepherd-arrow, .shepherd-arrow::before {
  position: absolute;
  z-index: -1;
  width: 16px;
  height: 16px;
}
.shepherd-arrow::before {
  background-color: var(--color-hot-pink);
  content: "";
  transform: rotate(45deg);
}
.shepherd-element[data-popper-placement^=top] > .shepherd-arrow {
  bottom: -8px;
}
.shepherd-element[data-popper-placement^=bottom] > .shepherd-arrow {
  top: -8px;
}
.shepherd-element[data-popper-placement^=left] > .shepherd-arrow {
  right: -8px;
}
.shepherd-element[data-popper-placement^=right] > .shepherd-arrow {
  left: -8px;
}
.shepherd-element.shepherd-centered > .shepherd-arrow {
  opacity: 0;
}
.shepherd-element.shepherd-has-title[data-popper-placement^=bottom] > .shepherd-arrow::before {
  background-color: var(--color-hot-pink);
}
.shepherd-target-click-disabled.shepherd-enabled.shepherd-target, .shepherd-target-click-disabled.shepherd-enabled.shepherd-target * {
  pointer-events: none;
}
.shepherd-modal-overlay-container {
  position: fixed;
  z-index: 9997;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100vw;
  height: 0;
  transition: all .3s ease-out, height 0ms .3s, opacity .3s 0ms;
  pointer-events: none;
  opacity: 0;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible {
  height: 100vh;
  transition: all .3s ease-out, height 0s 0s, opacity .3s 0s;
  transform: translateZ(0);
  opacity: .5;
}
.shepherd-modal-overlay-container.shepherd-modal-is-visible path {
  pointer-events: all;
}
@charset "UTF-8";
trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none;
}
trix-toolbar * {
  box-sizing: border-box;
}
trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto;
}
trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px;
}
trix-toolbar .trix-button-group:not(:first-child) {
  margin-left: 1.5vw;
}
@media (max-width: 768px) {
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 0;
  }
}
trix-toolbar .trix-button-group-spacer {
  flex-grow: 1;
}
@media (max-width: 768px) {
  trix-toolbar .trix-button-group-spacer {
    display: none;
  }
}
trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent;
}
trix-toolbar .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}
trix-toolbar .trix-button.trix-active {
  background: #cbeefa;
  color: rgb(0, 0, 0);
}
trix-toolbar .trix-button:not(:disabled) {
  cursor: pointer;
}
trix-toolbar .trix-button:disabled {
  color: rgba(0, 0, 0, 0.125);
}
@media (max-width: 768px) {
  trix-toolbar .trix-button {
    letter-spacing: -0.01em;
    padding: 0 0.3em;
  }
}
trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px;
}
@media (max-width: 768px) {
  trix-toolbar .trix-button--icon {
    height: 2em;
    max-width: calc(0.8em + 3.5vw);
  }
}
trix-toolbar .trix-button--icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  trix-toolbar .trix-button--icon::before {
    right: 6%;
    left: 6%;
  }
}
trix-toolbar .trix-button--icon.trix-active::before {
  opacity: 1;
}
trix-toolbar .trix-button--icon:disabled::before {
  opacity: 0.125;
}
trix-toolbar .trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  top: 8%;
  bottom: 4%;
}
trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-quote::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}
trix-toolbar .trix-dialogs {
  position: relative;
}
trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5;
}
trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
trix-toolbar .trix-input--dialog.validate:invalid {
  box-shadow: #F00 0px 0px 1.5px 1px;
}
trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none;
}
trix-toolbar .trix-dialog--link {
  max-width: 600px;
}
trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline;
}
trix-toolbar .trix-dialog__link-fields .trix-input {
  flex: 1;
}
trix-toolbar .trix-dialog__link-fields .trix-button-group {
  flex: 0 0 content;
  margin: 0;
}
trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
trix-editor [data-trix-mutable] ::-moz-selection, trix-editor [data-trix-mutable]::-moz-selection, trix-editor [data-trix-cursor-target]::-moz-selection {
  background: none;
}
trix-editor [data-trix-mutable] ::selection, trix-editor [data-trix-mutable]::selection, trix-editor [data-trix-cursor-target]::selection {
  background: none;
}
trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
  background: highlight;
}
trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
  background: highlight;
}
trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent;
}
trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight;
}
trix-editor .attachment {
  position: relative;
}
trix-editor .attachment:hover {
  cursor: default;
}
trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text;
}
trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in;
}
trix-editor .attachment__progress[value="100"] {
  opacity: 0;
}
trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center;
}
trix-editor .trix-button-group {
  display: inline-flex;
}
trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent;
}
trix-editor .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}
trix-editor .trix-button.trix-active {
  background: #cbeefa;
}
trix-editor .trix-button:not(:disabled) {
  cursor: pointer;
}
trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}
trix-editor .trix-button--remove::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}
trix-editor .trix-button--remove:hover {
  border-color: #333;
}
trix-editor .trix-button--remove:hover::before {
  opacity: 1;
}
trix-editor .attachment__metadata-container {
  position: relative;
}
trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}
trix-editor .attachment__metadata .attachment__name {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
trix-editor .attachment__metadata .attachment__size {
  margin-left: 0.2em;
  white-space: nowrap;
}
.trix-content {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word;
}
.trix-content * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.trix-content h1 {
  font-size: 1.2em;
  line-height: 1.2;
}
.trix-content blockquote {
  border: 0 solid #ccc;
  border-left-width: 0.3em;
  margin-left: 0.3em;
  padding-left: 0.6em;
}
.trix-content [dir=rtl] blockquote, .trix-content blockquote[dir=rtl] {
  border-width: 0;
  border-right-width: 0.3em;
  margin-right: 0.3em;
  padding-right: 0.6em;
}
.trix-content li {
  margin-left: 1em;
}
.trix-content [dir=rtl] li {
  margin-right: 1em;
}
.trix-content pre {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-family: monospace;
  font-size: 0.9em;
  padding: 0.5em;
  white-space: pre;
  background-color: #eee;
  overflow-x: auto;
}
.trix-content img {
  max-width: 100%;
  height: auto;
}
.trix-content .attachment {
  display: inline-block;
  position: relative;
  max-width: 100%;
}
.trix-content .attachment a {
  color: inherit;
  text-decoration: none;
}
.trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
  color: inherit;
}
.trix-content .attachment__caption {
  text-align: center;
}
.trix-content .attachment__caption .attachment__name + .attachment__size::before {
  content: " •";
}
.trix-content .attachment--preview {
  width: 100%;
  text-align: center;
}
.trix-content .attachment--preview .attachment__caption {
  color: #666;
  font-size: 0.9em;
  line-height: 1.2;
}
.trix-content .attachment--file {
  color: #333;
  line-height: 1;
  margin: 0 2px 2px 2px;
  padding: 0.4em 1em;
  border: 1px solid #bbb;
  border-radius: 5px;
}
.trix-content .attachment-gallery {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.trix-content .attachment-gallery .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}
.trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
  flex-basis: 50%;
  max-width: 50%;
}
.trix-content .attachment-gallery > action-text-attachment, .trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}
.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment, .trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment, .trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}
.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}
trix-toolbar .trix-button--icon-attach {
  display: none;
}
trix-toolbar .trix-button--icon-heading-1 {
  display: none;
}
trix-toolbar .trix-button--icon-quote {
  display: none;
}
trix-toolbar .trix-button--icon-code {
  display: none;
}
trix-toolbar .trix-button-group--file-tools {
  display: none;
}
trix-editor a {
  text-decoration: underline;
}
trix-editor ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}
trix-editor ol {
  margin-left: 1.25rem;
  list-style-type: decimal;
}
.admin-header-component {
  .admin-header-component--inner {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: center;
    justify-content: space-between;
    margin-inline: auto;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 9);
    width: 100%;
    max-width: var(--container-8xl);
    max-width: var(--container-8xl);
  }
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: var(--color-gray-50);
  margin-bottom: calc(var(--spacing) * 9);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.breadcrumb-group-component {
  display: flex;
  height: 100%;
  align-items: center;
  a.breadcrumb-component {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
    cursor: pointer;
  }
  span.breadcrumb-component {
    cursor: default;
  }
  .breadcrumb-component {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--spacing) * 3);
    padding: 8px;
    border-radius: var(--radius-sm);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-dark-knight);
    &:last-child {
      color: var(--color-blue-surf-500);
    }
  }
}
.radio-tabs-component {
  display: flex;
  flex-direction: column;
  margin-bottom: -1px;
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
  }
  justify-content: flex-end;
  .radio-tabs-component--tab {
    margin-block: calc(var(--spacing) * 2);
    margin-right: calc(var(--spacing) * 2);
    cursor: pointer;
    &.active {
      border-color: currentcolor;
      color: currentcolor;
    }
    &.inactive {
      border-color: transparent;
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-gray-200);
        }
      }
      color: var(--color-gray-500);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      --tw-duration: 300ms;
      transition-duration: 300ms;
      &:hover {
        @media (hover: hover) {
          color: var(--color-gray-700);
        }
      }
    }
    white-space: nowrap;
    display: flex;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
}
.switch-component {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
  .switch-component__input {
    display: none;
  }
  .switch-component__wrapper {
    border-radius: calc(infinity * 1px);
    background-color: var(--color-misty-mountains);
    padding: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 12);
    display: block;
    position: relative;
  }
  .switch-component__slider {
    display: block;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-gray-600);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    position: absolute;
    top: calc(1/2 * 100%);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    left: calc(var(--spacing) * 1);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  &.switch-xs {
    .switch-component__wrapper {
      padding: calc(var(--spacing) * 1);
      height: calc(var(--spacing) * 4);
      width: calc(var(--spacing) * 8);
    }
    .switch-component__slider {
      height: calc(var(--spacing) * 3);
      width: calc(var(--spacing) * 3);
    }
  }
  &.switch-sm {
    .switch-component__wrapper {
      padding: calc(var(--spacing) * 1);
      height: calc(var(--spacing) * 5);
      width: calc(var(--spacing) * 10);
    }
    .switch-component__slider {
      height: calc(var(--spacing) * 4);
      width: calc(var(--spacing) * 4);
    }
  }
  label * {
    display: none;
  }
  .switch-component__input:checked + .switch-component__wrapper {
    background-color: var(--color-blue-surf-500);
  }
  .switch-component__input:checked + .switch-component__wrapper > .switch-component__slider {
    left: auto;
    right: calc(var(--spacing) * 1);
    background-color: var(--color-white);
  }
}
.multi-image-hero--gallery {
  display: grid;
  gap: 0.75em;
  overflow: hidden;
  border-radius: var(--radius-3xl);
  &.gallery-size-1 {
    grid-template: 'a';
  }
  &.gallery-size-2 {
    grid-template: 'a b';
    & > div:nth-child(2) {
      border-top-right-radius: var(--radius-3xl);
      border-bottom-right-radius: var(--radius-3xl);
    }
  }
  &.gallery-size-3 {
    grid-template: 'a a a b b' auto 'a a a b b' auto 'a a a c c' auto 'a a a c c' auto;
    & > div:nth-child(2) {
      border-top-right-radius: var(--radius-3xl);
    }
    & > div:nth-child(3) {
      border-bottom-right-radius: var(--radius-3xl);
    }
  }
  &.gallery-size-4 {
    grid-template: 'a a b' auto 'a a c' auto 'a a d' auto;
    & > div:nth-child(2) {
      border-top-right-radius: var(--radius-3xl);
    }
    & > div:nth-child(4) {
      border-bottom-right-radius: var(--radius-3xl);
    }
  }
  &.gallery-size-5 {
    grid-template: 'a a b c' auto 'a a d e' auto;
    & > div:nth-child(3) {
      border-top-right-radius: var(--radius-3xl);
    }
    & > div:nth-child(5) {
      border-bottom-right-radius: var(--radius-3xl);
    }
  }
  & > div:not(:first-child) {
    aspect-ratio: 1/1;
    object-fit: cover;
    height: 100%;
    width: auto;
  }
  & > div:nth-child(1) {
    grid-area: a;
    border-top-left-radius: var(--radius-3xl);
    border-bottom-left-radius: var(--radius-3xl);
  }
  & > div:nth-child(2) {
    grid-area: b;
  }
  & > div:nth-child(3) {
    grid-area: c;
  }
  & > div:nth-child(4) {
    grid-area: d;
  }
  & > div:nth-child(5) {
    grid-area: e;
  }
}
table.table-component {
  font-size: 1rem;
  line-height: 1.5rem;
  thead {
    th:first-child {
      padding-left: calc(var(--spacing) * 4);
      @media (width >= 640px) {
        padding-left: calc(var(--spacing) * 6);
      }
      @media (width >= 1024px) {
        padding-left: calc(var(--spacing) * 8);
      }
    }
    th:last-child {
      padding-right: calc(var(--spacing) * 4);
      @media (width >= 640px) {
        padding-right: calc(var(--spacing) * 6);
      }
      @media (width >= 1024px) {
        padding-right: calc(var(--spacing) * 8);
      }
    }
    th {
      padding-block: calc(var(--spacing) * 3.5);
      text-transform: uppercase;
      vertical-align: center;
    }
  }
  tbody {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    :where(& > :not(:last-child)) {
      border-color: var(--color-gray-200);
    }
    td:first-child {
      padding-block: calc(var(--spacing) * 4);
      padding-right: calc(var(--spacing) * 3);
      padding-left: calc(var(--spacing) * 4);
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
      white-space: nowrap;
      color: var(--color-gray-900);
      max-width: var(--container-xs);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-overflow: ellipsis;
      @media (width >= 640px) {
        padding-left: calc(var(--spacing) * 6);
      }
      @media (width >= 1024px) {
        padding-left: calc(var(--spacing) * 8);
      }
    }
    td:last-child {
      padding-right: calc(var(--spacing) * 4);
      @media (width >= 640px) {
        padding-right: calc(var(--spacing) * 6);
      }
      @media (width >= 1024px) {
        padding-right: calc(var(--spacing) * 8);
      }
    }
  }
  th {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3.5);
    text-align: left;
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light);
  }
  td {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 4);
    white-space: nowrap;
    color: var(--color-gray-500);
  }
}
.tabs--group-component--tab {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: calc(var(--spacing) * 2);
  padding-inline: calc(var(--spacing) * 1);
  padding-block: calc(var(--spacing) * 4);
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  &.active {
    border-color: currentcolor;
    color: currentcolor;
  }
  &.inactive {
    border-color: transparent;
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-gray-200);
      }
    }
    color: var(--color-gray-500);
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-700);
      }
    }
  }
}
.tabs--group-component--panel {
  background-color: var(--color-white);
  border-radius: var(--radius-3xl);
  overflow: hidden;
  &.inactive {
    display: none;
  }
}
.calendar-date-tile-component {
  background-color: var(--color-blue-surf-500);
  color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: var(--radius-lg);
  padding-inline: calc(var(--spacing) * 6);
  padding-block: calc(var(--spacing) * 2);
}
.text-donut-green {
  color: #054F31;
}
.text-donut-red {
  color: #F97066;
}
.donut-container {
  display: flex;
  flex-direction: column;
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
  .legend {
    display: flex;
    justify-content: center;
    gap: calc(var(--spacing) * 3);
    vertical-align: middle;
    .legend-item {
      display: flex;
      gap: calc(var(--spacing) * 1);
    }
  }
  .empty-message {
    height: calc(var(--spacing) * 48);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.cards {
  display: grid;
}
.card {
  perspective: 40rem;
}
.card-body {
  --time: 0.707s;
  display: flex;
  transform-style: preserve-3d;
  transition: z-index, transform calc(var(--time) / 4);
  transition-delay: var(--time), 0s;
  z-index: 0;
}
.card:not(.flipped) {
  .card-back {
    display: none;
  }
}
.card.flipped {
  .card-body {
    z-index: 1;
    transform: rotateX(-180deg);
  }
}
.card-front, .card-back {
  backface-visibility: hidden;
  min-width: 100%;
}
.card-back {
  transform: rotateX(-180deg) translate(-100%, 0);
}
.text-success-700 {
  color: #054F31;
}
.background-success-700 {
  background-color: #F6FEF9;
}
.text-rsvp-red {
  color: #F97066;
}
.background-rsvp-red {
  background-color: #FFFBFA;
}
.text-rsvp-gray {
  color: #4D4D4D;
}
.background-rsvp-gray {
  background-color: #F6F6F6;
}
.text-rsvp-blue {
  color: #00516B;
}
.background-rsvp-blue {
  background-color: #CFF3FF;
}
.button-rsvp-background {
  background-color: #0082AB;
}
.dm-rsvp-sans {
  font-weight: 500;
  font-family: 'dm sans';
  letter-spacing: 1px;
}
.toast {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--spacing) * 4);
  width: 100%;
  max-width: 400px;
  padding: calc(var(--spacing) * 4);
  border-radius: var(--radius-xl);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #333333 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-dark-knight) 10%, transparent);
  }
  --tw-shadow: 4px 4px 41px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  transition-delay: 150ms;
  pointer-events: auto;
  &.default {
    color: var(--color-dark-knight);
    background-color: var(--color-white);
    .toast-icon {
      color: var(--color-green-600);
    }
    .toast-btn {
      background-color: transparent;
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-50);
        }
      }
      color: var(--color-gray-text);
      &:hover {
        @media (hover: hover) {
          color: var(--color-dark-knight);
        }
      }
    }
  }
  &.success {
    color: var(--color-dark-knight);
    background-color: var(--color-white);
    .toast-icon {
      color: var(--color-green-600);
    }
    .toast-btn {
      background-color: transparent;
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-50);
        }
      }
      color: var(--color-gray-text);
      &:hover {
        @media (hover: hover) {
          color: var(--color-dark-knight);
        }
      }
    }
  }
  &.alert {
    color: var(--color-dark-knight);
    background-color: var(--color-white);
    .toast-icon {
      color: color-mix(in srgb, #D97706 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-warning-600) 70%, transparent);
      }
    }
    .toast-btn {
      background-color: transparent;
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-50);
        }
      }
      color: var(--color-gray-text);
      &:hover {
        @media (hover: hover) {
          color: var(--color-dark-knight);
        }
      }
    }
  }
  &.error {
    color: var(--color-dark-knight);
    background-color: var(--color-white);
    .toast-icon {
      color: var(--color-live-red);
    }
    .toast-btn {
      background-color: transparent;
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-50);
        }
      }
      color: var(--color-gray-text);
      &:hover {
        @media (hover: hover) {
          color: var(--color-dark-knight);
        }
      }
    }
  }
  ul {
    list-style-type: disc;
    list-style-position: inside;
  }
}
.youtube-embed-component {
  position: relative;
  overflow: hidden;
  [data-youtube-embed-component-target='thumbnail'] {
    position: absolute;
    inset: calc(var(--spacing) * 0);
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    cursor: pointer;
  }
  &:hover [data-youtube-embed-component-target='thumbnail'] {
    --tw-brightness: brightness(75%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  [data-youtube-embed-component-target='button'] {
    position: absolute;
    right: calc(var(--spacing) * 3);
    bottom: calc(var(--spacing) * 3);
  }
  iframe {
    height: 100%;
    width: 100%;
  }
}
.choices {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  .choices__input {
    background-color: transparent;
  }
}
.choices__inner {
  display: flex;
  flex-direction: column-reverse;
  border-radius: var(--radius-md);
  border-style: var(--tw-border-style);
  border-width: 0px;
  background-color: var(--color-white);
  padding: calc(var(--spacing) * 0);
}
.choices__list.choices__list--single {
  .choices__item.choices__item--selectable {
    margin-right: calc(var(--spacing) * 10);
    width: 100%;
    padding-left: calc(var(--spacing) * 2);
  }
}
.choices__list.choices__list--dropdown {
  display: flex;
  flex-direction: column;
  min-width: 100%;
  border: 1px solid #e5e7eb;
  box-shadow: none;
  position: absolute;
  z-index: 50;
  &.is-active {
    background-color: var(--color-white);
    opacity: 100%;
    width: fit-content;
  }
  .choices__item--choice {
    min-width: max-content;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    &[data-select-text]::after {
      content: attr(data-select-text);
      color: #00000060;
      flex-shrink: 0;
    }
  }
}
.choices__list.choices__list--multiple {
  display: flex;
  flex-wrap: wrap;
  background-color: var(--color-white);
  color: var(--color-dark-knight);
  .choices__item.choices__item--selectable {
    display: flex;
    display: inline-flex;
    width: fit-content;
    align-items: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-blue-surf-500);
    background-color: var(--color-blue-surf-100);
    padding-inline: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-blue-surf-500);
    background-color: #C9E2FF !important;
    .choices__button {
      background-color: var(--color-blue-surf-500);
      color: var(--color-white);
    }
    .choices__item--selectable {
      margin-right: calc(var(--spacing) * 1);
    }
    &[data-color] {
      border-color: var(--tag-color);
      background-color: var(--tag-color) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb, var(--tag-color) 5%, white) !important;
      }
      color: var(--tag-color);
      .choices__button {
        background-color: var(--tag-color);
        color: white;
      }
    }
  }
}
.choices__input.choices__input--cloned {
  height: calc(var(--spacing) * 12);
  border-radius: var(--radius-md);
  border-color: var(--color-gray-200);
  width: 100% !important;
  min-width: 100% !important;
}
.expandable-cards {
  display: grid;
}
.expandable-card {
  perspective: 40rem;
}
.expandable-card-body {
  display: flex;
  z-index: 0;
}
.expandable-card:not(.expanded) {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  .expandable-card-front {
    transform: translateY(0);
    height: 100%;
    opacity: 1;
    transition-delay: 0.01s;
    transition-duration: 0.75s;
  }
  .expandable-card-back {
    transform: translateY(-100%);
    height: 0;
    opacity: 0;
    transition-delay: 0.01s;
    transition-duration: 0.75s;
  }
}
.expandable-card.expanded {
  .expandable-card-body {
    z-index: 1;
    .expandable-card-front {
      transform: translateY(100%);
      height: 0;
      opacity: 0;
      transition-delay: 0.01s;
      transition-duration: 0.75s;
    }
    .expandable-card-back {
      transform: translateY(0);
      height: 100%;
      opacity: 1;
      transition-delay: 0.01s;
      transition-duration: 0.75s;
    }
  }
}
.expandable-card-front, .expandable-card-back {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
  backface-visibility: hidden;
  min-width: 100%;
}
.\@container\/main {
  container-type: inline-size;
  container-name: main;
}
.\@container\/pane {
  container-type: inline-size;
  container-name: pane;
}
.\@container {
  container-type: inline-size;
}
.pointer-events-auto {
  pointer-events: auto;
}
.pointer-events-none {
  pointer-events: none;
}
.collapse {
  visibility: collapse;
}
.invisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.absolute {
  position: absolute;
}
.absolute\! {
  position: absolute !important;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.relative\! {
  position: relative !important;
}
.static {
  position: static;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: calc(var(--spacing) * 0);
}
.inset-x-0 {
  inset-inline: calc(var(--spacing) * 0);
}
.inset-y-0 {
  inset-block: calc(var(--spacing) * 0);
}
.start-1 {
  inset-inline-start: calc(var(--spacing) * 1);
}
.end-1 {
  inset-inline-end: calc(var(--spacing) * 1);
}
.-top-1\.5 {
  top: calc(var(--spacing) * -1.5);
}
.-top-2 {
  top: calc(var(--spacing) * -2);
}
.-top-3 {
  top: calc(var(--spacing) * -3);
}
.-top-4 {
  top: calc(var(--spacing) * -4);
}
.-top-14 {
  top: calc(var(--spacing) * -14);
}
.-top-40 {
  top: calc(var(--spacing) * -40);
}
.-top-48 {
  top: calc(var(--spacing) * -48);
}
.-top-\[14px\] {
  top: calc(14px * -1);
}
.top-0 {
  top: calc(var(--spacing) * 0);
}
.top-1\/2 {
  top: calc(1/2 * 100%);
}
.top-2 {
  top: calc(var(--spacing) * 2);
}
.top-3 {
  top: calc(var(--spacing) * 3);
}
.top-4 {
  top: calc(var(--spacing) * 4);
}
.top-5 {
  top: calc(var(--spacing) * 5);
}
.top-6 {
  top: calc(var(--spacing) * 6);
}
.top-14 {
  top: calc(var(--spacing) * 14);
}
.top-20 {
  top: calc(var(--spacing) * 20);
}
.top-24 {
  top: calc(var(--spacing) * 24);
}
.top-44 {
  top: calc(var(--spacing) * 44);
}
.top-\[50\%\] {
  top: 50%;
}
.-right-3 {
  right: calc(var(--spacing) * -3);
}
.-right-4 {
  right: calc(var(--spacing) * -4);
}
.right-0 {
  right: calc(var(--spacing) * 0);
}
.right-1 {
  right: calc(var(--spacing) * 1);
}
.right-1\/2 {
  right: calc(1/2 * 100%);
}
.right-3 {
  right: calc(var(--spacing) * 3);
}
.right-4 {
  right: calc(var(--spacing) * 4);
}
.right-6 {
  right: calc(var(--spacing) * 6);
}
.-bottom-2 {
  bottom: calc(var(--spacing) * -2);
}
.-bottom-4 {
  bottom: calc(var(--spacing) * -4);
}
.bottom-0 {
  bottom: calc(var(--spacing) * 0);
}
.bottom-2 {
  bottom: calc(var(--spacing) * 2);
}
.bottom-3 {
  bottom: calc(var(--spacing) * 3);
}
.bottom-4 {
  bottom: calc(var(--spacing) * 4);
}
.bottom-6 {
  bottom: calc(var(--spacing) * 6);
}
.bottom-10 {
  bottom: calc(var(--spacing) * 10);
}
.bottom-16 {
  bottom: calc(var(--spacing) * 16);
}
.bottom-20 {
  bottom: calc(var(--spacing) * 20);
}
.-left-2 {
  left: calc(var(--spacing) * -2);
}
.-left-4 {
  left: calc(var(--spacing) * -4);
}
.left-0 {
  left: calc(var(--spacing) * 0);
}
.left-1 {
  left: calc(var(--spacing) * 1);
}
.left-1\.5 {
  left: calc(var(--spacing) * 1.5);
}
.left-1\/2 {
  left: calc(1/2 * 100%);
}
.left-2 {
  left: calc(var(--spacing) * 2);
}
.left-3 {
  left: calc(var(--spacing) * 3);
}
.left-4 {
  left: calc(var(--spacing) * 4);
}
.left-7 {
  left: calc(var(--spacing) * 7);
}
.left-12 {
  left: calc(var(--spacing) * 12);
}
.left-14 {
  left: calc(var(--spacing) * 14);
}
.left-\[2rem\] {
  left: 2rem;
}
.left-\[50\%\] {
  left: 50%;
}
.isolate {
  isolation: isolate;
}
.z-0 {
  z-index: 0;
}
.z-1 {
  z-index: 1;
}
.z-2 {
  z-index: 2;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}
.z-90 {
  z-index: 90;
}
.z-\[1\] {
  z-index: 1;
}
.z-\[2\] {
  z-index: 2;
}
.z-\[99\] {
  z-index: 99;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-last {
  order: 9999;
}
.col-12 {
  grid-column: 12;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-3 {
  grid-column: span 3 / span 3;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.col-span-7 {
  grid-column: span 7 / span 7;
}
.col-span-8 {
  grid-column: span 8 / span 8;
}
.col-span-9 {
  grid-column: span 9 / span 9;
}
.col-span-10 {
  grid-column: span 10 / span 10;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-span-full {
  grid-column: 1 / -1;
}
.col-start-1 {
  grid-column-start: 1;
}
.col-start-2 {
  grid-column-start: 2;
}
.col-start-3 {
  grid-column-start: 3;
}
.col-start-4 {
  grid-column-start: 4;
}
.col-start-5 {
  grid-column-start: 5;
}
.col-start-6 {
  grid-column-start: 6;
}
.col-start-7 {
  grid-column-start: 7;
}
.col-start-8 {
  grid-column-start: 8;
}
.col-start-9 {
  grid-column-start: 9;
}
.col-start-10 {
  grid-column-start: 10;
}
.col-start-11 {
  grid-column-start: 11;
}
.col-start-12 {
  grid-column-start: 12;
}
.container {
  width: 100%;
  @media (width >= 475px) {
    max-width: 475px;
  }
  @media (width >= 640px) {
    max-width: 640px;
  }
  @media (width >= 768px) {
    max-width: 768px;
  }
  @media (width >= 1024px) {
    max-width: 1024px;
  }
  @media (width >= 1280px) {
    max-width: 1280px;
  }
  @media (width >= 1408px) {
    max-width: 1408px;
  }
  @media (width >= 1536px) {
    max-width: 1536px;
  }
  @media (width >= 1664px) {
    max-width: 1664px;
  }
  @media (width >= 88rem) {
    max-width: 88rem;
  }
  @media (width >= 96rem) {
    max-width: 96rem;
  }
  @media (width >= 104rem) {
    max-width: 104rem;
  }
  @media (width >= 112rem) {
    max-width: 112rem;
  }
}
.\!m-0 {
  margin: calc(var(--spacing) * 0) !important;
}
.-m-1\.5 {
  margin: calc(var(--spacing) * -1.5);
}
.-m-2\.5 {
  margin: calc(var(--spacing) * -2.5);
}
.m-1 {
  margin: calc(var(--spacing) * 1);
}
.m-1\.5 {
  margin: calc(var(--spacing) * 1.5);
}
.m-6 {
  margin: calc(var(--spacing) * 6);
}
.-mx-2 {
  margin-inline: calc(var(--spacing) * -2);
}
.-mx-3 {
  margin-inline: calc(var(--spacing) * -3);
}
.-mx-4 {
  margin-inline: calc(var(--spacing) * -4);
}
.mx-0\.5 {
  margin-inline: calc(var(--spacing) * 0.5);
}
.mx-1 {
  margin-inline: calc(var(--spacing) * 1);
}
.mx-3 {
  margin-inline: calc(var(--spacing) * 3);
}
.mx-4 {
  margin-inline: calc(var(--spacing) * 4);
}
.mx-6 {
  margin-inline: calc(var(--spacing) * 6);
}
.mx-8 {
  margin-inline: calc(var(--spacing) * 8);
}
.mx-12 {
  margin-inline: calc(var(--spacing) * 12);
}
.mx-\[2px\] {
  margin-inline: 2px;
}
.mx-auto {
  margin-inline: auto;
}
.-my-1\.5 {
  margin-block: calc(var(--spacing) * -1.5);
}
.-my-2 {
  margin-block: calc(var(--spacing) * -2);
}
.-my-4 {
  margin-block: calc(var(--spacing) * -4);
}
.-my-6 {
  margin-block: calc(var(--spacing) * -6);
}
.my-0\.5 {
  margin-block: calc(var(--spacing) * 0.5);
}
.my-1 {
  margin-block: calc(var(--spacing) * 1);
}
.my-1\.5 {
  margin-block: calc(var(--spacing) * 1.5);
}
.my-2 {
  margin-block: calc(var(--spacing) * 2);
}
.my-3 {
  margin-block: calc(var(--spacing) * 3);
}
.my-4 {
  margin-block: calc(var(--spacing) * 4);
}
.my-6 {
  margin-block: calc(var(--spacing) * 6);
}
.my-8 {
  margin-block: calc(var(--spacing) * 8);
}
.my-12 {
  margin-block: calc(var(--spacing) * 12);
}
.my-16 {
  margin-block: calc(var(--spacing) * 16);
}
.-mt-1 {
  margin-top: calc(var(--spacing) * -1);
}
.-mt-2 {
  margin-top: calc(var(--spacing) * -2);
}
.-mt-4 {
  margin-top: calc(var(--spacing) * -4);
}
.-mt-7 {
  margin-top: calc(var(--spacing) * -7);
}
.-mt-32 {
  margin-top: calc(var(--spacing) * -32);
}
.-mt-90 {
  margin-top: calc(var(--spacing) * -90);
}
.-mt-\[1\.75rem\] {
  margin-top: calc(1.75rem * -1);
}
.mt-0 {
  margin-top: calc(var(--spacing) * 0);
}
.mt-0\.5 {
  margin-top: calc(var(--spacing) * 0.5);
}
.mt-1 {
  margin-top: calc(var(--spacing) * 1);
}
.mt-2 {
  margin-top: calc(var(--spacing) * 2);
}
.mt-3 {
  margin-top: calc(var(--spacing) * 3);
}
.mt-3\.5 {
  margin-top: calc(var(--spacing) * 3.5);
}
.mt-4 {
  margin-top: calc(var(--spacing) * 4);
}
.mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.mt-6 {
  margin-top: calc(var(--spacing) * 6);
}
.mt-7 {
  margin-top: calc(var(--spacing) * 7);
}
.mt-8 {
  margin-top: calc(var(--spacing) * 8);
}
.mt-9 {
  margin-top: calc(var(--spacing) * 9);
}
.mt-12 {
  margin-top: calc(var(--spacing) * 12);
}
.mt-16 {
  margin-top: calc(var(--spacing) * 16);
}
.mt-24 {
  margin-top: calc(var(--spacing) * 24);
}
.mt-\[2px\] {
  margin-top: 2px;
}
.mt-auto {
  margin-top: auto;
}
.-mr-0\.5 {
  margin-right: calc(var(--spacing) * -0.5);
}
.-mr-1 {
  margin-right: calc(var(--spacing) * -1);
}
.-mr-2 {
  margin-right: calc(var(--spacing) * -2);
}
.mr-1 {
  margin-right: calc(var(--spacing) * 1);
}
.mr-2 {
  margin-right: calc(var(--spacing) * 2);
}
.mr-3 {
  margin-right: calc(var(--spacing) * 3);
}
.mr-4 {
  margin-right: calc(var(--spacing) * 4);
}
.mr-6 {
  margin-right: calc(var(--spacing) * 6);
}
.mr-8 {
  margin-right: calc(var(--spacing) * 8);
}
.mr-10 {
  margin-right: calc(var(--spacing) * 10);
}
.mr-16 {
  margin-right: calc(var(--spacing) * 16);
}
.mr-28 {
  margin-right: calc(var(--spacing) * 28);
}
.-mb-0\.5 {
  margin-bottom: calc(var(--spacing) * -0.5);
}
.-mb-6 {
  margin-bottom: calc(var(--spacing) * -6);
}
.-mb-8 {
  margin-bottom: calc(var(--spacing) * -8);
}
.-mb-px {
  margin-bottom: -1px;
}
.mb-0 {
  margin-bottom: calc(var(--spacing) * 0);
}
.mb-1 {
  margin-bottom: calc(var(--spacing) * 1);
}
.mb-2 {
  margin-bottom: calc(var(--spacing) * 2);
}
.mb-3 {
  margin-bottom: calc(var(--spacing) * 3);
}
.mb-4 {
  margin-bottom: calc(var(--spacing) * 4);
}
.mb-6 {
  margin-bottom: calc(var(--spacing) * 6);
}
.mb-8 {
  margin-bottom: calc(var(--spacing) * 8);
}
.mb-9 {
  margin-bottom: calc(var(--spacing) * 9);
}
.mb-11 {
  margin-bottom: calc(var(--spacing) * 11);
}
.mb-12 {
  margin-bottom: calc(var(--spacing) * 12);
}
.mb-16 {
  margin-bottom: calc(var(--spacing) * 16);
}
.mb-32 {
  margin-bottom: calc(var(--spacing) * 32);
}
.mb-\[12rem\] {
  margin-bottom: 12rem;
}
.-ml-0\.5 {
  margin-left: calc(var(--spacing) * -0.5);
}
.-ml-1 {
  margin-left: calc(var(--spacing) * -1);
}
.-ml-2 {
  margin-left: calc(var(--spacing) * -2);
}
.-ml-2\.5 {
  margin-left: calc(var(--spacing) * -2.5);
}
.-ml-3 {
  margin-left: calc(var(--spacing) * -3);
}
.-ml-4 {
  margin-left: calc(var(--spacing) * -4);
}
.-ml-6 {
  margin-left: calc(var(--spacing) * -6);
}
.-ml-16 {
  margin-left: calc(var(--spacing) * -16);
}
.-ml-px {
  margin-left: -1px;
}
.ml-0 {
  margin-left: calc(var(--spacing) * 0);
}
.ml-0\.5 {
  margin-left: calc(var(--spacing) * 0.5);
}
.ml-1 {
  margin-left: calc(var(--spacing) * 1);
}
.ml-2 {
  margin-left: calc(var(--spacing) * 2);
}
.ml-3 {
  margin-left: calc(var(--spacing) * 3);
}
.ml-4 {
  margin-left: calc(var(--spacing) * 4);
}
.ml-6 {
  margin-left: calc(var(--spacing) * 6);
}
.ml-9 {
  margin-left: calc(var(--spacing) * 9);
}
.ml-10 {
  margin-left: calc(var(--spacing) * 10);
}
.ml-16 {
  margin-left: calc(var(--spacing) * 16);
}
.ml-\[8px\] {
  margin-left: 8px;
}
.ml-auto {
  margin-left: auto;
}
.box-border {
  box-sizing: border-box;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.\!block {
  display: block !important;
}
.block {
  display: block;
}
.block\! {
  display: block !important;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.flow-root {
  display: flow-root;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.inline {
  display: inline;
}
.inline\! {
  display: inline !important;
}
.inline-block {
  display: inline-block;
}
.inline-flex {
  display: inline-flex;
}
.list-item {
  display: list-item;
}
.table {
  display: table;
}
.table\! {
  display: table !important;
}
.table-row {
  display: table-row;
}
.\!aspect-\[1\/1\] {
  aspect-ratio: 1/1 !important;
}
.aspect-\[1\/1\] {
  aspect-ratio: 1/1;
}
.aspect-\[4\/3\] {
  aspect-ratio: 4/3;
}
.aspect-\[5\/2\] {
  aspect-ratio: 5/2;
}
.aspect-\[7\/4\] {
  aspect-ratio: 7/4;
}
.aspect-\[16\/9\] {
  aspect-ratio: 16/9;
}
.aspect-auto {
  aspect-ratio: auto;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.size-1 {
  width: calc(var(--spacing) * 1);
  height: calc(var(--spacing) * 1);
}
.size-3 {
  width: calc(var(--spacing) * 3);
  height: calc(var(--spacing) * 3);
}
.size-8 {
  width: calc(var(--spacing) * 8);
  height: calc(var(--spacing) * 8);
}
.\!h-2 {
  height: calc(var(--spacing) * 2) !important;
}
.\!h-3 {
  height: calc(var(--spacing) * 3) !important;
}
.\!h-4 {
  height: calc(var(--spacing) * 4) !important;
}
.\!h-5 {
  height: calc(var(--spacing) * 5) !important;
}
.\!h-6 {
  height: calc(var(--spacing) * 6) !important;
}
.\!h-7 {
  height: calc(var(--spacing) * 7) !important;
}
.\!h-8 {
  height: calc(var(--spacing) * 8) !important;
}
.\!h-10 {
  height: calc(var(--spacing) * 10) !important;
}
.\!h-11 {
  height: calc(var(--spacing) * 11) !important;
}
.\!h-12 {
  height: calc(var(--spacing) * 12) !important;
}
.\!h-15 {
  height: calc(var(--spacing) * 15) !important;
}
.\!h-16 {
  height: calc(var(--spacing) * 16) !important;
}
.\!h-20 {
  height: calc(var(--spacing) * 20) !important;
}
.\!h-\[22px\] {
  height: 22px !important;
}
.\!h-\[60px\] {
  height: 60px !important;
}
.\!h-\[72px\] {
  height: 72px !important;
}
.\!h-\[80\%\] {
  height: 80% !important;
}
.\!h-\[80px\] {
  height: 80px !important;
}
.\!h-full {
  height: 100% !important;
}
.h-0 {
  height: calc(var(--spacing) * 0);
}
.h-1 {
  height: calc(var(--spacing) * 1);
}
.h-1\/2 {
  height: calc(1/2 * 100%);
}
.h-2 {
  height: calc(var(--spacing) * 2);
}
.h-2\.5 {
  height: calc(var(--spacing) * 2.5);
}
.h-3 {
  height: calc(var(--spacing) * 3);
}
.h-4 {
  height: calc(var(--spacing) * 4);
}
.h-5 {
  height: calc(var(--spacing) * 5);
}
.h-6 {
  height: calc(var(--spacing) * 6);
}
.h-7 {
  height: calc(var(--spacing) * 7);
}
.h-8 {
  height: calc(var(--spacing) * 8);
}
.h-9 {
  height: calc(var(--spacing) * 9);
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.h-12 {
  height: calc(var(--spacing) * 12);
}
.h-14 {
  height: calc(var(--spacing) * 14);
}
.h-15 {
  height: calc(var(--spacing) * 15);
}
.h-16 {
  height: calc(var(--spacing) * 16);
}
.h-20 {
  height: calc(var(--spacing) * 20);
}
.h-24 {
  height: calc(var(--spacing) * 24);
}
.h-28 {
  height: calc(var(--spacing) * 28);
}
.h-32 {
  height: calc(var(--spacing) * 32);
}
.h-34 {
  height: calc(var(--spacing) * 34);
}
.h-36 {
  height: calc(var(--spacing) * 36);
}
.h-40 {
  height: calc(var(--spacing) * 40);
}
.h-44 {
  height: calc(var(--spacing) * 44);
}
.h-48 {
  height: calc(var(--spacing) * 48);
}
.h-60 {
  height: calc(var(--spacing) * 60);
}
.h-64 {
  height: calc(var(--spacing) * 64);
}
.h-80 {
  height: calc(var(--spacing) * 80);
}
.h-96 {
  height: calc(var(--spacing) * 96);
}
.h-\[4\.5rem\] {
  height: 4.5rem;
}
.h-\[5\.5rem\] {
  height: 5.5rem;
}
.h-\[5px\] {
  height: 5px;
}
.h-\[10rem\] {
  height: 10rem;
}
.h-\[14rem\] {
  height: 14rem;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[28rem\] {
  height: 28rem;
}
.h-\[30vh\] {
  height: 30vh;
}
.h-\[40vh\] {
  height: 40vh;
}
.h-\[46px\] {
  height: 46px;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[60vh\] {
  height: 60vh;
}
.h-\[65vh\] {
  height: 65vh;
}
.h-\[196px\] {
  height: 196px;
}
.h-\[400px\] {
  height: 400px;
}
.h-auto {
  height: auto;
}
.h-dvh {
  height: 100dvh;
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.h-min {
  height: min-content;
}
.h-px {
  height: 1px;
}
.h-screen {
  height: 100vh;
}
.max-h-32 {
  max-height: calc(var(--spacing) * 32);
}
.max-h-56 {
  max-height: calc(var(--spacing) * 56);
}
.max-h-\[3rem\] {
  max-height: 3rem;
}
.max-h-\[16rem\] {
  max-height: 16rem;
}
.max-h-\[40vh\] {
  max-height: 40vh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[250px\] {
  max-height: 250px;
}
.max-h-\[350px\] {
  max-height: 350px;
}
.max-h-screen {
  max-height: 100vh;
}
.min-h-16 {
  min-height: calc(var(--spacing) * 16);
}
.min-h-36 {
  min-height: calc(var(--spacing) * 36);
}
.min-h-48 {
  min-height: calc(var(--spacing) * 48);
}
.min-h-52 {
  min-height: calc(var(--spacing) * 52);
}
.min-h-64 {
  min-height: calc(var(--spacing) * 64);
}
.min-h-\[3rem\] {
  min-height: 3rem;
}
.min-h-\[16rem\] {
  min-height: 16rem;
}
.min-h-\[unset\] {
  min-height: unset;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 100vh;
}
.\!w-3 {
  width: calc(var(--spacing) * 3) !important;
}
.\!w-4 {
  width: calc(var(--spacing) * 4) !important;
}
.\!w-5 {
  width: calc(var(--spacing) * 5) !important;
}
.\!w-6 {
  width: calc(var(--spacing) * 6) !important;
}
.\!w-7 {
  width: calc(var(--spacing) * 7) !important;
}
.\!w-8 {
  width: calc(var(--spacing) * 8) !important;
}
.\!w-10 {
  width: calc(var(--spacing) * 10) !important;
}
.\!w-11 {
  width: calc(var(--spacing) * 11) !important;
}
.\!w-12 {
  width: calc(var(--spacing) * 12) !important;
}
.\!w-16 {
  width: calc(var(--spacing) * 16) !important;
}
.\!w-20 {
  width: calc(var(--spacing) * 20) !important;
}
.\!w-\[4ch\] {
  width: 4ch !important;
}
.\!w-\[22px\] {
  width: 22px !important;
}
.\!w-\[60px\] {
  width: 60px !important;
}
.\!w-\[72px\] {
  width: 72px !important;
}
.\!w-\[80\%\] {
  width: 80% !important;
}
.\!w-\[80px\] {
  width: 80px !important;
}
.\!w-full {
  width: 100% !important;
}
.\[width\:\%\.2f\] {
  width: %.2f;
}
.w-0\.5 {
  width: calc(var(--spacing) * 0.5);
}
.w-1\/2 {
  width: calc(1/2 * 100%);
}
.w-1\/3 {
  width: calc(1/3 * 100%);
}
.w-2\.5 {
  width: calc(var(--spacing) * 2.5);
}
.w-2\/3 {
  width: calc(2/3 * 100%);
}
.w-3 {
  width: calc(var(--spacing) * 3);
}
.w-3\/4 {
  width: calc(3/4 * 100%);
}
.w-4 {
  width: calc(var(--spacing) * 4);
}
.w-4\/5 {
  width: calc(4/5 * 100%);
}
.w-5 {
  width: calc(var(--spacing) * 5);
}
.w-6 {
  width: calc(var(--spacing) * 6);
}
.w-7 {
  width: calc(var(--spacing) * 7);
}
.w-8 {
  width: calc(var(--spacing) * 8);
}
.w-9 {
  width: calc(var(--spacing) * 9);
}
.w-10 {
  width: calc(var(--spacing) * 10);
}
.w-11 {
  width: calc(var(--spacing) * 11);
}
.w-12 {
  width: calc(var(--spacing) * 12);
}
.w-14 {
  width: calc(var(--spacing) * 14);
}
.w-16 {
  width: calc(var(--spacing) * 16);
}
.w-20 {
  width: calc(var(--spacing) * 20);
}
.w-24 {
  width: calc(var(--spacing) * 24);
}
.w-28 {
  width: calc(var(--spacing) * 28);
}
.w-36 {
  width: calc(var(--spacing) * 36);
}
.w-40 {
  width: calc(var(--spacing) * 40);
}
.w-44 {
  width: calc(var(--spacing) * 44);
}
.w-48 {
  width: calc(var(--spacing) * 48);
}
.w-64 {
  width: calc(var(--spacing) * 64);
}
.w-96 {
  width: calc(var(--spacing) * 96);
}
.w-128 {
  width: calc(var(--spacing) * 128);
}
.w-\[12ch\] {
  width: 12ch;
}
.w-\[16rem\] {
  width: 16rem;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[22rem\] {
  width: 22rem;
}
.w-\[30rem\] {
  width: 30rem;
}
.w-\[42px\] {
  width: 42px;
}
.w-\[55vh\] {
  width: 55vh;
}
.w-\[80px\] {
  width: 80px;
}
.w-\[80vw\] {
  width: 80vw;
}
.w-\[90vw\] {
  width: 90vw;
}
.w-\[125px\] {
  width: 125px;
}
.w-\[calc\(100\%-48px\)\] {
  width: calc(100% - 48px);
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: max-content;
}
.w-min {
  width: min-content;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.max-w-2xl {
  max-width: var(--container-2xl);
}
.max-w-3xl {
  max-width: var(--container-3xl);
}
.max-w-4 {
  max-width: calc(var(--spacing) * 4);
}
.max-w-4xl {
  max-width: var(--container-4xl);
}
.max-w-5xl {
  max-width: var(--container-5xl);
}
.max-w-6xl {
  max-width: var(--container-6xl);
}
.max-w-7xl {
  max-width: var(--container-7xl);
}
.max-w-8xl {
  max-width: var(--container-8xl);
}
.max-w-8xl {
  max-width: var(--container-8xl);
}
.max-w-9xl {
  max-width: var(--container-9xl);
}
.max-w-9xl {
  max-width: var(--container-9xl);
}
.max-w-10xl {
  max-width: var(--container-10xl);
}
.max-w-10xl {
  max-width: var(--container-10xl);
}
.max-w-11xl {
  max-width: var(--container-11xl);
}
.max-w-11xl {
  max-width: var(--container-11xl);
}
.max-w-40 {
  max-width: calc(var(--spacing) * 40);
}
.max-w-48 {
  max-width: calc(var(--spacing) * 48);
}
.max-w-\[3rem\] {
  max-width: 3rem;
}
.max-w-\[14rem\] {
  max-width: 14rem;
}
.max-w-\[19rem\] {
  max-width: 19rem;
}
.max-w-\[27rem\] {
  max-width: 27rem;
}
.max-w-\[40px\] {
  max-width: 40px;
}
.max-w-\[100vw\] {
  max-width: 100vw;
}
.max-w-\[275px\] {
  max-width: 275px;
}
.max-w-\[300px\] {
  max-width: 300px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[404px\] {
  max-width: 404px;
}
.max-w-\[475px\] {
  max-width: 475px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: var(--container-lg);
}
.max-w-md {
  max-width: var(--container-md);
}
.max-w-screen-lg {
  max-width: var(--breakpoint-lg);
}
.max-w-sm {
  max-width: var(--container-sm);
}
.max-w-xl {
  max-width: var(--container-xl);
}
.max-w-xs {
  max-width: var(--container-xs);
}
.min-w-0 {
  min-width: calc(var(--spacing) * 0);
}
.min-w-32 {
  min-width: calc(var(--spacing) * 32);
}
.min-w-44 {
  min-width: calc(var(--spacing) * 44);
}
.min-w-48 {
  min-width: calc(var(--spacing) * 48);
}
.min-w-64 {
  min-width: calc(var(--spacing) * 64);
}
.min-w-72 {
  min-width: calc(var(--spacing) * 72);
}
.min-w-80 {
  min-width: calc(var(--spacing) * 80);
}
.min-w-\[3rem\] {
  min-width: 3rem;
}
.min-w-\[6rem\] {
  min-width: 6rem;
}
.min-w-\[8px\] {
  min-width: 8px;
}
.min-w-\[11rem\] {
  min-width: 11rem;
}
.min-w-\[12rem\] {
  min-width: 12rem;
}
.min-w-\[48px\] {
  min-width: 48px;
}
.min-w-full {
  min-width: 100%;
}
.min-w-max {
  min-width: max-content;
}
.min-w-min {
  min-width: min-content;
}
.flex-1 {
  flex: 1;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink {
  flex-shrink: 1;
}
.shrink\! {
  flex-shrink: 1 !important;
}
.shrink-0 {
  flex-shrink: 0;
}
.shrink-5 {
  flex-shrink: 5;
}
.shrink-6 {
  flex-shrink: 6;
}
.flex-grow {
  flex-grow: 1;
}
.grow {
  flex-grow: 1;
}
.grow-0 {
  flex-grow: 0;
}
.basis-1\/3 {
  flex-basis: calc(1/3 * 100%);
}
.basis-2\/5 {
  flex-basis: calc(2/5 * 100%);
}
.basis-2\/6 {
  flex-basis: calc(2/6 * 100%);
}
.basis-3\/5 {
  flex-basis: calc(3/5 * 100%);
}
.basis-full {
  flex-basis: 100%;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-x-1\/2 {
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-full {
  --tw-translate-x: -100%;
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-0 {
  --tw-translate-x: calc(var(--spacing) * 0);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-1\/2 {
  --tw-translate-x: calc(1/2 * 100%);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-6 {
  --tw-translate-x: calc(var(--spacing) * 6);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2 {
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-rotate-\[25deg\] {
  rotate: calc(25deg * -1);
}
.rotate-10 {
  rotate: 10deg;
}
.rotate-12 {
  rotate: 12deg;
}
.rotate-90 {
  rotate: 90deg;
}
.rotate-180 {
  rotate: 180deg;
}
.rotate-270 {
  rotate: 270deg;
}
.rotate-280 {
  rotate: 280deg;
}
.rotate-350 {
  rotate: 350deg;
}
.transform {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.transform\! {
  transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
}
.cursor-default {
  cursor: default;
}
.cursor-grab {
  cursor: grab;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.resize {
  resize: both;
}
.snap-x {
  scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-center {
  scroll-snap-align: center;
}
.snap-start {
  scroll-snap-align: start;
}
.list-inside {
  list-style-position: inside;
}
.list-outside {
  list-style-position: outside;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.list-none {
  list-style-type: none;
}
.appearance-none {
  appearance: none;
}
.columns-3 {
  columns: 3;
}
.grid-flow-col {
  grid-auto-flow: column;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.\!flex-row {
  flex-direction: row !important;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-row {
  flex-direction: row;
}
.flex-row-reverse {
  flex-direction: row-reverse;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap {
  flex-wrap: wrap;
}
.place-content-stretch {
  place-content: stretch;
}
.items-baseline {
  align-items: baseline;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
.items-start {
  align-items: flex-start;
}
.items-stretch {
  align-items: stretch;
}
.justify-around {
  justify-content: space-around;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.justify-stretch {
  justify-content: stretch;
}
.justify-items-center {
  justify-items: center;
}
.justify-items-start {
  justify-items: start;
}
.\!gap-0 {
  gap: calc(var(--spacing) * 0) !important;
}
.\!gap-1 {
  gap: calc(var(--spacing) * 1) !important;
}
.gap-0 {
  gap: calc(var(--spacing) * 0);
}
.gap-0\.5 {
  gap: calc(var(--spacing) * 0.5);
}
.gap-1 {
  gap: calc(var(--spacing) * 1);
}
.gap-1\.5 {
  gap: calc(var(--spacing) * 1.5);
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-3 {
  gap: calc(var(--spacing) * 3);
}
.gap-4 {
  gap: calc(var(--spacing) * 4);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.gap-6 {
  gap: calc(var(--spacing) * 6);
}
.gap-8 {
  gap: calc(var(--spacing) * 8);
}
.gap-10 {
  gap: calc(var(--spacing) * 10);
}
.gap-12 {
  gap: calc(var(--spacing) * 12);
}
.gap-16 {
  gap: calc(var(--spacing) * 16);
}
.gap-\[1px\] {
  gap: 1px;
}
.gap-px {
  gap: 1px;
}
.space-y-1 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-2 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-3 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-4 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-6 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-8 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.space-y-16 {
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
  }
}
.gap-x-0\.5 {
  column-gap: calc(var(--spacing) * 0.5);
}
.gap-x-1 {
  column-gap: calc(var(--spacing) * 1);
}
.gap-x-1\.5 {
  column-gap: calc(var(--spacing) * 1.5);
}
.gap-x-2 {
  column-gap: calc(var(--spacing) * 2);
}
.gap-x-2\.5 {
  column-gap: calc(var(--spacing) * 2.5);
}
.gap-x-3 {
  column-gap: calc(var(--spacing) * 3);
}
.gap-x-3\.5 {
  column-gap: calc(var(--spacing) * 3.5);
}
.gap-x-4 {
  column-gap: calc(var(--spacing) * 4);
}
.gap-x-5 {
  column-gap: calc(var(--spacing) * 5);
}
.gap-x-6 {
  column-gap: calc(var(--spacing) * 6);
}
.gap-x-8 {
  column-gap: calc(var(--spacing) * 8);
}
.gap-x-12 {
  column-gap: calc(var(--spacing) * 12);
}
.gap-x-16 {
  column-gap: calc(var(--spacing) * 16);
}
.gap-x-36 {
  column-gap: calc(var(--spacing) * 36);
}
.gap-x-\[5rem\] {
  column-gap: 5rem;
}
.space-x-2 {
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.space-x-3 {
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.space-x-4 {
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.space-x-6 {
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.space-x-8 {
  :where(& > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
  }
}
.gap-y-0\.5 {
  row-gap: calc(var(--spacing) * 0.5);
}
.gap-y-1 {
  row-gap: calc(var(--spacing) * 1);
}
.gap-y-2 {
  row-gap: calc(var(--spacing) * 2);
}
.gap-y-3 {
  row-gap: calc(var(--spacing) * 3);
}
.gap-y-4 {
  row-gap: calc(var(--spacing) * 4);
}
.gap-y-5 {
  row-gap: calc(var(--spacing) * 5);
}
.gap-y-6 {
  row-gap: calc(var(--spacing) * 6);
}
.gap-y-7 {
  row-gap: calc(var(--spacing) * 7);
}
.gap-y-8 {
  row-gap: calc(var(--spacing) * 8);
}
.gap-y-10 {
  row-gap: calc(var(--spacing) * 10);
}
.gap-y-12 {
  row-gap: calc(var(--spacing) * 12);
}
.gap-y-16 {
  row-gap: calc(var(--spacing) * 16);
}
.gap-y-\[5rem\] {
  row-gap: 5rem;
}
.divide-x {
  :where(& > :not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }
}
.divide-y {
  :where(& > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }
}
.divide-y-2 {
  :where(& > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(2px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(2px * calc(1 - var(--tw-divide-y-reverse)));
  }
}
.divide-gray-100 {
  :where(& > :not(:last-child)) {
    border-color: var(--color-gray-100);
  }
}
.divide-gray-200 {
  :where(& > :not(:last-child)) {
    border-color: var(--color-gray-200);
  }
}
.divide-gray-300 {
  :where(& > :not(:last-child)) {
    border-color: var(--color-gray-300);
  }
}
.divide-gray-500\/10 {
  :where(& > :not(:last-child)) {
    border-color: color-mix(in srgb, #808080 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent);
    }
  }
}
.divide-misty-mountains {
  :where(& > :not(:last-child)) {
    border-color: var(--color-misty-mountains);
  }
}
.self-center {
  align-self: center;
}
.self-end {
  align-self: flex-end;
}
.self-start {
  align-self: flex-start;
}
.self-stretch {
  align-self: stretch;
}
.justify-self-end {
  justify-self: flex-end;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.\!rounded-\[6px\] {
  border-radius: 6px !important;
}
.\!rounded-full {
  border-radius: calc(infinity * 1px) !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: var(--radius-2xl);
}
.rounded-3xl {
  border-radius: var(--radius-3xl);
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-full {
  border-radius: calc(infinity * 1px);
}
.rounded-lg {
  border-radius: var(--radius-lg);
}
.rounded-md {
  border-radius: var(--radius-md);
}
.rounded-sm {
  border-radius: var(--radius-sm);
}
.rounded-xl {
  border-radius: var(--radius-xl);
}
.rounded-t-3xl {
  border-top-left-radius: var(--radius-3xl);
  border-top-right-radius: var(--radius-3xl);
}
.rounded-t-xl {
  border-top-left-radius: var(--radius-xl);
  border-top-right-radius: var(--radius-xl);
}
.\!rounded-l-none {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-l-3xl {
  border-top-left-radius: var(--radius-3xl);
  border-bottom-left-radius: var(--radius-3xl);
}
.rounded-l-lg {
  border-top-left-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}
.rounded-l-md {
  border-top-left-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
}
.rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rounded-l-xl {
  border-top-left-radius: var(--radius-xl);
  border-bottom-left-radius: var(--radius-xl);
}
.rounded-tl-\[48px\] {
  border-top-left-radius: 48px;
}
.\!rounded-r-none {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-r-3xl {
  border-top-right-radius: var(--radius-3xl);
  border-bottom-right-radius: var(--radius-3xl);
}
.rounded-r-full {
  border-top-right-radius: calc(infinity * 1px);
  border-bottom-right-radius: calc(infinity * 1px);
}
.rounded-r-lg {
  border-top-right-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}
.rounded-r-md {
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
}
.rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rounded-r-xl {
  border-top-right-radius: var(--radius-xl);
  border-bottom-right-radius: var(--radius-xl);
}
.rounded-b-lg {
  border-bottom-right-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}
.rounded-b-xl {
  border-bottom-right-radius: var(--radius-xl);
  border-bottom-left-radius: var(--radius-xl);
}
.border {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-0 {
  border-style: var(--tw-border-style);
  border-width: 0px;
}
.border-1 {
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.border-2 {
  border-style: var(--tw-border-style);
  border-width: 2px;
}
.border-\[3px\] {
  border-style: var(--tw-border-style);
  border-width: 3px;
}
.border-t {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
}
.border-r {
  border-right-style: var(--tw-border-style);
  border-right-width: 1px;
}
.border-r-2 {
  border-right-style: var(--tw-border-style);
  border-right-width: 2px;
}
.border-b {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 2px;
}
.border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.border-dashed {
  --tw-border-style: dashed;
  border-style: dashed;
}
.border-dotted {
  --tw-border-style: dotted;
  border-style: dotted;
}
.border-none {
  --tw-border-style: none;
  border-style: none;
}
.border-solid {
  --tw-border-style: solid;
  border-style: solid;
}
.border-\[\#CBD0D6\] {
  border-color: #CBD0D6;
}
.border-\[\#dedede\] {
  border-color: #dedede;
}
.border-black {
  border-color: var(--color-black);
}
.border-blue-50 {
  border-color: var(--color-blue-50);
}
.border-blue-500 {
  border-color: var(--color-blue-500);
}
.border-blue-surf-100 {
  border-color: var(--color-blue-surf-100);
}
.border-blue-surf-500 {
  border-color: var(--color-blue-surf-500);
}
.border-blue-surf-500\/50 {
  border-color: color-mix(in srgb, #2A74FF 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-blue-surf-500) 50%, transparent);
  }
}
.border-calendar-blue-300 {
  border-color: var(--color-calendar-blue-300);
}
.border-calendar-blue-500 {
  border-color: var(--color-calendar-blue-500);
}
.border-calendar-green-300 {
  border-color: var(--color-calendar-green-300);
}
.border-calendar-green-500 {
  border-color: var(--color-calendar-green-500);
}
.border-calendar-orange-200 {
  border-color: var(--color-calendar-orange-200);
}
.border-calendar-orange-300 {
  border-color: var(--color-calendar-orange-300);
}
.border-calendar-orange-500 {
  border-color: var(--color-calendar-orange-500);
}
.border-calendar-pink-200 {
  border-color: var(--color-calendar-pink-200);
}
.border-calendar-pink-300 {
  border-color: var(--color-calendar-pink-300);
}
.border-calendar-pink-500 {
  border-color: var(--color-calendar-pink-500);
}
.border-calendar-purple-200 {
  border-color: var(--color-calendar-purple-200);
}
.border-calendar-purple-300 {
  border-color: var(--color-calendar-purple-300);
}
.border-calendar-purple-500 {
  border-color: var(--color-calendar-purple-500);
}
.border-calendar-red-200 {
  border-color: var(--color-calendar-red-200);
}
.border-calendar-red-300 {
  border-color: var(--color-calendar-red-300);
}
.border-calendar-red-500 {
  border-color: var(--color-calendar-red-500);
}
.border-calendar-yellow-200 {
  border-color: var(--color-calendar-yellow-200);
}
.border-calendar-yellow-300 {
  border-color: var(--color-calendar-yellow-300);
}
.border-calendar-yellow-600 {
  border-color: var(--color-calendar-yellow-600);
}
.border-current {
  border-color: currentcolor;
}
.border-dark-knight {
  border-color: var(--color-dark-knight);
}
.border-dark-knight\/10 {
  border-color: color-mix(in srgb, #333333 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-dark-knight) 10%, transparent);
  }
}
.border-dark-knight\/20 {
  border-color: color-mix(in srgb, #333333 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-dark-knight) 20%, transparent);
  }
}
.border-dark-knight\/\[8\%\] {
  border-color: color-mix(in srgb, #333333 8%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-dark-knight) 8%, transparent);
  }
}
.border-gray-50 {
  border-color: var(--color-gray-50);
}
.border-gray-100 {
  border-color: var(--color-gray-100);
}
.border-gray-200 {
  border-color: var(--color-gray-200);
}
.border-gray-200\/75 {
  border-color: color-mix(in srgb, #D9D9D9 75%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-gray-200) 75%, transparent);
  }
}
.border-gray-200\/80 {
  border-color: color-mix(in srgb, #D9D9D9 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-gray-200) 80%, transparent);
  }
}
.border-gray-300 {
  border-color: var(--color-gray-300);
}
.border-gray-400 {
  border-color: var(--color-gray-400);
}
.border-gray-500 {
  border-color: var(--color-gray-500);
}
.border-gray-700 {
  border-color: var(--color-gray-700);
}
.border-gray-800 {
  border-color: var(--color-gray-800);
}
.border-gray-text {
  border-color: var(--color-gray-text);
}
.border-gray-text\/50 {
  border-color: color-mix(in srgb, #707070 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-gray-text) 50%, transparent);
  }
}
.border-gray-text\/60 {
  border-color: color-mix(in srgb, #707070 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-gray-text) 60%, transparent);
  }
}
.border-green-500 {
  border-color: var(--color-green-500);
}
.border-hot-pink {
  border-color: var(--color-hot-pink);
}
.border-live-red {
  border-color: var(--color-live-red);
}
.border-misty-mountains {
  border-color: var(--color-misty-mountains);
}
.border-misty-mountains\/75 {
  border-color: color-mix(in srgb, #DDDDDD 75%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-misty-mountains) 75%, transparent);
  }
}
.border-pink-500 {
  border-color: var(--color-pink-500);
}
.border-red-500 {
  border-color: var(--color-red-500);
}
.border-success-400 {
  border-color: var(--color-success-400);
}
.border-sunny-300 {
  border-color: var(--color-sunny-300);
}
.border-transparent {
  border-color: transparent;
}
.border-white {
  border-color: var(--color-white);
}
.border-white\/50 {
  border-color: color-mix(in srgb, #fff 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-white) 50%, transparent);
  }
}
.border-yellow-500 {
  border-color: var(--color-yellow-500);
}
.border-t-misty-mountains {
  border-top-color: var(--color-misty-mountains);
}
.\!border-r-transparent {
  border-right-color: transparent !important;
}
.border-r-transparent {
  border-right-color: transparent;
}
.border-b-dark-knight {
  border-bottom-color: var(--color-dark-knight);
}
.\!border-l-transparent {
  border-left-color: transparent !important;
}
.border-l-transparent {
  border-left-color: transparent;
}
.bg-\[\#888\] {
  background-color: #888;
}
.bg-\[\#F9F9F9\] {
  background-color: #F9F9F9;
}
.bg-alert-200 {
  background-color: var(--color-alert-200);
}
.bg-alert-500 {
  background-color: var(--color-alert-500);
}
.bg-alert-600 {
  background-color: var(--color-alert-600);
}
.bg-beach-sand-50 {
  background-color: var(--color-beach-sand-50);
}
.bg-beach-sand-100 {
  background-color: var(--color-beach-sand-100);
}
.bg-beach-sand-200 {
  background-color: var(--color-beach-sand-200);
}
.bg-beach-sand-800 {
  background-color: var(--color-beach-sand-800);
}
.bg-black {
  background-color: var(--color-black);
}
.bg-black\/0 {
  background-color: color-mix(in srgb, #000 0%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-black) 0%, transparent);
  }
}
.bg-blue-50 {
  background-color: var(--color-blue-50);
}
.bg-blue-100 {
  background-color: var(--color-blue-100);
}
.bg-blue-200 {
  background-color: var(--color-blue-200);
}
.bg-blue-500 {
  background-color: var(--color-blue-500);
}
.bg-blue-surf-20 {
  background-color: var(--color-blue-surf-20);
}
.bg-blue-surf-50 {
  background-color: var(--color-blue-surf-50);
}
.bg-blue-surf-100 {
  background-color: var(--color-blue-surf-100);
}
.bg-blue-surf-200 {
  background-color: var(--color-blue-surf-200);
}
.bg-blue-surf-400 {
  background-color: var(--color-blue-surf-400);
}
.bg-blue-surf-500 {
  background-color: var(--color-blue-surf-500);
}
.bg-blue-surf-500\/10 {
  background-color: color-mix(in srgb, #2A74FF 10%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-blue-surf-500) 10%, transparent);
  }
}
.bg-blue-surf-600 {
  background-color: var(--color-blue-surf-600);
}
.bg-blue-surf-700 {
  background-color: var(--color-blue-surf-700);
}
.bg-dark-knight {
  background-color: var(--color-dark-knight);
}
.bg-dark-knight\/40 {
  background-color: color-mix(in srgb, #333333 40%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-dark-knight) 40%, transparent);
  }
}
.bg-dark-knight\/80 {
  background-color: color-mix(in srgb, #333333 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-dark-knight) 80%, transparent);
  }
}
.bg-dark-knight\/\[8\%\] {
  background-color: color-mix(in srgb, #333333 8%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-dark-knight) 8%, transparent);
  }
}
.bg-dead-sea {
  background-color: var(--color-dead-sea);
}
.bg-error-red {
  background-color: var(--color-error-red);
}
.bg-gray-30 {
  background-color: var(--color-gray-30);
}
.bg-gray-50 {
  background-color: var(--color-gray-50);
}
.bg-gray-100 {
  background-color: var(--color-gray-100);
}
.bg-gray-200 {
  background-color: var(--color-gray-200);
}
.bg-gray-300 {
  background-color: var(--color-gray-300);
}
.bg-gray-700 {
  background-color: var(--color-gray-700);
}
.bg-gray-900\/80 {
  background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent);
  }
}
.bg-gray-text {
  background-color: var(--color-gray-text);
}
.bg-green-50 {
  background-color: var(--color-green-50);
}
.bg-green-100 {
  background-color: var(--color-green-100);
}
.bg-green-200 {
  background-color: var(--color-green-200);
}
.bg-green-300 {
  background-color: var(--color-green-300);
}
.bg-green-500 {
  background-color: var(--color-green-500);
}
.bg-green-600 {
  background-color: var(--color-green-600);
}
.bg-green-future {
  background-color: var(--color-green-future);
}
.bg-green-future-600 {
  background-color: var(--color-green-future-600);
}
.bg-hot-pink {
  background-color: var(--color-hot-pink);
}
.bg-lime-200 {
  background-color: var(--color-lime-200);
}
.bg-lipstick-red {
  background-color: var(--color-lipstick-red);
}
.bg-live-red {
  background-color: var(--color-live-red);
}
.bg-misty-mountains {
  background-color: var(--color-misty-mountains);
}
.bg-misty-mountains\/50 {
  background-color: color-mix(in srgb, #DDDDDD 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-misty-mountains) 50%, transparent);
  }
}
.bg-misty-mountains\/\[65\%\] {
  background-color: color-mix(in srgb, #DDDDDD 65%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-misty-mountains) 65%, transparent);
  }
}
.bg-orange-100 {
  background-color: var(--color-orange-100);
}
.bg-orange-500 {
  background-color: var(--color-orange-500);
}
.bg-pink-50 {
  background-color: var(--color-pink-50);
}
.bg-pink-100 {
  background-color: var(--color-pink-100);
}
.bg-pink-500 {
  background-color: var(--color-pink-500);
}
.bg-purple-50 {
  background-color: var(--color-purple-50);
}
.bg-purple-200 {
  background-color: var(--color-purple-200);
}
.bg-purple-500 {
  background-color: var(--color-purple-500);
}
.bg-purple-600 {
  background-color: var(--color-purple-600);
}
.bg-red-50 {
  background-color: var(--color-red-50);
}
.bg-red-100 {
  background-color: var(--color-red-100);
}
.bg-red-200 {
  background-color: var(--color-red-200);
}
.bg-red-500 {
  background-color: var(--color-red-500);
}
.bg-salmon-100 {
  background-color: var(--color-salmon-100);
}
.bg-salmon-200 {
  background-color: var(--color-salmon-200);
}
.bg-salmon-300 {
  background-color: var(--color-salmon-300);
}
.bg-salmon-800 {
  background-color: var(--color-salmon-800);
}
.bg-salmon-900 {
  background-color: var(--color-salmon-900);
}
.bg-sky-500 {
  background-color: var(--color-sky-500);
}
.bg-success-50 {
  background-color: var(--color-success-50);
}
.bg-success-200 {
  background-color: var(--color-success-200);
}
.bg-success-400 {
  background-color: var(--color-success-400);
}
.bg-success-500 {
  background-color: var(--color-success-500);
}
.bg-success-600 {
  background-color: var(--color-success-600);
}
.bg-success-700 {
  background-color: var(--color-success-700);
}
.bg-sunny-50 {
  background-color: var(--color-sunny-50);
}
.bg-sunny-100 {
  background-color: var(--color-sunny-100);
}
.bg-sunny-200 {
  background-color: var(--color-sunny-200);
}
.bg-sunny-300 {
  background-color: var(--color-sunny-300);
}
.bg-sunny-400 {
  background-color: var(--color-sunny-400);
}
.bg-sunny-600 {
  background-color: var(--color-sunny-600);
}
.bg-sunny-700 {
  background-color: var(--color-sunny-700);
}
.bg-sunny-800 {
  background-color: var(--color-sunny-800);
}
.bg-teal-500 {
  background-color: var(--color-teal-500);
}
.bg-transparent {
  background-color: transparent;
}
.bg-warning-200 {
  background-color: var(--color-warning-200);
}
.bg-warning-600 {
  background-color: var(--color-warning-600);
}
.bg-white {
  background-color: var(--color-white);
}
.bg-white\/80 {
  background-color: color-mix(in srgb, #fff 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
  }
}
.bg-yellow-50 {
  background-color: var(--color-yellow-50);
}
.bg-yellow-100 {
  background-color: var(--color-yellow-100);
}
.bg-yellow-200 {
  background-color: var(--color-yellow-200);
}
.bg-yellow-300 {
  background-color: var(--color-yellow-300);
}
.bg-yellow-500 {
  background-color: var(--color-yellow-500);
}
.bg-gradient-to-b {
  --tw-gradient-position: to bottom in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-none {
  background-image: none;
}
.from-blue-surf-100 {
  --tw-gradient-from: var(--color-blue-surf-100);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-white {
  --tw-gradient-to: var(--color-white);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.object-right {
  object-position: right;
}
.\!p-0 {
  padding: calc(var(--spacing) * 0) !important;
}
.\!p-2 {
  padding: calc(var(--spacing) * 2) !important;
}
.\!p-3 {
  padding: calc(var(--spacing) * 3) !important;
}
.\!p-8 {
  padding: calc(var(--spacing) * 8) !important;
}
.p-0 {
  padding: calc(var(--spacing) * 0);
}
.p-0\.5 {
  padding: calc(var(--spacing) * 0.5);
}
.p-1 {
  padding: calc(var(--spacing) * 1);
}
.p-1\.5 {
  padding: calc(var(--spacing) * 1.5);
}
.p-2 {
  padding: calc(var(--spacing) * 2);
}
.p-2\.5 {
  padding: calc(var(--spacing) * 2.5);
}
.p-3 {
  padding: calc(var(--spacing) * 3);
}
.p-4 {
  padding: calc(var(--spacing) * 4);
}
.p-5 {
  padding: calc(var(--spacing) * 5);
}
.p-6 {
  padding: calc(var(--spacing) * 6);
}
.p-7 {
  padding: calc(var(--spacing) * 7);
}
.p-8 {
  padding: calc(var(--spacing) * 8);
}
.p-12 {
  padding: calc(var(--spacing) * 12);
}
.p-16 {
  padding: calc(var(--spacing) * 16);
}
.p-\[40px\] {
  padding: 40px;
}
.\!px-2 {
  padding-inline: calc(var(--spacing) * 2) !important;
}
.\!px-4 {
  padding-inline: calc(var(--spacing) * 4) !important;
}
.\!px-6 {
  padding-inline: calc(var(--spacing) * 6) !important;
}
.px-0\.5 {
  padding-inline: calc(var(--spacing) * 0.5);
}
.px-1 {
  padding-inline: calc(var(--spacing) * 1);
}
.px-2 {
  padding-inline: calc(var(--spacing) * 2);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.px-5 {
  padding-inline: calc(var(--spacing) * 5);
}
.px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.px-8 {
  padding-inline: calc(var(--spacing) * 8);
}
.px-10 {
  padding-inline: calc(var(--spacing) * 10);
}
.px-12 {
  padding-inline: calc(var(--spacing) * 12);
}
.px-16 {
  padding-inline: calc(var(--spacing) * 16);
}
.px-24 {
  padding-inline: calc(var(--spacing) * 24);
}
.px-\[2\.75rem\] {
  padding-inline: 2.75rem;
}
.px-\[13px\] {
  padding-inline: 13px;
}
.\!py-1 {
  padding-block: calc(var(--spacing) * 1) !important;
}
.py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5);
}
.py-1 {
  padding-block: calc(var(--spacing) * 1);
}
.py-1\.5 {
  padding-block: calc(var(--spacing) * 1.5);
}
.py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.py-2\.5 {
  padding-block: calc(var(--spacing) * 2.5);
}
.py-3 {
  padding-block: calc(var(--spacing) * 3);
}
.py-3\.5 {
  padding-block: calc(var(--spacing) * 3.5);
}
.py-4 {
  padding-block: calc(var(--spacing) * 4);
}
.py-5 {
  padding-block: calc(var(--spacing) * 5);
}
.py-6 {
  padding-block: calc(var(--spacing) * 6);
}
.py-8 {
  padding-block: calc(var(--spacing) * 8);
}
.py-9 {
  padding-block: calc(var(--spacing) * 9);
}
.py-16 {
  padding-block: calc(var(--spacing) * 16);
}
.pt-0 {
  padding-top: calc(var(--spacing) * 0);
}
.pt-0\.5 {
  padding-top: calc(var(--spacing) * 0.5);
}
.pt-1 {
  padding-top: calc(var(--spacing) * 1);
}
.pt-1\.5 {
  padding-top: calc(var(--spacing) * 1.5);
}
.pt-2 {
  padding-top: calc(var(--spacing) * 2);
}
.pt-3 {
  padding-top: calc(var(--spacing) * 3);
}
.pt-4 {
  padding-top: calc(var(--spacing) * 4);
}
.pt-5 {
  padding-top: calc(var(--spacing) * 5);
}
.pt-6 {
  padding-top: calc(var(--spacing) * 6);
}
.pt-7 {
  padding-top: calc(var(--spacing) * 7);
}
.pt-8 {
  padding-top: calc(var(--spacing) * 8);
}
.pt-12 {
  padding-top: calc(var(--spacing) * 12);
}
.pt-16 {
  padding-top: calc(var(--spacing) * 16);
}
.\!pr-4 {
  padding-right: calc(var(--spacing) * 4) !important;
}
.\!pr-12 {
  padding-right: calc(var(--spacing) * 12) !important;
}
.pr-0 {
  padding-right: calc(var(--spacing) * 0);
}
.pr-2 {
  padding-right: calc(var(--spacing) * 2);
}
.pr-2\.5 {
  padding-right: calc(var(--spacing) * 2.5);
}
.pr-3 {
  padding-right: calc(var(--spacing) * 3);
}
.pr-4 {
  padding-right: calc(var(--spacing) * 4);
}
.pr-6 {
  padding-right: calc(var(--spacing) * 6);
}
.pr-8 {
  padding-right: calc(var(--spacing) * 8);
}
.pr-12 {
  padding-right: calc(var(--spacing) * 12);
}
.pr-\[22px\] {
  padding-right: 22px;
}
.pb-0\.5 {
  padding-bottom: calc(var(--spacing) * 0.5);
}
.pb-1 {
  padding-bottom: calc(var(--spacing) * 1);
}
.pb-2 {
  padding-bottom: calc(var(--spacing) * 2);
}
.pb-4 {
  padding-bottom: calc(var(--spacing) * 4);
}
.pb-5 {
  padding-bottom: calc(var(--spacing) * 5);
}
.pb-6 {
  padding-bottom: calc(var(--spacing) * 6);
}
.pb-8 {
  padding-bottom: calc(var(--spacing) * 8);
}
.pb-10 {
  padding-bottom: calc(var(--spacing) * 10);
}
.pb-12 {
  padding-bottom: calc(var(--spacing) * 12);
}
.pb-14 {
  padding-bottom: calc(var(--spacing) * 14);
}
.pb-16 {
  padding-bottom: calc(var(--spacing) * 16);
}
.pb-40 {
  padding-bottom: calc(var(--spacing) * 40);
}
.pb-48 {
  padding-bottom: calc(var(--spacing) * 48);
}
.pb-96 {
  padding-bottom: calc(var(--spacing) * 96);
}
.pb-\[5rem\] {
  padding-bottom: 5rem;
}
.pb-\[8rem\] {
  padding-bottom: 8rem;
}
.pb-\[10rem\] {
  padding-bottom: 10rem;
}
.\!pl-10 {
  padding-left: calc(var(--spacing) * 10) !important;
}
.\!pl-12 {
  padding-left: calc(var(--spacing) * 12) !important;
}
.pl-0 {
  padding-left: calc(var(--spacing) * 0);
}
.pl-1 {
  padding-left: calc(var(--spacing) * 1);
}
.pl-2 {
  padding-left: calc(var(--spacing) * 2);
}
.pl-3 {
  padding-left: calc(var(--spacing) * 3);
}
.pl-4 {
  padding-left: calc(var(--spacing) * 4);
}
.pl-5 {
  padding-left: calc(var(--spacing) * 5);
}
.pl-6 {
  padding-left: calc(var(--spacing) * 6);
}
.pl-8 {
  padding-left: calc(var(--spacing) * 8);
}
.pl-10 {
  padding-left: calc(var(--spacing) * 10);
}
.pl-16 {
  padding-left: calc(var(--spacing) * 16);
}
.pl-\[22px\] {
  padding-left: 22px;
}
.pl-\[62px\] {
  padding-left: 62px;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.align-middle {
  vertical-align: middle;
}
.\!text-paragraph {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.\!text-title-2 {
  font-size: 2rem !important;
  line-height: 2.25rem !important;
}
.text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-help-text {
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.text-large {
  font-size: 1.25rem;
  line-height: 1.563rem;
}
.text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-medium {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.text-paragraph {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-small {
  font-size: 0.875rem;
  line-height: 1rem;
}
.text-title-1 {
  font-size: 2.75rem;
  line-height: 3.5rem;
}
.text-title-2 {
  font-size: 2rem;
  line-height: 2.25rem;
}
.text-title-3 {
  font-size: 1.5rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.\!text-\[0\.9rem\] {
  font-size: 0.9rem !important;
}
.text-\[0\.75rem\] {
  font-size: 0.75rem;
}
.text-\[3rem\] {
  font-size: 3rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-superscript {
  font-size: 0.6rem;
}
.text-tiny {
  font-size: 0.6rem;
}
.leading-3 {
  --tw-leading: calc(var(--spacing) * 3);
  line-height: calc(var(--spacing) * 3);
}
.leading-4 {
  --tw-leading: calc(var(--spacing) * 4);
  line-height: calc(var(--spacing) * 4);
}
.leading-5 {
  --tw-leading: calc(var(--spacing) * 5);
  line-height: calc(var(--spacing) * 5);
}
.leading-6 {
  --tw-leading: calc(var(--spacing) * 6);
  line-height: calc(var(--spacing) * 6);
}
.leading-7 {
  --tw-leading: calc(var(--spacing) * 7);
  line-height: calc(var(--spacing) * 7);
}
.leading-8 {
  --tw-leading: calc(var(--spacing) * 8);
  line-height: calc(var(--spacing) * 8);
}
.leading-10 {
  --tw-leading: calc(var(--spacing) * 10);
  line-height: calc(var(--spacing) * 10);
}
.leading-\[32px\] {
  --tw-leading: 32px;
  line-height: 32px;
}
.leading-\[48px\] {
  --tw-leading: 48px;
  line-height: 48px;
}
.leading-\[56px\] {
  --tw-leading: 56px;
  line-height: 56px;
}
.leading-none {
  --tw-leading: 1;
  line-height: 1;
}
.leading-normal {
  --tw-leading: var(--leading-normal);
  line-height: var(--leading-normal);
}
.leading-relaxed {
  --tw-leading: var(--leading-relaxed);
  line-height: var(--leading-relaxed);
}
.leading-tight {
  --tw-leading: var(--leading-tight);
  line-height: var(--leading-tight);
}
.\!font-normal {
  --tw-font-weight: var(--font-weight-normal) !important;
  font-weight: var(--font-weight-normal) !important;
}
.font-bold {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.font-light {
  --tw-font-weight: var(--font-weight-light);
  font-weight: var(--font-weight-light);
}
.font-medium {
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
}
.font-normal {
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
}
.font-semibold {
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
}
.tracking-tight {
  --tw-tracking: var(--tracking-tight);
  letter-spacing: var(--tracking-tight);
}
.tracking-wide {
  --tw-tracking: var(--tracking-wide);
  letter-spacing: var(--tracking-wide);
}
.tracking-wider {
  --tw-tracking: var(--tracking-wider);
  letter-spacing: var(--tracking-wider);
}
.tracking-widest {
  --tw-tracking: var(--tracking-widest);
  letter-spacing: var(--tracking-widest);
}
.text-nowrap {
  text-wrap: nowrap;
}
.text-pretty {
  text-wrap: pretty;
}
.text-wrap {
  text-wrap: wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.\!text-gray-text {
  color: var(--color-gray-text) !important;
}
.text-\[\#999\] {
  color: #999;
}
.text-\[\#707070\] {
  color: #707070;
}
.text-\[\#957643\] {
  color: #957643;
}
.text-\[\#BF9001\] {
  color: #BF9001;
}
.text-alert-200 {
  color: var(--color-alert-200);
}
.text-alert-500 {
  color: var(--color-alert-500);
}
.text-alert-600 {
  color: var(--color-alert-600);
}
.text-beach-sand-200 {
  color: var(--color-beach-sand-200);
}
.text-beach-sand-600 {
  color: var(--color-beach-sand-600);
}
.text-beach-sand-800 {
  color: var(--color-beach-sand-800);
}
.text-black {
  color: var(--color-black);
}
.text-black\/50 {
  color: color-mix(in srgb, #000 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-black) 50%, transparent);
  }
}
.text-blue-500 {
  color: var(--color-blue-500);
}
.text-blue-900 {
  color: var(--color-blue-900);
}
.text-blue-surf-50 {
  color: var(--color-blue-surf-50);
}
.text-blue-surf-400 {
  color: var(--color-blue-surf-400);
}
.text-blue-surf-500 {
  color: var(--color-blue-surf-500);
}
.text-blue-surf-600 {
  color: var(--color-blue-surf-600);
}
.text-blue-surf-700 {
  color: var(--color-blue-surf-700);
}
.text-blue-surf-800 {
  color: var(--color-blue-surf-800);
}
.text-calendar-blue-700 {
  color: var(--color-calendar-blue-700);
}
.text-calendar-green-600 {
  color: var(--color-calendar-green-600);
}
.text-calendar-orange-700 {
  color: var(--color-calendar-orange-700);
}
.text-calendar-pink-700 {
  color: var(--color-calendar-pink-700);
}
.text-calendar-purple-700 {
  color: var(--color-calendar-purple-700);
}
.text-calendar-red-700 {
  color: var(--color-calendar-red-700);
}
.text-calendar-yellow-700 {
  color: var(--color-calendar-yellow-700);
}
.text-current {
  color: currentcolor;
}
.text-dark-knight {
  color: var(--color-dark-knight);
}
.text-dark-knight\/50 {
  color: color-mix(in srgb, #333333 50%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-dark-knight) 50%, transparent);
  }
}
.text-dark-knight\/90 {
  color: color-mix(in srgb, #333333 90%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-dark-knight) 90%, transparent);
  }
}
.text-dead-sea {
  color: var(--color-dead-sea);
}
.text-gray-300 {
  color: var(--color-gray-300);
}
.text-gray-400 {
  color: var(--color-gray-400);
}
.text-gray-500 {
  color: var(--color-gray-500);
}
.text-gray-600 {
  color: var(--color-gray-600);
}
.text-gray-700 {
  color: var(--color-gray-700);
}
.text-gray-800 {
  color: var(--color-gray-800);
}
.text-gray-900 {
  color: var(--color-gray-900);
}
.text-gray-text {
  color: var(--color-gray-text);
}
.text-gray-text\/60 {
  color: color-mix(in srgb, #707070 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-gray-text) 60%, transparent);
  }
}
.text-gray-text\/70 {
  color: color-mix(in srgb, #707070 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-gray-text) 70%, transparent);
  }
}
.text-gray-text\/75 {
  color: color-mix(in srgb, #707070 75%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-gray-text) 75%, transparent);
  }
}
.text-gray-text\/80 {
  color: color-mix(in srgb, #707070 80%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-gray-text) 80%, transparent);
  }
}
.text-green-500 {
  color: var(--color-green-500);
}
.text-green-600 {
  color: var(--color-green-600);
}
.text-green-700 {
  color: var(--color-green-700);
}
.text-green-900 {
  color: var(--color-green-900);
}
.text-green-future {
  color: var(--color-green-future);
}
.text-hot-pink {
  color: var(--color-hot-pink);
}
.text-indigo-600 {
  color: var(--color-indigo-600);
}
.text-live-red {
  color: var(--color-live-red);
}
.text-misty-mountains {
  color: var(--color-misty-mountains);
}
.text-orange-500 {
  color: var(--color-orange-500);
}
.text-pink-500 {
  color: var(--color-pink-500);
}
.text-purple-500 {
  color: var(--color-purple-500);
}
.text-purple-600 {
  color: var(--color-purple-600);
}
.text-purple-900 {
  color: var(--color-purple-900);
}
.text-red-500 {
  color: var(--color-red-500);
}
.text-red-600 {
  color: var(--color-red-600);
}
.text-red-700 {
  color: var(--color-red-700);
}
.text-red-900 {
  color: var(--color-red-900);
}
.text-salmon-300 {
  color: var(--color-salmon-300);
}
.text-salmon-800 {
  color: var(--color-salmon-800);
}
.text-salmon-900 {
  color: var(--color-salmon-900);
}
.text-success-200 {
  color: var(--color-success-200);
}
.text-success-500 {
  color: var(--color-success-500);
}
.text-success-600 {
  color: var(--color-success-600);
}
.text-success-700 {
  color: var(--color-success-700);
}
.text-sunny-100 {
  color: var(--color-sunny-100);
}
.text-sunny-300 {
  color: var(--color-sunny-300);
}
.text-sunny-500 {
  color: var(--color-sunny-500);
}
.text-sunny-600 {
  color: var(--color-sunny-600);
}
.text-sunny-700 {
  color: var(--color-sunny-700);
}
.text-sunny-800 {
  color: var(--color-sunny-800);
}
.text-sunny-900 {
  color: var(--color-sunny-900);
}
.text-transparent {
  color: transparent;
}
.text-warning-200 {
  color: var(--color-warning-200);
}
.text-warning-500 {
  color: var(--color-warning-500);
}
.text-warning-600 {
  color: var(--color-warning-600);
}
.text-warning-600\/70 {
  color: color-mix(in srgb, #D97706 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--color-warning-600) 70%, transparent);
  }
}
.text-warning-800 {
  color: var(--color-warning-800);
}
.text-white {
  color: var(--color-white);
}
.text-yellow-500 {
  color: var(--color-yellow-500);
}
.text-yellow-600 {
  color: var(--color-yellow-600);
}
.text-yellow-900 {
  color: var(--color-yellow-900);
}
.capitalize {
  text-transform: capitalize;
}
.capitalize\! {
  text-transform: capitalize !important;
}
.lowercase {
  text-transform: lowercase;
}
.uppercase {
  text-transform: uppercase;
}
.italic {
  font-style: italic;
}
.diagonal-fractions {
  --tw-numeric-fraction: diagonal-fractions;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.ordinal {
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.line-through {
  text-decoration-line: line-through;
}
.no-underline {
  text-decoration-line: none;
}
.overline {
  text-decoration-line: overline;
}
.underline {
  text-decoration-line: underline;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.placeholder-gray-text {
  &::placeholder {
    color: var(--color-gray-text);
  }
}
.placeholder-gray-text\/75 {
  &::placeholder {
    color: color-mix(in srgb, #707070 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-gray-text) 75%, transparent);
    }
  }
}
.opacity-0 {
  opacity: 0%;
}
.opacity-10 {
  opacity: 10%;
}
.opacity-25 {
  opacity: 25%;
}
.opacity-50 {
  opacity: 50%;
}
.opacity-75 {
  opacity: 75%;
}
.opacity-100 {
  opacity: 100%;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-3xl {
  --tw-shadow: 4px 4px 41px 5px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-drop-10 {
  --tw-shadow: 4px 4px 41px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-drop-20 {
  --tw-shadow: 4px 4px 41px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-drop-30 {
  --tw-shadow: 4px 4px 41px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.20));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xs {
  --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring\! {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
}
.ring-0 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-1 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-4 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-8 {
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-blue-surf-500 {
  --tw-shadow-color: #2A74FF;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, var(--color-blue-surf-500) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-dark-knight {
  --tw-shadow-color: #333333;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, var(--color-dark-knight) var(--tw-shadow-alpha), transparent);
  }
}
.shadow-white {
  --tw-shadow-color: #fff;
  @supports (color: color-mix(in lab, red, red)) {
    --tw-shadow-color: color-mix(in oklab, var(--color-white) var(--tw-shadow-alpha), transparent);
  }
}
.ring-black {
  --tw-ring-color: var(--color-black);
}
.ring-white {
  --tw-ring-color: var(--color-white);
}
.outline-hidden {
  --tw-outline-style: none;
  outline-style: none;
  @media (forced-colors: active) {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}
.outline {
  outline-style: var(--tw-outline-style);
  outline-width: 1px;
}
.outline\! {
  outline-style: var(--tw-outline-style) !important;
  outline-width: 1px !important;
}
.outline-0 {
  outline-style: var(--tw-outline-style);
  outline-width: 0px;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-3xl {
  --tw-blur: blur(var(--blur-3xl));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.blur-\[3px\] {
  --tw-blur: blur(3px);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.brightness-75 {
  --tw-brightness: brightness(75%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow {
  --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow-\[0_1px_2px_rgb\(239\,68\,68\,0\.4\)\] {
  --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(239,68,68,0.4)));
  --tw-drop-shadow: var(--tw-drop-shadow-size);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.drop-shadow-xs {
  --tw-drop-shadow-size: drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.05)));
  --tw-drop-shadow: drop-shadow(var(--drop-shadow-xs));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.grayscale\! {
  --tw-grayscale: grayscale(100%) !important;
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.invert\! {
  --tw-invert: invert(100%) !important;
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
}
.sepia {
  --tw-sepia: sepia(100%);
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.filter {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.filter\! {
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
}
.transition {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
  transition-property: transform, translate, scale, rotate;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
  transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-none {
  transition-property: none;
}
.duration-100 {
  --tw-duration: 100ms;
  transition-duration: 100ms;
}
.duration-150 {
  --tw-duration: 150ms;
  transition-duration: 150ms;
}
.duration-200 {
  --tw-duration: 200ms;
  transition-duration: 200ms;
}
.duration-300 {
  --tw-duration: 300ms;
  transition-duration: 300ms;
}
.duration-500 {
  --tw-duration: 500ms;
  transition-duration: 500ms;
}
.duration-\[550ms\] {
  --tw-duration: 550ms;
  transition-duration: 550ms;
}
.duration-\[750ms\] {
  --tw-duration: 750ms;
  transition-duration: 750ms;
}
.ease-in {
  --tw-ease: var(--ease-in);
  transition-timing-function: var(--ease-in);
}
.ease-in-out {
  --tw-ease: var(--ease-in-out);
  transition-timing-function: var(--ease-in-out);
}
.ease-linear {
  --tw-ease: linear;
  transition-timing-function: linear;
}
.ease-out {
  --tw-ease: var(--ease-out);
  transition-timing-function: var(--ease-out);
}
.select-none {
  -webkit-user-select: none;
  user-select: none;
}
.\[area\:\%dx\%d\] {
  area: %dx%d;
}
.\[counter-increment\:section\] {
  counter-increment: section;
}
.\[counter-reset\:section\] {
  counter-reset: section;
}
.\[dash\:\%zu\] {
  dash: %zu;
}
.\[eo\:\%d\] {
  eo: %d;
}
.\[link\:doc\/command_line_usage\.rdoc\] {
  link: doc/command line usage.rdoc;
}
.\[link\:doc\/glossary\.rdoc\] {
  link: doc/glossary.rdoc;
}
.\[link\:doc\/rakefile\.rdoc\] {
  link: doc/rakefile.rdoc;
}
.\[link\:doc\/rakefile_rdoc\.html\#label-Importing\+Dependencies\] {
  link: doc/rakefile rdoc.html#label-Importing+Dependencies;
}
.\[link\:doc\/rational\.rdoc\] {
  link: doc/rational.rdoc;
}
.\[link\:files\/activejob\/README_md\.html\] {
  link: files/activejob/README md.html;
}
.\[m\:n\] {
  m: n;
}
.\[mailto\:james\@grayproductions\.net\] {
  mailto: james@grayproductions.net;
}
.\[rdoc-label\:method-i-2A_changed-3F\] {
  rdoc-label: method-i-2A changed-3F;
}
.\[rdoc-label\:method-i-2A_previously_changed-3F\] {
  rdoc-label: method-i-2A previously changed-3F;
}
.\[rdoc-label\:method-i-2A_previously_was\] {
  rdoc-label: method-i-2A previously was;
}
.\[rdoc-label\:method-i-2A_was\] {
  rdoc-label: method-i-2A was;
}
.\[rdoc-label\:method-i-2A_will_change-21\] {
  rdoc-label: method-i-2A will change-21;
}
.\[rdoc-ref\:\#search\@Argument\+translation\] {
  rdoc-ref: #search@Argument+translation;
}
.\[rdoc-ref\:ARGF\] {
  rdoc-ref: ARGF;
}
.\[rdoc-ref\:AttributeAssignment\#attributes\=\] {
  rdoc-ref: AttributeAssignment#attributes=;
}
.\[rdoc-ref\:Base\#save\] {
  rdoc-ref: Base#save;
}
.\[rdoc-ref\:BigDecimal\@Not\+a\+Number\] {
  rdoc-ref: BigDecimal@Not+a+Number;
}
.\[rdoc-ref\:BodyTypeBasic\#content_id\] {
  rdoc-ref: BodyTypeBasic#content id;
}
.\[rdoc-ref\:BodyTypeBasic\#media_type\] {
  rdoc-ref: BodyTypeBasic#media type;
}
.\[rdoc-ref\:ClassMethods\#store_accessor\] {
  rdoc-ref: ClassMethods#store accessor;
}
.\[rdoc-ref\:Config\#idle_response_timeout\] {
  rdoc-ref: Config#idle response timeout;
}
.\[rdoc-ref\:Config\#open_timeout\] {
  rdoc-ref: Config#open timeout;
}
.\[rdoc-ref\:ConnectionHandling\#establish_connection\] {
  rdoc-ref: ConnectionHandling#establish connection;
}
.\[rdoc-ref\:ConnectionHandling\#lease_connection\] {
  rdoc-ref: ConnectionHandling#lease connection;
}
.\[rdoc-ref\:ConnectionHandling\#retrieve_connection\] {
  rdoc-ref: ConnectionHandling#retrieve connection;
}
.\[rdoc-ref\:Core\#new\] {
  rdoc-ref: Core#new;
}
.\[rdoc-ref\:Core\.configurations\] {
  rdoc-ref: Core.configurations;
}
.\[rdoc-ref\:Dir\.mkdir\] {
  rdoc-ref: Dir.mkdir;
}
.\[rdoc-ref\:Dir\.rmdir\] {
  rdoc-ref: Dir.rmdir;
}
.\[rdoc-ref\:Encoding\.find\] {
  rdoc-ref: Encoding.find;
}
.\[rdoc-ref\:Enumerable\@Enumerable\+in\+Ruby\+Classes\] {
  rdoc-ref: Enumerable@Enumerable+in+Ruby+Classes;
}
.\[rdoc-ref\:File\#chmod\] {
  rdoc-ref: File#chmod;
}
.\[rdoc-ref\:File\#chown\] {
  rdoc-ref: File#chown;
}
.\[rdoc-ref\:File\.open\] {
  rdoc-ref: File.open;
}
.\[rdoc-ref\:File\@Access\+Modes\] {
  rdoc-ref: File@Access+Modes;
}
.\[rdoc-ref\:FileUtils\@Path\+Arguments\] {
  rdoc-ref: FileUtils@Path+Arguments;
}
.\[rdoc-ref\:File\] {
  rdoc-ref: File;
}
.\[rdoc-ref\:FinderMethods\#find\] {
  rdoc-ref: FinderMethods#find;
}
.\[rdoc-ref\:Generic\#cancel_response\] {
  rdoc-ref: Generic#cancel response;
}
.\[rdoc-ref\:Generic\#command_name\] {
  rdoc-ref: Generic#command name;
}
.\[rdoc-ref\:Generic\#decode\] {
  rdoc-ref: Generic#decode;
}
.\[rdoc-ref\:Generic\#encode\] {
  rdoc-ref: Generic#encode;
}
.\[rdoc-ref\:Generic\#service\] {
  rdoc-ref: Generic#service;
}
.\[rdoc-ref\:IO\@Position\] {
  rdoc-ref: IO@Position;
}
.\[rdoc-ref\:IRB\@Custom\+Prompts\] {
  rdoc-ref: IRB@Custom+Prompts;
}
.\[rdoc-ref\:Logger\@Entries\] {
  rdoc-ref: Logger@Entries;
}
.\[rdoc-ref\:Logger\@Log\+Level\] {
  rdoc-ref: Logger@Log+Level;
}
.\[rdoc-ref\:Logger\@Program\+Name\] {
  rdoc-ref: Logger@Program+Name;
}
.\[rdoc-ref\:PStore\@Entries\] {
  rdoc-ref: PStore@Entries;
}
.\[rdoc-ref\:PStore\@The\+Store\] {
  rdoc-ref: PStore@The+Store;
}
.\[rdoc-ref\:PStore\@Transactions\] {
  rdoc-ref: PStore@Transactions;
}
.\[rdoc-ref\:Persistence\#destroy\!\] {
  rdoc-ref: Persistence#destroy!;
}
.\[rdoc-ref\:Persistence\#destroy\] {
  rdoc-ref: Persistence#destroy;
}
.\[rdoc-ref\:Persistence\#new_record\?\] {
  rdoc-ref: Persistence#new record?;
}
.\[rdoc-ref\:Persistence\#save\!\] {
  rdoc-ref: Persistence#save!;
}
.\[rdoc-ref\:Persistence\#save\] {
  rdoc-ref: Persistence#save;
}
.\[rdoc-ref\:Persistence\#update_attribute\!\] {
  rdoc-ref: Persistence#update attribute!;
}
.\[rdoc-ref\:Process\.spawn\] {
  rdoc-ref: Process.spawn;
}
.\[rdoc-ref\:QueryMethods\#group\] {
  rdoc-ref: QueryMethods#group;
}
.\[rdoc-ref\:QueryMethods\#select\] {
  rdoc-ref: QueryMethods#select;
}
.\[rdoc-ref\:QueryMethods\#where\] {
  rdoc-ref: QueryMethods#where;
}
.\[rdoc-ref\:Relation\#update_all\] {
  rdoc-ref: Relation#update all;
}
.\[rdoc-ref\:Runnable\#result_code\] {
  rdoc-ref: Runnable#result code;
}
.\[rdoc-ref\:SchemaStatements\#add_check_constraint\] {
  rdoc-ref: SchemaStatements#add check constraint;
}
.\[rdoc-ref\:SchemaStatements\#add_exclusion_constraint\] {
  rdoc-ref: SchemaStatements#add exclusion constraint;
}
.\[rdoc-ref\:SchemaStatements\#add_foreign_key\] {
  rdoc-ref: SchemaStatements#add foreign key;
}
.\[rdoc-ref\:SchemaStatements\#add_index\] {
  rdoc-ref: SchemaStatements#add index;
}
.\[rdoc-ref\:SchemaStatements\#add_reference\] {
  rdoc-ref: SchemaStatements#add reference;
}
.\[rdoc-ref\:SchemaStatements\#add_timestamps\] {
  rdoc-ref: SchemaStatements#add timestamps;
}
.\[rdoc-ref\:SchemaStatements\#add_unique_constraint\] {
  rdoc-ref: SchemaStatements#add unique constraint;
}
.\[rdoc-ref\:SchemaStatements\#change_column_default\] {
  rdoc-ref: SchemaStatements#change column default;
}
.\[rdoc-ref\:SchemaStatements\#change_column_null\] {
  rdoc-ref: SchemaStatements#change column null;
}
.\[rdoc-ref\:SchemaStatements\#check_constraint_exists\?\] {
  rdoc-ref: SchemaStatements#check constraint exists?;
}
.\[rdoc-ref\:SchemaStatements\#column_exists\?\] {
  rdoc-ref: SchemaStatements#column exists?;
}
.\[rdoc-ref\:SchemaStatements\#create_table\] {
  rdoc-ref: SchemaStatements#create table;
}
.\[rdoc-ref\:SchemaStatements\#foreign_key_exists\?\] {
  rdoc-ref: SchemaStatements#foreign key exists?;
}
.\[rdoc-ref\:SchemaStatements\#index_exists\?\] {
  rdoc-ref: SchemaStatements#index exists?;
}
.\[rdoc-ref\:SchemaStatements\#remove_check_constraint\] {
  rdoc-ref: SchemaStatements#remove check constraint;
}
.\[rdoc-ref\:SchemaStatements\#remove_columns\] {
  rdoc-ref: SchemaStatements#remove columns;
}
.\[rdoc-ref\:SchemaStatements\#remove_exclusion_constraint\] {
  rdoc-ref: SchemaStatements#remove exclusion constraint;
}
.\[rdoc-ref\:SchemaStatements\#remove_foreign_key\] {
  rdoc-ref: SchemaStatements#remove foreign key;
}
.\[rdoc-ref\:SchemaStatements\#remove_index\] {
  rdoc-ref: SchemaStatements#remove index;
}
.\[rdoc-ref\:SchemaStatements\#remove_reference\] {
  rdoc-ref: SchemaStatements#remove reference;
}
.\[rdoc-ref\:SchemaStatements\#remove_timestamps\] {
  rdoc-ref: SchemaStatements#remove timestamps;
}
.\[rdoc-ref\:SchemaStatements\#remove_unique_constraint\] {
  rdoc-ref: SchemaStatements#remove unique constraint;
}
.\[rdoc-ref\:SchemaStatements\#rename_column\] {
  rdoc-ref: SchemaStatements#rename column;
}
.\[rdoc-ref\:SchemaStatements\#rename_index\] {
  rdoc-ref: SchemaStatements#rename index;
}
.\[rdoc-ref\:SchemaStatements\#validate_check_constraint\] {
  rdoc-ref: SchemaStatements#validate check constraint;
}
.\[rdoc-ref\:SchemaStatements\#validate_constraint\] {
  rdoc-ref: SchemaStatements#validate constraint;
}
.\[rdoc-ref\:SequenceSet\@Methods\+for\+Assigning\] {
  rdoc-ref: SequenceSet@Methods+for+Assigning;
}
.\[rdoc-ref\:SequenceSet\@Methods\+for\+Comparing\] {
  rdoc-ref: SequenceSet@Methods+for+Comparing;
}
.\[rdoc-ref\:SequenceSet\@Methods\+for\+Creating\+a\+SequenceSet\] {
  rdoc-ref: SequenceSet@Methods+for+Creating+a+SequenceSet;
}
.\[rdoc-ref\:SequenceSet\@Methods\+for\+Deleting\] {
  rdoc-ref: SequenceSet@Methods+for+Deleting;
}
.\[rdoc-ref\:SequenceSet\@Methods\+for\+IMAP\+String\+Formatting\] {
  rdoc-ref: SequenceSet@Methods+for+IMAP+String+Formatting;
}
.\[rdoc-ref\:SequenceSet\@Methods\+for\+Iterating\] {
  rdoc-ref: SequenceSet@Methods+for+Iterating;
}
.\[rdoc-ref\:SequenceSet\@Methods\+for\+Querying\] {
  rdoc-ref: SequenceSet@Methods+for+Querying;
}
.\[rdoc-ref\:SequenceSet\@Methods\+for\+Set\+Operations\] {
  rdoc-ref: SequenceSet@Methods+for+Set+Operations;
}
.\[rdoc-ref\:SomeClass\] {
  rdoc-ref: SomeClass;
}
.\[rdoc-ref\:String\#dump\] {
  rdoc-ref: String#dump;
}
.\[rdoc-ref\:Time\#strftime\] {
  rdoc-ref: Time#strftime;
}
.\[rdoc-ref\:dig_methods\.rdoc\] {
  rdoc-ref: dig methods.rdoc;
}
.\[rdoc-ref\:doc\/dig_methods\.rdoc\] {
  rdoc-ref: doc/dig methods.rdoc;
}
.\[rdoc-ref\:lib\/racc\/rdoc\/grammar\.en\.rdoc\] {
  rdoc-ref: lib/racc/rdoc/grammar.en.rdoc;
}
.\[rdoc\:coverage\] {
  rdoc: coverage;
}
.\[ruby-core\:4261\] {
  ruby-core: 4261;
}
.\[ruby-core\:85266\] {
  ruby-core: 85266;
}
.\[ruby-dev\:27513\] {
  ruby-dev: 27513;
}
.\[ruby-dev\:28445\] {
  ruby-dev: 28445;
}
.\[ruby-dev\:29520\] {
  ruby-dev: 29520;
}
.\[ruby-talk\:164079\] {
  ruby-talk: 164079;
}
.\[test-unit-users-en\:00026\] {
  test-unit-users-en: 00026;
}
.\[test-unit-users-en\:00035\] {
  test-unit-users-en: 00035;
}
.\[test-unit-users-en\:00089\] {
  test-unit-users-en: 00089;
}
.\[test-unit-users-en\:00098\] {
  test-unit-users-en: 00098;
}
.text-shadow-hard {
  text-shadow: 1px 1px 0px var(--tw-shadow-color);
}
.text-shadow-lg {
  text-shadow: 0 8px 16px var(--tw-shadow-color);
}
.text-shadow-lg {
  text-shadow: 0px 1px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)), 0px 3px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)), 0px 4px 8px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1));
}
.text-shadow-md {
  text-shadow: 0 4px 6px var(--tw-shadow-color);
}
.text-shadow-md {
  text-shadow: 0px 1px 1px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)), 0px 1px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1)), 0px 2px 4px var(--tw-text-shadow-color, rgb(0 0 0 / 0.1));
}
.text-shadow-sm {
  text-shadow: 0 1px 2px var(--tw-shadow-color);
}
.text-shadow-sm {
  text-shadow: 0px 1px 0px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075)), 0px 1px 1px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075)), 0px 2px 2px var(--tw-text-shadow-color, rgb(0 0 0 / 0.075));
}
.group-open\:block {
  &:is(:where(.group):is([open], :popover-open, :open) *) {
    display: block;
  }
}
.group-open\:hidden {
  &:is(:where(.group):is([open], :popover-open, :open) *) {
    display: none;
  }
}
.group-focus-within\:opacity-100 {
  &:is(:where(.group):focus-within *) {
    opacity: 100%;
  }
}
.group-hover\:visible {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      visibility: visible;
    }
  }
}
.group-hover\:flex {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      display: flex;
    }
  }
}
.group-hover\:-translate-x-1 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-x: calc(var(--spacing) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.group-hover\:translate-x-1 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-x: calc(var(--spacing) * 1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.group-hover\:-translate-y-0\.5 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-translate-y: calc(var(--spacing) * -0.5);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
}
.group-hover\:scale-105 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 105%;
      --tw-scale-y: 105%;
      --tw-scale-z: 105%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.group-hover\:scale-110 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.group-hover\:scale-\[101\%\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      scale: 101%;
    }
  }
}
.group-hover\:scale-\[107\.5\%\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      scale: 107.5%;
    }
  }
}
.group-hover\:scale-\[110\%\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      scale: 110%;
    }
  }
}
.group-hover\:scale-\[115\%\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      scale: 115%;
    }
  }
}
.group-hover\:cursor-pointer {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      cursor: pointer;
    }
  }
}
.group-hover\:border-blue-surf-500 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      border-color: var(--color-blue-surf-500);
    }
  }
}
.group-hover\:border-dark-knight {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      border-color: var(--color-dark-knight);
    }
  }
}
.group-hover\:bg-blue-surf-400 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      background-color: var(--color-blue-surf-400);
    }
  }
}
.group-hover\:bg-blue-surf-500 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      background-color: var(--color-blue-surf-500);
    }
  }
}
.group-hover\:bg-gray-50 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      background-color: var(--color-gray-50);
    }
  }
}
.group-hover\:bg-gray-text {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      background-color: var(--color-gray-text);
    }
  }
}
.group-hover\:text-black\/\[60\%\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: color-mix(in srgb, #000 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-black) 60%, transparent);
      }
    }
  }
}
.group-hover\:text-dark-knight {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-dark-knight);
    }
  }
}
.group-hover\:text-gray-400 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-gray-400);
    }
  }
}
.group-hover\:text-gray-900 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-gray-900);
    }
  }
}
.group-hover\:text-gray-text {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-gray-text);
    }
  }
}
.group-hover\:text-white {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.group-hover\:underline {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
.group-hover\:opacity-0 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 0%;
    }
  }
}
.group-hover\:opacity-25 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 25%;
    }
  }
}
.group-hover\:opacity-50 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 50%;
    }
  }
}
.group-hover\:opacity-80 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 80%;
    }
  }
}
.group-hover\:opacity-90 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 90%;
    }
  }
}
.group-hover\:opacity-100 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      opacity: 100%;
    }
  }
}
.group-hover\:brightness-110 {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-brightness: brightness(110%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
}
.group-hover\:brightness-\[95\%\] {
  &:is(:where(.group):hover *) {
    @media (hover: hover) {
      --tw-brightness: brightness(95%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
}
.group-focus\:scale-\[110\%\] {
  &:is(:where(.group):focus *) {
    scale: 110%;
  }
}
.group-active\:scale-100 {
  &:is(:where(.group):active *) {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.group-active\:scale-\[105\%\] {
  &:is(:where(.group):active *) {
    scale: 105%;
  }
}
.group-active\:-rotate-2 {
  &:is(:where(.group):active *) {
    rotate: calc(2deg * -1);
  }
}
.group-active\:brightness-\[90\%\] {
  &:is(:where(.group):active *) {
    --tw-brightness: brightness(90%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
.peer-checked\:scale-\[116\%\] {
  &:is(:where(.peer):checked ~ *) {
    scale: 116%;
  }
}
.peer-checked\:rotate-3 {
  &:is(:where(.peer):checked ~ *) {
    rotate: 3deg;
  }
}
.peer-checked\:border-blue-surf-500 {
  &:is(:where(.peer):checked ~ *) {
    border-color: var(--color-blue-surf-500);
  }
}
.peer-checked\:border-dark-knight {
  &:is(:where(.peer):checked ~ *) {
    border-color: var(--color-dark-knight);
  }
}
.peer-checked\:bg-blue-surf-400 {
  &:is(:where(.peer):checked ~ *) {
    background-color: var(--color-blue-surf-400);
  }
}
.peer-checked\:bg-blue-surf-500 {
  &:is(:where(.peer):checked ~ *) {
    background-color: var(--color-blue-surf-500);
  }
}
.peer-checked\:bg-dark-knight {
  &:is(:where(.peer):checked ~ *) {
    background-color: var(--color-dark-knight);
  }
}
.peer-checked\:font-bold {
  &:is(:where(.peer):checked ~ *) {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
}
.peer-checked\:text-sunny-800 {
  &:is(:where(.peer):checked ~ *) {
    color: var(--color-sunny-800);
  }
}
.peer-checked\:text-white {
  &:is(:where(.peer):checked ~ *) {
    color: var(--color-white);
  }
}
.peer-checked\:opacity-100 {
  &:is(:where(.peer):checked ~ *) {
    opacity: 100%;
  }
}
.peer-checked\:drop-shadow {
  &:is(:where(.peer):checked ~ *) {
    --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.06)));
    --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow( 0 1px 1px rgb(0 0 0 / 0.06));
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
.peer-hover\:text-sunny-400 {
  &:is(:where(.peer):hover ~ *) {
    @media (hover: hover) {
      color: var(--color-sunny-400);
    }
  }
}
.placeholder\:text-gray-400 {
  &::placeholder {
    color: var(--color-gray-400);
  }
}
.placeholder\:text-gray-text {
  &::placeholder {
    color: var(--color-gray-text);
  }
}
.placeholder\:text-gray-text\/70 {
  &::placeholder {
    color: color-mix(in srgb, #707070 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-gray-text) 70%, transparent);
    }
  }
}
.before\:content-\[counter\(section\)\] {
  &::before {
    content: var(--tw-content);
    --tw-content: counter(section);
    content: var(--tw-content);
  }
}
.first\:flex {
  &:first-child {
    display: flex;
  }
}
.first\:text-left {
  &:first-child {
    text-align: left;
  }
}
.last\:mb-6 {
  &:last-child {
    margin-bottom: calc(var(--spacing) * 6);
  }
}
.last\:block {
  &:last-child {
    display: block;
  }
}
.last\:flex {
  &:last-child {
    display: flex;
  }
}
.last\:grid {
  &:last-child {
    display: grid;
  }
}
.last\:border-0 {
  &:last-child {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
}
.focus-within\:border-blue-surf-500 {
  &:focus-within {
    border-color: var(--color-blue-surf-500);
  }
}
.focus-within\:border-dark-knight {
  &:focus-within {
    border-color: var(--color-dark-knight);
  }
}
.focus-within\:border-sunny-600 {
  &:focus-within {
    border-color: var(--color-sunny-600);
  }
}
.focus-within\:bg-white {
  &:focus-within {
    background-color: var(--color-white);
  }
}
.focus-within\:ring-1 {
  &:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus-within\:ring-2 {
  &:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus-within\:ring-blue-600 {
  &:focus-within {
    --tw-ring-color: var(--color-blue-600);
  }
}
.focus-within\:ring-blue-surf-500\/50 {
  &:focus-within {
    --tw-ring-color: color-mix(in srgb, #2A74FF 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-blue-surf-500) 50%, transparent);
    }
  }
}
.focus-within\:ring-dark-knight {
  &:focus-within {
    --tw-ring-color: var(--color-dark-knight);
  }
}
.focus-within\:ring-indigo-500 {
  &:focus-within {
    --tw-ring-color: var(--color-indigo-500);
  }
}
.focus-within\:ring-sunny-600\/50 {
  &:focus-within {
    --tw-ring-color: color-mix(in srgb, #FFCC6D 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-sunny-600) 50%, transparent);
    }
  }
}
.focus-within\:outline-hidden {
  &:focus-within {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
}
.focus-within\:ring-inset {
  &:focus-within {
    --tw-ring-inset: inset;
  }
}
.hover\:scale-110 {
  &:hover {
    @media (hover: hover) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }
  }
}
.hover\:scale-\[101\%\] {
  &:hover {
    @media (hover: hover) {
      scale: 101%;
    }
  }
}
.hover\:scale-\[103\%\] {
  &:hover {
    @media (hover: hover) {
      scale: 103%;
    }
  }
}
.hover\:scale-\[105\%\] {
  &:hover {
    @media (hover: hover) {
      scale: 105%;
    }
  }
}
.hover\:scale-\[108\%\] {
  &:hover {
    @media (hover: hover) {
      scale: 108%;
    }
  }
}
.hover\:cursor-pointer {
  &:hover {
    @media (hover: hover) {
      cursor: pointer;
    }
  }
}
.hover\:border-blue-surf-500 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-blue-surf-500);
    }
  }
}
.hover\:border-blue-surf-600 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-blue-surf-600);
    }
  }
}
.hover\:border-dark-knight {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-dark-knight);
    }
  }
}
.hover\:border-gray-50 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-gray-50);
    }
  }
}
.hover\:border-gray-200 {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-gray-200);
    }
  }
}
.hover\:border-misty-mountains {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-misty-mountains);
    }
  }
}
.hover\:border-white {
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-white);
    }
  }
}
.hover\:bg-\[\#e1e1e1\] {
  &:hover {
    @media (hover: hover) {
      background-color: #e1e1e1;
    }
  }
}
.hover\:bg-blue-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-50);
    }
  }
}
.hover\:bg-blue-500 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-500);
    }
  }
}
.hover\:bg-blue-surf-200 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-surf-200);
    }
  }
}
.hover\:bg-blue-surf-500 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-surf-500);
    }
  }
}
.hover\:bg-blue-surf-600 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-surf-600);
    }
  }
}
.hover\:bg-blue-surf-700 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-surf-700);
    }
  }
}
.hover\:bg-blue-surf-800 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-blue-surf-800);
    }
  }
}
.hover\:bg-dark-knight {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-dark-knight);
    }
  }
}
.hover\:bg-dark-knight\/60 {
  &:hover {
    @media (hover: hover) {
      background-color: color-mix(in srgb, #333333 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-dark-knight) 60%, transparent);
      }
    }
  }
}
.hover\:bg-gray-50 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-50);
    }
  }
}
.hover\:bg-gray-100 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-gray-100);
    }
  }
}
.hover\:bg-green-500 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-green-500);
    }
  }
}
.hover\:bg-misty-mountains {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-misty-mountains);
    }
  }
}
.hover\:bg-red-800 {
  &:hover {
    @media (hover: hover) {
      background-color: var(--color-red-800);
    }
  }
}
.hover\:text-alert-900 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-alert-900);
    }
  }
}
.hover\:text-blue-surf-500 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-blue-surf-500);
    }
  }
}
.hover\:text-blue-surf-800 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-blue-surf-800);
    }
  }
}
.hover\:text-dark-knight {
  &:hover {
    @media (hover: hover) {
      color: var(--color-dark-knight);
    }
  }
}
.hover\:text-gray-500 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-gray-500);
    }
  }
}
.hover\:text-gray-600 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-gray-600);
    }
  }
}
.hover\:text-gray-700 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-gray-700);
    }
  }
}
.hover\:text-gray-800 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-gray-800);
    }
  }
}
.hover\:text-gray-900 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-gray-900);
    }
  }
}
.hover\:text-indigo-500 {
  &:hover {
    @media (hover: hover) {
      color: var(--color-indigo-500);
    }
  }
}
.hover\:text-white {
  &:hover {
    @media (hover: hover) {
      color: var(--color-white);
    }
  }
}
.hover\:underline {
  &:hover {
    @media (hover: hover) {
      text-decoration-line: underline;
    }
  }
}
.hover\:shadow-lg {
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
.hover\:brightness-90 {
  &:hover {
    @media (hover: hover) {
      --tw-brightness: brightness(90%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
}
.hover\:brightness-100 {
  &:hover {
    @media (hover: hover) {
      --tw-brightness: brightness(100%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
}
.hover\:brightness-\[88\%\] {
  &:hover {
    @media (hover: hover) {
      --tw-brightness: brightness(88%);
      filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
    }
  }
}
.focus\:z-10 {
  &:focus {
    z-index: 10;
  }
}
.focus\:cursor-pointer {
  &:focus {
    cursor: pointer;
  }
}
.focus\:border-0 {
  &:focus {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
}
.focus\:border-blue-surf-500 {
  &:focus {
    border-color: var(--color-blue-surf-500);
  }
}
.focus\:border-dark-knight {
  &:focus {
    border-color: var(--color-dark-knight);
  }
}
.focus\:border-misty-mountains {
  &:focus {
    border-color: var(--color-misty-mountains);
  }
}
.focus\:bg-gray-50 {
  &:focus {
    background-color: var(--color-gray-50);
  }
}
.focus\:bg-white {
  &:focus {
    background-color: var(--color-white);
  }
}
.focus\:ring {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus\:ring-0 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus\:ring-1 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus\:ring-2 {
  &:focus {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.focus\:ring-blue-surf-500 {
  &:focus {
    --tw-ring-color: var(--color-blue-surf-500);
  }
}
.focus\:ring-blue-surf-800 {
  &:focus {
    --tw-ring-color: var(--color-blue-surf-800);
  }
}
.focus\:ring-dark-knight {
  &:focus {
    --tw-ring-color: var(--color-dark-knight);
  }
}
.focus\:ring-indigo-500 {
  &:focus {
    --tw-ring-color: var(--color-indigo-500);
  }
}
.focus\:ring-white {
  &:focus {
    --tw-ring-color: var(--color-white);
  }
}
.focus\:ring-offset-2 {
  &:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
}
.focus\:ring-offset-blue-50 {
  &:focus {
    --tw-ring-offset-color: var(--color-blue-50);
  }
}
.focus\:outline-hidden {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
    @media (forced-colors: active) {
      outline: 2px solid transparent;
      outline-offset: 2px;
    }
  }
}
.focus\:outline-none {
  &:focus {
    --tw-outline-style: none;
    outline-style: none;
  }
}
.focus\:ring-inset {
  &:focus {
    --tw-ring-inset: inset;
  }
}
.active\:scale-100 {
  &:active {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.active\:scale-\[99\%\] {
  &:active {
    scale: 99%;
  }
}
.active\:brightness-\[80\%\] {
  &:active {
    --tw-brightness: brightness(80%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
.disabled\:scale-100 {
  &:disabled {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }
}
.disabled\:cursor-default {
  &:disabled {
    cursor: default;
  }
}
.disabled\:border-misty-mountains {
  &:disabled {
    border-color: var(--color-misty-mountains);
  }
}
.disabled\:bg-blue-surf-500\/40 {
  &:disabled {
    background-color: color-mix(in srgb, #2A74FF 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-surf-500) 40%, transparent);
    }
  }
}
.disabled\:bg-dark-knight\/30 {
  &:disabled {
    background-color: color-mix(in srgb, #333333 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-dark-knight) 30%, transparent);
    }
  }
}
.disabled\:bg-misty-mountains {
  &:disabled {
    background-color: var(--color-misty-mountains);
  }
}
.disabled\:text-gray-text {
  &:disabled {
    color: var(--color-gray-text);
  }
}
.disabled\:opacity-55 {
  &:disabled {
    opacity: 55%;
  }
}
.disabled\:opacity-75 {
  &:disabled {
    opacity: 75%;
  }
}
.disabled\:transition-none {
  &:disabled {
    transition-property: none;
  }
}
.disabled\:hover\:brightness-100 {
  &:disabled {
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(100%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
  }
}
.xs\:flex-row {
  @media (width >= 475px) {
    flex-direction: row;
  }
}
.sm\:col-span-1 {
  @media (width >= 640px) {
    grid-column: span 1 / span 1;
  }
}
.sm\:col-span-2 {
  @media (width >= 640px) {
    grid-column: span 2 / span 2;
  }
}
.sm\:col-span-3 {
  @media (width >= 640px) {
    grid-column: span 3 / span 3;
  }
}
.sm\:col-span-4 {
  @media (width >= 640px) {
    grid-column: span 4 / span 4;
  }
}
.sm\:col-span-6 {
  @media (width >= 640px) {
    grid-column: span 6 / span 6;
  }
}
.sm\:col-span-8 {
  @media (width >= 640px) {
    grid-column: span 8 / span 8;
  }
}
.sm\:-mx-6 {
  @media (width >= 640px) {
    margin-inline: calc(var(--spacing) * -6);
  }
}
.sm\:mt-0 {
  @media (width >= 640px) {
    margin-top: calc(var(--spacing) * 0);
  }
}
.sm\:mr-6 {
  @media (width >= 640px) {
    margin-right: calc(var(--spacing) * 6);
  }
}
.sm\:-ml-6 {
  @media (width >= 640px) {
    margin-left: calc(var(--spacing) * -6);
  }
}
.sm\:ml-16 {
  @media (width >= 640px) {
    margin-left: calc(var(--spacing) * 16);
  }
}
.sm\:block {
  @media (width >= 640px) {
    display: block;
  }
}
.sm\:flex {
  @media (width >= 640px) {
    display: flex;
  }
}
.sm\:grid {
  @media (width >= 640px) {
    display: grid;
  }
}
.sm\:hidden {
  @media (width >= 640px) {
    display: none;
  }
}
.sm\:h-8 {
  @media (width >= 640px) {
    height: calc(var(--spacing) * 8);
  }
}
.sm\:h-\[45vh\] {
  @media (width >= 640px) {
    height: 45vh;
  }
}
.sm\:h-\[50vh\] {
  @media (width >= 640px) {
    height: 50vh;
  }
}
.sm\:max-h-\[400px\] {
  @media (width >= 640px) {
    max-height: 400px;
  }
}
.sm\:min-h-48 {
  @media (width >= 640px) {
    min-height: calc(var(--spacing) * 48);
  }
}
.sm\:w-8 {
  @media (width >= 640px) {
    width: calc(var(--spacing) * 8);
  }
}
.sm\:max-w-\[340px\] {
  @media (width >= 640px) {
    max-width: 340px;
  }
}
.sm\:max-w-sm {
  @media (width >= 640px) {
    max-width: var(--container-sm);
  }
}
.sm\:min-w-\[320px\] {
  @media (width >= 640px) {
    min-width: 320px;
  }
}
.sm\:min-w-xs {
  @media (width >= 640px) {
    min-width: var(--container-xs);
  }
}
.sm\:flex-auto {
  @media (width >= 640px) {
    flex: auto;
  }
}
.sm\:flex-none {
  @media (width >= 640px) {
    flex: none;
  }
}
.sm\:grid-cols-2 {
  @media (width >= 640px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.sm\:grid-cols-3 {
  @media (width >= 640px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.sm\:grid-cols-4 {
  @media (width >= 640px) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.sm\:grid-cols-6 {
  @media (width >= 640px) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.sm\:grid-cols-12 {
  @media (width >= 640px) {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.sm\:flex-row {
  @media (width >= 640px) {
    flex-direction: row;
  }
}
.sm\:flex-row-reverse {
  @media (width >= 640px) {
    flex-direction: row-reverse;
  }
}
.sm\:items-center {
  @media (width >= 640px) {
    align-items: center;
  }
}
.sm\:justify-between {
  @media (width >= 640px) {
    justify-content: space-between;
  }
}
.sm\:justify-center {
  @media (width >= 640px) {
    justify-content: center;
  }
}
.sm\:justify-end {
  @media (width >= 640px) {
    justify-content: flex-end;
  }
}
.sm\:gap-x-6 {
  @media (width >= 640px) {
    column-gap: calc(var(--spacing) * 6);
  }
}
.sm\:border {
  @media (width >= 640px) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
}
.sm\:p-4 {
  @media (width >= 640px) {
    padding: calc(var(--spacing) * 4);
  }
}
.sm\:p-6 {
  @media (width >= 640px) {
    padding: calc(var(--spacing) * 6);
  }
}
.sm\:\!px-4 {
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 4) !important;
  }
}
.sm\:px-4 {
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 4);
  }
}
.sm\:px-6 {
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
}
.sm\:\!pr-16 {
  @media (width >= 640px) {
    padding-right: calc(var(--spacing) * 16) !important;
  }
}
.sm\:pr-0 {
  @media (width >= 640px) {
    padding-right: calc(var(--spacing) * 0);
  }
}
.sm\:pr-6 {
  @media (width >= 640px) {
    padding-right: calc(var(--spacing) * 6);
  }
}
.sm\:pl-0 {
  @media (width >= 640px) {
    padding-left: calc(var(--spacing) * 0);
  }
}
.sm\:pl-6 {
  @media (width >= 640px) {
    padding-left: calc(var(--spacing) * 6);
  }
}
.sm\:text-center {
  @media (width >= 640px) {
    text-align: center;
  }
}
.sm\:text-4xl {
  @media (width >= 640px) {
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
  }
}
.sm\:text-sm {
  @media (width >= 640px) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
}
.sm\:text-title-1 {
  @media (width >= 640px) {
    font-size: 2.75rem;
    line-height: 3.5rem;
  }
}
.sm\:leading-6 {
  @media (width >= 640px) {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
}
.sm\:tracking-tight {
  @media (width >= 640px) {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
}
.sm\:whitespace-nowrap {
  @media (width >= 640px) {
    white-space: nowrap;
  }
}
.sm\:ring-1 {
  @media (width >= 640px) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.sm\:ring-gray-900\/10 {
  @media (width >= 640px) {
    --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);
    }
  }
}
.md\:sticky {
  @media (width >= 768px) {
    position: sticky;
  }
}
.md\:right-0 {
  @media (width >= 768px) {
    right: calc(var(--spacing) * 0);
  }
}
.md\:order-1 {
  @media (width >= 768px) {
    order: 1;
  }
}
.md\:order-2 {
  @media (width >= 768px) {
    order: 2;
  }
}
.md\:col-span-1 {
  @media (width >= 768px) {
    grid-column: span 1 / span 1;
  }
}
.md\:col-span-2 {
  @media (width >= 768px) {
    grid-column: span 2 / span 2;
  }
}
.md\:col-span-4 {
  @media (width >= 768px) {
    grid-column: span 4 / span 4;
  }
}
.md\:col-span-5 {
  @media (width >= 768px) {
    grid-column: span 5 / span 5;
  }
}
.md\:col-span-7 {
  @media (width >= 768px) {
    grid-column: span 7 / span 7;
  }
}
.md\:m-16 {
  @media (width >= 768px) {
    margin: calc(var(--spacing) * 16);
  }
}
.md\:-mx-8 {
  @media (width >= 768px) {
    margin-inline: calc(var(--spacing) * -8);
  }
}
.md\:mx-4 {
  @media (width >= 768px) {
    margin-inline: calc(var(--spacing) * 4);
  }
}
.md\:mt-0 {
  @media (width >= 768px) {
    margin-top: calc(var(--spacing) * 0);
  }
}
.md\:mt-4 {
  @media (width >= 768px) {
    margin-top: calc(var(--spacing) * 4);
  }
}
.md\:mt-12 {
  @media (width >= 768px) {
    margin-top: calc(var(--spacing) * 12);
  }
}
.md\:mt-20 {
  @media (width >= 768px) {
    margin-top: calc(var(--spacing) * 20);
  }
}
.md\:mr-0 {
  @media (width >= 768px) {
    margin-right: calc(var(--spacing) * 0);
  }
}
.md\:ml-16 {
  @media (width >= 768px) {
    margin-left: calc(var(--spacing) * 16);
  }
}
.md\:block {
  @media (width >= 768px) {
    display: block;
  }
}
.md\:flex {
  @media (width >= 768px) {
    display: flex;
  }
}
.md\:grid {
  @media (width >= 768px) {
    display: grid;
  }
}
.md\:hidden {
  @media (width >= 768px) {
    display: none;
  }
}
.md\:inline-flex {
  @media (width >= 768px) {
    display: inline-flex;
  }
}
.md\:h-48 {
  @media (width >= 768px) {
    height: calc(var(--spacing) * 48);
  }
}
.md\:h-full {
  @media (width >= 768px) {
    height: 100%;
  }
}
.md\:max-h-40 {
  @media (width >= 768px) {
    max-height: calc(var(--spacing) * 40);
  }
}
.md\:max-h-\[80vh\] {
  @media (width >= 768px) {
    max-height: 80vh;
  }
}
.md\:w-5\/12 {
  @media (width >= 768px) {
    width: calc(5/12 * 100%);
  }
}
.md\:w-7\/12 {
  @media (width >= 768px) {
    width: calc(7/12 * 100%);
  }
}
.md\:w-9\/12 {
  @media (width >= 768px) {
    width: calc(9/12 * 100%);
  }
}
.md\:w-96 {
  @media (width >= 768px) {
    width: calc(var(--spacing) * 96);
  }
}
.md\:w-\[32rem\] {
  @media (width >= 768px) {
    width: 32rem;
  }
}
.md\:w-fit {
  @media (width >= 768px) {
    width: fit-content;
  }
}
.md\:max-w-\[28rem\] {
  @media (width >= 768px) {
    max-width: 28rem;
  }
}
.md\:max-w-\[34rem\] {
  @media (width >= 768px) {
    max-width: 34rem;
  }
}
.md\:max-w-\[80vw\] {
  @media (width >= 768px) {
    max-width: 80vw;
  }
}
.md\:max-w-\[360px\] {
  @media (width >= 768px) {
    max-width: 360px;
  }
}
.md\:max-w-lg {
  @media (width >= 768px) {
    max-width: var(--container-lg);
  }
}
.md\:max-w-screen-md {
  @media (width >= 768px) {
    max-width: var(--breakpoint-md);
  }
}
.md\:min-w-\[400px\] {
  @media (width >= 768px) {
    min-width: 400px;
  }
}
.md\:translate-x-0 {
  @media (width >= 768px) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
}
.md\:grid-cols-2 {
  @media (width >= 768px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.md\:grid-cols-3 {
  @media (width >= 768px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.md\:grid-cols-4 {
  @media (width >= 768px) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.md\:grid-cols-5 {
  @media (width >= 768px) {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.md\:grid-cols-7 {
  @media (width >= 768px) {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}
.md\:grid-cols-12 {
  @media (width >= 768px) {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.md\:flex-col {
  @media (width >= 768px) {
    flex-direction: column;
  }
}
.md\:flex-row {
  @media (width >= 768px) {
    flex-direction: row;
  }
}
.md\:flex-nowrap {
  @media (width >= 768px) {
    flex-wrap: nowrap;
  }
}
.md\:items-start {
  @media (width >= 768px) {
    align-items: flex-start;
  }
}
.md\:justify-between {
  @media (width >= 768px) {
    justify-content: space-between;
  }
}
.md\:justify-center {
  @media (width >= 768px) {
    justify-content: center;
  }
}
.md\:justify-end {
  @media (width >= 768px) {
    justify-content: flex-end;
  }
}
.md\:justify-start {
  @media (width >= 768px) {
    justify-content: flex-start;
  }
}
.md\:gap-12 {
  @media (width >= 768px) {
    gap: calc(var(--spacing) * 12);
  }
}
.md\:space-x-6 {
  @media (width >= 768px) {
    :where(& > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
    }
  }
}
.md\:gap-y-6 {
  @media (width >= 768px) {
    row-gap: calc(var(--spacing) * 6);
  }
}
.md\:gap-y-\[2\.25rem\] {
  @media (width >= 768px) {
    row-gap: 2.25rem;
  }
}
.md\:divide-x {
  @media (width >= 768px) {
    :where(& > :not(:last-child)) {
      --tw-divide-x-reverse: 0;
      border-inline-style: var(--tw-border-style);
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
    }
  }
}
.md\:divide-y-0 {
  @media (width >= 768px) {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(0px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
}
.md\:rounded-l-3xl {
  @media (width >= 768px) {
    border-top-left-radius: var(--radius-3xl);
    border-bottom-left-radius: var(--radius-3xl);
  }
}
.md\:rounded-tl-none {
  @media (width >= 768px) {
    border-top-left-radius: 0;
  }
}
.md\:rounded-r-3xl {
  @media (width >= 768px) {
    border-top-right-radius: var(--radius-3xl);
    border-bottom-right-radius: var(--radius-3xl);
  }
}
.md\:border {
  @media (width >= 768px) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
}
.md\:border-b-0 {
  @media (width >= 768px) {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
}
.md\:bg-gray-50 {
  @media (width >= 768px) {
    background-color: var(--color-gray-50);
  }
}
.md\:px-0 {
  @media (width >= 768px) {
    padding-inline: calc(var(--spacing) * 0);
  }
}
.md\:px-4 {
  @media (width >= 768px) {
    padding-inline: calc(var(--spacing) * 4);
  }
}
.md\:px-6 {
  @media (width >= 768px) {
    padding-inline: calc(var(--spacing) * 6);
  }
}
.md\:px-8 {
  @media (width >= 768px) {
    padding-inline: calc(var(--spacing) * 8);
  }
}
.md\:px-12 {
  @media (width >= 768px) {
    padding-inline: calc(var(--spacing) * 12);
  }
}
.md\:py-2 {
  @media (width >= 768px) {
    padding-block: calc(var(--spacing) * 2);
  }
}
.md\:pt-6 {
  @media (width >= 768px) {
    padding-top: calc(var(--spacing) * 6);
  }
}
.md\:pb-6 {
  @media (width >= 768px) {
    padding-bottom: calc(var(--spacing) * 6);
  }
}
.md\:text-medium {
  @media (width >= 768px) {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.md\:text-title-1 {
  @media (width >= 768px) {
    font-size: 2.75rem;
    line-height: 3.5rem;
  }
}
.md\:text-\[3\.75rem\] {
  @media (width >= 768px) {
    font-size: 3.75rem;
  }
}
.md\:leading-\[68px\] {
  @media (width >= 768px) {
    --tw-leading: 68px;
    line-height: 68px;
  }
}
.md\:shadow-none {
  @media (width >= 768px) {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
.lg\:fixed {
  @media (width >= 1024px) {
    position: fixed;
  }
}
.lg\:static {
  @media (width >= 1024px) {
    position: static;
  }
}
.lg\:inset-y-0 {
  @media (width >= 1024px) {
    inset-block: calc(var(--spacing) * 0);
  }
}
.lg\:-top-44 {
  @media (width >= 1024px) {
    top: calc(var(--spacing) * -44);
  }
}
.lg\:top-8 {
  @media (width >= 1024px) {
    top: calc(var(--spacing) * 8);
  }
}
.lg\:z-90 {
  @media (width >= 1024px) {
    z-index: 90;
  }
}
.lg\:order-1 {
  @media (width >= 1024px) {
    order: 1;
  }
}
.lg\:order-2 {
  @media (width >= 1024px) {
    order: 2;
  }
}
.lg\:order-first {
  @media (width >= 1024px) {
    order: -9999;
  }
}
.lg\:col-span-3 {
  @media (width >= 1024px) {
    grid-column: span 3 / span 3;
  }
}
.lg\:col-span-4 {
  @media (width >= 1024px) {
    grid-column: span 4 / span 4;
  }
}
.lg\:col-span-5 {
  @media (width >= 1024px) {
    grid-column: span 5 / span 5;
  }
}
.lg\:col-span-7 {
  @media (width >= 1024px) {
    grid-column: span 7 / span 7;
  }
}
.lg\:col-span-8 {
  @media (width >= 1024px) {
    grid-column: span 8 / span 8;
  }
}
.lg\:-mx-8 {
  @media (width >= 1024px) {
    margin-inline: calc(var(--spacing) * -8);
  }
}
.lg\:mx-auto {
  @media (width >= 1024px) {
    margin-inline: auto;
  }
}
.lg\:-ml-4 {
  @media (width >= 1024px) {
    margin-left: calc(var(--spacing) * -4);
  }
}
.lg\:ml-72 {
  @media (width >= 1024px) {
    margin-left: calc(var(--spacing) * 72);
  }
}
.lg\:block {
  @media (width >= 1024px) {
    display: block;
  }
}
.lg\:flex {
  @media (width >= 1024px) {
    display: flex;
  }
}
.lg\:hidden {
  @media (width >= 1024px) {
    display: none;
  }
}
.lg\:inline-block {
  @media (width >= 1024px) {
    display: inline-block;
  }
}
.lg\:h-6 {
  @media (width >= 1024px) {
    height: calc(var(--spacing) * 6);
  }
}
.lg\:h-48 {
  @media (width >= 1024px) {
    height: calc(var(--spacing) * 48);
  }
}
.lg\:h-52 {
  @media (width >= 1024px) {
    height: calc(var(--spacing) * 52);
  }
}
.lg\:h-\[35vh\] {
  @media (width >= 1024px) {
    height: 35vh;
  }
}
.lg\:h-\[50vh\] {
  @media (width >= 1024px) {
    height: 50vh;
  }
}
.lg\:w-2\/5 {
  @media (width >= 1024px) {
    width: calc(2/5 * 100%);
  }
}
.lg\:w-3\/5 {
  @media (width >= 1024px) {
    width: calc(3/5 * 100%);
  }
}
.lg\:w-7\/12 {
  @media (width >= 1024px) {
    width: calc(7/12 * 100%);
  }
}
.lg\:w-72 {
  @media (width >= 1024px) {
    width: calc(var(--spacing) * 72);
  }
}
.lg\:w-96 {
  @media (width >= 1024px) {
    width: calc(var(--spacing) * 96);
  }
}
.lg\:w-\[60vh\] {
  @media (width >= 1024px) {
    width: 60vh;
  }
}
.lg\:w-full {
  @media (width >= 1024px) {
    width: 100%;
  }
}
.lg\:w-px {
  @media (width >= 1024px) {
    width: 1px;
  }
}
.lg\:max-w-2xl {
  @media (width >= 1024px) {
    max-width: var(--container-2xl);
  }
}
.lg\:max-w-4xl {
  @media (width >= 1024px) {
    max-width: var(--container-4xl);
  }
}
.lg\:max-w-\[44rem\] {
  @media (width >= 1024px) {
    max-width: 44rem;
  }
}
.lg\:max-w-\[54rem\] {
  @media (width >= 1024px) {
    max-width: 54rem;
  }
}
.lg\:max-w-none {
  @media (width >= 1024px) {
    max-width: none;
  }
}
.lg\:max-w-sm {
  @media (width >= 1024px) {
    max-width: var(--container-sm);
  }
}
.lg\:flex-1 {
  @media (width >= 1024px) {
    flex: 1;
  }
}
.lg\:basis-4\/12 {
  @media (width >= 1024px) {
    flex-basis: calc(4/12 * 100%);
  }
}
.lg\:basis-8\/12 {
  @media (width >= 1024px) {
    flex-basis: calc(8/12 * 100%);
  }
}
.lg\:grid-flow-row {
  @media (width >= 1024px) {
    grid-auto-flow: row;
  }
}
.lg\:grid-cols-2 {
  @media (width >= 1024px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.lg\:grid-cols-3 {
  @media (width >= 1024px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.lg\:grid-cols-4 {
  @media (width >= 1024px) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.lg\:grid-cols-6 {
  @media (width >= 1024px) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.lg\:grid-cols-7 {
  @media (width >= 1024px) {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}
.lg\:grid-cols-12 {
  @media (width >= 1024px) {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.lg\:flex-col {
  @media (width >= 1024px) {
    flex-direction: column;
  }
}
.lg\:flex-row {
  @media (width >= 1024px) {
    flex-direction: row;
  }
}
.lg\:flex-row-reverse {
  @media (width >= 1024px) {
    flex-direction: row-reverse;
  }
}
.lg\:items-center {
  @media (width >= 1024px) {
    align-items: center;
  }
}
.lg\:justify-between {
  @media (width >= 1024px) {
    justify-content: space-between;
  }
}
.lg\:justify-center {
  @media (width >= 1024px) {
    justify-content: center;
  }
}
.lg\:justify-end {
  @media (width >= 1024px) {
    justify-content: flex-end;
  }
}
.lg\:justify-start {
  @media (width >= 1024px) {
    justify-content: flex-start;
  }
}
.lg\:gap-16 {
  @media (width >= 1024px) {
    gap: calc(var(--spacing) * 16);
  }
}
.lg\:gap-x-6 {
  @media (width >= 1024px) {
    column-gap: calc(var(--spacing) * 6);
  }
}
.lg\:gap-x-12 {
  @media (width >= 1024px) {
    column-gap: calc(var(--spacing) * 12);
  }
}
.lg\:gap-y-4 {
  @media (width >= 1024px) {
    row-gap: calc(var(--spacing) * 4);
  }
}
.lg\:gap-y-16 {
  @media (width >= 1024px) {
    row-gap: calc(var(--spacing) * 16);
  }
}
.lg\:rounded-full {
  @media (width >= 1024px) {
    border-radius: calc(infinity * 1px);
  }
}
.lg\:border-none {
  @media (width >= 1024px) {
    --tw-border-style: none;
    border-style: none;
  }
}
.lg\:bg-gray-200 {
  @media (width >= 1024px) {
    background-color: var(--color-gray-200);
  }
}
.lg\:px-0 {
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 0);
  }
}
.lg\:px-4 {
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 4);
  }
}
.lg\:px-6 {
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 6);
  }
}
.lg\:px-8 {
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 8);
  }
}
.lg\:px-16 {
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 16);
  }
}
.lg\:pt-12 {
  @media (width >= 1024px) {
    padding-top: calc(var(--spacing) * 12);
  }
}
.lg\:pr-10 {
  @media (width >= 1024px) {
    padding-right: calc(var(--spacing) * 10);
  }
}
.lg\:pl-2 {
  @media (width >= 1024px) {
    padding-left: calc(var(--spacing) * 2);
  }
}
.lg\:pl-8 {
  @media (width >= 1024px) {
    padding-left: calc(var(--spacing) * 8);
  }
}
.lg\:text-center {
  @media (width >= 1024px) {
    text-align: center;
  }
}
.lg\:text-title-2 {
  @media (width >= 1024px) {
    font-size: 2rem;
    line-height: 2.25rem;
  }
}
.lg\:leading-normal {
  @media (width >= 1024px) {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }
}
.xl\:col-span-4 {
  @media (width >= 1280px) {
    grid-column: span 4 / span 4;
  }
}
.xl\:col-span-8 {
  @media (width >= 1280px) {
    grid-column: span 8 / span 8;
  }
}
.xl\:-ml-3 {
  @media (width >= 1280px) {
    margin-left: calc(var(--spacing) * -3);
  }
}
.xl\:block {
  @media (width >= 1280px) {
    display: block;
  }
}
.xl\:w-6\/12 {
  @media (width >= 1280px) {
    width: calc(6/12 * 100%);
  }
}
.xl\:grid-cols-2 {
  @media (width >= 1280px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.xl\:grid-cols-3 {
  @media (width >= 1280px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.xl\:grid-cols-4 {
  @media (width >= 1280px) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.xl\:flex-row {
  @media (width >= 1280px) {
    flex-direction: row;
  }
}
.xl\:items-end {
  @media (width >= 1280px) {
    align-items: flex-end;
  }
}
.xl\:justify-between {
  @media (width >= 1280px) {
    justify-content: space-between;
  }
}
.xl\:px-8 {
  @media (width >= 1280px) {
    padding-inline: calc(var(--spacing) * 8);
  }
}
.xl\:text-title-1 {
  @media (width >= 1280px) {
    font-size: 2.75rem;
    line-height: 3.5rem;
  }
}
.\32 xl\:grid-cols-3 {
  @media (width >= 1408px) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.\32 xl\:gap-0 {
  @media (width >= 1408px) {
    gap: calc(var(--spacing) * 0);
  }
}
.\33 xl\:grid-cols-2 {
  @media (width >= 1536px) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.\@lg\/pane\:grid-cols-2 {
  @container pane (width >= 32rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.\@xl\/main\:top-8 {
  @container main (width >= 36rem) {
    top: calc(var(--spacing) * 8);
  }
}
.\@xl\/main\:flex-row {
  @container main (width >= 36rem) {
    flex-direction: row;
  }
}
.\@xl\/main\:justify-between {
  @container main (width >= 36rem) {
    justify-content: space-between;
  }
}
.small-radio-card {
  label {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-misty-mountains);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
    &:hover {
      @media (hover: hover) {
        cursor: pointer;
      }
    }
  }
  label:has(input[type="radio"]:not(:checked)) {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-surf-500);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-500);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  label:has(input[type="radio"]:checked) {
    border-color: var(--color-blue-surf-500);
    background-color: var(--color-blue-surf-500);
    color: var(--color-white);
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-surf-600);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-surf-600);
      }
    }
  }
  label:has(input[type="radio"]:disabled) {
    cursor: not-allowed;
    opacity: 25%;
  }
}
@layer base {
  .btn {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    &:hover {
      @media (hover: hover) {
        scale: 103%;
      }
    }
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    column-gap: calc(var(--spacing) * 2);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    color: var(--color-white);
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    &:disabled {
      cursor: not-allowed;
    }
    &:disabled {
      opacity: 75%;
    }
    &:disabled {
      transition-property: none;
    }
    &:disabled {
      &:hover {
        @media (hover: hover) {
          --tw-brightness: brightness(100%);
          filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
        }
      }
    }
    &.btn-icon {
      column-gap: calc(var(--spacing) * 3);
    }
    &.blue-surf-500 {
      background-color: var(--color-blue-surf-500);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-blue-surf-800);
        }
      }
      color: var(--color-white);
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    &.misty-mountains {
      background-color: var(--color-misty-mountains);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-misty-mountains);
        }
      }
      color: var(--color-white);
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    &.misty-mountains {
      background-color: var(--color-misty-mountains);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-misty-mountains);
        }
      }
      color: var(--color-white);
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    &.gray-50 {
      background-color: var(--color-gray-50);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-50);
        }
      }
      color: var(--color-dark-knight);
      &:hover {
        @media (hover: hover) {
          color: var(--color-dark-knight);
        }
      }
    }
    &.dark-knight {
      background-color: var(--color-dark-knight);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-dark-knight);
        }
      }
      color: var(--color-white);
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    &.white {
      background-color: var(--color-white);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-50);
        }
      }
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-misty-mountains);
      color: var(--color-dark-knight);
      &:hover {
        @media (hover: hover) {
          color: var(--color-dark-knight);
        }
      }
    }
    &.green-future {
      background-color: var(--color-green-future);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-green-future);
        }
      }
      color: var(--color-white);
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    &.sunny-300 {
      background-color: var(--color-sunny-300);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-sunny-300);
        }
      }
      color: var(--color-white);
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    &.sunny-600 {
      background-color: var(--color-sunny-600);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-sunny-600);
        }
      }
      color: var(--color-white);
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    &.alert-500 {
      background-color: var(--color-alert-500);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-alert-500);
        }
      }
      color: var(--color-white);
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    &.live-red {
      background-color: var(--color-live-red);
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-live-red);
        }
      }
      color: var(--color-white);
      &:hover {
        @media (hover: hover) {
          color: var(--color-white);
        }
      }
    }
    &.btn-xs {
      padding-inline: calc(var(--spacing) * 1);
      padding-block: calc(var(--spacing) * 0.5);
      font-size: 0.75rem;
      line-height: 1.25rem;
    }
    &.btn-sm {
      padding-inline: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 2);
      font-size: 0.875rem;
      line-height: 1rem;
      border-radius: 8px;
      height: fit-content;
    }
    &.btn-md {
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      font-size: 1rem;
      line-height: 1.5rem;
      border-radius: 14px;
    }
    &.btn-lg {
      padding-inline: calc(var(--spacing) * 6);
      padding-block: calc(var(--spacing) * 3);
      font-size: 1rem;
      line-height: 1.5rem;
      border-radius: 14px;
    }
  }
}
@layer base {
  .calendar--grid-component {
    width: 100%;
    margin-bottom: calc(var(--spacing) * 16);
    background-color: var(--color-white);
    .calendar--grid-component-header {
      display: grid;
      width: 100%;
      grid-template-columns: repeat(7, minmax(0, 1fr));
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
      padding-block: calc(var(--spacing) * 2);
      color: var(--color-gray-500);
    }
  }
  .notable-day {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-color: var(--color-blue-surf-100);
    background-color: var(--color-blue-surf-100);
    font-size: 0.875rem;
    line-height: 1rem;
    color: var(--color-blue-surf-500);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    display: flex;
    width: 100%;
    padding: calc(var(--spacing) * 2);
    align-items: center;
    justify-content: flex-start;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .calendar-cell {
    display: flex;
    flex-direction: column;
    padding: calc(var(--spacing) * 0.5);
    position: relative;
    overflow: hidden;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    border-color: var(--color-misty-mountains);
    background-color: var(--color-white);
    @media screen(lg) {
      min-height: 6rem;
    }
    .calendar-cell--header {
      display: flex;
      height: calc(var(--spacing) * 12);
      justify-content: flex-end;
      font-size: 0.875rem;
      line-height: 1rem;
    }
    &.today {
      .calendar-cell--header {
        margin-left: auto;
        display: inline-flex;
        width: min-content;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: calc(var(--spacing) * 2);
        .date {
          border-radius: calc(infinity * 1px);
          background-color: var(--color-blue-surf-500);
          padding-inline: calc(var(--spacing) * 3);
          padding-block: calc(var(--spacing) * 2);
          color: var(--color-white);
        }
      }
    }
    &.weekend {
      background-color: var(--color-weekend);
    }
    .experience_recommendation {
      color: var(--color-calendar-suggestion);
    }
  }
  .timeline-item {
    a .experience_recommendation {
      color: var(--color-calendar-suggestion);
    }
  }
  .notable-day.green-theme {
    border-color: var(--color-calendar-green-300);
    background-color: var(--color-calendar-green-300);
    color: var(--color-calendar-green-600);
  }
  .calendar--grid-component.green-theme {
    .calendar--grid-component-header {
      border-color: var(--color-calendar-green-300);
    }
  }
  .calendar-cell.green-theme {
    border-color: var(--color-calendar-green-300);
    background-color: var(--color-calendar-green-100);
    .calendar-cell--header {
      color: var(--color-calendar-green-500);
    }
    &.today {
      .calendar-cell--header {
        .date {
          background-color: var(--color-calendar-green-500);
          color: var(--color-white);
        }
      }
    }
    &.weekend {
      border-color: var(--color-calendar-green-300);
      background-color: var(--color-calendar-green-200);
      .calendar-cell--header {
        color: var(--color-calendar-green-500);
      }
    }
    .experience_recommendation {
      color: var(--color-calendar-green-500);
    }
  }
  .notable-day.blue-theme {
    border-color: var(--color-calendar-blue-300);
    background-color: var(--color-calendar-blue-300);
    color: var(--color-calendar-blue-700);
  }
  .calendar--grid-component.blue-theme {
    .calendar--grid-component-header {
      border-color: var(--color-calendar-blue-300);
    }
  }
  .calendar-cell.blue-theme {
    border-color: var(--color-calendar-blue-300);
    background-color: var(--color-calendar-blue-50);
    .calendar-cell--header {
      color: var(--color-calendar-blue-500);
    }
    &.today {
      .calendar-cell--header {
        .date {
          background-color: var(--color-calendar-blue-500);
          color: var(--color-white);
        }
      }
    }
    &.weekend {
      border-color: var(--color-calendar-blue-300);
      background-color: var(--color-calendar-blue-200);
      .calendar-cell--header {
        color: var(--color-calendar-blue-500);
      }
    }
    .experience_recommendation {
      color: var(--color-calendar-blue-500);
    }
  }
  .notable-day.purple-theme {
    border-color: var(--color-calendar-purple-300);
    background-color: var(--color-calendar-purple-300);
    color: var(--color-calendar-purple-700);
  }
  .calendar--grid-component.purple-theme {
    .calendar--grid-component-header {
      border-color: var(--color-calendar-purple-200);
    }
  }
  .calendar-cell.purple-theme {
    border-color: var(--color-calendar-purple-200);
    background-color: var(--color-calendar-purple-100);
    .calendar-cell--header {
      color: var(--color-calendar-purple-500);
    }
    &.today {
      .calendar-cell--header {
        .date {
          background-color: var(--color-calendar-purple-500);
          color: var(--color-white);
        }
      }
    }
    &.weekend {
      border-color: var(--color-calendar-purple-300);
      background-color: var(--color-calendar-purple-200);
      .calendar-cell--header {
        color: var(--color-calendar-purple-500);
      }
    }
    .experience_recommendation {
      color: var(--color-calendar-purple-500);
    }
  }
  .notable-day.pink-theme {
    border-color: var(--color-calendar-pink-300);
    background-color: var(--color-calendar-pink-300);
    color: var(--color-calendar-pink-700);
  }
  .calendar--grid-component.pink-theme {
    .calendar--grid-component-header {
      border-color: var(--color-calendar-pink-200);
    }
  }
  .calendar-cell.pink-theme {
    border-color: var(--color-calendar-pink-200);
    background-color: var(--color-calendar-pink-50);
    .calendar-cell--header {
      color: var(--color-calendar-pink-500);
    }
    &.today {
      .calendar-cell--header {
        .date {
          background-color: var(--color-calendar-pink-500);
          color: var(--color-white);
        }
      }
    }
    &.weekend {
      border-color: var(--color-calendar-pink-300);
      background-color: var(--color-calendar-pink-100);
      .calendar-cell--header {
        color: var(--color-calendar-pink-500);
      }
    }
    .experience_recommendation {
      color: var(--color-calendar-pink-500);
    }
  }
  .notable-day.red-theme {
    border-color: var(--color-calendar-red-300);
    background-color: var(--color-calendar-red-300);
    color: var(--color-calendar-red-700);
  }
  .calendar--grid-component.red-theme {
    .calendar--grid-component-header {
      border-color: var(--color-calendar-red-200);
    }
  }
  .calendar-cell.red-theme {
    border-color: var(--color-calendar-red-200);
    background-color: var(--color-calendar-red-100);
    .calendar-cell--header {
      color: var(--color-calendar-red-500);
    }
    &.today {
      .calendar-cell--header {
        .date {
          background-color: var(--color-calendar-red-500);
          color: var(--color-white);
        }
      }
    }
    &.weekend {
      border-color: var(--color-calendar-red-300);
      background-color: var(--color-calendar-red-200);
      .calendar-cell--header {
        color: var(--color-calendar-red-500);
      }
    }
    .experience_recommendation {
      color: var(--color-calendar-red-500);
    }
  }
  .notable-day.orange-theme {
    border-color: var(--color-calendar-orange-300);
    background-color: var(--color-calendar-orange-300);
    color: var(--color-calendar-orange-700);
  }
  .calendar--grid-component.orange-theme {
    .calendar--grid-component-header {
      border-color: var(--color-calendar-orange-200);
    }
  }
  .calendar-cell.orange-theme {
    border-color: var(--color-calendar-orange-200);
    background-color: var(--color-calendar-orange-100);
    .calendar-cell--header {
      color: var(--color-calendar-orange-500);
    }
    &.today {
      .calendar-cell--header {
        .date {
          background-color: var(--color-calendar-orange-500);
          color: var(--color-white);
        }
      }
    }
    &.weekend {
      border-color: var(--color-calendar-orange-300);
      background-color: var(--color-calendar-orange-200);
      .calendar-cell--header {
        color: var(--color-calendar-orange-500);
      }
    }
    .experience_recommendation {
      color: var(--color-calendar-orange-500);
    }
  }
  .notable-day.yellow-theme {
    border-color: var(--color-calendar-yellow-300);
    background-color: var(--color-calendar-yellow-300);
    color: var(--color-calendar-yellow-700);
  }
  .calendar--grid-component.yellow-theme {
    .calendar--grid-component-header {
      border-color: var(--color-calendar-yellow-200);
    }
  }
  .calendar-cell.yellow-theme {
    border-color: var(--color-calendar-yellow-200);
    background-color: var(--color-calendar-yellow-50);
    .calendar-cell--header {
      color: var(--color-calendar-yellow-600);
    }
    &.today {
      .calendar-cell--header {
        .date {
          background-color: var(--color-calendar-yellow-600);
          color: var(--color-white);
        }
      }
    }
    &.weekend {
      border-color: var(--color-calendar-yellow-300);
      background-color: var(--color-calendar-yellow-200);
      .calendar-cell--header {
        color: var(--color-calendar-yellow-600);
      }
    }
    .experience_recommendation {
      color: var(--color-calendar-yellow-600);
    }
  }
  .culture-calendar-theme-select {
    border: 1px solid transparent;
  }
  input[type="radio"]:checked + .culture-calendar-theme-select {
    border-style: var(--tw-border-style);
    border-width: 4px;
    border-color: var(--color-blue-surf-500);
  }
  .culture-calendar-theme-select.default-theme {
    border-color: var(--color-gray-800);
    background-color: var(--color-weekend);
  }
  .culture-calendar-theme-select.green-theme {
    border-color: var(--color-calendar-green-500);
    background-color: var(--color-calendar-green-300);
  }
  .culture-calendar-theme-select.blue-theme {
    border-color: var(--color-calendar-blue-500);
    background-color: var(--color-calendar-blue-300);
  }
  .culture-calendar-theme-select.purple-theme {
    border-color: var(--color-calendar-purple-500);
    background-color: var(--color-calendar-purple-300);
  }
  .culture-calendar-theme-select.pink-theme {
    border-color: var(--color-calendar-pink-500);
    background-color: var(--color-calendar-pink-300);
  }
  .culture-calendar-theme-select.red-theme {
    border-color: var(--color-calendar-red-500);
    background-color: var(--color-calendar-red-300);
  }
  .culture-calendar-theme-select.orange-theme {
    border-color: var(--color-calendar-orange-500);
    background-color: var(--color-calendar-orange-300);
  }
  .culture-calendar-theme-select.yellow-theme {
    border-color: var(--color-calendar-yellow-600);
    background-color: var(--color-calendar-yellow-300);
  }
}
@layer base {
  .simple_form {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 6);
    .error_notification {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-dark-knight);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-live-red);
      background-color: var(--color-error-red);
      margin-block: calc(var(--spacing) * 6);
      border-radius: var(--radius-3xl);
      padding: calc(var(--spacing) * 3);
    }
    abbr[title="required"] {
      color: var(--color-live-red);
      text-decoration-line: none;
    }
    input[type="text"], input[type="tel"], input[type="number"], input[type="date"], input[type="datetime-local"], input[type="time"], input[type="email"], input[type="url"], input[type="month"], input[type="week"], input[type="password"], textarea, trix-editor, select {
      width: 100%;
      border-radius: var(--radius-xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-misty-mountains);
      padding-inline: calc(var(--spacing) * 4);
      padding-block: calc(var(--spacing) * 2);
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration));
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-dark-knight);
        }
      }
      &:focus {
        border-color: var(--color-dark-knight);
      }
      &:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
    input[readonly] {
      background-color: var(--color-gray-100);
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-misty-mountains);
        }
      }
      &:focus {
        border-color: var(--color-misty-mountains);
      }
    }
    select {
      cursor: pointer;
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-misty-mountains);
        }
      }
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-gray-50);
        }
      }
    }
    input[type="color"] {
      height: calc(var(--spacing) * 12);
      width: calc(var(--spacing) * 12);
    }
    input[type="checkbox"], input[type="radio"] {
      border-radius: var(--radius-sm);
      padding: calc(var(--spacing) * 1);
    }
    span.error {
      font-size: 0.75rem;
      line-height: 1.25rem;
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
      color: var(--color-red-500);
    }
    label {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    span.hint {
      font-size: 0.875rem;
      line-height: 1rem;
      --tw-leading: calc(var(--spacing) * 6);
      line-height: calc(var(--spacing) * 6);
      color: var(--color-gray-text);
    }
    .wrapper.hidden {
      display: none;
    }
    .wrapper.boolean, .wrapper.checkbox {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      span.hint {
        width: 100%;
      }
    }
    .wrapper {
      display: flex;
      width: 100%;
      flex-direction: column;
      gap: calc(var(--spacing) * 2);
      &.is-invalid {
        input[type="text"], input[type="tel"], input[type="number"], input[type="date"], input[type="datetime-local"], input[type="time"], input[type="email"], input[type="url"], input[type="month"], input[type="week"], input[type="password"], textarea, select {
          border-color: var(--color-red-500);
        }
      }
    }
    .form-actions {
      margin-block: calc(var(--spacing) * 6);
    }
  }
  .form-group {
    margin-inline: calc(var(--spacing) * 6);
    width: 100%;
    @media (width >= 768px) {
      margin-right: calc(var(--spacing) * 0);
    }
    @media (width >= 768px) {
      margin-left: calc(var(--spacing) * 16);
    }
    @media (width >= 768px) {
      width: calc(9/12 * 100%);
    }
    @media (width >= 768px) {
      padding-top: calc(var(--spacing) * 6);
    }
    @media (width >= 1024px) {
      width: calc(7/12 * 100%);
    }
    @media (width >= 1280px) {
      width: calc(6/12 * 100%);
    }
    @media (width >= 1280px) {
      padding-top: calc(var(--spacing) * 12);
    }
  }
  .form-field {
    width: 100%;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-misty-mountains);
    padding: calc(var(--spacing) * 2);
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-dark-knight);
      }
    }
    &:focus {
      border-color: var(--color-dark-knight);
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .select-field {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .select-field select {
    width: 100%;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-misty-mountains);
    padding: calc(var(--spacing) * 2);
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-dark-knight);
      }
    }
    &:focus {
      border-color: var(--color-dark-knight);
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .form-submit-btn {
    margin-right: calc(var(--spacing) * 2);
    display: flex;
    min-width: min-content;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 1);
    @media (width >= 768px) {
      padding-inline: calc(var(--spacing) * 4);
    }
    @media (width >= 768px) {
      padding-block: calc(var(--spacing) * 2);
    }
    @media (width >= 768px) {
      font-size: 1.125rem;
      line-height: 1.5rem;
    }
  }
  .admin-form-group {
    margin-inline: calc(var(--spacing) * 6);
    width: 100%;
    @media (width >= 768px) {
      margin-right: calc(var(--spacing) * 0);
    }
    @media (width >= 768px) {
      margin-left: calc(var(--spacing) * 16);
    }
    @media (width >= 768px) {
      width: calc(9/12 * 100%);
    }
    @media (width >= 1024px) {
      width: calc(8/12 * 100%);
    }
    .form-field {
      width: 100%;
      border-radius: var(--radius-xl);
      border-style: var(--tw-border-style);
      border-width: 1px;
      border-color: var(--color-misty-mountains);
      padding: calc(var(--spacing) * 2);
      &:hover {
        @media (hover: hover) {
          border-color: var(--color-dark-knight);
        }
      }
      &:focus {
        border-color: var(--color-dark-knight);
      }
      &:focus {
        --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
}
.pac-container {
  border-bottom-right-radius: var(--radius-3xl);
  border-bottom-left-radius: var(--radius-3xl);
  padding: calc(var(--spacing) * 5);
}
.pac-item {
  padding: calc(var(--spacing) * 2);
}
body.shepherd-tour-active #hubspot-messages-iframe-container {
  display: none !important;
}
#hubspot-messages-iframe-container {
  position: fixed;
  right: 0;
  bottom: 0;
  iframe {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    display: initial !important;
    width: 100px !important;
    height: 100px !important;
    border: none !important;
    background: transparent !important;
  }
  .shadow-container.active ~ iframe {
    width: 420px !important;
    height: 674px !important;
  }
}
@layer base {
  dialog {
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-dark-knight);
    cursor: default;
    background-color: var(--color-white);
    border-radius: var(--radius-lg);
    overflow-y: auto;
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    max-height: 90vh;
    min-width: calc(var(--spacing) * 48);
    @media (width >= 768px) {
      max-height: 80vh;
    }
    @media (width >= 768px) {
      max-width: 80vw;
    }
    @media (width >= 1024px) {
      max-width: 70vw;
    }
    min-height: 50svh;
    position: fixed;
    top: calc(1/2 * 100%);
    left: calc(1/2 * 100%);
    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  dialog.full-screen {
    max-height: 100vh;
    max-width: 100vw;
    width: 100%;
    border-radius: 0;
  }
  @media screen and (width < 475px) {
    dialog {
      max-width: 90vw;
    }
  }
  dialog[open] {
    display: inline-block;
  }
  dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.pagy.nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2);
  a {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: 1rem;
    line-height: 1.5rem;
    border-radius: 14px;
    border-radius: var(--radius-xl);
    column-gap: calc(var(--spacing) * 2);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    color: var(--color-white);
    background-color: var(--color-misty-mountains);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-dark-knight);
      }
    }
  }
  a:not([aria-disabled="true"]) {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    &:hover {
      @media (hover: hover) {
        scale: 103%;
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-dark-knight);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  a.current {
    cursor: default;
    background-color: var(--color-blue-surf-500);
    color: var(--color-white);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-surf-500);
      }
    }
  }
  a[aria-disabled="true"]:not(.current) {
    cursor: default;
    opacity: 75%;
    transition-property: none;
    &:hover {
      @media (hover: hover) {
        --tw-brightness: brightness(100%);
        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-misty-mountains);
      }
    }
  }
  .pagy-combo-input {
    display: block;
    border-radius: var(--radius-lg);
    background-color: var(--color-gray-200);
    padding-inline: calc(var(--spacing) * 3);
    input {
      margin-top: calc(var(--spacing) * 0.5);
      border-radius: var(--radius-md);
      --tw-border-style: none;
      border-style: none;
      background-color: var(--color-gray-100);
    }
  }
}
@layer base {
  table[data-controller~="table-sort"] th {
    position: relative;
    cursor: pointer;
  }
  table[data-controller~="table-sort"] {
    th {
      padding-right: .5rem;
    }
    td:hover {
      background-color: var(--color-gray-50);
    }
    th::after {
      position: absolute;
      top: 50%;
      right: 0;
      display: none;
      align-items: center;
      justify-content: center;
      width: 1rem;
      height: 1rem;
      content: "⇅";
      transform: translateY(-50%);
      padding: calc(var(--spacing) * 2);
      color: var(--color-white);
    }
    th[data-sort="asc"]::after {
      display: inline-flex;
      content: "▲";
      color: var(--color-sunny-600);
    }
    th[data-sort="desc"]::after {
      display: inline-flex;
      content: "▼";
      color: var(--color-sunny-600);
    }
  }
  table.wavy-table {
    width: 100%;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1rem;
    color: var(--color-gray-500);
    margin-bottom: calc(var(--spacing) * 2);
    thead {
      background-color: var(--color-blue-surf-100);
      font-size: 0.875rem;
      line-height: 1rem;
      color: var(--color-gray-700);
      td, th {
        padding-inline: calc(var(--spacing) * 6);
        padding-block: calc(var(--spacing) * 3);
      }
    }
    tbody {
      tr {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 1px;
        border-color: var(--color-misty-mountains);
        background-color: var(--color-white);
        &:hover {
          @media (hover: hover) {
            background-color: var(--color-blue-surf-20);
          }
        }
      }
      td, th {
        &:first-child {
          padding-inline: calc(var(--spacing) * 6);
          padding-block: calc(var(--spacing) * 4);
          --tw-font-weight: var(--font-weight-medium);
          font-weight: var(--font-weight-medium);
          white-space: nowrap;
          color: var(--color-gray-900);
        }
        padding-inline: calc(var(--spacing) * 6);
        padding-block: calc(var(--spacing) * 4);
      }
    }
  }
}
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-500: oklch(70.5% 0.213 47.604);
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-200: oklch(94.5% 0.129 101.54);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-yellow-500: oklch(79.5% 0.184 86.047);
    --color-yellow-600: oklch(68.1% 0.162 75.834);
    --color-yellow-900: oklch(42.1% 0.095 57.708);
    --color-lime-200: oklch(93.8% 0.127 124.321);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-300: oklch(87.1% 0.15 154.449);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-green-900: oklch(39.3% 0.095 152.535);
    --color-teal-500: oklch(70.4% 0.14 182.503);
    --color-sky-500: oklch(68.5% 0.169 237.323);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-indigo-500: oklch(58.5% 0.233 277.117);
    --color-indigo-600: oklch(51.1% 0.262 276.966);
    --color-purple-50: oklch(97.7% 0.014 308.299);
    --color-purple-200: oklch(90.2% 0.063 306.703);
    --color-purple-500: oklch(62.7% 0.265 303.9);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-purple-900: oklch(38.1% 0.176 304.987);
    --color-pink-50: oklch(97.1% 0.014 343.198);
    --color-pink-100: oklch(94.8% 0.028 342.258);
    --color-pink-500: oklch(65.6% 0.241 354.308);
    --color-gray-50: #F6F6F6;
    --color-gray-100: #F7F7F7;
    --color-gray-200: #D9D9D9;
    --color-gray-300: #BFBFBF;
    --color-gray-400: #888888;
    --color-gray-500: #808080;
    --color-gray-600: #666666;
    --color-gray-700: #4D4D4D;
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --breakpoint-sm: 640px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 1024px;
    --breakpoint-xl: 1280px;
    --breakpoint-2xl: 1408px;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --blur-3xl: 64px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --shadow-3xl: 4px 4px 41px 5px rgba(0, 0, 0, 0.05);
    --shadow-4xl: 8px 8px 20px rgba(0, 0, 0, 0.25);
    --shadow-drop-10: 4px 4px 41px 0 rgba(0, 0, 0, 0.05);
    --shadow-drop-20: 4px 4px 41px 0 rgba(0, 0, 0, 0.15);
    --shadow-drop-30: 4px 4px 41px 0 rgba(0, 0, 0, 0.20);
    --breakpoint-xs: 475px;
    --breakpoint-3xl: 1536px;
    --breakpoint-4xl: 1664px;
    --breakpoint-8xl: 88rem;
    --breakpoint-9xl: 96rem;
    --breakpoint-10xl: 104rem;
    --breakpoint-11xl: 112rem;
    --container-8xl: 88rem;
    --container-9xl: 96rem;
    --container-10xl: 104rem;
    --container-11xl: 112rem;
    --color-alert-100: #FFE4E6;
    --color-alert-200: #FECDD3;
    --color-alert-300: #FDA4AF;
    --color-alert-400: #FB7185;
    --color-alert-50: #FFF1F2;
    --color-alert-500: #F43F5E;
    --color-alert-600: #E11D48;
    --color-alert-700: #BE123C;
    --color-alert-800: #9F1239;
    --color-alert-900: #881337;
    --color-beach-sand-50: #F7F0E0;
    --color-beach-sand-100: #EDE4C2;
    --color-beach-sand-200: #E4D7A3;
    --color-beach-sand-300: #DACB85;
    --color-beach-sand-400: #D1BE66;
    --color-beach-sand-500: #C7B247;
    --color-beach-sand-600: #BD9F29;
    --color-beach-sand-700: #B48E0A;
    --color-beach-sand-800: #8A6E00;
    --color-beach-sand-900: #614E00;
    --color-blue-surf-20: #F3F6FF;
    --color-blue-surf-50: #E4F4FF;
    --color-blue-surf-100: #C9E2FF;
    --color-blue-surf-200: #A3CCFF;
    --color-blue-surf-300: #7DB4FF;
    --color-blue-surf-400: #5394FF;
    --color-blue-surf-500: #2A74FF;
    --color-blue-surf-600: #1F5BCF;
    --color-blue-surf-700: #1743A1;
    --color-blue-surf-800: #102C73;
    --color-blue-surf-900: #0A1948;
    --color-dark-knight: #333333;
    --color-dead-sea: #273C49;
    --color-error-red: #FAC2B5;
    --color-gray-30: #FCFCFC;
    --color-gray-text: #707070;
    --color-hot-pink: #FD4AC4;
    --color-lipstick-red: #EE3C3C;
    --color-live-red: #EB5757;
    --color-misty-mountains: #DDDDDD;
    --color-salmon-100: #FEFAF8;
    --color-salmon-200: #FEF3F2;
    --color-salmon-300: #FEE5DB;
    --color-salmon-800: #EA7665;
    --color-salmon-900: #BE3B20;
    --color-success-100: #DCFCE7;
    --color-success-200: #BBF7D0;
    --color-success-300: #86EFAC;
    --color-success-400: #4ADE80;
    --color-success-50: #F0FDF4;
    --color-green-future: #6FCF97;
    --color-green-future-600: #00BF08;
    --color-success-500: #22C55E;
    --color-success-600: #16A34A;
    --color-success-700: #15803D;
    --color-success-800: #166534;
    --color-success-900: #14532D;
    --color-sunny-100: #FFEFC5;
    --color-sunny-200: #FFE8A1;
    --color-sunny-300: #FFE0DB;
    --color-sunny-400: #FFDAB6;
    --color-sunny-50: #FFF7EA;
    --color-sunny-500: #FFD391;
    --color-sunny-600: #FFCC6D;
    --color-sunny-700: #FFC549;
    --color-sunny-800: #FFBE24;
    --color-sunny-900: #B78912;
    --color-warning-100: #FEF3C7;
    --color-warning-200: #FDE68A;
    --color-warning-300: #FCD34D;
    --color-warning-400: #FBBF24;
    --color-warning-50: #FFFBEB;
    --color-warning-500: #F59E0B;
    --color-warning-600: #D97706;
    --color-warning-700: #B45309;
    --color-warning-800: #92400E;
    --color-warning-900: #78350F;
    --color-weekend: #FAFAFA;
    --color-calendar-suggestion: #868686;
    --color-calendar-green-100: #EAFFF0;
    --color-calendar-green-200: #CFEDD8;
    --color-calendar-green-300: #BAEBC9;
    --color-calendar-green-500: #4DA15D;
    --color-calendar-green-600: #23793E;
    --color-calendar-green-800: #6F6F6F;
    --color-calendar-blue-50: #F3FAFF;
    --color-calendar-blue-200: #D3E8F3;
    --color-calendar-blue-300: #B0E0F9;
    --color-calendar-blue-500: #2E9DCF;
    --color-calendar-blue-600: #0284C7;
    --color-calendar-blue-700: #04689E;
    --color-calendar-purple-100: #F5F3FF;
    --color-calendar-purple-200: #E3DEFF;
    --color-calendar-purple-300: #CEC4FF;
    --color-calendar-purple-500: #8B5CF6;
    --color-calendar-purple-700: #6424CA;
    --color-calendar-pink-50: #FDF2FB;
    --color-calendar-pink-100: #FAE7F5;
    --color-calendar-pink-200: #F4D8ED;
    --color-calendar-pink-300: #FBBDE9;
    --color-calendar-pink-500: #E14CC0;
    --color-calendar-pink-700: #BA2590;
    --color-calendar-red-50: #FEF2F6;
    --color-calendar-red-100: #FFE6F0;
    --color-calendar-red-200: #F5D6E0;
    --color-calendar-red-300: #FFBED2;
    --color-calendar-red-500: #EF4482;
    --color-calendar-red-700: #B91C67;
    --color-calendar-orange-50: #FFF7ED;
    --color-calendar-orange-100: #FFEFD9;
    --color-calendar-orange-200: #F6E2CB;
    --color-calendar-orange-300: #F8CD9B;
    --color-calendar-orange-500: #DB5608;
    --color-calendar-orange-700: #B13B0A;
    --color-calendar-yellow-50: #FFFEF0;
    --color-calendar-yellow-200: #F1EDCE;
    --color-calendar-yellow-300: #F7EB8C;
    --color-calendar-yellow-600: #B77D04;
    --color-calendar-yellow-700: #A16207;
    --color-beige: #F8F7F1;
    --font-display-sans: 'DM Sans', sans-serif;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities;
html, body {
  font-family: 'DM Sans', sans-serif;
  scrollbar-gutter: auto;
  scroll-behavior: smooth;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
.layout-padding {
  padding-inline: calc(var(--spacing) * 4);
  @media (width >= 640px) {
    padding-inline: calc(var(--spacing) * 6);
  }
  @media (width >= 1024px) {
    padding-inline: calc(var(--spacing) * 8);
  }
}
.layout-negative-margins {
  margin-inline: calc(var(--spacing) * -4);
  @media (width >= 640px) {
    margin-inline: calc(var(--spacing) * -6);
  }
  @media (width >= 768px) {
    margin-inline: calc(var(--spacing) * -8);
  }
  @media (width >= 1280px) {
    margin-inline: calc(var(--spacing) * -8);
  }
}
.shadow-sharp {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.25);
}
@keyframes barberpole {
  from {
    background-position: 0%;
  }
  to {
    background-position: 100%;
  }
}
.loading-animation {
  position: inherit;
  width: 100%;
  height: 100%;
  -webkit-animation: barberpole 5s infinite linear;
  animation: barberpole 5s infinite linear;
  background: #FFFFFF;
  background: -moz-linear-gradient(-45deg, transparent 25%, #FFFFFF 25%, #FFFFFF 50%, transparent 50%, transparent 75%, #FFFFFF 75%);
  background: -o-linear-gradient(-45deg, transparent 25%, #FFFFFF 25%, #FFFFFF 50%, transparent 50%, transparent 75%, #FFFFFF 75%);
  background: linear-gradient(-45deg, transparent 25%, #FFFFFF 25%, #FFFFFF 50%, transparent 50%, transparent 75%, #FFFFFF 75%);
  background-color: -webkit-linear-gradient(-45deg, transparent 25%, #FFFFFF 25%, #FFFFFF 50%, transparent 50%, transparent 75%, #FFFFFF 75%);
  background-size: 27px 27px;
}
mark {
  --tw-font-weight: var(--font-weight-bold);
  font-weight: var(--font-weight-bold);
}
.rsvp-button[disabled] {
  pointer-events: none;
  color: white !important;
  background-color: #D3D3D3FF !important;
}
.triangle-bottom {
  position: relative;
  width: 0;
  height: 0;
  border-top: 8px solid #DDDDDD;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.triangle-bottom::after {
  position: absolute;
  top: -9.5px;
  left: -8px;
  width: 0;
  height: 0;
  content: '';
  border-top: 8px solid #FFFFFF;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.event-description a {
  color: var(--color-gray-text);
  text-decoration-line: underline;
}
.event-description ul li {
  margin-left: calc(var(--spacing) * 4);
  list-style-type: disc;
}
.event-description ol li {
  margin-left: calc(var(--spacing) * 4);
  list-style-type: decimal;
}
.overflow-shadow-left {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 50px;
  height: 100%;
  background: red;
  left: 0;
  background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.15), transparent);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15), transparent);
  opacity: 0;
}
.overflow-shadow-right {
  position: absolute;
  top: 0;
  z-index: 10;
  width: 50px;
  height: 100%;
  background: red;
  right: 0;
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.15), transparent);
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15), transparent);
  opacity: 0;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-border-style: solid;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-outline-style: solid;
      --tw-space-x-reverse: 0;
      --tw-font-weight: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-divide-y-reverse: 0;
      --tw-space-y-reverse: 0;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-divide-x-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-content: "";
    }
  }
}