.eds-primary-header[data-v-2e164e6c] {
  display: flex;
  width: 100%;
}
.eds-primary-header .utility-navigation .eds-field .field-label[data-v-2e164e6c] {
  display: flex;
  font-weight: 600;
}
.eds-primary-header .utility-navigation .user-dropdown-popover[data-v-2e164e6c] {
  display: block;
}
.eds-primary-header .utility-navigation .user-dropdown-popover .dropdown-options[data-v-2e164e6c] {
  width: 100%;
}
.eds-primary-header .utility-navigation .user-dropdown-popover .dropdown-options .eds-control-list .user-name[data-v-2e164e6c] {
  font-weight: 600;
}
.eds-primary-header .utility-navigation .user-dropdown-popover .dropdown-options .eds-control-list .logout-label[data-v-2e164e6c] {
  border-top: solid 1px var(--45f4e67a);
  padding-top: 8px;
}
.eds-primary-header .utility-navigation .user-dropdown-popover .dropdown-options .eds-control-list label[data-v-2e164e6c] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.eds-primary-header .utility-navigation .user-dropdown-popover .dropdown-options .eds-control-list label[data-v-2e164e6c] .eds-link {
  padding-left: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eds-primary-header .utility-navigation .eds-popover[data-v-2e164e6c] {
  border-radius: 0px;
  z-index: 999;
  position: absolute;
  margin-top: 42px;
}
.eds-primary-header .utility-navigation .user-dropdown[data-v-2e164e6c] {
  height: 32px;
  margin-top: 15px;
}
.eds-primary-header .utility-navigation .user-dropdown .user-initial-avatar[data-v-2e164e6c] {
  background-color: var(--8d7d2b06);
  color: var(--d31201be);
}
.eds-primary-header .utility-navigation .user-dropdown .user-dropdown-icon[data-v-2e164e6c] {
  display: block;
}
.modal-open[data-v-2e164e6c] {
  position: absolute !important;
  overflow: hidden;
}.sidebar-style[data-v-70af53a1] {
  padding-top: 8px;
  border-right-style: solid;
  border-right-width: 1px;
  border-color: #d6d6d6;
}
.tooltip-width[data-v-16f5c537]{
    max-width: 320px;
}
.eds-button[data-v-c2cd7b87] {
  cursor: pointer;
}
.btn-container[data-v-c2cd7b87] {
  display: inline-flex;
  overflow: hidden;
}
.floating-tooltip[data-v-c2cd7b87] {
  z-index: 999;
  position: absolute;
}
.right-centre-tooltip[data-v-c2cd7b87] {
  align-self: center;
  margin-left: 106px;
  margin-top: -4px;
  width: 350px;
}.eds-modal[data-v-49078ce0] {
  z-index: 1000000;
}
.modal-open[data-v-49078ce0] {
  position: fixed !important;
  overflow: hidden;
  height: 100%;
  min-height: 300px;
  min-width: 300px;
  font-size: 14px;
  font-weight: 400;
  color: #585858;
  white-space: pre-line;
  display: flex;
  align-items: center;
}
.eds-modal .modal-container[data-v-49078ce0] {
  top: initial;
}
.modal-header[data-v-49078ce0] {
  font-size: 18px;
  font-weight: 700;
}
.modal-container[data-v-49078ce0] {
  padding-bottom: 32px;
  max-width: 437px;
  border-radius: 12px;
}
.modal-close[data-v-49078ce0] {
  font-size: 18px;
  padding: 7px 8px;
  width: 36px;
  height: 32px;
}.btn-container[data-v-dcecb307] {
  float: right;
  display: flex;
  justify-content: space-evenly;
}
.btn-secondary[data-v-dcecb307] {
  margin-right: 8px;
  padding: 7px 16px;
}
.btn-primary[data-v-dcecb307] {
  padding: 7px 16px;
}
.content-container[data-v-dcecb307] {
  margin-top: 32px;
  margin-bottom: 32px;
}
.site-container[data-v-4b70fad5] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
main[data-v-4b70fad5] {
  display: flex;
  flex: 1;
}
.site-content[data-v-4b70fad5] {
  flex-grow: 1;
}
.modal-open[data-v-4b70fad5] {
  position: fixed !important;
  overflow: hidden;
}
html,
body {
    height: 100%;
    margin: 0;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
#app {
    height: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

*, *::before, *::after {
  --transition-duration: 250ms;
}

.container {
  width: 100%;
}

/* Components */

.eds-alert {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.eds-alert::after {
    position: absolute;
    background-size: auto;
    background-repeat: no-repeat;
    bottom: 0;
    height: 100%;
    left: 0;
    top: 0;
    width: 28px;
    background-position: center top 13px;
    content: "";
  }

.eds-alert.alert-border {
    border-width: 1px;
    border-style: solid;
    --border-opacity: 1;
    border-color: #d6d6d6;
    border-color: rgba(214, 214, 214, var(--border-opacity));
  }

.eds-alert .alert-content {
    display: block;
    margin-left: 40px;
    margin-right: 32px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }

.eds-alert .alert-title, .eds-alert .alert-message {
    margin: 0;
    font-size: 16px;
  }

.eds-alert .alert-title {
    font-weight: 500;
    line-height: 24px;
  }

.eds-alert .alert-message {
    font-weight: 400;
    --text-opacity: 1;
    color: #333333;
    color: rgba(51, 51, 51, var(--text-opacity));
    margin-top: 7px;
    line-height: 24px;
  }

.eds-alert .alert-close {
    position: absolute;
    margin-right: 12px;
    margin-top: 12px;
    padding: 0;
    right: 0;
    /* Material Design claims that its button is compatible with MD Icons, Font Awesome, SVG, and ???.
     * Therefore, we apply the same styles here as its mdc-button__icon class.
     * See also: https://material.io/develop/web/components/buttons/
     */
    width: 20px;
    height: 20px;
    font-size: 20px;
  }

.eds-alert .alert-close .alert-close-icon {
      fill: currentColor;
    }

.eds-alert.alert-gray {
    --bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--bg-opacity));
  }

.eds-alert.alert-shadow {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
  }

.eds-alert.alert-info::after {
      --bg-opacity: 1;
      background-color: #d6e3f4;
      background-color: rgba(214, 227, 244, var(--bg-opacity));
      --text-opacity: 1;
      color: #426da9;
      color: rgba(66, 109, 169, var(--text-opacity));
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%23426da9'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0 -8h-2V7h2v2z'/%3E%3C/svg%3E");
    }

.eds-alert.alert-info .alert-title {
      --text-opacity: 1;
      color: #426da9;
      color: rgba(66, 109, 169, var(--text-opacity));
    }

.eds-alert.alert-success::after {
      --bg-opacity: 1;
      background-color: #D0F6DB;
      background-color: rgba(208, 246, 219, var(--bg-opacity));
      --text-opacity: 1;
      color: #007a3b;
      color: rgba(0, 122, 59, var(--text-opacity));
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%23007a3b'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
    }

.eds-alert.alert-success .alert-title {
      --text-opacity: 1;
      color: #007a3b;
      color: rgba(0, 122, 59, var(--text-opacity));
    }

.eds-alert.alert-warning::after, .eds-alert.alert-warning .alert-title {
      --text-opacity: 1;
      color: #995006;
      color: rgba(153, 80, 6, var(--text-opacity));
    }

.eds-alert.alert-warning::after {
      --bg-opacity: 1;
      background-color: #FFF1BD;
      background-color: rgba(255, 241, 189, var(--bg-opacity));
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%23995006'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3 h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");
    }

.eds-alert.alert-error::after, .eds-alert.alert-error .alert-title {
      --text-opacity: 1;
      color: #c60025;
      color: rgba(198, 0, 37, var(--text-opacity));
    }

.eds-alert.alert-error::after {
      --bg-opacity: 1;
      background-color: #FFD6DD;
      background-color: rgba(255, 214, 221, var(--bg-opacity));
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='%23c60025'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");
    }

.eds-avatar {
  box-sizing: content-box;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  border-radius: 9999px;
  overflow: hidden;
  width: 32px;
  height: 32px;
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #c1c1c1;
  border-color: rgba(193, 193, 193, var(--border-opacity));
  --text-opacity: 1;
  color: #c1c1c1;
  color: rgba(193, 193, 193, var(--text-opacity));
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  line-height: 32px;
}

.eds-avatar.avatar-gray {
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

.eds-avatar.avatar-inverse {
    background-color: transparent;
    --border-opacity: 1;
    border-color: #ffffff;
    border-color: rgba(255, 255, 255, var(--border-opacity));
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

.eds-avatar.avatar-blue {
    --border-opacity: 1;
    border-color: #426da9;
    border-color: rgba(66, 109, 169, var(--border-opacity));
    --text-opacity: 1;
    color: #426da9;
    color: rgba(66, 109, 169, var(--text-opacity));
  }

.eds-avatar.avatar-sm {
    width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
  }

.eds-avatar.avatar-lg {
    width: 48px;
    height: 48px;
    font-size: 18px;
    line-height: 48px;
  }

.eds-avatar::before {
    content: attr(data-initials);
  }

.eds-avatar:not([data-initials]) {
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23c1c1c1'%3E %3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E %3C/svg%3E");
    background-size: 80%;
  }

.eds-avatar.avatar-inverse:not([data-initials]) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff'%3E %3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E %3C/svg%3E");
  }

.eds-avatar.avatar-blue:not([data-initials]) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23426da9'%3E %3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E %3C/svg%3E");
  }

.eds-badge {
  box-sizing: border-box;
  display: inline-block;
  min-width: 24px;
  padding: 4px 6px;
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
  border-radius: 9999px;
  text-align: center;
  --bg-opacity: 1;
  background-color: #e4002b;
  background-color: rgba(228, 0, 43, var(--bg-opacity));
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1;
  font-size: 14px;
}

.eds-breadcrumbs {
  display: flex;
  align-items: center;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 1px;
  border-left-width: 0;
  border-style: solid;
  --border-opacity: 1;
  border-color: #d6d6d6;
  border-color: rgba(214, 214, 214, var(--border-opacity));
  height: 48px;
  font-weight: 400;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  --text-opacity: 1;
  color: #8c8c8c;
  color: rgba(140, 140, 140, var(--text-opacity));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  list-style-type: none;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 20px;
  margin: 0;
  list-style-type: none;
}

.eds-breadcrumbs > li {
    display: inline-block;
  }

.eds-breadcrumbs .breadcrumbs-part {
    margin-left: 12px;
    text-decoration: none;
  }

.eds-breadcrumbs .breadcrumbs-icon {
    /* Material Design claims that its button is compatible with MD Icons, Font Awesome, SVG, and ???.
     * Therefore, we apply the same styles here as its mdc-button__icon class.
     * See also: https://material.io/develop/web/components/buttons/
     */
    width: 18px;
    height: 18px;
    font-size: 18px;
    fill: currentColor;
  }

.eds-button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-width: 1px;
  border-style: solid;
  cursor: default;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  height: 32px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 4px;
  font-size: 14px;
  --transition-duration: 150ms;
  transition-duration: 150ms;
  transition-duration: var(--transition-duration);
  transition-timing-function: ease;
}

.eds-button:focus {
    outline: none;
  }

.eds-button:disabled {
    cursor: not-allowed;
  }

.eds-button.button-inverse {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

.eds-button.button-inverse:hover {
      background-color: rgba(255, 255, 255, 0.3);
    }

.eds-button.button-inverse:focus {
      --border-opacity: 1;
      border-color: #ffffff;
      border-color: rgba(255, 255, 255, var(--border-opacity));
      box-shadow: 0 0 0 1px #ffffff;
      outline: none;
    }

.eds-button.button-inverse:active {
      background-color: rgba(255, 255, 255, 0.4);
    }

.eds-button.button-inverse:disabled {
      background-color: rgba(255, 255, 255, 0.1);
      border-color: rgba(255, 255, 255, 0.2);
      color: rgba(255, 255, 255, 0.6);
    }

.eds-button.button-basic {
    --bg-opacity: 1;
    background-color: #f2f8ff;
    background-color: rgba(242, 248, 255, var(--bg-opacity));
    --border-opacity: 1;
    border-color: #bbcfea;
    border-color: rgba(187, 207, 234, var(--border-opacity));
    --text-opacity: 1;
    color: #426da9;
    color: rgba(66, 109, 169, var(--text-opacity));
  }

.eds-button.button-basic:hover {
      --bg-opacity: 1;
      background-color: #d6e3f4;
      background-color: rgba(214, 227, 244, var(--bg-opacity));
    }

.eds-button.button-basic:focus {
      --border-opacity: 1;
      border-color: #426da9;
      border-color: rgba(66, 109, 169, var(--border-opacity));
      box-shadow: 0 0 0 1px #426da9;
      outline: none;
    }

.eds-button.button-basic:active {
      --bg-opacity: 1;
      background-color: #bbcfea;
      background-color: rgba(187, 207, 234, var(--bg-opacity));
    }

.eds-button.button-basic:disabled {
      --bg-opacity: 1;
      background-color: #f6f6f6;
      background-color: rgba(246, 246, 246, var(--bg-opacity));
      --border-opacity: 1;
      border-color: #c1c1c1;
      border-color: rgba(193, 193, 193, var(--border-opacity));
      --text-opacity: 1;
      color: #8c8c8c;
      color: rgba(140, 140, 140, var(--text-opacity));
    }

.eds-button.button-primary {
    --bg-opacity: 1;
    background-color: #426da9;
    background-color: rgba(66, 109, 169, var(--bg-opacity));
    --border-opacity: 1;
    border-color: #1d4f91;
    border-color: rgba(29, 79, 145, var(--border-opacity));
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

.eds-button.button-primary:hover {
      --bg-opacity: 1;
      background-color: #1d4f91;
      background-color: rgba(29, 79, 145, var(--bg-opacity));
    }

.eds-button.button-primary:focus {
      --border-opacity: 1;
      border-color: #1d4f91;
      border-color: rgba(29, 79, 145, var(--border-opacity));
      box-shadow: 0 0 0 1px #1d4f91;
    }

.eds-button.button-primary:active {
      --bg-opacity: 1;
      background-color: #123f7a;
      background-color: rgba(18, 63, 122, var(--bg-opacity));
    }

.eds-button.button-primary:disabled {
      --bg-opacity: 1;
      background-color: #eaeaea;
      background-color: rgba(234, 234, 234, var(--bg-opacity));
      --border-opacity: 1;
      border-color: #c1c1c1;
      border-color: rgba(193, 193, 193, var(--border-opacity));
      --text-opacity: 1;
      color: #8c8c8c;
      color: rgba(140, 140, 140, var(--text-opacity));
    }

.eds-button.button-tertiary {
    background-color: transparent;
    border-color: transparent;
    padding-left: 12px;
    padding-right: 12px;
    --text-opacity: 1;
    color: #426da9;
    color: rgba(66, 109, 169, var(--text-opacity));
  }

.eds-button.button-tertiary:hover {
      --text-opacity: 1;
      color: #1d4f91;
      color: rgba(29, 79, 145, var(--text-opacity));
    }

.eds-button.button-tertiary:focus {
      --border-opacity: 1;
      border-color: #426da9;
      border-color: rgba(66, 109, 169, var(--border-opacity));
      box-shadow: 0 0 0 1px #426da9;
      outline: none;
    }

.eds-button.button-tertiary:active {
      --bg-opacity: 1;
      background-color: #f2f8ff;
      background-color: rgba(242, 248, 255, var(--bg-opacity));
      --text-opacity: 1;
      color: #123f7a;
      color: rgba(18, 63, 122, var(--text-opacity));
    }

.eds-button.button-tertiary:disabled {
      background-color: transparent;
      --text-opacity: 1;
      color: #8c8c8c;
      color: rgba(140, 140, 140, var(--text-opacity));
    }

.eds-button.button-basic-inverse {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

.eds-button.button-basic-inverse:hover {
      background-color: rgba(255, 255, 255, 0.3);
    }

.eds-button.button-basic-inverse:focus {
      --border-opacity: 1;
      border-color: #ffffff;
      border-color: rgba(255, 255, 255, var(--border-opacity));
      box-shadow: 0 0 0 1px #ffffff;
    }

.eds-button.button-basic-inverse:active {
      background-color: rgba(255, 255, 255, 0.4);
    }

.eds-button.button-primary-inverse {
    background-color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.9);
    --text-opacity: 1;
    color: #6d2077;
    color: rgba(109, 32, 119, var(--text-opacity));
  }

.eds-button.button-primary-inverse:hover {
      background-color: rgba(255, 255, 255, 0.9);
      --border-opacity: 1;
      border-color: #ffffff;
      border-color: rgba(255, 255, 255, var(--border-opacity));
    }

.eds-button.button-primary-inverse:focus {
      --border-opacity: 1;
      border-color: #ffffff;
      border-color: rgba(255, 255, 255, var(--border-opacity));
      box-shadow: 0 0 0 1px #ffffff;
    }

.eds-button.button-primary-inverse:active {
      --bg-opacity: 1;
      background-color: #ffffff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
    }

.eds-button.button-basic-inverse:disabled, .eds-button.button-primary-inverse:disabled {
      background-color: rgba(255, 255, 255, 0.1);
      border-color: rgba(255, 255, 255, 0.2);
      color: rgba(255, 255, 255, 0.6);
    }

.eds-button.button-tertiary-inverse {
    background-color: transparent;
    border-color: transparent;
    padding-left: 12px;
    padding-right: 12px;
    --text-opacity: 1;
    color: #f6f6f6;
    color: rgba(246, 246, 246, var(--text-opacity));
  }

.eds-button.button-tertiary-inverse:hover {
      --text-opacity: 1;
      color: #ffffff;
      color: rgba(255, 255, 255, var(--text-opacity));
    }

.eds-button.button-tertiary-inverse:focus {
      --border-opacity: 1;
      border-color: #ffffff;
      border-color: rgba(255, 255, 255, var(--border-opacity));
      box-shadow: 0 0 0 1px #ffffff;
    }

.eds-button.button-tertiary-inverse:active {
      background-color: rgba(255, 255, 255, 0.2);
      --text-opacity: 1;
      color: #ffffff;
      color: rgba(255, 255, 255, var(--text-opacity));
    }

.eds-button.button-tertiary-inverse:disabled {
      background-color: transparent;
      color: rgba(255, 255, 255, 0.6);
    }

.eds-button.button-compact {
    padding-left: 8px;
    padding-right: 8px;
  }

.eds-button .button-icon + .button-label {
    margin-left: 4px;
  }

.eds-button .button-label + .button-icon {
    margin-left: 4px;
  }

.eds-button .button-icon {
    /* Material Design claims that its button is compatible with MD Icons, Font Awesome, SVG, and ???.
     * Therefore, we apply the same styles here as its mdc-button__icon class.
     * See also: https://material.io/develop/web/components/buttons/
     */
    width: 18px;
    height: 18px;
    font-size: 18px;
    fill: currentColor;
  }

.eds-card {
  display: flex;
  flex-direction: column;
  border-width: 0;
  padding: 0;
}

.eds-card .card-content {
    flex: 1 1 0%;
  }

.eds-card .card-header, .eds-card .card-content, .eds-card .card-footer {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-width: 1px;
    border-style: solid;
    --border-opacity: 1;
    border-color: #d6d6d6;
    border-color: rgba(214, 214, 214, var(--border-opacity));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    line-height: 1.25;
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    --text-opacity: 1;
    color: #333333;
    color: rgba(51, 51, 51, var(--text-opacity));
  }

.eds-card .card-header:first-child, .eds-card .card-content:first-child, .eds-card .card-footer:first-child {
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
    }

.eds-card .card-header:not(:first-child), .eds-card .card-content:not(:first-child), .eds-card .card-footer:not(:first-child) {
      border-top-width: 0;
    }

.eds-card .card-header:last-child, .eds-card .card-content:last-child, .eds-card .card-footer:last-child {
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
    }

.eds-card .card-header:first-child, .eds-card .card-header:last-child, .eds-card .card-content:first-child, .eds-card .card-content:last-child, .eds-card .card-footer:first-child, .eds-card .card-footer:last-child {
      overflow: hidden;
    }

.eds-card .card-header.no-padding, .eds-card .card-content.no-padding, .eds-card .card-footer.no-padding {
      padding: 0;
    }

.eds-card.card-gray .card-header, .eds-card.card-gray .card-content, .eds-card.card-gray .card-footer {
      --bg-opacity: 1;
      background-color: #f6f6f6;
      background-color: rgba(246, 246, 246, var(--bg-opacity));
    }

.eds-card .card-title {
    font-weight: 700;
    font-size: 16px;
    margin: 0;
  }

.eds-checkbox {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}

.eds-checkbox .checkbox-input {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    background-repeat: no-repeat;
    background-position: center;
    --text-opacity: 1;
    color: #426da9;
    color: rgba(66, 109, 169, var(--text-opacity));
    border-radius: 2px;
    --transition-duration: 150ms;
    transition-duration: 150ms;
    transition-duration: var(--transition-duration);
    transition-timing-function: ease;
    width: 18px;
    height: 18px;
    background-size: 12px 12px;
  }

.eds-checkbox .checkbox-input:checked {
      --bg-opacity: 1;
      background-color: #426da9;
      background-color: rgba(66, 109, 169, var(--bg-opacity));
      --text-opacity: 1;
      color: #ffffff;
      color: rgba(255, 255, 255, var(--text-opacity));
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M20.285 2L9 13.567 3.714 8.556 0 12.272 9 21 24 5.715z'/%3E%3C/svg%3E");
    }

.eds-checkbox .checkbox-input:checked:disabled {
        --bg-opacity: 1;
        background-color: #d6d6d6;
        background-color: rgba(214, 214, 214, var(--bg-opacity));
      }

.eds-checkbox .checkbox-input:indeterminate {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='%23426da9'%3E%3Crect x='0' y='0' width='8' height='8' rx='2'/%3E%3C/svg%3E");
      background-size: 8px 8px;
    }

.eds-checkbox .checkbox-input:indeterminate:disabled {
        --text-opacity: 1;
        color: #d6d6d6;
        color: rgba(214, 214, 214, var(--text-opacity));
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' fill='%23d6d6d6'%3E%3Crect x='0' y='0' width='8' height='8' rx='2'/%3E%3C/svg%3E");
      }

.eds-checkbox .checkbox-input:focus {
      box-shadow: 0 0 0 1px #426da9;
    }

.eds-checkbox .checkbox-input:disabled {
      cursor: not-allowed;
    }

.eds-checkbox .checkbox-input:disabled + .checkbox-label {
        --text-opacity: 1;
        color: #8c8c8c;
        color: rgba(140, 140, 140, var(--text-opacity));
      }

.eds-checkbox .checkbox-label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    --text-opacity: 1;
    color: #333333;
    color: rgba(51, 51, 51, var(--text-opacity));
    margin-left: 8px;
  }

@supports not (-ms-high-contrast: none) {
  .eds-checkbox .checkbox-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-width: 1px;
    border-style: solid;
    --border-opacity: 1;
    border-color: #8c8c8c;
    border-color: rgba(140, 140, 140, var(--border-opacity));
  }
    .eds-checkbox .checkbox-input:checked, .eds-checkbox .checkbox-input:indeterminate, .eds-checkbox .checkbox-input:focus {
      --border-opacity: 1;
      border-color: #426da9;
      border-color: rgba(66, 109, 169, var(--border-opacity));
    }
    .eds-checkbox .checkbox-input:disabled {
      --border-opacity: 1;
      border-color: #d6d6d6;
      border-color: rgba(214, 214, 214, var(--border-opacity));
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .eds-checkbox .checkbox-input::-ms-check {
      border-width: 1px;
      border-style: solid;
      --border-opacity: 1;
      border-color: #8c8c8c;
      border-color: rgba(140, 140, 140, var(--border-opacity));
      border-radius: 2px;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      background-color: transparent;
      color: transparent;
      --transition-duration: 150ms;
      transition-duration: 150ms;
      transition-duration: var(--transition-duration);
      transition-timing-function: ease;
    }
    .eds-checkbox .checkbox-input:focus::-ms-check, .eds-checkbox .checkbox-input:checked::-ms-check, .eds-checkbox .checkbox-input:indeterminate::-ms-check {
      --border-opacity: 1;
      border-color: #426da9;
      border-color: rgba(66, 109, 169, var(--border-opacity));
    }
}

.eds-control-list {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
}

.eds-control-list .control:not(:last-child) {
    margin-bottom: 8px;
  }

.eds-details {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --bg-opacity: 1;
  background-color: #f6f6f6;
  background-color: rgba(246, 246, 246, var(--bg-opacity));
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #d6d6d6;
  border-color: rgba(214, 214, 214, var(--border-opacity));
  font-weight: 400;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  position: relative;
  border-radius: 6px;
  font-size: 14px;
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
  min-height: 40px;
}

.eds-details[focus-within] {
    --border-opacity: 1;
    border-color: #426da9;
    border-color: rgba(66, 109, 169, var(--border-opacity));
    box-shadow: 0 0 0 1px #426da9;
  }

.eds-details:focus-within {
    --border-opacity: 1;
    border-color: #426da9;
    border-color: rgba(66, 109, 169, var(--border-opacity));
    box-shadow: 0 0 0 1px #426da9;
  }

.eds-details .details-summary::-webkit-details-marker {
      display: none;
    }

.eds-details .details-summary {
    position: absolute;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: transparent;
    border-width: 0;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 700;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    height: 40px;
    left: 0;
    list-style-type: none;
    margin: 0;
    margin: 0;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-left: 16px;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    right: 0;
    font-size: 14px;
    --text-opacity: 1;
    color: #333333;
    color: rgba(51, 51, 51, var(--text-opacity));
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 20;
    line-height: 40px;
}

.eds-details .details-summary::after {
      position: absolute;
      background-position: center;
      background-repeat: no-repeat;
      bottom: 0;
      margin-right: 16px;
      right: 0;
      --text-opacity: 1;
      color: #426da9;
      color: rgba(66, 109, 169, var(--text-opacity));
      top: 0;
      --transition-duration: 150ms;
      transition-duration: 150ms;
      transition-duration: var(--transition-duration);
      transition-timing-function: ease;
      width: 12px;
      content: "";
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='%23426da9'%3E%3Cpath d='M2 0L0.59 1.41 5.17 6l-4.58 4.59L2 12l6 -6z'/%3E%3C/svg%3E");
      transform: rotate(90deg);
    }

.eds-details .details-content {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-style: solid;
    border-top-width: 1px;
    border-color: transparent;
    line-height: 1.5;
    margin-left: 16px;
    margin-right: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

.eds-details .details-container {
    margin-top: 40px;
    height: 0;
    overflow: hidden;
  }

.eds-details.details-enhanced .details-content {
      opacity: 0;
      --transition-duration: 150ms;
      transition-duration: 150ms;
      transition-duration: var(--transition-duration);
      transition-timing-function: ease;
      transition-delay: 150ms;
    }

.eds-details.details-open {
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

.eds-details.details-open > .details-summary::after {
      transform: rotate(-90deg);
    }

.eds-details.details-open > .details-container {
      height: auto;
    }

.eds-details.details-open > .details-container > .details-content {
        --border-opacity: 1;
        border-color: #d6d6d6;
        border-color: rgba(214, 214, 214, var(--border-opacity));
        opacity: 1;
      }

.eds-details[open] > .details-container {
      height: auto;
    }

.eds-field {
  display: inline-block;
}

.eds-field .field-label, .eds-field .field-assistive-text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    line-height: 1.25;
    font-size: 14px;
  }

.eds-field .field-label {
    display: block;
    font-weight: 500;
    padding-bottom: 8px;
    --text-opacity: 1;
    color: #333333;
    color: rgba(51, 51, 51, var(--text-opacity));
  }

.eds-field .field-label.field-disabled {
      --text-opacity: 1;
      color: #8c8c8c;
      color: rgba(140, 140, 140, var(--text-opacity));
    }

.eds-field .field-control {
    width: 100%;
  }

.eds-field .field-assistive-text {
    font-weight: 400;
    padding-top: 8px;
    --text-opacity: 1;
    color: #717171;
    color: rgba(113, 113, 113, var(--text-opacity));
    vertical-align: bottom;
  }

.eds-field .field-assistive-text.field-warning {
      --text-opacity: 1;
      color: #cc6e0f;
      color: rgba(204, 110, 15, var(--text-opacity));
    }

.eds-field .field-assistive-text.field-error {
      --text-opacity: 1;
      color: #c60025;
      color: rgba(198, 0, 37, var(--text-opacity));
    }

.eds-heading {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.25;
  font-size: 16px;
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.eds-heading.heading-xl {
    font-size: 30px;
  }

.eds-heading.heading-xl-caps {
      font-size: 28px;
    }

.eds-heading.heading-lg {
    font-size: 24px;
  }

.eds-heading.heading-lg-caps {
      font-size: 22px;
    }

.eds-heading.heading-md {
    font-size: 16px;
  }

.eds-heading.heading-md-caps {
      font-size: 14px;
    }

.eds-heading.heading-md-plus {
    font-size: 18px;
  }

.eds-heading.heading-md-plus-caps {
      font-size: 16px;
    }

.eds-heading.heading-sm {
    font-size: 14px;
  }

.eds-heading.heading-sm-caps {
      font-size: 12px;
    }

.eds-heading.heading-xs {
    font-size: 12px;
  }

.eds-heading.heading-xl, .eds-heading.heading-lg {
    font-weight: 300;
  }

.eds-heading.heading-md-plus, .eds-heading.heading-md, .eds-heading.heading-sm {
    font-weight: 700;
  }

.eds-heading.heading-xl-caps, .eds-heading.heading-lg-caps, .eds-heading.heading-md-plus-caps, .eds-heading.heading-md-caps, .eds-heading.heading-sm-caps {
      text-transform: uppercase;
      --text-opacity: 1;
      color: #6d2077;
      color: rgba(109, 32, 119, var(--text-opacity));
    }

.eds-input {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  height: 32px;
  padding: 0;
  margin: 0;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-width: 1px;
  box-sizing: border-box;
  --border-opacity: 1;
  border-color: #8c8c8c;
  border-color: rgba(140, 140, 140, var(--border-opacity));
  border-style: solid;
  border-radius: 4px;
  --transition-duration: 150ms;
  transition-duration: 150ms;
  transition-duration: var(--transition-duration);
  transition-timing-function: ease;
}

.eds-input .input-element {
    margin: 0;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
    background-color: transparent;
    --text-opacity: 1;
    color: #333333;
    color: rgba(51, 51, 51, var(--text-opacity));
    border-width: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    line-height: 1.25;
    font-size: 16px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

.eds-input .input-element.input-dropdown {
      background-repeat: no-repeat;
      background-position: right;
      padding-right: 24px;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='5' fill='%23426da9'%3E%3Cpolygon points='0,0 5,5 9,0'/%3E%3C/svg%3E");
    }

.eds-input .input-element.input-dropdown:disabled {
        color: #8c8c8c;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='5' fill='%23d6d6d6'%3E%3Cpolygon points='0,0 5,5 9,0'/%3E%3C/svg%3E");
      }

.eds-input .input-element.input-multiselect {
      padding-left: 0;
      padding-right: 0;
    }

.eds-input .input-element::-moz-placeholder {
      opacity: 1;
      --text-opacity: 1;
      color: #717171;
      color: rgba(113, 113, 113, var(--text-opacity));
    }

.eds-input .input-element:-ms-input-placeholder {
      opacity: 1;
      --text-opacity: 1;
      color: #717171;
      color: rgba(113, 113, 113, var(--text-opacity));
    }

.eds-input .input-element::placeholder {
      opacity: 1;
      --text-opacity: 1;
      color: #717171;
      color: rgba(113, 113, 113, var(--text-opacity));
    }

.eds-input .input-element.input-placeholder {
      --text-opacity: 1;
      color: #717171;
      color: rgba(113, 113, 113, var(--text-opacity));
    }

.eds-input .input-element:focus {
      outline: none;
    }

.eds-input .input-element::-ms-expand {
      display: none;
    }

.eds-input .input-element::-webkit-search-decoration {
      -webkit-appearance: none;
    }

.eds-input.input-error {
    --bg-opacity: 1;
    background-color: #fff0f3;
    background-color: rgba(255, 240, 243, var(--bg-opacity));
    --border-opacity: 1;
    border-color: #ed3457;
    border-color: rgba(237, 52, 87, var(--border-opacity));
    box-shadow: 0 0 0 1px #ed3457;
  }

.eds-input.input-warning {
    --bg-opacity: 1;
    background-color: #FFF9E8;
    background-color: rgba(255, 249, 232, var(--bg-opacity));
    --border-opacity: 1;
    border-color: #ffaa4f;
    border-color: rgba(255, 170, 79, var(--border-opacity));
    box-shadow: 0 0 0 1px #ffaa4f;
  }

.eds-input.input-disabled {
    border-style: dotted;
    color: #d6d6d6;
  }

.eds-input.input-disabled input {
      --text-opacity: 1;
      color: #d6d6d6;
      color: rgba(214, 214, 214, var(--text-opacity));
      -webkit-text-fill-color: currentColor;
      cursor: not-allowed;
    }

.eds-input[focus-within] {
    --border-opacity: 1;
    border-color: #426da9;
    border-color: rgba(66, 109, 169, var(--border-opacity));
    box-shadow: 0 0 0 1px #426da9;
    outline: none;
  }

.eds-input:focus-within {
    --border-opacity: 1;
    border-color: #426da9;
    border-color: rgba(66, 109, 169, var(--border-opacity));
    box-shadow: 0 0 0 1px #426da9;
    outline: none;
  }

.eds-input.input-no-border {
    border-color: transparent;
  }

.eds-input-addon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  padding-left: 8px;
  padding-right: 8px;
}

.eds-input-addon.input-prepend {
    border-right-width: 1px;
  }

.eds-input-addon.input-append {
    border-left-width: 1px;
  }

.eds-input-addon.input-gray {
    --bg-opacity: 1;
    background-color: #eaeaea;
    background-color: rgba(234, 234, 234, var(--bg-opacity));
    --border-opacity: 1;
    border-color: #d6d6d6;
    border-color: rgba(214, 214, 214, var(--border-opacity));
  }

.eds-input-addon .input-addon-content {
    border-width: 0;
    text-decoration: none;
    padding: 0;
    --text-opacity: 1;
    color: #8c8c8c;
    color: rgba(140, 140, 140, var(--text-opacity));
    outline: none;
  }

.eds-input-addon .input-addon-text {
    font-weight: 400;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
  }

.eds-input-addon .input-icon {
    /* Material Design claims that its button is compatible with MD Icons, Font Awesome, SVG, and ???.
     * Therefore, we apply the same styles here as its mdc-button__icon class.
     * See also: https://material.io/develop/web/components/buttons/
     */
    width: 18px;
    height: 18px;
    font-size: 18px;
    fill: currentColor;
  }

.eds-link {
  background-color: transparent;
  border-width: 0;
  cursor: pointer;
  padding: 0;
  --text-opacity: 1;
  color: #426da9;
  color: rgba(66, 109, 169, var(--text-opacity));
}

.eds-link:hover {
    --text-opacity: 1;
    color: #1d4f91;
    color: rgba(29, 79, 145, var(--text-opacity));
  }

.eds-link:active {
    --text-opacity: 1;
    color: #123f7a;
    color: rgba(18, 63, 122, var(--text-opacity));
  }

.eds-link:disabled {
    --text-opacity: 1;
    color: #8c8c8c;
    color: rgba(140, 140, 140, var(--text-opacity));
  }

.eds-link.link-selected, .eds-link.link-selected:hover {
      --text-opacity: 1;
      color: #333333;
      color: rgba(51, 51, 51, var(--text-opacity));
    }

.eds-menu-header {
  box-sizing: border-box;
  padding-top: 20px;
  padding-left: 20px;
  margin: 0;
  padding-bottom: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  display: inline-block;
  font-weight: 400;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
}

.eds-menu-header.menu-header-basic, .eds-menu-header.menu-header-gray {
    --text-opacity: 1;
    color: #6d2077;
    color: rgba(109, 32, 119, var(--text-opacity));
  }

.eds-menu-header.menu-header-basic {
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

.eds-menu-header.menu-header-gray {
    --bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--bg-opacity));
  }

.eds-menu-header.menu-header-blue, .eds-menu-header.menu-header-raspberry {
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

.eds-menu-header.menu-header-blue {
    --bg-opacity: 1;
    background-color: #0a3163;
    background-color: rgba(10, 49, 99, var(--bg-opacity));
  }

.eds-menu-header.menu-header-raspberry {
    --bg-opacity: 1;
    background-color: #af1685;
    background-color: rgba(175, 22, 133, var(--bg-opacity));
  }

.eds-menu-item {
  padding-left: 20px;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  outline: 2px solid transparent;
  outline-offset: 2px;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
}

.eds-menu-item.menu-item-basic, .eds-menu-item.menu-item-gray {
    --text-opacity: 1;
    color: #426da9;
    color: rgba(66, 109, 169, var(--text-opacity));
  }

.eds-menu-item.menu-item-basic:focus, .eds-menu-item.menu-item-gray:focus {
      box-shadow: inset 0 0 0 2px #426da9;
    }

.eds-menu-item.menu-item-basic:hover, .eds-menu-item.menu-item-gray:hover {
      --text-opacity: 1;
      color: #1d4f91;
      color: rgba(29, 79, 145, var(--text-opacity));
    }

.eds-menu-item.menu-item-basic .menu-item-label::after, .eds-menu-item.menu-item-gray .menu-item-label::after {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='%23426da9'%3E%3Cpath d='M2 0L0.59 1.41 5.17 6l-4.58 4.59L2 12l6 -6z'/%3E%3C/svg%3E");
    }

.eds-menu-item.menu-item-basic:hover, .eds-menu-item.menu-item-gray:hover {
      --text-opacity: 1;
      color: #1d4f91;
      color: rgba(29, 79, 145, var(--text-opacity));
    }

.eds-menu-item.menu-item-basic:hover .menu-item-label::after, .eds-menu-item.menu-item-gray:hover .menu-item-label::after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='%231d4f91'%3E%3Cpath d='M2 0L0.59 1.41 5.17 6l-4.58 4.59L2 12l6 -6z'/%3E%3C/svg%3E");
      }

.eds-menu-item.menu-item-basic-selected, .eds-menu-item.menu-item-gray-selected {
      --text-opacity: 1;
      color: #e63888;
      color: rgba(230, 56, 136, var(--text-opacity));
    }

.eds-menu-item.menu-item-basic-selected .menu-item-icon, .eds-menu-item.menu-item-basic-selected .menu-item-label, .eds-menu-item.menu-item-gray-selected .menu-item-icon, .eds-menu-item.menu-item-gray-selected .menu-item-label {
        --text-opacity: 1;
        color: #333333;
        color: rgba(51, 51, 51, var(--text-opacity));
      }

.eds-menu-item.menu-item-basic-selected .menu-item-label::after, .eds-menu-item.menu-item-gray-selected .menu-item-label::after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='%23333333'%3E%3Cpath d='M2 0L0.59 1.41 5.17 6l-4.58 4.59L2 12l6 -6z'/%3E%3C/svg%3E");
      }

.eds-menu-item.menu-item-basic {
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
  }

.eds-menu-item.menu-item-basic:hover, .eds-menu-item.menu-item-basic-selected {
      --bg-opacity: 1;
      background-color: #f6f6f6;
      background-color: rgba(246, 246, 246, var(--bg-opacity));
    }

.eds-menu-item.menu-item-gray {
    --bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--bg-opacity));
  }

.eds-menu-item.menu-item-gray:hover, .eds-menu-item.menu-item-gray-selected {
      --bg-opacity: 1;
      background-color: #ffffff;
      background-color: rgba(255, 255, 255, var(--bg-opacity));
    }

.eds-menu-item.menu-item-blue, .eds-menu-item.menu-item-blue:hover, .eds-menu-item.menu-item-blue-selected, .eds-menu-item.menu-item-blue-selected:hover, .eds-menu-item.menu-item-raspberry, .eds-menu-item.menu-item-raspberry:hover, .eds-menu-item.menu-item-raspberry-selected, .eds-menu-item.menu-item-raspberry-selected:hover {
        --text-opacity: 1;
        color: #ffffff;
        color: rgba(255, 255, 255, var(--text-opacity));
      }

.eds-menu-item.menu-item-blue:focus, .eds-menu-item.menu-item-raspberry:focus {
      box-shadow: inset 0 0 0 2px #ffffff;
    }

.eds-menu-item.menu-item-blue .menu-item-label::after, .eds-menu-item.menu-item-raspberry .menu-item-label::after {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='%23ffffff'%3E%3Cpath d='M2 0L0.59 1.41 5.17 6l-4.58 4.59L2 12l6 -6z'/%3E%3C/svg%3E");
    }

.eds-menu-item.menu-item-blue {
    --bg-opacity: 1;
    background-color: #0a3163;
    background-color: rgba(10, 49, 99, var(--bg-opacity));
  }

.eds-menu-item.menu-item-blue:hover {
      --bg-opacity: 1;
      background-color: #123f7a;
      background-color: rgba(18, 63, 122, var(--bg-opacity));
    }

.eds-menu-item.menu-item-blue-selected {
      --bg-opacity: 1;
      background-color: #1d4f91;
      background-color: rgba(29, 79, 145, var(--bg-opacity));
    }

.eds-menu-item.menu-item-raspberry {
    --bg-opacity: 1;
    background-color: #af1685;
    background-color: rgba(175, 22, 133, var(--bg-opacity));
  }

.eds-menu-item.menu-item-raspberry:hover {
      --bg-opacity: 1;
      background-color: #92086d;
      background-color: rgba(146, 8, 109, var(--bg-opacity));
    }

.eds-menu-item.menu-item-raspberry-selected {
      --bg-opacity: 1;
      background-color: #760056;
      background-color: rgba(118, 0, 86, var(--bg-opacity));
    }

.eds-menu-item.menu-item-indent {
    padding-left: 36px;
  }

.eds-menu-item.menu-item-indent2 {
    padding-left: 52px;
  }

.eds-menu-item.menu-item-closed .menu-item-label::after, .eds-menu-item.menu-item-open .menu-item-label::after {
      position: absolute;
      background-position: center;
      background-repeat: no-repeat;
      bottom: 0;
      top: 0;
      --transition-duration: 150ms;
      transition-duration: 150ms;
      transition-duration: var(--transition-duration);
      transition-timing-function: ease;
      width: 12px;
      right: -24px;
      content: "";
    }

.eds-menu-item.menu-item-closed .menu-item-label::after {
    transform: rotate(90deg);
  }

.eds-menu-item.menu-item-open .menu-item-label::after {
    transform: rotate(-90deg);
  }

.eds-menu-item.menu-item-hidden, .eds-menu-item.menu-item-hidden .menu-item-icon, .eds-menu-item.menu-item-hidden .menu-item-label {
      font-size: 0;
      opacity: 0;
      padding: 0;
      width: 0;
      height: 0;
    }

.eds-menu-item, .eds-menu-item .menu-item-icon, .eds-menu-item .menu-item-label {
    --transition-duration: 150ms;
    transition-duration: 150ms;
    transition-duration: var(--transition-duration);
    transition-timing-function: ease;
  }

.eds-menu-item .menu-item-icon {
    /* Material Design claims that its button is compatible with MD Icons, Font Awesome, SVG, and ???.
     * Therefore, we apply the same styles here as its mdc-button__icon class.
     * See also: https://material.io/develop/web/components/buttons/
     */
    width: 24px;
    height: 24px;
    font-size: 24px;
    fill: currentColor;
  }

.eds-menu-item .menu-item-label {
    position: relative;
  }

.eds-menu-item.menu-item-gray-selected .menu-item-label::before, .eds-menu-item.menu-item-basic-selected .menu-item-label::before {
      content: "";
      top: calc(50% - 12px);
      bottom: calc(50% + 12px);
      left: -10px;
      position: absolute;
      width: 4px;
      height: 24px;
      --bg-opacity: 1;
      background-color: #e63888;
      background-color: rgba(230, 56, 136, var(--bg-opacity));
    }

.eds-menu-item .menu-item-icon ~ .menu-item-label {
    margin-left: 8px;
  }

.eds-menu-item .menu-item-icon ~ .menu-item-label::before {
      left: -42px;
    }

.eds-modal {
  position: fixed;
  overflow: scroll;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  transform: scale(0);
  transition: transform 0ms ease 200ms, opacity 150ms ease 50ms;
}

.eds-modal.modal-open {
    opacity: 1;
    transform: scale(1);
    transition: transform 0ms ease 0ms, opacity 150ms ease 0ms;
  }

.eds-modal.modal-open .modal-container {
      opacity: 1;
      transform: scale(1) translate(-50%);
      transition: transform 100ms ease 0ms, opacity 75ms ease 25ms;
    }

.eds-modal .modal-container {
    position: absolute;
    display: block;
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
    border-width: 1px;
    border-style: solid;
    --border-opacity: 1;
    border-color: #d6d6d6;
    border-color: rgba(214, 214, 214, var(--border-opacity));
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 24px;
    padding-bottom: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    --text-opacity: 1;
    color: #333333;
    color: rgba(51, 51, 51, var(--text-opacity));
    opacity: 0;
    transform: scale(0.75) translate(-60%);
    margin-left: 50%;
    top: 10%;
    min-width: 256px;
    max-width: 80%;
    background-clip: border-box;
    transition: transform 150ms ease 0ms, opacity 75ms ease 0ms;
  }

.eds-modal .modal-close {
    position: absolute;
    background-color: transparent;
    border-width: 0;
    margin-right: 24px;
    padding: 0;
    right: 0;
    /* Material Design claims that its button is compatible with MD Icons, Font Awesome, SVG, and ???.
     * Therefore, we apply the same styles here as its mdc-button__icon class.
     * See also: https://material.io/develop/web/components/buttons/
     */
    width: 18px;
    height: 18px;
    font-size: 18px;
    fill: currentColor;
  }

.eds-modal .modal-header {
    margin-bottom: 20px;
  }

.eds-modal .modal-footer {
    margin-top: 20px;
  }

.eds-modal .modal-title {
    margin: 0;
    font-weight: 500;
    font-size: 18px;
  }

.eds-pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  font-size: 16px;
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.eds-pagination .pagesize-label {
    margin-left: 32px;
  }

.eds-pagination .pagesize-label, .eds-pagination .pagesize-select, .eds-pagination .range {
    margin-right: 8px;
  }

.eds-popover {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #d6d6d6;
  border-color: rgba(214, 214, 214, var(--border-opacity));
  font-weight: 400;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  display: inline-block;
  margin: 16px;
  padding: 16px;
  position: relative;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
  font-size: 16px;
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.eds-popover .popover-marker {
    position: absolute;
  }

.eds-popover.popover-top, .eds-popover.popover-top-start, .eds-popover.popover-top-end, .eds-popover.popover-bottom, .eds-popover.popover-bottom-start, .eds-popover.popover-bottom-end {
      margin-right: 0;
      margin-left: 0;
    }

.eds-popover.popover-top .popover-marker, .eds-popover.popover-top-start .popover-marker, .eds-popover.popover-top-end .popover-marker, .eds-popover.popover-bottom .popover-marker, .eds-popover.popover-bottom-start .popover-marker, .eds-popover.popover-bottom-end .popover-marker {
        width: 15px;
        height: 9px;
      }

.eds-popover.popover-top .popover-marker, .eds-popover.popover-bottom .popover-marker {
      left: calc(50% - 7.5px); /* default for unmanaged marker position */
    }

.eds-popover.popover-top-start .popover-marker, .eds-popover.popover-bottom-start .popover-marker {
        left: 4px; /* default for unmanaged marker position */
      }

.eds-popover.popover-top-end .popover-marker, .eds-popover.popover-bottom-end .popover-marker {
        right: 4px; /* default for unmanaged marker position */
      }

.eds-popover.popover-top {
  }

.eds-popover.popover-top, .eds-popover.popover-top-start, .eds-popover.popover-top-end {
      margin-top: 0;
    }

.eds-popover.popover-top .popover-marker, .eds-popover.popover-top-start .popover-marker, .eds-popover.popover-top-end .popover-marker {
        bottom: -9px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' fill='%23ffffff'%3E %3Cpolygon points='0,1 8,9 15,1' fill='%23d6d6d6'/%3E %3Cpolygon points='0,0 8,8 15,0'/%3E %3C/svg%3E");
      }

.eds-popover.popover-bottom {
  }

.eds-popover.popover-bottom, .eds-popover.popover-bottom-start, .eds-popover.popover-bottom-end {
      margin-bottom: 0;
    }

.eds-popover.popover-bottom .popover-marker, .eds-popover.popover-bottom-start .popover-marker, .eds-popover.popover-bottom-end .popover-marker {
        top: -9px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' fill='%23ffffff'%3E %3Cpolygon points='0,8 8,0 15,8' fill='%23d6d6d6'/%3E %3Cpolygon points='0,9 8,1 15,9'/%3E %3C/svg%3E");
      }

.eds-popover.popover-right, .eds-popover.popover-right-start, .eds-popover.popover-right-end, .eds-popover.popover-left, .eds-popover.popover-left-start, .eds-popover.popover-left-end {
      margin-top: 0;
      margin-bottom: 0;
    }

.eds-popover.popover-right .popover-marker, .eds-popover.popover-right-start .popover-marker, .eds-popover.popover-right-end .popover-marker, .eds-popover.popover-left .popover-marker, .eds-popover.popover-left-start .popover-marker, .eds-popover.popover-left-end .popover-marker {
        width: 9px;
        height: 15px;
      }

.eds-popover.popover-right .popover-marker, .eds-popover.popover-left .popover-marker {
      top: calc(50% - 7.5px); /* default for unmanaged marker position */
    }

.eds-popover.popover-right-start .popover-marker, .eds-popover.popover-left-start .popover-marker {
        top: 4px; /* default for unmanaged marker position */
      }

.eds-popover.popover-right-end .popover-marker, .eds-popover.popover-left-end .popover-marker {
        bottom: 4px; /* default for unmanaged marker position */
      }

.eds-popover.popover-right {
  }

.eds-popover.popover-right, .eds-popover.popover-right-start, .eds-popover.popover-right-end {
      margin-right: 0;
    }

.eds-popover.popover-right .popover-marker, .eds-popover.popover-right-start .popover-marker, .eds-popover.popover-right-end .popover-marker {
        left: -9px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='15' fill='%23ffffff'%3E %3Cpolygon points='8,0 0,8 8,15' fill='%23d6d6d6'/%3E %3Cpolygon points='9,0 1,8 9,15'/%3E %3C/svg%3E");
      }

.eds-popover.popover-left {
  }

.eds-popover.popover-left, .eds-popover.popover-left-start, .eds-popover.popover-left-end {
      margin-left: 0;
    }

.eds-popover.popover-left .popover-marker, .eds-popover.popover-left-start .popover-marker, .eds-popover.popover-left-end .popover-marker {
        right: -9px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='15' fill='%23ffffff'%3E %3Cpolygon points='1,0 9,8 1,15' fill='%23d6d6d6'/%3E %3Cpolygon points='0,0 8,8 0,15'/%3E %3C/svg%3E");
      }

.eds-popover.reduced-padding {
    padding: 8px;
  }

.eds-popover.no-padding {
    padding-left: 0;
    padding-right: 0;
    padding-top: 4px;
    padding-bottom: 4px;
  }

.eds-popover.no-margin {
    margin: 0;
  }

.eds-primary-header {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 16px;
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
  border-bottom-width: 2px;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  -o-border-image: linear-gradient(to right, #af1685, #1d4f91) 50;
     border-image: linear-gradient(to right, #af1685, #1d4f91) 50;
  border-style: solid;
  height: 64px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.eds-primary-header .header-logo {
    padding-left: 16px;
    padding-right: 16px;
    height: 100%;
    display: flex;
    align-items: center;
  }

.eds-primary-header .header-title {
    font-weight: 400;
    font-size: 16px;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 1px;
    border-style: solid;
    --border-opacity: 1;
    border-color: #c1c1c1;
    border-color: rgba(193, 193, 193, var(--border-opacity));
    margin: 0;
    padding-top: 8px;
    padding-left: 16px;
    height: 32px;
    box-sizing: border-box;
  }

.eds-primary-header .header-section {
    height: 100%;
    margin: 0;
    padding: 0;
    flex: 1 1 0%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }

.eds-primary-header .header-icon {
    /* Material Design claims that its button is compatible with MD Icons, Font Awesome, SVG, and ???.
     * Therefore, we apply the same styles here as its mdc-button__icon class.
     * See also: https://material.io/develop/web/components/buttons/
     */
    width: 24px;
    height: 24px;
    font-size: 24px;
    fill: currentColor;
  }

.eds-primary-header .header-icon.prepend {
      margin-right: 8px;
    }

.eds-primary-header .header-icon.append {
      margin-left: 4px;
    }

.eds-primary-nav-item {
  padding-left: 20px;
  padding-right: 20px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  font-size: 16px;
}

.eds-primary-nav-item::after {
    content: "";
    width: 9px;
    height: 5px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' fill='ref(.eds-primary-nav-item, color)'%3E%3Cpolygon points='0,0 5,5 9,0'/%3E%3C/svg%3E");
    margin-left: 12px;
    background-repeat: no-repeat;
    display: none;
  }

.eds-primary-nav-item.nav-item-dropdown::after {
      display: inline-block;
    }

.eds-primary-nav-item.nav-item-selected, .eds-primary-nav-item.nav-item-hover {
    --bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--bg-opacity));
  }

.eds-primary-nav-item .nav-item-icon {
    /* Material Design claims that its button is compatible with MD Icons, Font Awesome, SVG, and ???.
     * Therefore, we apply the same styles here as its mdc-button__icon class.
     * See also: https://material.io/develop/web/components/buttons/
     */
    width: 24px;
    height: 24px;
    font-size: 24px;
    fill: currentColor;
  }

.eds-primary-nav-item .nav-item-label:not(:first-child) {
    margin-left: 8px;
  }

@-webkit-keyframes eds-progress-indeterminate {
  100% { background-position: right;
  }
}

@keyframes eds-progress-indeterminate {
  100% { background-position: right;
  }
}

.eds-progress {
  display: inline-block;
  position: relative;
  height: 8px;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-radius: 9999px;
  overflow: hidden;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.eds-progress .progress {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: transparent;
    border-width: 0;
    height: 100%;
    width: 100%;
  }

.eds-progress .progress::-webkit-progress-bar {
      background-color: transparent;
    }

.eds-progress .progress::-ms-fill {
      border-width: 0;
      animation-name: none;
    }

.eds-progress .progress::-moz-progress-bar {
      background-color: transparent;
    }

.eds-progress .progress.progress-primary {
      z-index: 10;
    }

.eds-progress.progress-magenta {
    --border-opacity: 1;
    border-color: #e63888;
    border-color: rgba(230, 56, 136, var(--border-opacity));
  }

.eds-progress.progress-magenta .progress-primary::-webkit-progress-value {
        --bg-opacity: 1;
        background-color: #e63888;
        background-color: rgba(230, 56, 136, var(--bg-opacity));
      }

.eds-progress.progress-magenta .progress-primary:not(:indeterminate)::-moz-progress-bar {
        --bg-opacity: 1;
        background-color: #e63888;
        background-color: rgba(230, 56, 136, var(--bg-opacity));
      }

.eds-progress.progress-magenta .progress-primary::-ms-fill {
        --bg-opacity: 1;
        background-color: #e63888;
        background-color: rgba(230, 56, 136, var(--bg-opacity));
      }

.eds-progress.progress-magenta .progress-primary:indeterminate {
        --bg-opacity: 1;
        background-color: #e63888;
        background-color: rgba(230, 56, 136, var(--bg-opacity));
      }

.eds-progress.progress-magenta .progress-baseline::-webkit-progress-value {
        --bg-opacity: 1;
        background-color: #ffc0e4;
        background-color: rgba(255, 192, 228, var(--bg-opacity));
      }

.eds-progress.progress-magenta .progress-baseline::-moz-progress-bar {
        --bg-opacity: 1;
        background-color: #ffc0e4;
        background-color: rgba(255, 192, 228, var(--bg-opacity));
      }

.eds-progress.progress-magenta .progress-baseline::-ms-fill {
        --bg-opacity: 1;
        background-color: #ffc0e4;
        background-color: rgba(255, 192, 228, var(--bg-opacity));
      }

.eds-progress.progress-magenta .progress-baseline:indeterminate {
        --bg-opacity: 1;
        background-color: #ffc0e4;
        background-color: rgba(255, 192, 228, var(--bg-opacity));
      }

.eds-progress.progress-purple {
    --border-opacity: 1;
    border-color: #883b92;
    border-color: rgba(136, 59, 146, var(--border-opacity));
  }

.eds-progress.progress-purple .progress-primary::-webkit-progress-value {
        --bg-opacity: 1;
        background-color: #883b92;
        background-color: rgba(136, 59, 146, var(--bg-opacity));
      }

.eds-progress.progress-purple .progress-primary:not(:indeterminate)::-moz-progress-bar {
        --bg-opacity: 1;
        background-color: #883b92;
        background-color: rgba(136, 59, 146, var(--bg-opacity));
      }

.eds-progress.progress-purple .progress-primary::-ms-fill {
        --bg-opacity: 1;
        background-color: #883b92;
        background-color: rgba(136, 59, 146, var(--bg-opacity));
      }

.eds-progress.progress-purple .progress-primary:indeterminate {
        --bg-opacity: 1;
        background-color: #883b92;
        background-color: rgba(136, 59, 146, var(--bg-opacity));
      }

.eds-progress.progress-purple .progress-baseline::-webkit-progress-value {
        --bg-opacity: 1;
        background-color: #dfb6e4;
        background-color: rgba(223, 182, 228, var(--bg-opacity));
      }

.eds-progress.progress-purple .progress-baseline::-moz-progress-bar {
        --bg-opacity: 1;
        background-color: #dfb6e4;
        background-color: rgba(223, 182, 228, var(--bg-opacity));
      }

.eds-progress.progress-purple .progress-baseline::-ms-fill {
        --bg-opacity: 1;
        background-color: #dfb6e4;
        background-color: rgba(223, 182, 228, var(--bg-opacity));
      }

.eds-progress.progress-purple .progress-baseline:indeterminate {
        --bg-opacity: 1;
        background-color: #dfb6e4;
        background-color: rgba(223, 182, 228, var(--bg-opacity));
      }

.eds-progress .progress:indeterminate {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.35), transparent, rgba(255, 255, 255, 0.35));
    background-size: 50%;
    -webkit-animation: eds-progress-indeterminate 0.5s infinite;
            animation: eds-progress-indeterminate 0.5s infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }

.eds-radio {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}

.eds-radio .radio-input {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    background-repeat: no-repeat;
    background-position: center;
    --text-opacity: 1;
    color: #426da9;
    color: rgba(66, 109, 169, var(--text-opacity));
    border-radius: 9999px;
    --transition-duration: 150ms;
    transition-duration: 150ms;
    transition-duration: var(--transition-duration);
    transition-timing-function: ease;
    width: 100%;
    min-width: 18px;
    max-width: 18px;
    height: 18px;
    margin-top: 0;
    background-size: 10px 10px;
  }

.eds-radio .radio-input:checked {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='%23426da9'%3E%3Ccircle cx='5' cy='5' r='5'/%3E%3C/svg%3E");
    }

.eds-radio .radio-input:checked:disabled {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='%23d6d6d6'%3E%3Ccircle cx='5' cy='5' r='5'/%3E%3C/svg%3E");
      }

.eds-radio .radio-input:disabled {
      --text-opacity: 1;
      color: #d6d6d6;
      color: rgba(214, 214, 214, var(--text-opacity));
      cursor: not-allowed;
    }

.eds-radio .radio-input:disabled + .radio-label {
        --text-opacity: 1;
        color: #8c8c8c;
        color: rgba(140, 140, 140, var(--text-opacity));
      }

.eds-radio .radio-input:focus {
      box-shadow: 0 0 0 1px #426da9;
    }

.eds-radio .radio-label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    --text-opacity: 1;
    color: #333333;
    color: rgba(51, 51, 51, var(--text-opacity));
    margin-left: 8px;
    width: 100%;
  }

@supports not (-ms-high-contrast: none) {
  .eds-radio .radio-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-width: 1px;
    border-style: solid;
    --border-opacity: 1;
    border-color: #8c8c8c;
    border-color: rgba(140, 140, 140, var(--border-opacity));
    border-radius: 9999px;
  }
    .eds-radio .radio-input:checked, .eds-radio .radio-input:focus {
      --border-opacity: 1;
      border-color: #426da9;
      border-color: rgba(66, 109, 169, var(--border-opacity));
    }
    .eds-radio .radio-input:disabled {
      --border-opacity: 1;
      border-color: #d6d6d6;
      border-color: rgba(214, 214, 214, var(--border-opacity));
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .eds-radio .radio-input::-ms-check {
      border-width: 1px;
      border-style: solid;
      --border-opacity: 1;
      border-color: #8c8c8c;
      border-color: rgba(140, 140, 140, var(--border-opacity));
      border-radius: 9999px;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      background-color: transparent;
      color: transparent;
      --transition-duration: 150ms;
      transition-duration: 150ms;
      transition-duration: var(--transition-duration);
      transition-timing-function: ease;
    }
    .eds-radio .radio-input:checked::-ms-check, .eds-radio .radio-input:focus::-ms-check {
      --border-opacity: 1;
      border-color: #426da9;
      border-color: rgba(66, 109, 169, var(--border-opacity));
    }
}

.eds-segmented-control {
  padding: 3px;
  display: inline-flex;
  align-items: center;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #d6d6d6;
  border-color: rgba(214, 214, 214, var(--border-opacity));
  border-radius: 9999px;
}

.eds-segmented-control.segmented-control-gray {
    --bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--bg-opacity));
  }

.segmented-control-option + .segmented-control-option {
  margin-left: 8px;
}

.segmented-control-option {
  position: relative;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 9999px;
  height: 24px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
  margin: 0;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  background-color: transparent;
  --text-opacity: 1;
  color: #426da9;
  color: rgba(66, 109, 169, var(--text-opacity));
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  cursor: pointer;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

/* https://scottaohara.github.io/a11y_styled_form_controls/src/radio-button/ */

.segmented-control-option .control-option-input {
    position: absolute;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    opacity: 0.00001;
    z-index: 2;
  }

.segmented-control-option .control-option-icon {
    width: 18px;
    height: 18px;
    font-size: 18px;
    fill: currentColor;
    margin: 0 -6px;
  }

.segmented-control-option .control-option-icon + .control-option-label {
    margin-left: 12px;
  }

.segmented-control-option:focus {
    box-shadow: 0 0 0 1px #426da9;
    --border-opacity: 1;
    border-color: #426da9;
    border-color: rgba(66, 109, 169, var(--border-opacity));
  }

.segmented-control-option.option-selected {
    --bg-opacity: 1;
    background-color: #426da9;
    background-color: rgba(66, 109, 169, var(--bg-opacity));
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

.segmented-control-message {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
  margin-right: 16px;
  margin-left: 8px;
  display: inline-block;
}

.segmented-control-option + .segmented-control-message {
  margin-left: 16px;
  margin-right: 8px;
}

.segmented-control-link {
  text-decoration: none;
  --text-opacity: 1;
  color: #426da9;
  color: rgba(66, 109, 169, var(--text-opacity));
  font-weight: 700;
}

.eds-sidebar {
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  --transition-duration: 150ms;
  transition-duration: 150ms;
  transition-duration: var(--transition-duration);
  transition-timing-function: ease;
}

.eds-sidebar .sidebar-content, .eds-sidebar .sidebar-controls {
    overflow-x: hidden;
  }

.eds-sidebar .sidebar-content {
    flex: 1 1 0%;
    overflow-y: auto;
  }

.eds-sidebar.sidebar-closed {
    width: 48px;
  }

.eds-sidebar.sidebar-open {
    width: 256px;
  }

.eds-sidebar .sidebar-controls {
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-style: solid;
    border-color: transparent;
  }

.eds-sidebar .sidebar-section {
    padding-top: 12px;
    padding-bottom: 12px;
  }

.eds-sidebar .sidebar-section:not(:first-child) {
      position: relative;
    }

.eds-sidebar .sidebar-section:not(:first-child)::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 1px;
        margin-left: 12px;
        margin-right: 12px;
        background-color: transparent;
      }

.eds-sidebar .when-closed, .eds-sidebar .when-open {
    --transition-duration: 150ms;
    transition-duration: 150ms;
    transition-duration: var(--transition-duration);
    transition-timing-function: ease;
  }

.eds-sidebar.sidebar-open .when-closed, .eds-sidebar.sidebar-closed .when-open {
    font-size: 0;
    opacity: 0;
    padding: 0;
    width: 0;
    height: 0;
  }

.eds-sidebar.sidebar-basic {
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border-top-width: 0;
    border-right-width: 1px;
    border-bottom-width: 0;
    border-left-width: 0;
    border-style: solid;
    --border-opacity: 1;
    border-color: #d6d6d6;
    border-color: rgba(214, 214, 214, var(--border-opacity));
  }

.eds-sidebar.sidebar-basic .sidebar-section:not(:first-child)::after, .eds-sidebar.sidebar-gray .sidebar-section:not(:first-child)::after {
      --bg-opacity: 1;
      background-color: #d6d6d6;
      background-color: rgba(214, 214, 214, var(--bg-opacity));
    }

.eds-sidebar.sidebar-basic .sidebar-controls, .eds-sidebar.sidebar-gray .sidebar-controls {
      --border-opacity: 1;
      border-color: #d6d6d6;
      border-color: rgba(214, 214, 214, var(--border-opacity));
    }

.eds-sidebar.sidebar-blue {
    --bg-opacity: 1;
    background-color: #0a3163;
    background-color: rgba(10, 49, 99, var(--bg-opacity));
  }

.eds-sidebar.sidebar-blue .sidebar-section:not(:first-child)::after {
      --bg-opacity: 1;
      background-color: #1d4f91;
      background-color: rgba(29, 79, 145, var(--bg-opacity));
    }

.eds-sidebar.sidebar-blue .sidebar-controls {
      --border-opacity: 1;
      border-color: #1d4f91;
      border-color: rgba(29, 79, 145, var(--border-opacity));
    }

.eds-sidebar.sidebar-raspberry {
    --bg-opacity: 1;
    background-color: #af1685;
    background-color: rgba(175, 22, 133, var(--bg-opacity));
  }

.eds-sidebar.sidebar-raspberry .sidebar-section:not(:first-child)::after {
      --bg-opacity: 1;
      background-color: #760056;
      background-color: rgba(118, 0, 86, var(--bg-opacity));
    }

.eds-sidebar.sidebar-raspberry .sidebar-controls {
      --border-opacity: 1;
      border-color: #760056;
      border-color: rgba(118, 0, 86, var(--border-opacity));
    }

.eds-sidebar.sidebar-gray {
    --bg-opacity: 1;
    background-color: #f6f6f6;
    background-color: rgba(246, 246, 246, var(--bg-opacity));
  }

.eds-sidebar-toggle {
  height: 48px;
  display: block;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  outline: 2px solid transparent;
  outline-offset: 2px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1;
  font-size: 14px;
}

.eds-sidebar-toggle .sidebar-toggle-icon {
    /* Material Design claims that its button is compatible with MD Icons, Font Awesome, SVG, and ???.
     * Therefore, we apply the same styles here as its mdc-button__icon class.
     * See also: https://material.io/develop/web/components/buttons/
     */
    width: 24px;
    height: 24px;
    font-size: 24px;
    fill: currentColor;
  }

.eds-sidebar-toggle .sidebar-toggle-label {
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

.eds-sidebar-toggle.sidebar-toggle-basic, .eds-sidebar-toggle.sidebar-toggle-basic:focus, .eds-sidebar-toggle.sidebar-toggle-gray, .eds-sidebar-toggle.sidebar-toggle-gray:focus {
      --text-opacity: 1;
      color: #426da9;
      color: rgba(66, 109, 169, var(--text-opacity));
    }

.eds-sidebar-toggle.sidebar-toggle-basic:hover, .eds-sidebar-toggle.sidebar-toggle-gray:hover {
      --text-opacity: 1;
      color: #1d4f91;
      color: rgba(29, 79, 145, var(--text-opacity));
    }

.eds-sidebar-toggle.sidebar-toggle-basic:focus, .eds-sidebar-toggle.sidebar-toggle-gray:focus {
      box-shadow: inset 0 0 0 2px #426da9;
    }

.eds-sidebar-toggle.sidebar-toggle-blue, .eds-sidebar-toggle.sidebar-toggle-blue:hover, .eds-sidebar-toggle.sidebar-toggle-blue:focus, .eds-sidebar-toggle.sidebar-toggle-raspberry, .eds-sidebar-toggle.sidebar-toggle-raspberry:hover, .eds-sidebar-toggle.sidebar-toggle-raspberry:focus {
      --text-opacity: 1;
      color: #ffffff;
      color: rgba(255, 255, 255, var(--text-opacity));
    }

.eds-sidebar-toggle.sidebar-toggle-blue:focus, .eds-sidebar-toggle.sidebar-toggle-raspberry:focus {
      box-shadow: inset 0 0 0 2px #ffffff;
    }

.eds-step-sequence {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: inline-flex;
  flex-direction: row;
  align-items: flex-end;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-size: 14px;
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

.eds-step-sequence .eds-step {
    padding: 0;
    margin: 0;
    position: relative;
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    --text-opacity: 1;
    color: #717171;
    color: rgba(113, 113, 113, var(--text-opacity));
    flex: 1 1;
    padding-bottom: 24px;
    text-align: center;
  }

.eds-step-sequence .eds-step::before {
      display: block;
      position: absolute;
      content: '';
      background-image: linear-gradient(to right, #d6d6d6 50%, #d6d6d6 50%);
      width: 100%;
      bottom: 6px;
      height: 2px;
    }

.eds-step-sequence .eds-step:first-child::before {
        background-image: linear-gradient(to right, transparent 50%, #d6d6d6 50%);
      }

.eds-step-sequence .eds-step:last-child::before {
        background-image: linear-gradient(to left, transparent 50%, #d6d6d6 50%);
      }

.eds-step-sequence .eds-step::after {
      --bg-opacity: 1;
      background-color: #d6d6d6;
      background-color: rgba(214, 214, 214, var(--bg-opacity));
      display: inline-block;
      position: absolute;
      content: '';
      height: 14px;
      width: 14px;
      border-radius: 50%;
      bottom: 0;
      left: calc(50% - 7px);
    }

.eds-step-sequence .eds-step.step-visited::after {
        --text-opacity: 1;
        color: #717171;
        color: rgba(113, 113, 113, var(--text-opacity));
        background-color: white;
        background-position: center;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23717171'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
      }

/* Track Styles */

.eds-step-sequence .eds-step.step-visited::before {
        background-image: linear-gradient(to right, #585858 50%, #585858 50%);
      }

.eds-step-sequence .eds-step.step-visited:first-child::before {
          background-image: linear-gradient(to right, transparent 50%, #585858 50%);
        }

.eds-step-sequence .eds-step.step-visited:last-child::before {
          background-image: linear-gradient(to left, transparent 50%, #585858 50%);
        }

.eds-step-sequence .eds-step.step-visited.step-can-return {
        --text-opacity: 1;
        color: #426da9;
        color: rgba(66, 109, 169, var(--text-opacity));
        cursor: pointer;
      }

.eds-step-sequence .eds-step.step-visited.step-can-return::after {
          --text-opacity: 1;
          color: #426da9;
          color: rgba(66, 109, 169, var(--text-opacity));
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23426da9'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E");
        }

/* Track Styles */

.eds-step-sequence .eds-step.step-visited.step-can-return::before {
          background-image: linear-gradient(to right, #426da9 50%, #426da9 50%);
        }

.eds-step-sequence .eds-step.step-visited.step-can-return:first-child::before {
            background-image: linear-gradient(to right, transparent 50%, #426da9 50%);
          }

.eds-step-sequence .eds-step.step-visited.step-can-return:last-child::before {
            background-image: linear-gradient(to left, transparent 50%, #426da9 50%);
          }

.eds-step-sequence .eds-step.step-current {
      --text-opacity: 1;
      color: #404040;
      color: rgba(64, 64, 64, var(--text-opacity));
    }

.eds-step-sequence .eds-step.step-current::after {
        --bg-opacity: 1;
        background-color: #e63888;
        background-color: rgba(230, 56, 136, var(--bg-opacity));
        box-shadow: 0 0 0 2px inset white;
        border: 1px solid #e63888;
        height: 12px;
        width: 12px;
      }

/* Track Styles */

.eds-step-sequence .step-visited + .step-current::before {
      background-image: linear-gradient(to right, #585858 50%, #d6d6d6 50%);
    }

.eds-step-sequence .step-visited + .step-current:last-child::before {
        background-image: linear-gradient(to left, transparent 50%, #585858 50%);
      }

/* Track Styles */

.eds-step-sequence .step-can-return + .step-current::before {
      background-image: linear-gradient(to right, #426da9 50%, #d6d6d6 50%);
    }

.eds-step-sequence .step-can-return + .step-current:last-child::before {
        background-image: linear-gradient(to left, transparent 50%, #426da9 50%);
      }

/* Vertical theme */

.eds-step-sequence.step-sequence-vertical {
    flex-direction: column;
    align-items: flex-start;
  }

.eds-step-sequence.step-sequence-vertical .eds-step {
      padding-top: 16px;
      padding-bottom: 16px;
      padding-left: 24px;
      text-align: left;
    }

.eds-step-sequence.step-sequence-vertical .eds-step::before {
        background-image: linear-gradient(to bottom, #d6d6d6 50%, #d6d6d6 50%);
        top: 0;
        height: 100%;
        left: 6px;
        width: 2px;
      }

.eds-step-sequence.step-sequence-vertical .eds-step:first-child::before {
          background-image: linear-gradient(to bottom, transparent 50%, #d6d6d6 50%);
        }

.eds-step-sequence.step-sequence-vertical .eds-step:last-child::before {
          background-image: linear-gradient(to top, transparent 50%, #d6d6d6 50%);
        }

.eds-step-sequence.step-sequence-vertical .eds-step::after {
        left: 0;
        top: calc(50% - 7px);
      }

/* Track Styles */

.eds-step-sequence.step-sequence-vertical .eds-step.step-visited::before {
          background-image: linear-gradient(to bottom, #585858 50%, #585858 50%);
        }

.eds-step-sequence.step-sequence-vertical .eds-step.step-visited:first-child::before {
            background-image: linear-gradient(to bottom, transparent 50%, #585858 50%);
          }

.eds-step-sequence.step-sequence-vertical .eds-step.step-visited:last-child::before {
            background-image: linear-gradient(to top, transparent 50%, #585858 50%);
          }

/* Track Styles */

.eds-step-sequence.step-sequence-vertical .eds-step.step-visited.step-can-return::before {
            background-image: linear-gradient(to bottom, #426da9 50%, #426da9 50%);
          }

.eds-step-sequence.step-sequence-vertical .eds-step.step-visited.step-can-return:first-child::before {
              background-image: linear-gradient(to bottom, transparent 50%, #426da9 50%);
            }

.eds-step-sequence.step-sequence-vertical .eds-step.step-visited.step-can-return:last-child::before {
              background-image: linear-gradient(to top, transparent 50%, #426da9 50%);
            }

/* Track Styles */

.eds-step-sequence.step-sequence-vertical .step-visited + .step-current::before {
        background-image: linear-gradient(to bottom, #585858 50%, #d6d6d6 50%);
      }

.eds-step-sequence.step-sequence-vertical .step-visited + .step-current:last-child::before {
          background-image: linear-gradient(to top, transparent 50%, #585858 50%);
        }

/* Track Styles */

.eds-step-sequence.step-sequence-vertical .step-can-return + .step-current::before {
        background-image: linear-gradient(to bottom, #426da9 50%, #d6d6d6 50%);
      }

.eds-step-sequence.step-sequence-vertical .step-can-return + .step-current:last-child::before {
          background-image: linear-gradient(to top, transparent 50%, #426da9 50%);
        }

.eds-switch {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}

.eds-switch .switch-input {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    background-repeat: no-repeat;
    --text-opacity: 1;
    color: #8c8c8c;
    color: rgba(140, 140, 140, var(--text-opacity));
    width: 32px;
    height: 16px;
    border-radius: 9999px;
    --transition-duration: 150ms;
    transition-duration: 150ms;
    transition-duration: var(--transition-duration);
    transition-timing-function: ease;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='%238c8c8c'%3E%3Ccircle cx='5' cy='5' r='5'/%3E%3C/svg%3E");
    background-size: 10px 10px;
  }

.eds-switch .switch-input:disabled {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='%23d6d6d6'%3E%3Ccircle cx='5' cy='5' r='5'/%3E%3C/svg%3E");
    }

.eds-switch .switch-input:checked {
      --bg-opacity: 1;
      background-color: #426da9;
      background-color: rgba(66, 109, 169, var(--bg-opacity));
      --text-opacity: 1;
      color: #ffffff;
      color: rgba(255, 255, 255, var(--text-opacity));
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='%23ffffff'%3E%3Ccircle cx='5' cy='5' r='5'/%3E%3C/svg%3E");
    }

.eds-switch .switch-input:checked:disabled {
        --bg-opacity: 1;
        background-color: #d6d6d6;
        background-color: rgba(214, 214, 214, var(--bg-opacity));
      }

.eds-switch .switch-input:disabled {
      --text-opacity: 1;
      color: #d6d6d6;
      color: rgba(214, 214, 214, var(--text-opacity));
      cursor: not-allowed;
    }

.eds-switch .switch-input:disabled + .switch-label {
        --text-opacity: 1;
        color: #8c8c8c;
        color: rgba(140, 140, 140, var(--text-opacity));
      }

.eds-switch .switch-input:focus {
      box-shadow: 0 0 0 1px #426da9;
    }

.eds-switch .switch-label {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    --text-opacity: 1;
    color: #333333;
    color: rgba(51, 51, 51, var(--text-opacity));
    margin-left: 8px;
  }

@supports not (-ms-high-contrast: none) {
  .eds-switch .switch-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-width: 1px;
    border-style: solid;
    --border-opacity: 1;
    border-color: #8c8c8c;
    border-color: rgba(140, 140, 140, var(--border-opacity));
    border-radius: 9999px;
    background-position: 2px center;
  }
    .eds-switch .switch-input:checked {
      background-position: 18px center;
    }
    .eds-switch .switch-input:checked, .eds-switch .switch-input:focus {
      --border-opacity: 1;
      border-color: #426da9;
      border-color: rgba(66, 109, 169, var(--border-opacity));
    }
    .eds-switch .switch-input:disabled {
      --border-opacity: 1;
      border-color: #d6d6d6;
      border-color: rgba(214, 214, 214, var(--border-opacity));
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .eds-switch .switch-input {
    background-position: 3px center;
  }
    .eds-switch .switch-input:checked {
      background-position: 19px center;
    }
    .eds-switch .switch-input::-ms-check {
      border-width: 1px;
      border-style: solid;
      --border-opacity: 1;
      border-color: #8c8c8c;
      border-color: rgba(140, 140, 140, var(--border-opacity));
      border-radius: 9999px;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      background-color: transparent;
      color: transparent;
      --transition-duration: 150ms;
      transition-duration: 150ms;
      transition-duration: var(--transition-duration);
      transition-timing-function: ease;
    }
    .eds-switch .switch-input:checked::-ms-check, .eds-switch .switch-input:focus::-ms-check {
      --border-opacity: 1;
      border-color: #426da9;
      border-color: rgba(66, 109, 169, var(--border-opacity));
    }
}

.eds-table {
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #d6d6d6;
  border-color: rgba(214, 214, 214, var(--border-opacity));
  border-radius: 6px;
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
  overflow: hidden;
  border-spacing: 0;
}

.eds-table .table-row:nth-child(2n) {
      --bg-opacity: 1;
      background-color: #f6f6f6;
      background-color: rgba(246, 246, 246, var(--bg-opacity));
    }

.eds-table .table-row:hover {
      --bg-opacity: 1;
      background-color: #f2f8ff;
      background-color: rgba(242, 248, 255, var(--bg-opacity));
    }

.eds-table .table-row.row-selected, .eds-table .table-row.row-selected:hover, .eds-table .table-row.row-selected:nth-child(2n) {
        --bg-opacity: 1;
        background-color: #fef2ff;
        background-color: rgba(254, 242, 255, var(--bg-opacity));
      }

.eds-table .table-row.row-header {
      -ms-overflow-style: none;
    }

.eds-table .table-cell {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px;
    padding: 8px;
    box-sizing: border-box;
    text-align: left;
    border-top-width: 0;
    border-right-width: 1px;
    border-bottom-width: 0;
    border-left-width: 0;
    border-style: solid;
    --border-opacity: 1;
    border-color: #d6d6d6;
    border-color: rgba(214, 214, 214, var(--border-opacity));
  }

.eds-table .table-cell:last-child {
      border-right-width: 0;
    }

.eds-table .table-cell.cell-header {
      --bg-opacity: 1;
      background-color: #f6f6f6;
      background-color: rgba(246, 246, 246, var(--bg-opacity));
      font-weight: 500;
      border-bottom-width: 1px;
    }

.eds-table.table-compact .table-cell {
    padding-top: 4px;
    padding-bottom: 4px;
  }

.eds-table-wrap {
  border-width: 1px;
  border-style: solid;
  --border-opacity: 1;
  border-color: #d6d6d6;
  border-color: rgba(214, 214, 214, var(--border-opacity));
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.eds-table-wrap .table-tools {
    border-bottom-width: 1px;
    border-top-width: 0;
  }

.eds-table-wrap .table-pagination {
    border-top-width: 1px;
    border-bottom-width: 0;
  }

.eds-table-wrap .table-tools, .eds-table-wrap .table-pagination {
    border-right-width: 0;
    border-left-width: 0;
    border-style: solid;
    --border-opacity: 1;
    border-color: #d6d6d6;
    border-color: rgba(214, 214, 214, var(--border-opacity));
  }

.eds-tab {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 4px;
  border-left-width: 0;
  border-style: solid;
  border-color: transparent;
}

.eds-tab:hover {
    --border-opacity: 1;
    border-color: #d6d6d6;
    border-color: rgba(214, 214, 214, var(--border-opacity));
  }

.eds-tab.tab-selected, .eds-tab.tab-selected:hover {
      --border-opacity: 1;
      border-color: #e63888;
      border-color: rgba(230, 56, 136, var(--border-opacity));
    }

.eds-tab .tab-content {
    height: 48px;
    padding-left: 20px;
    display: inline-flex;
    align-items: center;
  }

.eds-tab .tab-content:last-child {
      padding-right: 20px;
    }

.eds-tab.tab-compact .tab-content {
    padding-left: 12px;
  }

.eds-tab.tab-compact .tab-content:last-child {
      padding-right: 12px;
    }

.eds-tab .tab-label:not(:first-child) {
    margin-left: 12px;
  }

.eds-tab .tab-close {
    margin-left: 12px;
    margin-right: 20px;
  }

.eds-tab .tab-icon {
    /* Material Design claims that its button is compatible with MD Icons, Font Awesome, SVG, and ???.
     * Therefore, we apply the same styles here as its mdc-button__icon class.
     * See also: https://material.io/develop/web/components/buttons/
     */
    width: 18px;
    height: 18px;
    font-size: 18px;
    fill: currentColor;
  }

.eds-tabset {
  list-style-type: none;
  padding: 0;
  display: flex;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 1px;
  border-left-width: 0;
  border-style: solid;
  --border-opacity: 1;
  border-color: #d6d6d6;
  border-color: rgba(214, 214, 214, var(--border-opacity));
}

.eds-tag {
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-radius: 9999px;
  --bg-opacity: 1;
  background-color: #eaeaea;
  background-color: rgba(234, 234, 234, var(--bg-opacity));
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 14px;
  line-height: 1;
}

.eds-tag.tag-info {
    --bg-opacity: 1;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border-width: 1px;
    border-style: solid;
    --border-opacity: 1;
    border-color: #c1c1c1;
    border-color: rgba(193, 193, 193, var(--border-opacity));
    box-sizing: border-box;
  }

.eds-tag.tag-error {
    --bg-opacity: 1;
    background-color: #FFD6DD;
    background-color: rgba(255, 214, 221, var(--bg-opacity));
    --text-opacity: 1;
    color: #c60025;
    color: rgba(198, 0, 37, var(--text-opacity));
  }

.eds-tag.tag-warning {
    --bg-opacity: 1;
    background-color: #FFF1BD;
    background-color: rgba(255, 241, 189, var(--bg-opacity));
    --text-opacity: 1;
    color: #995006;
    color: rgba(153, 80, 6, var(--text-opacity));
  }

.eds-tag.tag-success {
    --bg-opacity: 1;
    background-color: #D0F6DB;
    background-color: rgba(208, 246, 219, var(--bg-opacity));
    --text-opacity: 1;
    color: #007a3b;
    color: rgba(0, 122, 59, var(--text-opacity));
  }

.eds-token {
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  border-radius: 4px;
  --bg-opacity: 1;
  background-color: #d6e3f4;
  background-color: rgba(214, 227, 244, var(--bg-opacity));
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
  font-size: 14px;
}

.eds-token, .eds-token .token-close {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    line-height: 1;
  }

.eds-token .token-label {
    font-weight: 500;
    margin-right: 4px;
  }

.eds-token .token-close {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 4px;
    padding: 0;
    font-size: 18px;
    width: 14px;
  }

.eds-token .token-close svg {
      margin: 3px 0 0 2px;
    }

.eds-toolbar {
  display: flex;
  flex-direction: row;
}

.eds-toolbar .toolbar-section {
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 1px;
    border-style: solid;
    --border-opacity: 1;
    border-color: #d6d6d6;
    border-color: rgba(214, 214, 214, var(--border-opacity));
    padding: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
  }

.eds-toolbar .toolbar-section:first-child {
      flex: 1 1 0%;
      padding-left: 20px;
      padding-right: 20px;
      border-right-width: 0;
      border-left-width: 0;
    }

.eds-toolbar .toolbar-section.no-padding:first-child {
      padding-left: 8px;
      padding-right: 8px;
    }

.eds-toolbar.toolbar-inverse .toolbar-section {
    --bg-opacity: 1;
    background-color: #6d2077;
    background-color: rgba(109, 32, 119, var(--bg-opacity));
    --border-opacity: 1;
    border-color: #a45dad;
    border-color: rgba(164, 93, 173, var(--border-opacity));
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }

.eds-tooltip {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  --bg-opacity: 1;
  background-color: #333333;
  background-color: rgba(51, 51, 51, var(--bg-opacity));
  font-weight: 400;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  display: inline-block;
  margin: 16px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
  font-size: 14px;
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.eds-tooltip .tooltip-marker {
    position: absolute;
  }

.eds-tooltip.tooltip-top, .eds-tooltip.tooltip-top-start, .eds-tooltip.tooltip-top-end, .eds-tooltip.tooltip-bottom, .eds-tooltip.tooltip-bottom-start, .eds-tooltip.tooltip-bottom-end {
      margin-right: 0;
      margin-left: 0;
    }

.eds-tooltip.tooltip-top .tooltip-marker, .eds-tooltip.tooltip-top-start .tooltip-marker, .eds-tooltip.tooltip-top-end .tooltip-marker, .eds-tooltip.tooltip-bottom .tooltip-marker, .eds-tooltip.tooltip-bottom-start .tooltip-marker, .eds-tooltip.tooltip-bottom-end .tooltip-marker {
        width: 15px;
        height: 8px;
      }

.eds-tooltip.tooltip-top .tooltip-marker, .eds-tooltip.tooltip-bottom .tooltip-marker {
      left: calc(50% - 7.5px); /* default for unmanaged marker position */
    }

.eds-tooltip.tooltip-top-start .tooltip-marker, .eds-tooltip.tooltip-bottom-start .tooltip-marker {
        left: 4px; /* default for unmanaged marker position */
      }

.eds-tooltip.tooltip-top-end .tooltip-marker, .eds-tooltip.tooltip-bottom-end .tooltip-marker {
        right: 4px; /* default for unmanaged marker position */
      }

.eds-tooltip.tooltip-top, .eds-tooltip.tooltip-top-start, .eds-tooltip.tooltip-top-end {
      margin-top: 0;
    }

.eds-tooltip.tooltip-top .tooltip-marker, .eds-tooltip.tooltip-top-start .tooltip-marker, .eds-tooltip.tooltip-top-end .tooltip-marker {
        bottom: -8px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='8' fill='%23333333'%3E%3Cpolygon points='0,0 8,8 15,0'/%3E%3C/svg%3E" );
      }

.eds-tooltip.tooltip-bottom, .eds-tooltip.tooltip-bottom-start, .eds-tooltip.tooltip-bottom-end {
      margin-bottom: 0;
    }

.eds-tooltip.tooltip-bottom .tooltip-marker, .eds-tooltip.tooltip-bottom-start .tooltip-marker, .eds-tooltip.tooltip-bottom-end .tooltip-marker {
        top: -8px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='8' fill='%23333333'%3E%3Cpolygon points='0,8 8,0 15,8'/%3E%3C/svg%3E" );
      }

.eds-tooltip.tooltip-right, .eds-tooltip.tooltip-right-start, .eds-tooltip.tooltip-right-end, .eds-tooltip.tooltip-left, .eds-tooltip.tooltip-left-start, .eds-tooltip.tooltip-left-end {
      margin-top: 0;
      margin-bottom: 0;
    }

.eds-tooltip.tooltip-right .tooltip-marker, .eds-tooltip.tooltip-right-start .tooltip-marker, .eds-tooltip.tooltip-right-end .tooltip-marker, .eds-tooltip.tooltip-left .tooltip-marker, .eds-tooltip.tooltip-left-start .tooltip-marker, .eds-tooltip.tooltip-left-end .tooltip-marker {
        width: 8px;
        height: 15px;
      }

.eds-tooltip.tooltip-right .tooltip-marker, .eds-tooltip.tooltip-left .tooltip-marker {
      top: calc(50% - 7.5px); /* default for unmanaged marker position */
    }

.eds-tooltip.tooltip-right-start .tooltip-marker, .eds-tooltip.tooltip-left-start .tooltip-marker {
        top: 4px; /* default for unmanaged marker position */
      }

.eds-tooltip.tooltip-right-end .tooltip-marker, .eds-tooltip.tooltip-left-end .tooltip-marker {
        bottom: 4px; /* default for unmanaged marker position */
      }

.eds-tooltip.tooltip-right, .eds-tooltip.tooltip-right-start, .eds-tooltip.tooltip-right-end {
      margin-right: 0;
    }

.eds-tooltip.tooltip-right .tooltip-marker, .eds-tooltip.tooltip-right-start .tooltip-marker, .eds-tooltip.tooltip-right-end .tooltip-marker {
        left: -8px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='15' fill='%23333333'%3E%3Cpolygon points='8,0 0,8 8,15'/%3E%3C/svg%3E" );
      }

.eds-tooltip.tooltip-left, .eds-tooltip.tooltip-left-start, .eds-tooltip.tooltip-left-end {
      margin-left: 0;
    }

.eds-tooltip.tooltip-left .tooltip-marker, .eds-tooltip.tooltip-left-start .tooltip-marker, .eds-tooltip.tooltip-left-end .tooltip-marker {
        right: -8px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='15' fill='%23333333'%3E%3Cpolygon points='0,0 8,8 0,15'/%3E%3C/svg%3E" );
      }

/* Mixes */

.eds-accordion {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.eds-accordion .eds-details[focus-within] {
      border-top-color: #426da9;
    }

.eds-accordion .eds-details:focus-within {
      border-top-color: #426da9;
    }

.eds-accordion .eds-details:not(:first-child) {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }

.eds-accordion .eds-details:not(:last-child) {
      border-bottom-width: 1px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      border-bottom-color: transparent;
    }

.eds-accordion .eds-details:not(:last-child)[focus-within] {
        margin-bottom: 1px;
        border-bottom-color: #426da9;
      }

.eds-accordion .eds-details:not(:last-child):focus-within {
        margin-bottom: 1px;
        border-bottom-color: #426da9;
      }

.eds-primary-nav-item.eds-link {
  text-decoration: none;
}

.eds-primary-nav-item.eds-link::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' fill='%23426da9'%3E%3Cpolygon points='0,0 5,5 9,0'/%3E%3C/svg%3E");
  }

.eds-primary-nav-item.eds-link:hover::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' fill='%231d4f91'%3E%3Cpolygon points='0,0 5,5 9,0'/%3E%3C/svg%3E");
  }

.eds-primary-nav-item.eds-link.selected::after { /* This is not ideal as chaining CSS classes increases specificity. */
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' fill='ref(.eds-link.selected, color)'%3E%3Cpolygon points='0,0 5,5 9,0'/%3E%3C/svg%3E");
}

.eds-sidebar .eds-menu-item {
    --transition-duration: 150ms;
    transition-duration: 150ms;
    transition-duration: var(--transition-duration);
    transition-timing-function: ease;
  }

.eds-sidebar.sidebar-closed .eds-menu-item {
    padding-left: 12px;
    padding-right: 0;
  }

.eds-sidebar.sidebar-closed .eds-menu-item .menu-item-icon {
      color: inherit;
    }

.eds-sidebar.sidebar-closed .eds-menu-item .menu-item-label {
      margin-left: 10px;
    }

.eds-sidebar.sidebar-closed .eds-sidebar-toggle {
  padding-left: 12px;
  padding-right: 0;
}

.eds-tab .eds-link {
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.eds-table-wrap.eds-table {
  border-width: 0;
  border-radius: 0;
}

.space-y-0 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(0px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(0px*var(--space-y-reverse));
}

.space-x-0 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(0px*var(--space-x-reverse));
  margin-left: calc(0px*(1 - var(--space-x-reverse)));
}

.space-y-1 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(1px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(1px*var(--space-y-reverse));
}

.space-x-1 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(1px*var(--space-x-reverse));
  margin-left: calc(1px*(1 - var(--space-x-reverse)));
}

.space-y-4 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(4px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(4px*var(--space-y-reverse));
}

.space-x-4 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(4px*var(--space-x-reverse));
  margin-left: calc(4px*(1 - var(--space-x-reverse)));
}

.space-y-8 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(8px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(8px*var(--space-y-reverse));
}

.space-x-8 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(8px*var(--space-x-reverse));
  margin-left: calc(8px*(1 - var(--space-x-reverse)));
}

.space-y-12 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(12px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(12px*var(--space-y-reverse));
}

.space-x-12 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(12px*var(--space-x-reverse));
  margin-left: calc(12px*(1 - var(--space-x-reverse)));
}

.space-y-16 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(16px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(16px*var(--space-y-reverse));
}

.space-x-16 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(16px*var(--space-x-reverse));
  margin-left: calc(16px*(1 - var(--space-x-reverse)));
}

.space-y-20 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(20px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(20px*var(--space-y-reverse));
}

.space-x-20 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(20px*var(--space-x-reverse));
  margin-left: calc(20px*(1 - var(--space-x-reverse)));
}

.space-y-24 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(24px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(24px*var(--space-y-reverse));
}

.space-x-24 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(24px*var(--space-x-reverse));
  margin-left: calc(24px*(1 - var(--space-x-reverse)));
}

.space-y-28 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(28px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(28px*var(--space-y-reverse));
}

.space-x-28 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(28px*var(--space-x-reverse));
  margin-left: calc(28px*(1 - var(--space-x-reverse)));
}

.space-y-32 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(32px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(32px*var(--space-y-reverse));
}

.space-x-32 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(32px*var(--space-x-reverse));
  margin-left: calc(32px*(1 - var(--space-x-reverse)));
}

.space-y-36 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(36px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(36px*var(--space-y-reverse));
}

.space-x-36 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(36px*var(--space-x-reverse));
  margin-left: calc(36px*(1 - var(--space-x-reverse)));
}

.space-y-40 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(40px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(40px*var(--space-y-reverse));
}

.space-x-40 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(40px*var(--space-x-reverse));
  margin-left: calc(40px*(1 - var(--space-x-reverse)));
}

.space-y-44 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(44px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(44px*var(--space-y-reverse));
}

.space-x-44 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(44px*var(--space-x-reverse));
  margin-left: calc(44px*(1 - var(--space-x-reverse)));
}

.space-y-48 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(48px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(48px*var(--space-y-reverse));
}

.space-x-48 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(48px*var(--space-x-reverse));
  margin-left: calc(48px*(1 - var(--space-x-reverse)));
}

.space-y-52 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(52px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(52px*var(--space-y-reverse));
}

.space-x-52 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(52px*var(--space-x-reverse));
  margin-left: calc(52px*(1 - var(--space-x-reverse)));
}

.space-y-56 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(56px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(56px*var(--space-y-reverse));
}

.space-x-56 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(56px*var(--space-x-reverse));
  margin-left: calc(56px*(1 - var(--space-x-reverse)));
}

.space-y-64 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(64px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(64px*var(--space-y-reverse));
}

.space-x-64 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(64px*var(--space-x-reverse));
  margin-left: calc(64px*(1 - var(--space-x-reverse)));
}

.space-y-68 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(68px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(68px*var(--space-y-reverse));
}

.space-x-68 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(68px*var(--space-x-reverse));
  margin-left: calc(68px*(1 - var(--space-x-reverse)));
}

.space-y-72 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(72px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(72px*var(--space-y-reverse));
}

.space-x-72 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(72px*var(--space-x-reverse));
  margin-left: calc(72px*(1 - var(--space-x-reverse)));
}

.space-y-80 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(80px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(80px*var(--space-y-reverse));
}

.space-x-80 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(80px*var(--space-x-reverse));
  margin-left: calc(80px*(1 - var(--space-x-reverse)));
}

.space-y-96 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(96px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(96px*var(--space-y-reverse));
}

.space-x-96 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(96px*var(--space-x-reverse));
  margin-left: calc(96px*(1 - var(--space-x-reverse)));
}

.space-y-128 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(128px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(128px*var(--space-y-reverse));
}

.space-x-128 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(128px*var(--space-x-reverse));
  margin-left: calc(128px*(1 - var(--space-x-reverse)));
}

.space-y-160 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(160px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(160px*var(--space-y-reverse));
}

.space-x-160 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(160px*var(--space-x-reverse));
  margin-left: calc(160px*(1 - var(--space-x-reverse)));
}

.space-y-192 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(192px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(192px*var(--space-y-reverse));
}

.space-x-192 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(192px*var(--space-x-reverse));
  margin-left: calc(192px*(1 - var(--space-x-reverse)));
}

.space-y-224 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(224px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(224px*var(--space-y-reverse));
}

.space-x-224 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(224px*var(--space-x-reverse));
  margin-left: calc(224px*(1 - var(--space-x-reverse)));
}

.space-y-256 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(256px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(256px*var(--space-y-reverse));
}

.space-x-256 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(256px*var(--space-x-reverse));
  margin-left: calc(256px*(1 - var(--space-x-reverse)));
}

.space-y-512 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(512px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(512px*var(--space-y-reverse));
}

.space-x-512 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(512px*var(--space-x-reverse));
  margin-left: calc(512px*(1 - var(--space-x-reverse)));
}

.-space-y-1 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-1px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-1px*var(--space-y-reverse));
}

.-space-x-1 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-1px*var(--space-x-reverse));
  margin-left: calc(-1px*(1 - var(--space-x-reverse)));
}

.-space-y-4 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-4px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-4px*var(--space-y-reverse));
}

.-space-x-4 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-4px*var(--space-x-reverse));
  margin-left: calc(-4px*(1 - var(--space-x-reverse)));
}

.-space-y-8 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-8px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-8px*var(--space-y-reverse));
}

.-space-x-8 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-8px*var(--space-x-reverse));
  margin-left: calc(-8px*(1 - var(--space-x-reverse)));
}

.-space-y-12 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-12px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-12px*var(--space-y-reverse));
}

.-space-x-12 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-12px*var(--space-x-reverse));
  margin-left: calc(-12px*(1 - var(--space-x-reverse)));
}

.-space-y-16 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-16px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-16px*var(--space-y-reverse));
}

.-space-x-16 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-16px*var(--space-x-reverse));
  margin-left: calc(-16px*(1 - var(--space-x-reverse)));
}

.-space-y-20 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-20px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-20px*var(--space-y-reverse));
}

.-space-x-20 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-20px*var(--space-x-reverse));
  margin-left: calc(-20px*(1 - var(--space-x-reverse)));
}

.-space-y-24 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-24px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-24px*var(--space-y-reverse));
}

.-space-x-24 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-24px*var(--space-x-reverse));
  margin-left: calc(-24px*(1 - var(--space-x-reverse)));
}

.-space-y-28 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-28px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-28px*var(--space-y-reverse));
}

.-space-x-28 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-28px*var(--space-x-reverse));
  margin-left: calc(-28px*(1 - var(--space-x-reverse)));
}

.-space-y-32 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-32px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-32px*var(--space-y-reverse));
}

.-space-x-32 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-32px*var(--space-x-reverse));
  margin-left: calc(-32px*(1 - var(--space-x-reverse)));
}

.-space-y-36 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-36px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-36px*var(--space-y-reverse));
}

.-space-x-36 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-36px*var(--space-x-reverse));
  margin-left: calc(-36px*(1 - var(--space-x-reverse)));
}

.-space-y-40 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-40px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-40px*var(--space-y-reverse));
}

.-space-x-40 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-40px*var(--space-x-reverse));
  margin-left: calc(-40px*(1 - var(--space-x-reverse)));
}

.-space-y-44 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-44px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-44px*var(--space-y-reverse));
}

.-space-x-44 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-44px*var(--space-x-reverse));
  margin-left: calc(-44px*(1 - var(--space-x-reverse)));
}

.-space-y-48 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-48px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-48px*var(--space-y-reverse));
}

.-space-x-48 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-48px*var(--space-x-reverse));
  margin-left: calc(-48px*(1 - var(--space-x-reverse)));
}

.-space-y-52 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-52px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-52px*var(--space-y-reverse));
}

.-space-x-52 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-52px*var(--space-x-reverse));
  margin-left: calc(-52px*(1 - var(--space-x-reverse)));
}

.-space-y-56 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-56px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-56px*var(--space-y-reverse));
}

.-space-x-56 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-56px*var(--space-x-reverse));
  margin-left: calc(-56px*(1 - var(--space-x-reverse)));
}

.-space-y-64 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-64px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-64px*var(--space-y-reverse));
}

.-space-x-64 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-64px*var(--space-x-reverse));
  margin-left: calc(-64px*(1 - var(--space-x-reverse)));
}

.-space-y-68 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-68px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-68px*var(--space-y-reverse));
}

.-space-x-68 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-68px*var(--space-x-reverse));
  margin-left: calc(-68px*(1 - var(--space-x-reverse)));
}

.-space-y-72 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-72px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-72px*var(--space-y-reverse));
}

.-space-x-72 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-72px*var(--space-x-reverse));
  margin-left: calc(-72px*(1 - var(--space-x-reverse)));
}

.-space-y-80 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-80px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-80px*var(--space-y-reverse));
}

.-space-x-80 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-80px*var(--space-x-reverse));
  margin-left: calc(-80px*(1 - var(--space-x-reverse)));
}

.-space-y-96 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-96px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-96px*var(--space-y-reverse));
}

.-space-x-96 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-96px*var(--space-x-reverse));
  margin-left: calc(-96px*(1 - var(--space-x-reverse)));
}

.-space-y-128 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-128px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-128px*var(--space-y-reverse));
}

.-space-x-128 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-128px*var(--space-x-reverse));
  margin-left: calc(-128px*(1 - var(--space-x-reverse)));
}

.-space-y-160 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-160px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-160px*var(--space-y-reverse));
}

.-space-x-160 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-160px*var(--space-x-reverse));
  margin-left: calc(-160px*(1 - var(--space-x-reverse)));
}

.-space-y-192 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-192px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-192px*var(--space-y-reverse));
}

.-space-x-192 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-192px*var(--space-x-reverse));
  margin-left: calc(-192px*(1 - var(--space-x-reverse)));
}

.-space-y-224 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-224px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-224px*var(--space-y-reverse));
}

.-space-x-224 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-224px*var(--space-x-reverse));
  margin-left: calc(-224px*(1 - var(--space-x-reverse)));
}

.-space-y-256 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-256px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-256px*var(--space-y-reverse));
}

.-space-x-256 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-256px*var(--space-x-reverse));
  margin-left: calc(-256px*(1 - var(--space-x-reverse)));
}

.-space-y-512 > :not(template) ~ :not(template) {
  --space-y-reverse: 0;
  margin-top: calc(-512px*(1 - var(--space-y-reverse)));
  margin-bottom: calc(-512px*var(--space-y-reverse));
}

.-space-x-512 > :not(template) ~ :not(template) {
  --space-x-reverse: 0;
  margin-right: calc(-512px*var(--space-x-reverse));
  margin-left: calc(-512px*(1 - var(--space-x-reverse)));
}

.space-y-reverse > :not(template) ~ :not(template) {
  --space-y-reverse: 1;
}

.space-x-reverse > :not(template) ~ :not(template) {
  --space-x-reverse: 1;
}

.divide-y-0 > :not(template) ~ :not(template) {
  --divide-y-reverse: 0;
  border-top-width: calc(0px*(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(0px*var(--divide-y-reverse));
}

.divide-x-0 > :not(template) ~ :not(template) {
  --divide-x-reverse: 0;
  border-right-width: calc(0px*var(--divide-x-reverse));
  border-left-width: calc(0px*(1 - var(--divide-x-reverse)));
}

.divide-y-2 > :not(template) ~ :not(template) {
  --divide-y-reverse: 0;
  border-top-width: calc(2px*(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(2px*var(--divide-y-reverse));
}

.divide-x-2 > :not(template) ~ :not(template) {
  --divide-x-reverse: 0;
  border-right-width: calc(2px*var(--divide-x-reverse));
  border-left-width: calc(2px*(1 - var(--divide-x-reverse)));
}

.divide-y-4 > :not(template) ~ :not(template) {
  --divide-y-reverse: 0;
  border-top-width: calc(4px*(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(4px*var(--divide-y-reverse));
}

.divide-x-4 > :not(template) ~ :not(template) {
  --divide-x-reverse: 0;
  border-right-width: calc(4px*var(--divide-x-reverse));
  border-left-width: calc(4px*(1 - var(--divide-x-reverse)));
}

.divide-y > :not(template) ~ :not(template) {
  --divide-y-reverse: 0;
  border-top-width: calc(1px*(1 - var(--divide-y-reverse)));
  border-bottom-width: calc(1px*var(--divide-y-reverse));
}

.divide-x > :not(template) ~ :not(template) {
  --divide-x-reverse: 0;
  border-right-width: calc(1px*var(--divide-x-reverse));
  border-left-width: calc(1px*(1 - var(--divide-x-reverse)));
}

.divide-y-reverse > :not(template) ~ :not(template) {
  --divide-y-reverse: 1;
}

.divide-x-reverse > :not(template) ~ :not(template) {
  --divide-x-reverse: 1;
}

.divide-black > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #333333;
  border-color: rgba(51, 51, 51, var(--divide-opacity));
}

.divide-blue-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #f2f8ff;
  border-color: rgba(242, 248, 255, var(--divide-opacity));
}

.divide-blue-150 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #E6EFFB;
  border-color: rgba(230, 239, 251, var(--divide-opacity));
}

.divide-blue-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #d6e3f4;
  border-color: rgba(214, 227, 244, var(--divide-opacity));
}

.divide-blue-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #bbcfea;
  border-color: rgba(187, 207, 234, var(--divide-opacity));
}

.divide-blue-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #8dabd4;
  border-color: rgba(141, 171, 212, var(--divide-opacity));
}

.divide-blue-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #648abf;
  border-color: rgba(100, 138, 191, var(--divide-opacity));
}

.divide-blue-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #426da9;
  border-color: rgba(66, 109, 169, var(--divide-opacity));
}

.divide-blue-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #1d4f91;
  border-color: rgba(29, 79, 145, var(--divide-opacity));
}

.divide-blue-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #123f7a;
  border-color: rgba(18, 63, 122, var(--divide-opacity));
}

.divide-blue-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #0a3163;
  border-color: rgba(10, 49, 99, var(--divide-opacity));
}

.divide-gray-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #f6f6f6;
  border-color: rgba(246, 246, 246, var(--divide-opacity));
}

.divide-gray-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #eaeaea;
  border-color: rgba(234, 234, 234, var(--divide-opacity));
}

.divide-gray-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #d6d6d6;
  border-color: rgba(214, 214, 214, var(--divide-opacity));
}

.divide-gray-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #c1c1c1;
  border-color: rgba(193, 193, 193, var(--divide-opacity));
}

.divide-gray-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #a7a7a7;
  border-color: rgba(167, 167, 167, var(--divide-opacity));
}

.divide-gray-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #8c8c8c;
  border-color: rgba(140, 140, 140, var(--divide-opacity));
}

.divide-gray-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #717171;
  border-color: rgba(113, 113, 113, var(--divide-opacity));
}

.divide-gray-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #585858;
  border-color: rgba(88, 88, 88, var(--divide-opacity));
}

.divide-gray-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #404040;
  border-color: rgba(64, 64, 64, var(--divide-opacity));
}

.divide-green-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #F2FFF5;
  border-color: rgba(242, 255, 245, var(--divide-opacity));
}

.divide-green-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #D0F6DB;
  border-color: rgba(208, 246, 219, var(--divide-opacity));
}

.divide-green-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #9AE8B4;
  border-color: rgba(154, 232, 180, var(--divide-opacity));
}

.divide-green-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #5CD08E;
  border-color: rgba(92, 208, 142, var(--divide-opacity));
}

.divide-green-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #29B769;
  border-color: rgba(41, 183, 105, var(--divide-opacity));
}

.divide-green-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #009f4d;
  border-color: rgba(0, 159, 77, var(--divide-opacity));
}

.divide-green-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #007a3b;
  border-color: rgba(0, 122, 59, var(--divide-opacity));
}

.divide-green-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #00612F;
  border-color: rgba(0, 97, 47, var(--divide-opacity));
}

.divide-green-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #004A24;
  border-color: rgba(0, 74, 36, var(--divide-opacity));
}

.divide-lime-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #fefff2;
  border-color: rgba(254, 255, 242, var(--divide-opacity));
}

.divide-lime-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #f7f9cc;
  border-color: rgba(247, 249, 204, var(--divide-opacity));
}

.divide-lime-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #f0f3a7;
  border-color: rgba(240, 243, 167, var(--divide-opacity));
}

.divide-lime-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #dce26d;
  border-color: rgba(220, 226, 109, var(--divide-opacity));
}

.divide-lime-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #cad03b;
  border-color: rgba(202, 208, 59, var(--divide-opacity));
}

.divide-lime-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #b7bf10;
  border-color: rgba(183, 191, 16, var(--divide-opacity));
}

.divide-lime-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #979e08;
  border-color: rgba(151, 158, 8, var(--divide-opacity));
}

.divide-lime-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #777d03;
  border-color: rgba(119, 125, 3, var(--divide-opacity));
}

.divide-lime-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #575c00;
  border-color: rgba(87, 92, 0, var(--divide-opacity));
}

.divide-magenta-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #fff1fa;
  border-color: rgba(255, 241, 250, var(--divide-opacity));
}

.divide-magenta-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ffd8f0;
  border-color: rgba(255, 216, 240, var(--divide-opacity));
}

.divide-magenta-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ffc0e4;
  border-color: rgba(255, 192, 228, var(--divide-opacity));
}

.divide-magenta-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #f790c6;
  border-color: rgba(247, 144, 198, var(--divide-opacity));
}

.divide-magenta-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ef62a8;
  border-color: rgba(239, 98, 168, var(--divide-opacity));
}

.divide-magenta-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #e63888;
  border-color: rgba(230, 56, 136, var(--divide-opacity));
}

.divide-magenta-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #c41d73;
  border-color: rgba(196, 29, 115, var(--divide-opacity));
}

.divide-magenta-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #a20861;
  border-color: rgba(162, 8, 97, var(--divide-opacity));
}

.divide-magenta-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #800051;
  border-color: rgba(128, 0, 81, var(--divide-opacity));
}

.divide-orange-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #fff9f2;
  border-color: rgba(255, 249, 242, var(--divide-opacity));
}

.divide-orange-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ffeed7;
  border-color: rgba(255, 238, 215, var(--divide-opacity));
}

.divide-orange-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ffe3ba;
  border-color: rgba(255, 227, 186, var(--divide-opacity));
}

.divide-orange-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ffc684;
  border-color: rgba(255, 198, 132, var(--divide-opacity));
}

.divide-orange-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ffaa4f;
  border-color: rgba(255, 170, 79, var(--divide-opacity));
}

.divide-orange-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ff8f1c;
  border-color: rgba(255, 143, 28, var(--divide-opacity));
}

.divide-orange-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #cc6e0f;
  border-color: rgba(204, 110, 15, var(--divide-opacity));
}

.divide-orange-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #995006;
  border-color: rgba(153, 80, 6, var(--divide-opacity));
}

.divide-orange-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #663300;
  border-color: rgba(102, 51, 0, var(--divide-opacity));
}

.divide-purple-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #fef2ff;
  border-color: rgba(254, 242, 255, var(--divide-opacity));
}

.divide-purple-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #eed3f1;
  border-color: rgba(238, 211, 241, var(--divide-opacity));
}

.divide-purple-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #dfb6e4;
  border-color: rgba(223, 182, 228, var(--divide-opacity));
}

.divide-purple-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #c186c9;
  border-color: rgba(193, 134, 201, var(--divide-opacity));
}

.divide-purple-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #a45dad;
  border-color: rgba(164, 93, 173, var(--divide-opacity));
}

.divide-purple-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #883b92;
  border-color: rgba(136, 59, 146, var(--divide-opacity));
}

.divide-purple-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #6d2077;
  border-color: rgba(109, 32, 119, var(--divide-opacity));
}

.divide-purple-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #53135b;
  border-color: rgba(83, 19, 91, var(--divide-opacity));
}

.divide-purple-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #390a40;
  border-color: rgba(57, 10, 64, var(--divide-opacity));
}

.divide-raspberry-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #fff0fb;
  border-color: rgba(255, 240, 251, var(--divide-opacity));
}

.divide-raspberry-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #f6cbea;
  border-color: rgba(246, 203, 234, var(--divide-opacity));
}

.divide-raspberry-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #eda7da;
  border-color: rgba(237, 167, 218, var(--divide-opacity));
}

.divide-raspberry-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #d86fbc;
  border-color: rgba(216, 111, 188, var(--divide-opacity));
}

.divide-raspberry-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #c43e9f;
  border-color: rgba(196, 62, 159, var(--divide-opacity));
}

.divide-raspberry-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #af1685;
  border-color: rgba(175, 22, 133, var(--divide-opacity));
}

.divide-raspberry-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #92086d;
  border-color: rgba(146, 8, 109, var(--divide-opacity));
}

.divide-raspberry-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #760056;
  border-color: rgba(118, 0, 86, var(--divide-opacity));
}

.divide-raspberry-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #570041;
  border-color: rgba(87, 0, 65, var(--divide-opacity));
}

.divide-red-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #fff0f3;
  border-color: rgba(255, 240, 243, var(--divide-opacity));
}

.divide-red-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #FFD6DD;
  border-color: rgba(255, 214, 221, var(--divide-opacity));
}

.divide-red-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #fea8b8;
  border-color: rgba(254, 168, 184, var(--divide-opacity));
}

.divide-red-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #f66c86;
  border-color: rgba(246, 108, 134, var(--divide-opacity));
}

.divide-red-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ed3457;
  border-color: rgba(237, 52, 87, var(--divide-opacity));
}

.divide-red-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #e4002b;
  border-color: rgba(228, 0, 43, var(--divide-opacity));
}

.divide-red-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #c60025;
  border-color: rgba(198, 0, 37, var(--divide-opacity));
}

.divide-red-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #a8001f;
  border-color: rgba(168, 0, 31, var(--divide-opacity));
}

.divide-red-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #8a0019;
  border-color: rgba(138, 0, 25, var(--divide-opacity));
}

.divide-sapphire-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #f2fcff;
  border-color: rgba(242, 252, 255, var(--divide-opacity));
}

.divide-sapphire-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #d0eff8;
  border-color: rgba(208, 239, 248, var(--divide-opacity));
}

.divide-sapphire-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #afe2f1;
  border-color: rgba(175, 226, 241, var(--divide-opacity));
}

.divide-sapphire-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #79c8de;
  border-color: rgba(121, 200, 222, var(--divide-opacity));
}

.divide-sapphire-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #4aafcc;
  border-color: rgba(74, 175, 204, var(--divide-opacity));
}

.divide-sapphire-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #2197b9;
  border-color: rgba(33, 151, 185, var(--divide-opacity));
}

.divide-sapphire-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #0081a6;
  border-color: rgba(0, 129, 166, var(--divide-opacity));
}

.divide-sapphire-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #006580;
  border-color: rgba(0, 101, 128, var(--divide-opacity));
}

.divide-sapphire-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #004759;
  border-color: rgba(0, 71, 89, var(--divide-opacity));
}

.divide-teal-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #f2fffe;
  border-color: rgba(242, 255, 254, var(--divide-opacity));
}

.divide-teal-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #c6f7f4;
  border-color: rgba(198, 247, 244, var(--divide-opacity));
}

.divide-teal-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #9befea;
  border-color: rgba(155, 239, 234, var(--divide-opacity));
}

.divide-teal-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #5fdad4;
  border-color: rgba(95, 218, 212, var(--divide-opacity));
}

.divide-teal-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #2bc6be;
  border-color: rgba(43, 198, 190, var(--divide-opacity));
}

.divide-teal-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #00b2a9;
  border-color: rgba(0, 178, 169, var(--divide-opacity));
}

.divide-teal-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #00948c;
  border-color: rgba(0, 148, 140, var(--divide-opacity));
}

.divide-teal-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #00756f;
  border-color: rgba(0, 117, 111, var(--divide-opacity));
}

.divide-teal-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #005752;
  border-color: rgba(0, 87, 82, var(--divide-opacity));
}

.divide-transparent > :not(template) ~ :not(template) {
  border-color: transparent;
}

.divide-white > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, var(--divide-opacity));
}

.divide-white-a10 > :not(template) ~ :not(template) {
  border-color: rgba(255, 255, 255, 0.1);
}

.divide-white-a20 > :not(template) ~ :not(template) {
  border-color: rgba(255, 255, 255, 0.2);
}

.divide-white-a30 > :not(template) ~ :not(template) {
  border-color: rgba(255, 255, 255, 0.3);
}

.divide-white-a40 > :not(template) ~ :not(template) {
  border-color: rgba(255, 255, 255, 0.4);
}

.divide-white-a50 > :not(template) ~ :not(template) {
  border-color: rgba(255, 255, 255, 0.5);
}

.divide-white-a60 > :not(template) ~ :not(template) {
  border-color: rgba(255, 255, 255, 0.6);
}

.divide-white-a70 > :not(template) ~ :not(template) {
  border-color: rgba(255, 255, 255, 0.7);
}

.divide-white-a80 > :not(template) ~ :not(template) {
  border-color: rgba(255, 255, 255, 0.8);
}

.divide-white-a90 > :not(template) ~ :not(template) {
  border-color: rgba(255, 255, 255, 0.9);
}

.divide-yellow-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #FFF9E8;
  border-color: rgba(255, 249, 232, var(--divide-opacity));
}

.divide-yellow-200 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #FFF1BD;
  border-color: rgba(255, 241, 189, var(--divide-opacity));
}

.divide-yellow-300 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #FFEA90;
  border-color: rgba(255, 234, 144, var(--divide-opacity));
}

.divide-yellow-400 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #FFD146;
  border-color: rgba(255, 209, 70, var(--divide-opacity));
}

.divide-yellow-500 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #FEBA00;
  border-color: rgba(254, 186, 0, var(--divide-opacity));
}

.divide-yellow-600 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #D49A00;
  border-color: rgba(212, 154, 0, var(--divide-opacity));
}

.divide-yellow-700 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #AA7A00;
  border-color: rgba(170, 122, 0, var(--divide-opacity));
}

.divide-yellow-800 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #815B00;
  border-color: rgba(129, 91, 0, var(--divide-opacity));
}

.divide-yellow-900 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
  border-color: #573D00;
  border-color: rgba(87, 61, 0, var(--divide-opacity));
}

.divide-solid > :not(template) ~ :not(template) {
  border-style: solid;
}

.divide-dashed > :not(template) ~ :not(template) {
  border-style: dashed;
}

.divide-dotted > :not(template) ~ :not(template) {
  border-style: dotted;
}

.divide-double > :not(template) ~ :not(template) {
  border-style: double;
}

.divide-none > :not(template) ~ :not(template) {
  border-style: none;
}

.divide-opacity-0 > :not(template) ~ :not(template) {
  --divide-opacity: 0;
}

.divide-opacity-25 > :not(template) ~ :not(template) {
  --divide-opacity: 0.25;
}

.divide-opacity-50 > :not(template) ~ :not(template) {
  --divide-opacity: 0.5;
}

.divide-opacity-75 > :not(template) ~ :not(template) {
  --divide-opacity: 0.75;
}

.divide-opacity-100 > :not(template) ~ :not(template) {
  --divide-opacity: 1;
}

.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;
}

.not-sr-only {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.focus\:sr-only:focus {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.bg-fixed {
  background-attachment: fixed;
}

.bg-local {
  background-attachment: local;
}

.bg-scroll {
  background-attachment: scroll;
}

.bg-clip-border {
  background-clip: border-box;
}

.bg-clip-padding {
  background-clip: padding-box;
}

.bg-clip-content {
  background-clip: content-box;
}

.bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}

.bg-black {
  --bg-opacity: 1;
  background-color: #333333;
  background-color: rgba(51, 51, 51, var(--bg-opacity));
}

.bg-blue-100 {
  --bg-opacity: 1;
  background-color: #f2f8ff;
  background-color: rgba(242, 248, 255, var(--bg-opacity));
}

.bg-blue-150 {
  --bg-opacity: 1;
  background-color: #E6EFFB;
  background-color: rgba(230, 239, 251, var(--bg-opacity));
}

.bg-blue-200 {
  --bg-opacity: 1;
  background-color: #d6e3f4;
  background-color: rgba(214, 227, 244, var(--bg-opacity));
}

.bg-blue-300 {
  --bg-opacity: 1;
  background-color: #bbcfea;
  background-color: rgba(187, 207, 234, var(--bg-opacity));
}

.bg-blue-400 {
  --bg-opacity: 1;
  background-color: #8dabd4;
  background-color: rgba(141, 171, 212, var(--bg-opacity));
}

.bg-blue-500 {
  --bg-opacity: 1;
  background-color: #648abf;
  background-color: rgba(100, 138, 191, var(--bg-opacity));
}

.bg-blue-600 {
  --bg-opacity: 1;
  background-color: #426da9;
  background-color: rgba(66, 109, 169, var(--bg-opacity));
}

.bg-blue-700 {
  --bg-opacity: 1;
  background-color: #1d4f91;
  background-color: rgba(29, 79, 145, var(--bg-opacity));
}

.bg-blue-800 {
  --bg-opacity: 1;
  background-color: #123f7a;
  background-color: rgba(18, 63, 122, var(--bg-opacity));
}

.bg-blue-900 {
  --bg-opacity: 1;
  background-color: #0a3163;
  background-color: rgba(10, 49, 99, var(--bg-opacity));
}

.bg-gray-100 {
  --bg-opacity: 1;
  background-color: #f6f6f6;
  background-color: rgba(246, 246, 246, var(--bg-opacity));
}

.bg-gray-200 {
  --bg-opacity: 1;
  background-color: #eaeaea;
  background-color: rgba(234, 234, 234, var(--bg-opacity));
}

.bg-gray-300 {
  --bg-opacity: 1;
  background-color: #d6d6d6;
  background-color: rgba(214, 214, 214, var(--bg-opacity));
}

.bg-gray-400 {
  --bg-opacity: 1;
  background-color: #c1c1c1;
  background-color: rgba(193, 193, 193, var(--bg-opacity));
}

.bg-gray-500 {
  --bg-opacity: 1;
  background-color: #a7a7a7;
  background-color: rgba(167, 167, 167, var(--bg-opacity));
}

.bg-gray-600 {
  --bg-opacity: 1;
  background-color: #8c8c8c;
  background-color: rgba(140, 140, 140, var(--bg-opacity));
}

.bg-gray-700 {
  --bg-opacity: 1;
  background-color: #717171;
  background-color: rgba(113, 113, 113, var(--bg-opacity));
}

.bg-gray-800 {
  --bg-opacity: 1;
  background-color: #585858;
  background-color: rgba(88, 88, 88, var(--bg-opacity));
}

.bg-gray-900 {
  --bg-opacity: 1;
  background-color: #404040;
  background-color: rgba(64, 64, 64, var(--bg-opacity));
}

.bg-green-100 {
  --bg-opacity: 1;
  background-color: #F2FFF5;
  background-color: rgba(242, 255, 245, var(--bg-opacity));
}

.bg-green-200 {
  --bg-opacity: 1;
  background-color: #D0F6DB;
  background-color: rgba(208, 246, 219, var(--bg-opacity));
}

.bg-green-300 {
  --bg-opacity: 1;
  background-color: #9AE8B4;
  background-color: rgba(154, 232, 180, var(--bg-opacity));
}

.bg-green-400 {
  --bg-opacity: 1;
  background-color: #5CD08E;
  background-color: rgba(92, 208, 142, var(--bg-opacity));
}

.bg-green-500 {
  --bg-opacity: 1;
  background-color: #29B769;
  background-color: rgba(41, 183, 105, var(--bg-opacity));
}

.bg-green-600 {
  --bg-opacity: 1;
  background-color: #009f4d;
  background-color: rgba(0, 159, 77, var(--bg-opacity));
}

.bg-green-700 {
  --bg-opacity: 1;
  background-color: #007a3b;
  background-color: rgba(0, 122, 59, var(--bg-opacity));
}

.bg-green-800 {
  --bg-opacity: 1;
  background-color: #00612F;
  background-color: rgba(0, 97, 47, var(--bg-opacity));
}

.bg-green-900 {
  --bg-opacity: 1;
  background-color: #004A24;
  background-color: rgba(0, 74, 36, var(--bg-opacity));
}

.bg-lime-100 {
  --bg-opacity: 1;
  background-color: #fefff2;
  background-color: rgba(254, 255, 242, var(--bg-opacity));
}

.bg-lime-200 {
  --bg-opacity: 1;
  background-color: #f7f9cc;
  background-color: rgba(247, 249, 204, var(--bg-opacity));
}

.bg-lime-300 {
  --bg-opacity: 1;
  background-color: #f0f3a7;
  background-color: rgba(240, 243, 167, var(--bg-opacity));
}

.bg-lime-400 {
  --bg-opacity: 1;
  background-color: #dce26d;
  background-color: rgba(220, 226, 109, var(--bg-opacity));
}

.bg-lime-500 {
  --bg-opacity: 1;
  background-color: #cad03b;
  background-color: rgba(202, 208, 59, var(--bg-opacity));
}

.bg-lime-600 {
  --bg-opacity: 1;
  background-color: #b7bf10;
  background-color: rgba(183, 191, 16, var(--bg-opacity));
}

.bg-lime-700 {
  --bg-opacity: 1;
  background-color: #979e08;
  background-color: rgba(151, 158, 8, var(--bg-opacity));
}

.bg-lime-800 {
  --bg-opacity: 1;
  background-color: #777d03;
  background-color: rgba(119, 125, 3, var(--bg-opacity));
}

.bg-lime-900 {
  --bg-opacity: 1;
  background-color: #575c00;
  background-color: rgba(87, 92, 0, var(--bg-opacity));
}

.bg-magenta-100 {
  --bg-opacity: 1;
  background-color: #fff1fa;
  background-color: rgba(255, 241, 250, var(--bg-opacity));
}

.bg-magenta-200 {
  --bg-opacity: 1;
  background-color: #ffd8f0;
  background-color: rgba(255, 216, 240, var(--bg-opacity));
}

.bg-magenta-300 {
  --bg-opacity: 1;
  background-color: #ffc0e4;
  background-color: rgba(255, 192, 228, var(--bg-opacity));
}

.bg-magenta-400 {
  --bg-opacity: 1;
  background-color: #f790c6;
  background-color: rgba(247, 144, 198, var(--bg-opacity));
}

.bg-magenta-500 {
  --bg-opacity: 1;
  background-color: #ef62a8;
  background-color: rgba(239, 98, 168, var(--bg-opacity));
}

.bg-magenta-600 {
  --bg-opacity: 1;
  background-color: #e63888;
  background-color: rgba(230, 56, 136, var(--bg-opacity));
}

.bg-magenta-700 {
  --bg-opacity: 1;
  background-color: #c41d73;
  background-color: rgba(196, 29, 115, var(--bg-opacity));
}

.bg-magenta-800 {
  --bg-opacity: 1;
  background-color: #a20861;
  background-color: rgba(162, 8, 97, var(--bg-opacity));
}

.bg-magenta-900 {
  --bg-opacity: 1;
  background-color: #800051;
  background-color: rgba(128, 0, 81, var(--bg-opacity));
}

.bg-orange-100 {
  --bg-opacity: 1;
  background-color: #fff9f2;
  background-color: rgba(255, 249, 242, var(--bg-opacity));
}

.bg-orange-200 {
  --bg-opacity: 1;
  background-color: #ffeed7;
  background-color: rgba(255, 238, 215, var(--bg-opacity));
}

.bg-orange-300 {
  --bg-opacity: 1;
  background-color: #ffe3ba;
  background-color: rgba(255, 227, 186, var(--bg-opacity));
}

.bg-orange-400 {
  --bg-opacity: 1;
  background-color: #ffc684;
  background-color: rgba(255, 198, 132, var(--bg-opacity));
}

.bg-orange-500 {
  --bg-opacity: 1;
  background-color: #ffaa4f;
  background-color: rgba(255, 170, 79, var(--bg-opacity));
}

.bg-orange-600 {
  --bg-opacity: 1;
  background-color: #ff8f1c;
  background-color: rgba(255, 143, 28, var(--bg-opacity));
}

.bg-orange-700 {
  --bg-opacity: 1;
  background-color: #cc6e0f;
  background-color: rgba(204, 110, 15, var(--bg-opacity));
}

.bg-orange-800 {
  --bg-opacity: 1;
  background-color: #995006;
  background-color: rgba(153, 80, 6, var(--bg-opacity));
}

.bg-orange-900 {
  --bg-opacity: 1;
  background-color: #663300;
  background-color: rgba(102, 51, 0, var(--bg-opacity));
}

.bg-purple-100 {
  --bg-opacity: 1;
  background-color: #fef2ff;
  background-color: rgba(254, 242, 255, var(--bg-opacity));
}

.bg-purple-200 {
  --bg-opacity: 1;
  background-color: #eed3f1;
  background-color: rgba(238, 211, 241, var(--bg-opacity));
}

.bg-purple-300 {
  --bg-opacity: 1;
  background-color: #dfb6e4;
  background-color: rgba(223, 182, 228, var(--bg-opacity));
}

.bg-purple-400 {
  --bg-opacity: 1;
  background-color: #c186c9;
  background-color: rgba(193, 134, 201, var(--bg-opacity));
}

.bg-purple-500 {
  --bg-opacity: 1;
  background-color: #a45dad;
  background-color: rgba(164, 93, 173, var(--bg-opacity));
}

.bg-purple-600 {
  --bg-opacity: 1;
  background-color: #883b92;
  background-color: rgba(136, 59, 146, var(--bg-opacity));
}

.bg-purple-700 {
  --bg-opacity: 1;
  background-color: #6d2077;
  background-color: rgba(109, 32, 119, var(--bg-opacity));
}

.bg-purple-800 {
  --bg-opacity: 1;
  background-color: #53135b;
  background-color: rgba(83, 19, 91, var(--bg-opacity));
}

.bg-purple-900 {
  --bg-opacity: 1;
  background-color: #390a40;
  background-color: rgba(57, 10, 64, var(--bg-opacity));
}

.bg-raspberry-100 {
  --bg-opacity: 1;
  background-color: #fff0fb;
  background-color: rgba(255, 240, 251, var(--bg-opacity));
}

.bg-raspberry-200 {
  --bg-opacity: 1;
  background-color: #f6cbea;
  background-color: rgba(246, 203, 234, var(--bg-opacity));
}

.bg-raspberry-300 {
  --bg-opacity: 1;
  background-color: #eda7da;
  background-color: rgba(237, 167, 218, var(--bg-opacity));
}

.bg-raspberry-400 {
  --bg-opacity: 1;
  background-color: #d86fbc;
  background-color: rgba(216, 111, 188, var(--bg-opacity));
}

.bg-raspberry-500 {
  --bg-opacity: 1;
  background-color: #c43e9f;
  background-color: rgba(196, 62, 159, var(--bg-opacity));
}

.bg-raspberry-600 {
  --bg-opacity: 1;
  background-color: #af1685;
  background-color: rgba(175, 22, 133, var(--bg-opacity));
}

.bg-raspberry-700 {
  --bg-opacity: 1;
  background-color: #92086d;
  background-color: rgba(146, 8, 109, var(--bg-opacity));
}

.bg-raspberry-800 {
  --bg-opacity: 1;
  background-color: #760056;
  background-color: rgba(118, 0, 86, var(--bg-opacity));
}

.bg-raspberry-900 {
  --bg-opacity: 1;
  background-color: #570041;
  background-color: rgba(87, 0, 65, var(--bg-opacity));
}

.bg-red-100 {
  --bg-opacity: 1;
  background-color: #fff0f3;
  background-color: rgba(255, 240, 243, var(--bg-opacity));
}

.bg-red-200 {
  --bg-opacity: 1;
  background-color: #FFD6DD;
  background-color: rgba(255, 214, 221, var(--bg-opacity));
}

.bg-red-300 {
  --bg-opacity: 1;
  background-color: #fea8b8;
  background-color: rgba(254, 168, 184, var(--bg-opacity));
}

.bg-red-400 {
  --bg-opacity: 1;
  background-color: #f66c86;
  background-color: rgba(246, 108, 134, var(--bg-opacity));
}

.bg-red-500 {
  --bg-opacity: 1;
  background-color: #ed3457;
  background-color: rgba(237, 52, 87, var(--bg-opacity));
}

.bg-red-600 {
  --bg-opacity: 1;
  background-color: #e4002b;
  background-color: rgba(228, 0, 43, var(--bg-opacity));
}

.bg-red-700 {
  --bg-opacity: 1;
  background-color: #c60025;
  background-color: rgba(198, 0, 37, var(--bg-opacity));
}

.bg-red-800 {
  --bg-opacity: 1;
  background-color: #a8001f;
  background-color: rgba(168, 0, 31, var(--bg-opacity));
}

.bg-red-900 {
  --bg-opacity: 1;
  background-color: #8a0019;
  background-color: rgba(138, 0, 25, var(--bg-opacity));
}

.bg-sapphire-100 {
  --bg-opacity: 1;
  background-color: #f2fcff;
  background-color: rgba(242, 252, 255, var(--bg-opacity));
}

.bg-sapphire-200 {
  --bg-opacity: 1;
  background-color: #d0eff8;
  background-color: rgba(208, 239, 248, var(--bg-opacity));
}

.bg-sapphire-300 {
  --bg-opacity: 1;
  background-color: #afe2f1;
  background-color: rgba(175, 226, 241, var(--bg-opacity));
}

.bg-sapphire-400 {
  --bg-opacity: 1;
  background-color: #79c8de;
  background-color: rgba(121, 200, 222, var(--bg-opacity));
}

.bg-sapphire-500 {
  --bg-opacity: 1;
  background-color: #4aafcc;
  background-color: rgba(74, 175, 204, var(--bg-opacity));
}

.bg-sapphire-600 {
  --bg-opacity: 1;
  background-color: #2197b9;
  background-color: rgba(33, 151, 185, var(--bg-opacity));
}

.bg-sapphire-700 {
  --bg-opacity: 1;
  background-color: #0081a6;
  background-color: rgba(0, 129, 166, var(--bg-opacity));
}

.bg-sapphire-800 {
  --bg-opacity: 1;
  background-color: #006580;
  background-color: rgba(0, 101, 128, var(--bg-opacity));
}

.bg-sapphire-900 {
  --bg-opacity: 1;
  background-color: #004759;
  background-color: rgba(0, 71, 89, var(--bg-opacity));
}

.bg-teal-100 {
  --bg-opacity: 1;
  background-color: #f2fffe;
  background-color: rgba(242, 255, 254, var(--bg-opacity));
}

.bg-teal-200 {
  --bg-opacity: 1;
  background-color: #c6f7f4;
  background-color: rgba(198, 247, 244, var(--bg-opacity));
}

.bg-teal-300 {
  --bg-opacity: 1;
  background-color: #9befea;
  background-color: rgba(155, 239, 234, var(--bg-opacity));
}

.bg-teal-400 {
  --bg-opacity: 1;
  background-color: #5fdad4;
  background-color: rgba(95, 218, 212, var(--bg-opacity));
}

.bg-teal-500 {
  --bg-opacity: 1;
  background-color: #2bc6be;
  background-color: rgba(43, 198, 190, var(--bg-opacity));
}

.bg-teal-600 {
  --bg-opacity: 1;
  background-color: #00b2a9;
  background-color: rgba(0, 178, 169, var(--bg-opacity));
}

.bg-teal-700 {
  --bg-opacity: 1;
  background-color: #00948c;
  background-color: rgba(0, 148, 140, var(--bg-opacity));
}

.bg-teal-800 {
  --bg-opacity: 1;
  background-color: #00756f;
  background-color: rgba(0, 117, 111, var(--bg-opacity));
}

.bg-teal-900 {
  --bg-opacity: 1;
  background-color: #005752;
  background-color: rgba(0, 87, 82, var(--bg-opacity));
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.bg-white-a10 {
  background-color: rgba(255, 255, 255, 0.1);
}

.bg-white-a20 {
  background-color: rgba(255, 255, 255, 0.2);
}

.bg-white-a30 {
  background-color: rgba(255, 255, 255, 0.3);
}

.bg-white-a40 {
  background-color: rgba(255, 255, 255, 0.4);
}

.bg-white-a50 {
  background-color: rgba(255, 255, 255, 0.5);
}

.bg-white-a60 {
  background-color: rgba(255, 255, 255, 0.6);
}

.bg-white-a70 {
  background-color: rgba(255, 255, 255, 0.7);
}

.bg-white-a80 {
  background-color: rgba(255, 255, 255, 0.8);
}

.bg-white-a90 {
  background-color: rgba(255, 255, 255, 0.9);
}

.bg-yellow-100 {
  --bg-opacity: 1;
  background-color: #FFF9E8;
  background-color: rgba(255, 249, 232, var(--bg-opacity));
}

.bg-yellow-200 {
  --bg-opacity: 1;
  background-color: #FFF1BD;
  background-color: rgba(255, 241, 189, var(--bg-opacity));
}

.bg-yellow-300 {
  --bg-opacity: 1;
  background-color: #FFEA90;
  background-color: rgba(255, 234, 144, var(--bg-opacity));
}

.bg-yellow-400 {
  --bg-opacity: 1;
  background-color: #FFD146;
  background-color: rgba(255, 209, 70, var(--bg-opacity));
}

.bg-yellow-500 {
  --bg-opacity: 1;
  background-color: #FEBA00;
  background-color: rgba(254, 186, 0, var(--bg-opacity));
}

.bg-yellow-600 {
  --bg-opacity: 1;
  background-color: #D49A00;
  background-color: rgba(212, 154, 0, var(--bg-opacity));
}

.bg-yellow-700 {
  --bg-opacity: 1;
  background-color: #AA7A00;
  background-color: rgba(170, 122, 0, var(--bg-opacity));
}

.bg-yellow-800 {
  --bg-opacity: 1;
  background-color: #815B00;
  background-color: rgba(129, 91, 0, var(--bg-opacity));
}

.bg-yellow-900 {
  --bg-opacity: 1;
  background-color: #573D00;
  background-color: rgba(87, 61, 0, var(--bg-opacity));
}

.hover\:bg-black:hover {
  --bg-opacity: 1;
  background-color: #333333;
  background-color: rgba(51, 51, 51, var(--bg-opacity));
}

.hover\:bg-blue-100:hover {
  --bg-opacity: 1;
  background-color: #f2f8ff;
  background-color: rgba(242, 248, 255, var(--bg-opacity));
}

.hover\:bg-blue-150:hover {
  --bg-opacity: 1;
  background-color: #E6EFFB;
  background-color: rgba(230, 239, 251, var(--bg-opacity));
}

.hover\:bg-blue-200:hover {
  --bg-opacity: 1;
  background-color: #d6e3f4;
  background-color: rgba(214, 227, 244, var(--bg-opacity));
}

.hover\:bg-blue-300:hover {
  --bg-opacity: 1;
  background-color: #bbcfea;
  background-color: rgba(187, 207, 234, var(--bg-opacity));
}

.hover\:bg-blue-400:hover {
  --bg-opacity: 1;
  background-color: #8dabd4;
  background-color: rgba(141, 171, 212, var(--bg-opacity));
}

.hover\:bg-blue-500:hover {
  --bg-opacity: 1;
  background-color: #648abf;
  background-color: rgba(100, 138, 191, var(--bg-opacity));
}

.hover\:bg-blue-600:hover {
  --bg-opacity: 1;
  background-color: #426da9;
  background-color: rgba(66, 109, 169, var(--bg-opacity));
}

.hover\:bg-blue-700:hover {
  --bg-opacity: 1;
  background-color: #1d4f91;
  background-color: rgba(29, 79, 145, var(--bg-opacity));
}

.hover\:bg-blue-800:hover {
  --bg-opacity: 1;
  background-color: #123f7a;
  background-color: rgba(18, 63, 122, var(--bg-opacity));
}

.hover\:bg-blue-900:hover {
  --bg-opacity: 1;
  background-color: #0a3163;
  background-color: rgba(10, 49, 99, var(--bg-opacity));
}

.hover\:bg-gray-100:hover {
  --bg-opacity: 1;
  background-color: #f6f6f6;
  background-color: rgba(246, 246, 246, var(--bg-opacity));
}

.hover\:bg-gray-200:hover {
  --bg-opacity: 1;
  background-color: #eaeaea;
  background-color: rgba(234, 234, 234, var(--bg-opacity));
}

.hover\:bg-gray-300:hover {
  --bg-opacity: 1;
  background-color: #d6d6d6;
  background-color: rgba(214, 214, 214, var(--bg-opacity));
}

.hover\:bg-gray-400:hover {
  --bg-opacity: 1;
  background-color: #c1c1c1;
  background-color: rgba(193, 193, 193, var(--bg-opacity));
}

.hover\:bg-gray-500:hover {
  --bg-opacity: 1;
  background-color: #a7a7a7;
  background-color: rgba(167, 167, 167, var(--bg-opacity));
}

.hover\:bg-gray-600:hover {
  --bg-opacity: 1;
  background-color: #8c8c8c;
  background-color: rgba(140, 140, 140, var(--bg-opacity));
}

.hover\:bg-gray-700:hover {
  --bg-opacity: 1;
  background-color: #717171;
  background-color: rgba(113, 113, 113, var(--bg-opacity));
}

.hover\:bg-gray-800:hover {
  --bg-opacity: 1;
  background-color: #585858;
  background-color: rgba(88, 88, 88, var(--bg-opacity));
}

.hover\:bg-gray-900:hover {
  --bg-opacity: 1;
  background-color: #404040;
  background-color: rgba(64, 64, 64, var(--bg-opacity));
}

.hover\:bg-green-100:hover {
  --bg-opacity: 1;
  background-color: #F2FFF5;
  background-color: rgba(242, 255, 245, var(--bg-opacity));
}

.hover\:bg-green-200:hover {
  --bg-opacity: 1;
  background-color: #D0F6DB;
  background-color: rgba(208, 246, 219, var(--bg-opacity));
}

.hover\:bg-green-300:hover {
  --bg-opacity: 1;
  background-color: #9AE8B4;
  background-color: rgba(154, 232, 180, var(--bg-opacity));
}

.hover\:bg-green-400:hover {
  --bg-opacity: 1;
  background-color: #5CD08E;
  background-color: rgba(92, 208, 142, var(--bg-opacity));
}

.hover\:bg-green-500:hover {
  --bg-opacity: 1;
  background-color: #29B769;
  background-color: rgba(41, 183, 105, var(--bg-opacity));
}

.hover\:bg-green-600:hover {
  --bg-opacity: 1;
  background-color: #009f4d;
  background-color: rgba(0, 159, 77, var(--bg-opacity));
}

.hover\:bg-green-700:hover {
  --bg-opacity: 1;
  background-color: #007a3b;
  background-color: rgba(0, 122, 59, var(--bg-opacity));
}

.hover\:bg-green-800:hover {
  --bg-opacity: 1;
  background-color: #00612F;
  background-color: rgba(0, 97, 47, var(--bg-opacity));
}

.hover\:bg-green-900:hover {
  --bg-opacity: 1;
  background-color: #004A24;
  background-color: rgba(0, 74, 36, var(--bg-opacity));
}

.hover\:bg-lime-100:hover {
  --bg-opacity: 1;
  background-color: #fefff2;
  background-color: rgba(254, 255, 242, var(--bg-opacity));
}

.hover\:bg-lime-200:hover {
  --bg-opacity: 1;
  background-color: #f7f9cc;
  background-color: rgba(247, 249, 204, var(--bg-opacity));
}

.hover\:bg-lime-300:hover {
  --bg-opacity: 1;
  background-color: #f0f3a7;
  background-color: rgba(240, 243, 167, var(--bg-opacity));
}

.hover\:bg-lime-400:hover {
  --bg-opacity: 1;
  background-color: #dce26d;
  background-color: rgba(220, 226, 109, var(--bg-opacity));
}

.hover\:bg-lime-500:hover {
  --bg-opacity: 1;
  background-color: #cad03b;
  background-color: rgba(202, 208, 59, var(--bg-opacity));
}

.hover\:bg-lime-600:hover {
  --bg-opacity: 1;
  background-color: #b7bf10;
  background-color: rgba(183, 191, 16, var(--bg-opacity));
}

.hover\:bg-lime-700:hover {
  --bg-opacity: 1;
  background-color: #979e08;
  background-color: rgba(151, 158, 8, var(--bg-opacity));
}

.hover\:bg-lime-800:hover {
  --bg-opacity: 1;
  background-color: #777d03;
  background-color: rgba(119, 125, 3, var(--bg-opacity));
}

.hover\:bg-lime-900:hover {
  --bg-opacity: 1;
  background-color: #575c00;
  background-color: rgba(87, 92, 0, var(--bg-opacity));
}

.hover\:bg-magenta-100:hover {
  --bg-opacity: 1;
  background-color: #fff1fa;
  background-color: rgba(255, 241, 250, var(--bg-opacity));
}

.hover\:bg-magenta-200:hover {
  --bg-opacity: 1;
  background-color: #ffd8f0;
  background-color: rgba(255, 216, 240, var(--bg-opacity));
}

.hover\:bg-magenta-300:hover {
  --bg-opacity: 1;
  background-color: #ffc0e4;
  background-color: rgba(255, 192, 228, var(--bg-opacity));
}

.hover\:bg-magenta-400:hover {
  --bg-opacity: 1;
  background-color: #f790c6;
  background-color: rgba(247, 144, 198, var(--bg-opacity));
}

.hover\:bg-magenta-500:hover {
  --bg-opacity: 1;
  background-color: #ef62a8;
  background-color: rgba(239, 98, 168, var(--bg-opacity));
}

.hover\:bg-magenta-600:hover {
  --bg-opacity: 1;
  background-color: #e63888;
  background-color: rgba(230, 56, 136, var(--bg-opacity));
}

.hover\:bg-magenta-700:hover {
  --bg-opacity: 1;
  background-color: #c41d73;
  background-color: rgba(196, 29, 115, var(--bg-opacity));
}

.hover\:bg-magenta-800:hover {
  --bg-opacity: 1;
  background-color: #a20861;
  background-color: rgba(162, 8, 97, var(--bg-opacity));
}

.hover\:bg-magenta-900:hover {
  --bg-opacity: 1;
  background-color: #800051;
  background-color: rgba(128, 0, 81, var(--bg-opacity));
}

.hover\:bg-orange-100:hover {
  --bg-opacity: 1;
  background-color: #fff9f2;
  background-color: rgba(255, 249, 242, var(--bg-opacity));
}

.hover\:bg-orange-200:hover {
  --bg-opacity: 1;
  background-color: #ffeed7;
  background-color: rgba(255, 238, 215, var(--bg-opacity));
}

.hover\:bg-orange-300:hover {
  --bg-opacity: 1;
  background-color: #ffe3ba;
  background-color: rgba(255, 227, 186, var(--bg-opacity));
}

.hover\:bg-orange-400:hover {
  --bg-opacity: 1;
  background-color: #ffc684;
  background-color: rgba(255, 198, 132, var(--bg-opacity));
}

.hover\:bg-orange-500:hover {
  --bg-opacity: 1;
  background-color: #ffaa4f;
  background-color: rgba(255, 170, 79, var(--bg-opacity));
}

.hover\:bg-orange-600:hover {
  --bg-opacity: 1;
  background-color: #ff8f1c;
  background-color: rgba(255, 143, 28, var(--bg-opacity));
}

.hover\:bg-orange-700:hover {
  --bg-opacity: 1;
  background-color: #cc6e0f;
  background-color: rgba(204, 110, 15, var(--bg-opacity));
}

.hover\:bg-orange-800:hover {
  --bg-opacity: 1;
  background-color: #995006;
  background-color: rgba(153, 80, 6, var(--bg-opacity));
}

.hover\:bg-orange-900:hover {
  --bg-opacity: 1;
  background-color: #663300;
  background-color: rgba(102, 51, 0, var(--bg-opacity));
}

.hover\:bg-purple-100:hover {
  --bg-opacity: 1;
  background-color: #fef2ff;
  background-color: rgba(254, 242, 255, var(--bg-opacity));
}

.hover\:bg-purple-200:hover {
  --bg-opacity: 1;
  background-color: #eed3f1;
  background-color: rgba(238, 211, 241, var(--bg-opacity));
}

.hover\:bg-purple-300:hover {
  --bg-opacity: 1;
  background-color: #dfb6e4;
  background-color: rgba(223, 182, 228, var(--bg-opacity));
}

.hover\:bg-purple-400:hover {
  --bg-opacity: 1;
  background-color: #c186c9;
  background-color: rgba(193, 134, 201, var(--bg-opacity));
}

.hover\:bg-purple-500:hover {
  --bg-opacity: 1;
  background-color: #a45dad;
  background-color: rgba(164, 93, 173, var(--bg-opacity));
}

.hover\:bg-purple-600:hover {
  --bg-opacity: 1;
  background-color: #883b92;
  background-color: rgba(136, 59, 146, var(--bg-opacity));
}

.hover\:bg-purple-700:hover {
  --bg-opacity: 1;
  background-color: #6d2077;
  background-color: rgba(109, 32, 119, var(--bg-opacity));
}

.hover\:bg-purple-800:hover {
  --bg-opacity: 1;
  background-color: #53135b;
  background-color: rgba(83, 19, 91, var(--bg-opacity));
}

.hover\:bg-purple-900:hover {
  --bg-opacity: 1;
  background-color: #390a40;
  background-color: rgba(57, 10, 64, var(--bg-opacity));
}

.hover\:bg-raspberry-100:hover {
  --bg-opacity: 1;
  background-color: #fff0fb;
  background-color: rgba(255, 240, 251, var(--bg-opacity));
}

.hover\:bg-raspberry-200:hover {
  --bg-opacity: 1;
  background-color: #f6cbea;
  background-color: rgba(246, 203, 234, var(--bg-opacity));
}

.hover\:bg-raspberry-300:hover {
  --bg-opacity: 1;
  background-color: #eda7da;
  background-color: rgba(237, 167, 218, var(--bg-opacity));
}

.hover\:bg-raspberry-400:hover {
  --bg-opacity: 1;
  background-color: #d86fbc;
  background-color: rgba(216, 111, 188, var(--bg-opacity));
}

.hover\:bg-raspberry-500:hover {
  --bg-opacity: 1;
  background-color: #c43e9f;
  background-color: rgba(196, 62, 159, var(--bg-opacity));
}

.hover\:bg-raspberry-600:hover {
  --bg-opacity: 1;
  background-color: #af1685;
  background-color: rgba(175, 22, 133, var(--bg-opacity));
}

.hover\:bg-raspberry-700:hover {
  --bg-opacity: 1;
  background-color: #92086d;
  background-color: rgba(146, 8, 109, var(--bg-opacity));
}

.hover\:bg-raspberry-800:hover {
  --bg-opacity: 1;
  background-color: #760056;
  background-color: rgba(118, 0, 86, var(--bg-opacity));
}

.hover\:bg-raspberry-900:hover {
  --bg-opacity: 1;
  background-color: #570041;
  background-color: rgba(87, 0, 65, var(--bg-opacity));
}

.hover\:bg-red-100:hover {
  --bg-opacity: 1;
  background-color: #fff0f3;
  background-color: rgba(255, 240, 243, var(--bg-opacity));
}

.hover\:bg-red-200:hover {
  --bg-opacity: 1;
  background-color: #FFD6DD;
  background-color: rgba(255, 214, 221, var(--bg-opacity));
}

.hover\:bg-red-300:hover {
  --bg-opacity: 1;
  background-color: #fea8b8;
  background-color: rgba(254, 168, 184, var(--bg-opacity));
}

.hover\:bg-red-400:hover {
  --bg-opacity: 1;
  background-color: #f66c86;
  background-color: rgba(246, 108, 134, var(--bg-opacity));
}

.hover\:bg-red-500:hover {
  --bg-opacity: 1;
  background-color: #ed3457;
  background-color: rgba(237, 52, 87, var(--bg-opacity));
}

.hover\:bg-red-600:hover {
  --bg-opacity: 1;
  background-color: #e4002b;
  background-color: rgba(228, 0, 43, var(--bg-opacity));
}

.hover\:bg-red-700:hover {
  --bg-opacity: 1;
  background-color: #c60025;
  background-color: rgba(198, 0, 37, var(--bg-opacity));
}

.hover\:bg-red-800:hover {
  --bg-opacity: 1;
  background-color: #a8001f;
  background-color: rgba(168, 0, 31, var(--bg-opacity));
}

.hover\:bg-red-900:hover {
  --bg-opacity: 1;
  background-color: #8a0019;
  background-color: rgba(138, 0, 25, var(--bg-opacity));
}

.hover\:bg-sapphire-100:hover {
  --bg-opacity: 1;
  background-color: #f2fcff;
  background-color: rgba(242, 252, 255, var(--bg-opacity));
}

.hover\:bg-sapphire-200:hover {
  --bg-opacity: 1;
  background-color: #d0eff8;
  background-color: rgba(208, 239, 248, var(--bg-opacity));
}

.hover\:bg-sapphire-300:hover {
  --bg-opacity: 1;
  background-color: #afe2f1;
  background-color: rgba(175, 226, 241, var(--bg-opacity));
}

.hover\:bg-sapphire-400:hover {
  --bg-opacity: 1;
  background-color: #79c8de;
  background-color: rgba(121, 200, 222, var(--bg-opacity));
}

.hover\:bg-sapphire-500:hover {
  --bg-opacity: 1;
  background-color: #4aafcc;
  background-color: rgba(74, 175, 204, var(--bg-opacity));
}

.hover\:bg-sapphire-600:hover {
  --bg-opacity: 1;
  background-color: #2197b9;
  background-color: rgba(33, 151, 185, var(--bg-opacity));
}

.hover\:bg-sapphire-700:hover {
  --bg-opacity: 1;
  background-color: #0081a6;
  background-color: rgba(0, 129, 166, var(--bg-opacity));
}

.hover\:bg-sapphire-800:hover {
  --bg-opacity: 1;
  background-color: #006580;
  background-color: rgba(0, 101, 128, var(--bg-opacity));
}

.hover\:bg-sapphire-900:hover {
  --bg-opacity: 1;
  background-color: #004759;
  background-color: rgba(0, 71, 89, var(--bg-opacity));
}

.hover\:bg-teal-100:hover {
  --bg-opacity: 1;
  background-color: #f2fffe;
  background-color: rgba(242, 255, 254, var(--bg-opacity));
}

.hover\:bg-teal-200:hover {
  --bg-opacity: 1;
  background-color: #c6f7f4;
  background-color: rgba(198, 247, 244, var(--bg-opacity));
}

.hover\:bg-teal-300:hover {
  --bg-opacity: 1;
  background-color: #9befea;
  background-color: rgba(155, 239, 234, var(--bg-opacity));
}

.hover\:bg-teal-400:hover {
  --bg-opacity: 1;
  background-color: #5fdad4;
  background-color: rgba(95, 218, 212, var(--bg-opacity));
}

.hover\:bg-teal-500:hover {
  --bg-opacity: 1;
  background-color: #2bc6be;
  background-color: rgba(43, 198, 190, var(--bg-opacity));
}

.hover\:bg-teal-600:hover {
  --bg-opacity: 1;
  background-color: #00b2a9;
  background-color: rgba(0, 178, 169, var(--bg-opacity));
}

.hover\:bg-teal-700:hover {
  --bg-opacity: 1;
  background-color: #00948c;
  background-color: rgba(0, 148, 140, var(--bg-opacity));
}

.hover\:bg-teal-800:hover {
  --bg-opacity: 1;
  background-color: #00756f;
  background-color: rgba(0, 117, 111, var(--bg-opacity));
}

.hover\:bg-teal-900:hover {
  --bg-opacity: 1;
  background-color: #005752;
  background-color: rgba(0, 87, 82, var(--bg-opacity));
}

.hover\:bg-transparent:hover {
  background-color: transparent;
}

.hover\:bg-white:hover {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.hover\:bg-white-a10:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.hover\:bg-white-a20:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.hover\:bg-white-a30:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

.hover\:bg-white-a40:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

.hover\:bg-white-a50:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.hover\:bg-white-a60:hover {
  background-color: rgba(255, 255, 255, 0.6);
}

.hover\:bg-white-a70:hover {
  background-color: rgba(255, 255, 255, 0.7);
}

.hover\:bg-white-a80:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

.hover\:bg-white-a90:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

.hover\:bg-yellow-100:hover {
  --bg-opacity: 1;
  background-color: #FFF9E8;
  background-color: rgba(255, 249, 232, var(--bg-opacity));
}

.hover\:bg-yellow-200:hover {
  --bg-opacity: 1;
  background-color: #FFF1BD;
  background-color: rgba(255, 241, 189, var(--bg-opacity));
}

.hover\:bg-yellow-300:hover {
  --bg-opacity: 1;
  background-color: #FFEA90;
  background-color: rgba(255, 234, 144, var(--bg-opacity));
}

.hover\:bg-yellow-400:hover {
  --bg-opacity: 1;
  background-color: #FFD146;
  background-color: rgba(255, 209, 70, var(--bg-opacity));
}

.hover\:bg-yellow-500:hover {
  --bg-opacity: 1;
  background-color: #FEBA00;
  background-color: rgba(254, 186, 0, var(--bg-opacity));
}

.hover\:bg-yellow-600:hover {
  --bg-opacity: 1;
  background-color: #D49A00;
  background-color: rgba(212, 154, 0, var(--bg-opacity));
}

.hover\:bg-yellow-700:hover {
  --bg-opacity: 1;
  background-color: #AA7A00;
  background-color: rgba(170, 122, 0, var(--bg-opacity));
}

.hover\:bg-yellow-800:hover {
  --bg-opacity: 1;
  background-color: #815B00;
  background-color: rgba(129, 91, 0, var(--bg-opacity));
}

.hover\:bg-yellow-900:hover {
  --bg-opacity: 1;
  background-color: #573D00;
  background-color: rgba(87, 61, 0, var(--bg-opacity));
}

.focus\:bg-black:focus {
  --bg-opacity: 1;
  background-color: #333333;
  background-color: rgba(51, 51, 51, var(--bg-opacity));
}

.focus\:bg-blue-100:focus {
  --bg-opacity: 1;
  background-color: #f2f8ff;
  background-color: rgba(242, 248, 255, var(--bg-opacity));
}

.focus\:bg-blue-150:focus {
  --bg-opacity: 1;
  background-color: #E6EFFB;
  background-color: rgba(230, 239, 251, var(--bg-opacity));
}

.focus\:bg-blue-200:focus {
  --bg-opacity: 1;
  background-color: #d6e3f4;
  background-color: rgba(214, 227, 244, var(--bg-opacity));
}

.focus\:bg-blue-300:focus {
  --bg-opacity: 1;
  background-color: #bbcfea;
  background-color: rgba(187, 207, 234, var(--bg-opacity));
}

.focus\:bg-blue-400:focus {
  --bg-opacity: 1;
  background-color: #8dabd4;
  background-color: rgba(141, 171, 212, var(--bg-opacity));
}

.focus\:bg-blue-500:focus {
  --bg-opacity: 1;
  background-color: #648abf;
  background-color: rgba(100, 138, 191, var(--bg-opacity));
}

.focus\:bg-blue-600:focus {
  --bg-opacity: 1;
  background-color: #426da9;
  background-color: rgba(66, 109, 169, var(--bg-opacity));
}

.focus\:bg-blue-700:focus {
  --bg-opacity: 1;
  background-color: #1d4f91;
  background-color: rgba(29, 79, 145, var(--bg-opacity));
}

.focus\:bg-blue-800:focus {
  --bg-opacity: 1;
  background-color: #123f7a;
  background-color: rgba(18, 63, 122, var(--bg-opacity));
}

.focus\:bg-blue-900:focus {
  --bg-opacity: 1;
  background-color: #0a3163;
  background-color: rgba(10, 49, 99, var(--bg-opacity));
}

.focus\:bg-gray-100:focus {
  --bg-opacity: 1;
  background-color: #f6f6f6;
  background-color: rgba(246, 246, 246, var(--bg-opacity));
}

.focus\:bg-gray-200:focus {
  --bg-opacity: 1;
  background-color: #eaeaea;
  background-color: rgba(234, 234, 234, var(--bg-opacity));
}

.focus\:bg-gray-300:focus {
  --bg-opacity: 1;
  background-color: #d6d6d6;
  background-color: rgba(214, 214, 214, var(--bg-opacity));
}

.focus\:bg-gray-400:focus {
  --bg-opacity: 1;
  background-color: #c1c1c1;
  background-color: rgba(193, 193, 193, var(--bg-opacity));
}

.focus\:bg-gray-500:focus {
  --bg-opacity: 1;
  background-color: #a7a7a7;
  background-color: rgba(167, 167, 167, var(--bg-opacity));
}

.focus\:bg-gray-600:focus {
  --bg-opacity: 1;
  background-color: #8c8c8c;
  background-color: rgba(140, 140, 140, var(--bg-opacity));
}

.focus\:bg-gray-700:focus {
  --bg-opacity: 1;
  background-color: #717171;
  background-color: rgba(113, 113, 113, var(--bg-opacity));
}

.focus\:bg-gray-800:focus {
  --bg-opacity: 1;
  background-color: #585858;
  background-color: rgba(88, 88, 88, var(--bg-opacity));
}

.focus\:bg-gray-900:focus {
  --bg-opacity: 1;
  background-color: #404040;
  background-color: rgba(64, 64, 64, var(--bg-opacity));
}

.focus\:bg-green-100:focus {
  --bg-opacity: 1;
  background-color: #F2FFF5;
  background-color: rgba(242, 255, 245, var(--bg-opacity));
}

.focus\:bg-green-200:focus {
  --bg-opacity: 1;
  background-color: #D0F6DB;
  background-color: rgba(208, 246, 219, var(--bg-opacity));
}

.focus\:bg-green-300:focus {
  --bg-opacity: 1;
  background-color: #9AE8B4;
  background-color: rgba(154, 232, 180, var(--bg-opacity));
}

.focus\:bg-green-400:focus {
  --bg-opacity: 1;
  background-color: #5CD08E;
  background-color: rgba(92, 208, 142, var(--bg-opacity));
}

.focus\:bg-green-500:focus {
  --bg-opacity: 1;
  background-color: #29B769;
  background-color: rgba(41, 183, 105, var(--bg-opacity));
}

.focus\:bg-green-600:focus {
  --bg-opacity: 1;
  background-color: #009f4d;
  background-color: rgba(0, 159, 77, var(--bg-opacity));
}

.focus\:bg-green-700:focus {
  --bg-opacity: 1;
  background-color: #007a3b;
  background-color: rgba(0, 122, 59, var(--bg-opacity));
}

.focus\:bg-green-800:focus {
  --bg-opacity: 1;
  background-color: #00612F;
  background-color: rgba(0, 97, 47, var(--bg-opacity));
}

.focus\:bg-green-900:focus {
  --bg-opacity: 1;
  background-color: #004A24;
  background-color: rgba(0, 74, 36, var(--bg-opacity));
}

.focus\:bg-lime-100:focus {
  --bg-opacity: 1;
  background-color: #fefff2;
  background-color: rgba(254, 255, 242, var(--bg-opacity));
}

.focus\:bg-lime-200:focus {
  --bg-opacity: 1;
  background-color: #f7f9cc;
  background-color: rgba(247, 249, 204, var(--bg-opacity));
}

.focus\:bg-lime-300:focus {
  --bg-opacity: 1;
  background-color: #f0f3a7;
  background-color: rgba(240, 243, 167, var(--bg-opacity));
}

.focus\:bg-lime-400:focus {
  --bg-opacity: 1;
  background-color: #dce26d;
  background-color: rgba(220, 226, 109, var(--bg-opacity));
}

.focus\:bg-lime-500:focus {
  --bg-opacity: 1;
  background-color: #cad03b;
  background-color: rgba(202, 208, 59, var(--bg-opacity));
}

.focus\:bg-lime-600:focus {
  --bg-opacity: 1;
  background-color: #b7bf10;
  background-color: rgba(183, 191, 16, var(--bg-opacity));
}

.focus\:bg-lime-700:focus {
  --bg-opacity: 1;
  background-color: #979e08;
  background-color: rgba(151, 158, 8, var(--bg-opacity));
}

.focus\:bg-lime-800:focus {
  --bg-opacity: 1;
  background-color: #777d03;
  background-color: rgba(119, 125, 3, var(--bg-opacity));
}

.focus\:bg-lime-900:focus {
  --bg-opacity: 1;
  background-color: #575c00;
  background-color: rgba(87, 92, 0, var(--bg-opacity));
}

.focus\:bg-magenta-100:focus {
  --bg-opacity: 1;
  background-color: #fff1fa;
  background-color: rgba(255, 241, 250, var(--bg-opacity));
}

.focus\:bg-magenta-200:focus {
  --bg-opacity: 1;
  background-color: #ffd8f0;
  background-color: rgba(255, 216, 240, var(--bg-opacity));
}

.focus\:bg-magenta-300:focus {
  --bg-opacity: 1;
  background-color: #ffc0e4;
  background-color: rgba(255, 192, 228, var(--bg-opacity));
}

.focus\:bg-magenta-400:focus {
  --bg-opacity: 1;
  background-color: #f790c6;
  background-color: rgba(247, 144, 198, var(--bg-opacity));
}

.focus\:bg-magenta-500:focus {
  --bg-opacity: 1;
  background-color: #ef62a8;
  background-color: rgba(239, 98, 168, var(--bg-opacity));
}

.focus\:bg-magenta-600:focus {
  --bg-opacity: 1;
  background-color: #e63888;
  background-color: rgba(230, 56, 136, var(--bg-opacity));
}

.focus\:bg-magenta-700:focus {
  --bg-opacity: 1;
  background-color: #c41d73;
  background-color: rgba(196, 29, 115, var(--bg-opacity));
}

.focus\:bg-magenta-800:focus {
  --bg-opacity: 1;
  background-color: #a20861;
  background-color: rgba(162, 8, 97, var(--bg-opacity));
}

.focus\:bg-magenta-900:focus {
  --bg-opacity: 1;
  background-color: #800051;
  background-color: rgba(128, 0, 81, var(--bg-opacity));
}

.focus\:bg-orange-100:focus {
  --bg-opacity: 1;
  background-color: #fff9f2;
  background-color: rgba(255, 249, 242, var(--bg-opacity));
}

.focus\:bg-orange-200:focus {
  --bg-opacity: 1;
  background-color: #ffeed7;
  background-color: rgba(255, 238, 215, var(--bg-opacity));
}

.focus\:bg-orange-300:focus {
  --bg-opacity: 1;
  background-color: #ffe3ba;
  background-color: rgba(255, 227, 186, var(--bg-opacity));
}

.focus\:bg-orange-400:focus {
  --bg-opacity: 1;
  background-color: #ffc684;
  background-color: rgba(255, 198, 132, var(--bg-opacity));
}

.focus\:bg-orange-500:focus {
  --bg-opacity: 1;
  background-color: #ffaa4f;
  background-color: rgba(255, 170, 79, var(--bg-opacity));
}

.focus\:bg-orange-600:focus {
  --bg-opacity: 1;
  background-color: #ff8f1c;
  background-color: rgba(255, 143, 28, var(--bg-opacity));
}

.focus\:bg-orange-700:focus {
  --bg-opacity: 1;
  background-color: #cc6e0f;
  background-color: rgba(204, 110, 15, var(--bg-opacity));
}

.focus\:bg-orange-800:focus {
  --bg-opacity: 1;
  background-color: #995006;
  background-color: rgba(153, 80, 6, var(--bg-opacity));
}

.focus\:bg-orange-900:focus {
  --bg-opacity: 1;
  background-color: #663300;
  background-color: rgba(102, 51, 0, var(--bg-opacity));
}

.focus\:bg-purple-100:focus {
  --bg-opacity: 1;
  background-color: #fef2ff;
  background-color: rgba(254, 242, 255, var(--bg-opacity));
}

.focus\:bg-purple-200:focus {
  --bg-opacity: 1;
  background-color: #eed3f1;
  background-color: rgba(238, 211, 241, var(--bg-opacity));
}

.focus\:bg-purple-300:focus {
  --bg-opacity: 1;
  background-color: #dfb6e4;
  background-color: rgba(223, 182, 228, var(--bg-opacity));
}

.focus\:bg-purple-400:focus {
  --bg-opacity: 1;
  background-color: #c186c9;
  background-color: rgba(193, 134, 201, var(--bg-opacity));
}

.focus\:bg-purple-500:focus {
  --bg-opacity: 1;
  background-color: #a45dad;
  background-color: rgba(164, 93, 173, var(--bg-opacity));
}

.focus\:bg-purple-600:focus {
  --bg-opacity: 1;
  background-color: #883b92;
  background-color: rgba(136, 59, 146, var(--bg-opacity));
}

.focus\:bg-purple-700:focus {
  --bg-opacity: 1;
  background-color: #6d2077;
  background-color: rgba(109, 32, 119, var(--bg-opacity));
}

.focus\:bg-purple-800:focus {
  --bg-opacity: 1;
  background-color: #53135b;
  background-color: rgba(83, 19, 91, var(--bg-opacity));
}

.focus\:bg-purple-900:focus {
  --bg-opacity: 1;
  background-color: #390a40;
  background-color: rgba(57, 10, 64, var(--bg-opacity));
}

.focus\:bg-raspberry-100:focus {
  --bg-opacity: 1;
  background-color: #fff0fb;
  background-color: rgba(255, 240, 251, var(--bg-opacity));
}

.focus\:bg-raspberry-200:focus {
  --bg-opacity: 1;
  background-color: #f6cbea;
  background-color: rgba(246, 203, 234, var(--bg-opacity));
}

.focus\:bg-raspberry-300:focus {
  --bg-opacity: 1;
  background-color: #eda7da;
  background-color: rgba(237, 167, 218, var(--bg-opacity));
}

.focus\:bg-raspberry-400:focus {
  --bg-opacity: 1;
  background-color: #d86fbc;
  background-color: rgba(216, 111, 188, var(--bg-opacity));
}

.focus\:bg-raspberry-500:focus {
  --bg-opacity: 1;
  background-color: #c43e9f;
  background-color: rgba(196, 62, 159, var(--bg-opacity));
}

.focus\:bg-raspberry-600:focus {
  --bg-opacity: 1;
  background-color: #af1685;
  background-color: rgba(175, 22, 133, var(--bg-opacity));
}

.focus\:bg-raspberry-700:focus {
  --bg-opacity: 1;
  background-color: #92086d;
  background-color: rgba(146, 8, 109, var(--bg-opacity));
}

.focus\:bg-raspberry-800:focus {
  --bg-opacity: 1;
  background-color: #760056;
  background-color: rgba(118, 0, 86, var(--bg-opacity));
}

.focus\:bg-raspberry-900:focus {
  --bg-opacity: 1;
  background-color: #570041;
  background-color: rgba(87, 0, 65, var(--bg-opacity));
}

.focus\:bg-red-100:focus {
  --bg-opacity: 1;
  background-color: #fff0f3;
  background-color: rgba(255, 240, 243, var(--bg-opacity));
}

.focus\:bg-red-200:focus {
  --bg-opacity: 1;
  background-color: #FFD6DD;
  background-color: rgba(255, 214, 221, var(--bg-opacity));
}

.focus\:bg-red-300:focus {
  --bg-opacity: 1;
  background-color: #fea8b8;
  background-color: rgba(254, 168, 184, var(--bg-opacity));
}

.focus\:bg-red-400:focus {
  --bg-opacity: 1;
  background-color: #f66c86;
  background-color: rgba(246, 108, 134, var(--bg-opacity));
}

.focus\:bg-red-500:focus {
  --bg-opacity: 1;
  background-color: #ed3457;
  background-color: rgba(237, 52, 87, var(--bg-opacity));
}

.focus\:bg-red-600:focus {
  --bg-opacity: 1;
  background-color: #e4002b;
  background-color: rgba(228, 0, 43, var(--bg-opacity));
}

.focus\:bg-red-700:focus {
  --bg-opacity: 1;
  background-color: #c60025;
  background-color: rgba(198, 0, 37, var(--bg-opacity));
}

.focus\:bg-red-800:focus {
  --bg-opacity: 1;
  background-color: #a8001f;
  background-color: rgba(168, 0, 31, var(--bg-opacity));
}

.focus\:bg-red-900:focus {
  --bg-opacity: 1;
  background-color: #8a0019;
  background-color: rgba(138, 0, 25, var(--bg-opacity));
}

.focus\:bg-sapphire-100:focus {
  --bg-opacity: 1;
  background-color: #f2fcff;
  background-color: rgba(242, 252, 255, var(--bg-opacity));
}

.focus\:bg-sapphire-200:focus {
  --bg-opacity: 1;
  background-color: #d0eff8;
  background-color: rgba(208, 239, 248, var(--bg-opacity));
}

.focus\:bg-sapphire-300:focus {
  --bg-opacity: 1;
  background-color: #afe2f1;
  background-color: rgba(175, 226, 241, var(--bg-opacity));
}

.focus\:bg-sapphire-400:focus {
  --bg-opacity: 1;
  background-color: #79c8de;
  background-color: rgba(121, 200, 222, var(--bg-opacity));
}

.focus\:bg-sapphire-500:focus {
  --bg-opacity: 1;
  background-color: #4aafcc;
  background-color: rgba(74, 175, 204, var(--bg-opacity));
}

.focus\:bg-sapphire-600:focus {
  --bg-opacity: 1;
  background-color: #2197b9;
  background-color: rgba(33, 151, 185, var(--bg-opacity));
}

.focus\:bg-sapphire-700:focus {
  --bg-opacity: 1;
  background-color: #0081a6;
  background-color: rgba(0, 129, 166, var(--bg-opacity));
}

.focus\:bg-sapphire-800:focus {
  --bg-opacity: 1;
  background-color: #006580;
  background-color: rgba(0, 101, 128, var(--bg-opacity));
}

.focus\:bg-sapphire-900:focus {
  --bg-opacity: 1;
  background-color: #004759;
  background-color: rgba(0, 71, 89, var(--bg-opacity));
}

.focus\:bg-teal-100:focus {
  --bg-opacity: 1;
  background-color: #f2fffe;
  background-color: rgba(242, 255, 254, var(--bg-opacity));
}

.focus\:bg-teal-200:focus {
  --bg-opacity: 1;
  background-color: #c6f7f4;
  background-color: rgba(198, 247, 244, var(--bg-opacity));
}

.focus\:bg-teal-300:focus {
  --bg-opacity: 1;
  background-color: #9befea;
  background-color: rgba(155, 239, 234, var(--bg-opacity));
}

.focus\:bg-teal-400:focus {
  --bg-opacity: 1;
  background-color: #5fdad4;
  background-color: rgba(95, 218, 212, var(--bg-opacity));
}

.focus\:bg-teal-500:focus {
  --bg-opacity: 1;
  background-color: #2bc6be;
  background-color: rgba(43, 198, 190, var(--bg-opacity));
}

.focus\:bg-teal-600:focus {
  --bg-opacity: 1;
  background-color: #00b2a9;
  background-color: rgba(0, 178, 169, var(--bg-opacity));
}

.focus\:bg-teal-700:focus {
  --bg-opacity: 1;
  background-color: #00948c;
  background-color: rgba(0, 148, 140, var(--bg-opacity));
}

.focus\:bg-teal-800:focus {
  --bg-opacity: 1;
  background-color: #00756f;
  background-color: rgba(0, 117, 111, var(--bg-opacity));
}

.focus\:bg-teal-900:focus {
  --bg-opacity: 1;
  background-color: #005752;
  background-color: rgba(0, 87, 82, var(--bg-opacity));
}

.focus\:bg-transparent:focus {
  background-color: transparent;
}

.focus\:bg-white:focus {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.focus\:bg-white-a10:focus {
  background-color: rgba(255, 255, 255, 0.1);
}

.focus\:bg-white-a20:focus {
  background-color: rgba(255, 255, 255, 0.2);
}

.focus\:bg-white-a30:focus {
  background-color: rgba(255, 255, 255, 0.3);
}

.focus\:bg-white-a40:focus {
  background-color: rgba(255, 255, 255, 0.4);
}

.focus\:bg-white-a50:focus {
  background-color: rgba(255, 255, 255, 0.5);
}

.focus\:bg-white-a60:focus {
  background-color: rgba(255, 255, 255, 0.6);
}

.focus\:bg-white-a70:focus {
  background-color: rgba(255, 255, 255, 0.7);
}

.focus\:bg-white-a80:focus {
  background-color: rgba(255, 255, 255, 0.8);
}

.focus\:bg-white-a90:focus {
  background-color: rgba(255, 255, 255, 0.9);
}

.focus\:bg-yellow-100:focus {
  --bg-opacity: 1;
  background-color: #FFF9E8;
  background-color: rgba(255, 249, 232, var(--bg-opacity));
}

.focus\:bg-yellow-200:focus {
  --bg-opacity: 1;
  background-color: #FFF1BD;
  background-color: rgba(255, 241, 189, var(--bg-opacity));
}

.focus\:bg-yellow-300:focus {
  --bg-opacity: 1;
  background-color: #FFEA90;
  background-color: rgba(255, 234, 144, var(--bg-opacity));
}

.focus\:bg-yellow-400:focus {
  --bg-opacity: 1;
  background-color: #FFD146;
  background-color: rgba(255, 209, 70, var(--bg-opacity));
}

.focus\:bg-yellow-500:focus {
  --bg-opacity: 1;
  background-color: #FEBA00;
  background-color: rgba(254, 186, 0, var(--bg-opacity));
}

.focus\:bg-yellow-600:focus {
  --bg-opacity: 1;
  background-color: #D49A00;
  background-color: rgba(212, 154, 0, var(--bg-opacity));
}

.focus\:bg-yellow-700:focus {
  --bg-opacity: 1;
  background-color: #AA7A00;
  background-color: rgba(170, 122, 0, var(--bg-opacity));
}

.focus\:bg-yellow-800:focus {
  --bg-opacity: 1;
  background-color: #815B00;
  background-color: rgba(129, 91, 0, var(--bg-opacity));
}

.focus\:bg-yellow-900:focus {
  --bg-opacity: 1;
  background-color: #573D00;
  background-color: rgba(87, 61, 0, var(--bg-opacity));
}

.active\:bg-black:active {
  --bg-opacity: 1;
  background-color: #333333;
  background-color: rgba(51, 51, 51, var(--bg-opacity));
}

.active\:bg-blue-100:active {
  --bg-opacity: 1;
  background-color: #f2f8ff;
  background-color: rgba(242, 248, 255, var(--bg-opacity));
}

.active\:bg-blue-150:active {
  --bg-opacity: 1;
  background-color: #E6EFFB;
  background-color: rgba(230, 239, 251, var(--bg-opacity));
}

.active\:bg-blue-200:active {
  --bg-opacity: 1;
  background-color: #d6e3f4;
  background-color: rgba(214, 227, 244, var(--bg-opacity));
}

.active\:bg-blue-300:active {
  --bg-opacity: 1;
  background-color: #bbcfea;
  background-color: rgba(187, 207, 234, var(--bg-opacity));
}

.active\:bg-blue-400:active {
  --bg-opacity: 1;
  background-color: #8dabd4;
  background-color: rgba(141, 171, 212, var(--bg-opacity));
}

.active\:bg-blue-500:active {
  --bg-opacity: 1;
  background-color: #648abf;
  background-color: rgba(100, 138, 191, var(--bg-opacity));
}

.active\:bg-blue-600:active {
  --bg-opacity: 1;
  background-color: #426da9;
  background-color: rgba(66, 109, 169, var(--bg-opacity));
}

.active\:bg-blue-700:active {
  --bg-opacity: 1;
  background-color: #1d4f91;
  background-color: rgba(29, 79, 145, var(--bg-opacity));
}

.active\:bg-blue-800:active {
  --bg-opacity: 1;
  background-color: #123f7a;
  background-color: rgba(18, 63, 122, var(--bg-opacity));
}

.active\:bg-blue-900:active {
  --bg-opacity: 1;
  background-color: #0a3163;
  background-color: rgba(10, 49, 99, var(--bg-opacity));
}

.active\:bg-gray-100:active {
  --bg-opacity: 1;
  background-color: #f6f6f6;
  background-color: rgba(246, 246, 246, var(--bg-opacity));
}

.active\:bg-gray-200:active {
  --bg-opacity: 1;
  background-color: #eaeaea;
  background-color: rgba(234, 234, 234, var(--bg-opacity));
}

.active\:bg-gray-300:active {
  --bg-opacity: 1;
  background-color: #d6d6d6;
  background-color: rgba(214, 214, 214, var(--bg-opacity));
}

.active\:bg-gray-400:active {
  --bg-opacity: 1;
  background-color: #c1c1c1;
  background-color: rgba(193, 193, 193, var(--bg-opacity));
}

.active\:bg-gray-500:active {
  --bg-opacity: 1;
  background-color: #a7a7a7;
  background-color: rgba(167, 167, 167, var(--bg-opacity));
}

.active\:bg-gray-600:active {
  --bg-opacity: 1;
  background-color: #8c8c8c;
  background-color: rgba(140, 140, 140, var(--bg-opacity));
}

.active\:bg-gray-700:active {
  --bg-opacity: 1;
  background-color: #717171;
  background-color: rgba(113, 113, 113, var(--bg-opacity));
}

.active\:bg-gray-800:active {
  --bg-opacity: 1;
  background-color: #585858;
  background-color: rgba(88, 88, 88, var(--bg-opacity));
}

.active\:bg-gray-900:active {
  --bg-opacity: 1;
  background-color: #404040;
  background-color: rgba(64, 64, 64, var(--bg-opacity));
}

.active\:bg-green-100:active {
  --bg-opacity: 1;
  background-color: #F2FFF5;
  background-color: rgba(242, 255, 245, var(--bg-opacity));
}

.active\:bg-green-200:active {
  --bg-opacity: 1;
  background-color: #D0F6DB;
  background-color: rgba(208, 246, 219, var(--bg-opacity));
}

.active\:bg-green-300:active {
  --bg-opacity: 1;
  background-color: #9AE8B4;
  background-color: rgba(154, 232, 180, var(--bg-opacity));
}

.active\:bg-green-400:active {
  --bg-opacity: 1;
  background-color: #5CD08E;
  background-color: rgba(92, 208, 142, var(--bg-opacity));
}

.active\:bg-green-500:active {
  --bg-opacity: 1;
  background-color: #29B769;
  background-color: rgba(41, 183, 105, var(--bg-opacity));
}

.active\:bg-green-600:active {
  --bg-opacity: 1;
  background-color: #009f4d;
  background-color: rgba(0, 159, 77, var(--bg-opacity));
}

.active\:bg-green-700:active {
  --bg-opacity: 1;
  background-color: #007a3b;
  background-color: rgba(0, 122, 59, var(--bg-opacity));
}

.active\:bg-green-800:active {
  --bg-opacity: 1;
  background-color: #00612F;
  background-color: rgba(0, 97, 47, var(--bg-opacity));
}

.active\:bg-green-900:active {
  --bg-opacity: 1;
  background-color: #004A24;
  background-color: rgba(0, 74, 36, var(--bg-opacity));
}

.active\:bg-lime-100:active {
  --bg-opacity: 1;
  background-color: #fefff2;
  background-color: rgba(254, 255, 242, var(--bg-opacity));
}

.active\:bg-lime-200:active {
  --bg-opacity: 1;
  background-color: #f7f9cc;
  background-color: rgba(247, 249, 204, var(--bg-opacity));
}

.active\:bg-lime-300:active {
  --bg-opacity: 1;
  background-color: #f0f3a7;
  background-color: rgba(240, 243, 167, var(--bg-opacity));
}

.active\:bg-lime-400:active {
  --bg-opacity: 1;
  background-color: #dce26d;
  background-color: rgba(220, 226, 109, var(--bg-opacity));
}

.active\:bg-lime-500:active {
  --bg-opacity: 1;
  background-color: #cad03b;
  background-color: rgba(202, 208, 59, var(--bg-opacity));
}

.active\:bg-lime-600:active {
  --bg-opacity: 1;
  background-color: #b7bf10;
  background-color: rgba(183, 191, 16, var(--bg-opacity));
}

.active\:bg-lime-700:active {
  --bg-opacity: 1;
  background-color: #979e08;
  background-color: rgba(151, 158, 8, var(--bg-opacity));
}

.active\:bg-lime-800:active {
  --bg-opacity: 1;
  background-color: #777d03;
  background-color: rgba(119, 125, 3, var(--bg-opacity));
}

.active\:bg-lime-900:active {
  --bg-opacity: 1;
  background-color: #575c00;
  background-color: rgba(87, 92, 0, var(--bg-opacity));
}

.active\:bg-magenta-100:active {
  --bg-opacity: 1;
  background-color: #fff1fa;
  background-color: rgba(255, 241, 250, var(--bg-opacity));
}

.active\:bg-magenta-200:active {
  --bg-opacity: 1;
  background-color: #ffd8f0;
  background-color: rgba(255, 216, 240, var(--bg-opacity));
}

.active\:bg-magenta-300:active {
  --bg-opacity: 1;
  background-color: #ffc0e4;
  background-color: rgba(255, 192, 228, var(--bg-opacity));
}

.active\:bg-magenta-400:active {
  --bg-opacity: 1;
  background-color: #f790c6;
  background-color: rgba(247, 144, 198, var(--bg-opacity));
}

.active\:bg-magenta-500:active {
  --bg-opacity: 1;
  background-color: #ef62a8;
  background-color: rgba(239, 98, 168, var(--bg-opacity));
}

.active\:bg-magenta-600:active {
  --bg-opacity: 1;
  background-color: #e63888;
  background-color: rgba(230, 56, 136, var(--bg-opacity));
}

.active\:bg-magenta-700:active {
  --bg-opacity: 1;
  background-color: #c41d73;
  background-color: rgba(196, 29, 115, var(--bg-opacity));
}

.active\:bg-magenta-800:active {
  --bg-opacity: 1;
  background-color: #a20861;
  background-color: rgba(162, 8, 97, var(--bg-opacity));
}

.active\:bg-magenta-900:active {
  --bg-opacity: 1;
  background-color: #800051;
  background-color: rgba(128, 0, 81, var(--bg-opacity));
}

.active\:bg-orange-100:active {
  --bg-opacity: 1;
  background-color: #fff9f2;
  background-color: rgba(255, 249, 242, var(--bg-opacity));
}

.active\:bg-orange-200:active {
  --bg-opacity: 1;
  background-color: #ffeed7;
  background-color: rgba(255, 238, 215, var(--bg-opacity));
}

.active\:bg-orange-300:active {
  --bg-opacity: 1;
  background-color: #ffe3ba;
  background-color: rgba(255, 227, 186, var(--bg-opacity));
}

.active\:bg-orange-400:active {
  --bg-opacity: 1;
  background-color: #ffc684;
  background-color: rgba(255, 198, 132, var(--bg-opacity));
}

.active\:bg-orange-500:active {
  --bg-opacity: 1;
  background-color: #ffaa4f;
  background-color: rgba(255, 170, 79, var(--bg-opacity));
}

.active\:bg-orange-600:active {
  --bg-opacity: 1;
  background-color: #ff8f1c;
  background-color: rgba(255, 143, 28, var(--bg-opacity));
}

.active\:bg-orange-700:active {
  --bg-opacity: 1;
  background-color: #cc6e0f;
  background-color: rgba(204, 110, 15, var(--bg-opacity));
}

.active\:bg-orange-800:active {
  --bg-opacity: 1;
  background-color: #995006;
  background-color: rgba(153, 80, 6, var(--bg-opacity));
}

.active\:bg-orange-900:active {
  --bg-opacity: 1;
  background-color: #663300;
  background-color: rgba(102, 51, 0, var(--bg-opacity));
}

.active\:bg-purple-100:active {
  --bg-opacity: 1;
  background-color: #fef2ff;
  background-color: rgba(254, 242, 255, var(--bg-opacity));
}

.active\:bg-purple-200:active {
  --bg-opacity: 1;
  background-color: #eed3f1;
  background-color: rgba(238, 211, 241, var(--bg-opacity));
}

.active\:bg-purple-300:active {
  --bg-opacity: 1;
  background-color: #dfb6e4;
  background-color: rgba(223, 182, 228, var(--bg-opacity));
}

.active\:bg-purple-400:active {
  --bg-opacity: 1;
  background-color: #c186c9;
  background-color: rgba(193, 134, 201, var(--bg-opacity));
}

.active\:bg-purple-500:active {
  --bg-opacity: 1;
  background-color: #a45dad;
  background-color: rgba(164, 93, 173, var(--bg-opacity));
}

.active\:bg-purple-600:active {
  --bg-opacity: 1;
  background-color: #883b92;
  background-color: rgba(136, 59, 146, var(--bg-opacity));
}

.active\:bg-purple-700:active {
  --bg-opacity: 1;
  background-color: #6d2077;
  background-color: rgba(109, 32, 119, var(--bg-opacity));
}

.active\:bg-purple-800:active {
  --bg-opacity: 1;
  background-color: #53135b;
  background-color: rgba(83, 19, 91, var(--bg-opacity));
}

.active\:bg-purple-900:active {
  --bg-opacity: 1;
  background-color: #390a40;
  background-color: rgba(57, 10, 64, var(--bg-opacity));
}

.active\:bg-raspberry-100:active {
  --bg-opacity: 1;
  background-color: #fff0fb;
  background-color: rgba(255, 240, 251, var(--bg-opacity));
}

.active\:bg-raspberry-200:active {
  --bg-opacity: 1;
  background-color: #f6cbea;
  background-color: rgba(246, 203, 234, var(--bg-opacity));
}

.active\:bg-raspberry-300:active {
  --bg-opacity: 1;
  background-color: #eda7da;
  background-color: rgba(237, 167, 218, var(--bg-opacity));
}

.active\:bg-raspberry-400:active {
  --bg-opacity: 1;
  background-color: #d86fbc;
  background-color: rgba(216, 111, 188, var(--bg-opacity));
}

.active\:bg-raspberry-500:active {
  --bg-opacity: 1;
  background-color: #c43e9f;
  background-color: rgba(196, 62, 159, var(--bg-opacity));
}

.active\:bg-raspberry-600:active {
  --bg-opacity: 1;
  background-color: #af1685;
  background-color: rgba(175, 22, 133, var(--bg-opacity));
}

.active\:bg-raspberry-700:active {
  --bg-opacity: 1;
  background-color: #92086d;
  background-color: rgba(146, 8, 109, var(--bg-opacity));
}

.active\:bg-raspberry-800:active {
  --bg-opacity: 1;
  background-color: #760056;
  background-color: rgba(118, 0, 86, var(--bg-opacity));
}

.active\:bg-raspberry-900:active {
  --bg-opacity: 1;
  background-color: #570041;
  background-color: rgba(87, 0, 65, var(--bg-opacity));
}

.active\:bg-red-100:active {
  --bg-opacity: 1;
  background-color: #fff0f3;
  background-color: rgba(255, 240, 243, var(--bg-opacity));
}

.active\:bg-red-200:active {
  --bg-opacity: 1;
  background-color: #FFD6DD;
  background-color: rgba(255, 214, 221, var(--bg-opacity));
}

.active\:bg-red-300:active {
  --bg-opacity: 1;
  background-color: #fea8b8;
  background-color: rgba(254, 168, 184, var(--bg-opacity));
}

.active\:bg-red-400:active {
  --bg-opacity: 1;
  background-color: #f66c86;
  background-color: rgba(246, 108, 134, var(--bg-opacity));
}

.active\:bg-red-500:active {
  --bg-opacity: 1;
  background-color: #ed3457;
  background-color: rgba(237, 52, 87, var(--bg-opacity));
}

.active\:bg-red-600:active {
  --bg-opacity: 1;
  background-color: #e4002b;
  background-color: rgba(228, 0, 43, var(--bg-opacity));
}

.active\:bg-red-700:active {
  --bg-opacity: 1;
  background-color: #c60025;
  background-color: rgba(198, 0, 37, var(--bg-opacity));
}

.active\:bg-red-800:active {
  --bg-opacity: 1;
  background-color: #a8001f;
  background-color: rgba(168, 0, 31, var(--bg-opacity));
}

.active\:bg-red-900:active {
  --bg-opacity: 1;
  background-color: #8a0019;
  background-color: rgba(138, 0, 25, var(--bg-opacity));
}

.active\:bg-sapphire-100:active {
  --bg-opacity: 1;
  background-color: #f2fcff;
  background-color: rgba(242, 252, 255, var(--bg-opacity));
}

.active\:bg-sapphire-200:active {
  --bg-opacity: 1;
  background-color: #d0eff8;
  background-color: rgba(208, 239, 248, var(--bg-opacity));
}

.active\:bg-sapphire-300:active {
  --bg-opacity: 1;
  background-color: #afe2f1;
  background-color: rgba(175, 226, 241, var(--bg-opacity));
}

.active\:bg-sapphire-400:active {
  --bg-opacity: 1;
  background-color: #79c8de;
  background-color: rgba(121, 200, 222, var(--bg-opacity));
}

.active\:bg-sapphire-500:active {
  --bg-opacity: 1;
  background-color: #4aafcc;
  background-color: rgba(74, 175, 204, var(--bg-opacity));
}

.active\:bg-sapphire-600:active {
  --bg-opacity: 1;
  background-color: #2197b9;
  background-color: rgba(33, 151, 185, var(--bg-opacity));
}

.active\:bg-sapphire-700:active {
  --bg-opacity: 1;
  background-color: #0081a6;
  background-color: rgba(0, 129, 166, var(--bg-opacity));
}

.active\:bg-sapphire-800:active {
  --bg-opacity: 1;
  background-color: #006580;
  background-color: rgba(0, 101, 128, var(--bg-opacity));
}

.active\:bg-sapphire-900:active {
  --bg-opacity: 1;
  background-color: #004759;
  background-color: rgba(0, 71, 89, var(--bg-opacity));
}

.active\:bg-teal-100:active {
  --bg-opacity: 1;
  background-color: #f2fffe;
  background-color: rgba(242, 255, 254, var(--bg-opacity));
}

.active\:bg-teal-200:active {
  --bg-opacity: 1;
  background-color: #c6f7f4;
  background-color: rgba(198, 247, 244, var(--bg-opacity));
}

.active\:bg-teal-300:active {
  --bg-opacity: 1;
  background-color: #9befea;
  background-color: rgba(155, 239, 234, var(--bg-opacity));
}

.active\:bg-teal-400:active {
  --bg-opacity: 1;
  background-color: #5fdad4;
  background-color: rgba(95, 218, 212, var(--bg-opacity));
}

.active\:bg-teal-500:active {
  --bg-opacity: 1;
  background-color: #2bc6be;
  background-color: rgba(43, 198, 190, var(--bg-opacity));
}

.active\:bg-teal-600:active {
  --bg-opacity: 1;
  background-color: #00b2a9;
  background-color: rgba(0, 178, 169, var(--bg-opacity));
}

.active\:bg-teal-700:active {
  --bg-opacity: 1;
  background-color: #00948c;
  background-color: rgba(0, 148, 140, var(--bg-opacity));
}

.active\:bg-teal-800:active {
  --bg-opacity: 1;
  background-color: #00756f;
  background-color: rgba(0, 117, 111, var(--bg-opacity));
}

.active\:bg-teal-900:active {
  --bg-opacity: 1;
  background-color: #005752;
  background-color: rgba(0, 87, 82, var(--bg-opacity));
}

.active\:bg-transparent:active {
  background-color: transparent;
}

.active\:bg-white:active {
  --bg-opacity: 1;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
}

.active\:bg-white-a10:active {
  background-color: rgba(255, 255, 255, 0.1);
}

.active\:bg-white-a20:active {
  background-color: rgba(255, 255, 255, 0.2);
}

.active\:bg-white-a30:active {
  background-color: rgba(255, 255, 255, 0.3);
}

.active\:bg-white-a40:active {
  background-color: rgba(255, 255, 255, 0.4);
}

.active\:bg-white-a50:active {
  background-color: rgba(255, 255, 255, 0.5);
}

.active\:bg-white-a60:active {
  background-color: rgba(255, 255, 255, 0.6);
}

.active\:bg-white-a70:active {
  background-color: rgba(255, 255, 255, 0.7);
}

.active\:bg-white-a80:active {
  background-color: rgba(255, 255, 255, 0.8);
}

.active\:bg-white-a90:active {
  background-color: rgba(255, 255, 255, 0.9);
}

.active\:bg-yellow-100:active {
  --bg-opacity: 1;
  background-color: #FFF9E8;
  background-color: rgba(255, 249, 232, var(--bg-opacity));
}

.active\:bg-yellow-200:active {
  --bg-opacity: 1;
  background-color: #FFF1BD;
  background-color: rgba(255, 241, 189, var(--bg-opacity));
}

.active\:bg-yellow-300:active {
  --bg-opacity: 1;
  background-color: #FFEA90;
  background-color: rgba(255, 234, 144, var(--bg-opacity));
}

.active\:bg-yellow-400:active {
  --bg-opacity: 1;
  background-color: #FFD146;
  background-color: rgba(255, 209, 70, var(--bg-opacity));
}

.active\:bg-yellow-500:active {
  --bg-opacity: 1;
  background-color: #FEBA00;
  background-color: rgba(254, 186, 0, var(--bg-opacity));
}

.active\:bg-yellow-600:active {
  --bg-opacity: 1;
  background-color: #D49A00;
  background-color: rgba(212, 154, 0, var(--bg-opacity));
}

.active\:bg-yellow-700:active {
  --bg-opacity: 1;
  background-color: #AA7A00;
  background-color: rgba(170, 122, 0, var(--bg-opacity));
}

.active\:bg-yellow-800:active {
  --bg-opacity: 1;
  background-color: #815B00;
  background-color: rgba(129, 91, 0, var(--bg-opacity));
}

.active\:bg-yellow-900:active {
  --bg-opacity: 1;
  background-color: #573D00;
  background-color: rgba(87, 61, 0, var(--bg-opacity));
}

.bg-none {
  background-image: none;
}

.bg-gradient-to-t {
  background-image: linear-gradient(to top, var(--gradient-color-stops));
}

.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--gradient-color-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--gradient-color-stops));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--gradient-color-stops));
}

.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--gradient-color-stops));
}

.bg-gradient-to-bl {
  background-image: linear-gradient(to bottom left, var(--gradient-color-stops));
}

.bg-gradient-to-l {
  background-image: linear-gradient(to left, var(--gradient-color-stops));
}

.bg-gradient-to-tl {
  background-image: linear-gradient(to top left, var(--gradient-color-stops));
}

.from-black {
  --gradient-from-color: #333333;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0));
}

.from-blue-100 {
  --gradient-from-color: #f2f8ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 248, 255, 0));
}

.from-blue-150 {
  --gradient-from-color: #E6EFFB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 239, 251, 0));
}

.from-blue-200 {
  --gradient-from-color: #d6e3f4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 227, 244, 0));
}

.from-blue-300 {
  --gradient-from-color: #bbcfea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(187, 207, 234, 0));
}

.from-blue-400 {
  --gradient-from-color: #8dabd4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 171, 212, 0));
}

.from-blue-500 {
  --gradient-from-color: #648abf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 138, 191, 0));
}

.from-blue-600 {
  --gradient-from-color: #426da9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 109, 169, 0));
}

.from-blue-700 {
  --gradient-from-color: #1d4f91;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 79, 145, 0));
}

.from-blue-800 {
  --gradient-from-color: #123f7a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 63, 122, 0));
}

.from-blue-900 {
  --gradient-from-color: #0a3163;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(10, 49, 99, 0));
}

.from-gray-100 {
  --gradient-from-color: #f6f6f6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
}

.from-gray-200 {
  --gradient-from-color: #eaeaea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 234, 234, 0));
}

.from-gray-300 {
  --gradient-from-color: #d6d6d6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 214, 214, 0));
}

.from-gray-400 {
  --gradient-from-color: #c1c1c1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(193, 193, 193, 0));
}

.from-gray-500 {
  --gradient-from-color: #a7a7a7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
}

.from-gray-600 {
  --gradient-from-color: #8c8c8c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 140, 140, 0));
}

.from-gray-700 {
  --gradient-from-color: #717171;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 113, 0));
}

.from-gray-800 {
  --gradient-from-color: #585858;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 88, 88, 0));
}

.from-gray-900 {
  --gradient-from-color: #404040;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 64, 0));
}

.from-green-100 {
  --gradient-from-color: #F2FFF5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 255, 245, 0));
}

.from-green-200 {
  --gradient-from-color: #D0F6DB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 246, 219, 0));
}

.from-green-300 {
  --gradient-from-color: #9AE8B4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 232, 180, 0));
}

.from-green-400 {
  --gradient-from-color: #5CD08E;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(92, 208, 142, 0));
}

.from-green-500 {
  --gradient-from-color: #29B769;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(41, 183, 105, 0));
}

.from-green-600 {
  --gradient-from-color: #009f4d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 159, 77, 0));
}

.from-green-700 {
  --gradient-from-color: #007a3b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 122, 59, 0));
}

.from-green-800 {
  --gradient-from-color: #00612F;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 97, 47, 0));
}

.from-green-900 {
  --gradient-from-color: #004A24;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 74, 36, 0));
}

.from-lime-100 {
  --gradient-from-color: #fefff2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 255, 242, 0));
}

.from-lime-200 {
  --gradient-from-color: #f7f9cc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 249, 204, 0));
}

.from-lime-300 {
  --gradient-from-color: #f0f3a7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 243, 167, 0));
}

.from-lime-400 {
  --gradient-from-color: #dce26d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 226, 109, 0));
}

.from-lime-500 {
  --gradient-from-color: #cad03b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 208, 59, 0));
}

.from-lime-600 {
  --gradient-from-color: #b7bf10;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 191, 16, 0));
}

.from-lime-700 {
  --gradient-from-color: #979e08;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 158, 8, 0));
}

.from-lime-800 {
  --gradient-from-color: #777d03;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 125, 3, 0));
}

.from-lime-900 {
  --gradient-from-color: #575c00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(87, 92, 0, 0));
}

.from-magenta-100 {
  --gradient-from-color: #fff1fa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 241, 250, 0));
}

.from-magenta-200 {
  --gradient-from-color: #ffd8f0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 216, 240, 0));
}

.from-magenta-300 {
  --gradient-from-color: #ffc0e4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 192, 228, 0));
}

.from-magenta-400 {
  --gradient-from-color: #f790c6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 144, 198, 0));
}

.from-magenta-500 {
  --gradient-from-color: #ef62a8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 98, 168, 0));
}

.from-magenta-600 {
  --gradient-from-color: #e63888;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 56, 136, 0));
}

.from-magenta-700 {
  --gradient-from-color: #c41d73;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 29, 115, 0));
}

.from-magenta-800 {
  --gradient-from-color: #a20861;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(162, 8, 97, 0));
}

.from-magenta-900 {
  --gradient-from-color: #800051;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 0, 81, 0));
}

.from-orange-100 {
  --gradient-from-color: #fff9f2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 242, 0));
}

.from-orange-200 {
  --gradient-from-color: #ffeed7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 238, 215, 0));
}

.from-orange-300 {
  --gradient-from-color: #ffe3ba;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 227, 186, 0));
}

.from-orange-400 {
  --gradient-from-color: #ffc684;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 198, 132, 0));
}

.from-orange-500 {
  --gradient-from-color: #ffaa4f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 170, 79, 0));
}

.from-orange-600 {
  --gradient-from-color: #ff8f1c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 143, 28, 0));
}

.from-orange-700 {
  --gradient-from-color: #cc6e0f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 110, 15, 0));
}

.from-orange-800 {
  --gradient-from-color: #995006;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 80, 6, 0));
}

.from-orange-900 {
  --gradient-from-color: #663300;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 51, 0, 0));
}

.from-purple-100 {
  --gradient-from-color: #fef2ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 255, 0));
}

.from-purple-200 {
  --gradient-from-color: #eed3f1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(238, 211, 241, 0));
}

.from-purple-300 {
  --gradient-from-color: #dfb6e4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(223, 182, 228, 0));
}

.from-purple-400 {
  --gradient-from-color: #c186c9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(193, 134, 201, 0));
}

.from-purple-500 {
  --gradient-from-color: #a45dad;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 93, 173, 0));
}

.from-purple-600 {
  --gradient-from-color: #883b92;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 59, 146, 0));
}

.from-purple-700 {
  --gradient-from-color: #6d2077;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 32, 119, 0));
}

.from-purple-800 {
  --gradient-from-color: #53135b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(83, 19, 91, 0));
}

.from-purple-900 {
  --gradient-from-color: #390a40;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 10, 64, 0));
}

.from-raspberry-100 {
  --gradient-from-color: #fff0fb;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 240, 251, 0));
}

.from-raspberry-200 {
  --gradient-from-color: #f6cbea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 203, 234, 0));
}

.from-raspberry-300 {
  --gradient-from-color: #eda7da;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 167, 218, 0));
}

.from-raspberry-400 {
  --gradient-from-color: #d86fbc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(216, 111, 188, 0));
}

.from-raspberry-500 {
  --gradient-from-color: #c43e9f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 62, 159, 0));
}

.from-raspberry-600 {
  --gradient-from-color: #af1685;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 22, 133, 0));
}

.from-raspberry-700 {
  --gradient-from-color: #92086d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 8, 109, 0));
}

.from-raspberry-800 {
  --gradient-from-color: #760056;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 0, 86, 0));
}

.from-raspberry-900 {
  --gradient-from-color: #570041;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(87, 0, 65, 0));
}

.from-red-100 {
  --gradient-from-color: #fff0f3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 240, 243, 0));
}

.from-red-200 {
  --gradient-from-color: #FFD6DD;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 214, 221, 0));
}

.from-red-300 {
  --gradient-from-color: #fea8b8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 168, 184, 0));
}

.from-red-400 {
  --gradient-from-color: #f66c86;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 108, 134, 0));
}

.from-red-500 {
  --gradient-from-color: #ed3457;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 52, 87, 0));
}

.from-red-600 {
  --gradient-from-color: #e4002b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 0, 43, 0));
}

.from-red-700 {
  --gradient-from-color: #c60025;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 0, 37, 0));
}

.from-red-800 {
  --gradient-from-color: #a8001f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(168, 0, 31, 0));
}

.from-red-900 {
  --gradient-from-color: #8a0019;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 0, 25, 0));
}

.from-sapphire-100 {
  --gradient-from-color: #f2fcff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 252, 255, 0));
}

.from-sapphire-200 {
  --gradient-from-color: #d0eff8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 239, 248, 0));
}

.from-sapphire-300 {
  --gradient-from-color: #afe2f1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 226, 241, 0));
}

.from-sapphire-400 {
  --gradient-from-color: #79c8de;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(121, 200, 222, 0));
}

.from-sapphire-500 {
  --gradient-from-color: #4aafcc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 175, 204, 0));
}

.from-sapphire-600 {
  --gradient-from-color: #2197b9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 151, 185, 0));
}

.from-sapphire-700 {
  --gradient-from-color: #0081a6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 129, 166, 0));
}

.from-sapphire-800 {
  --gradient-from-color: #006580;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 101, 128, 0));
}

.from-sapphire-900 {
  --gradient-from-color: #004759;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 71, 89, 0));
}

.from-teal-100 {
  --gradient-from-color: #f2fffe;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 255, 254, 0));
}

.from-teal-200 {
  --gradient-from-color: #c6f7f4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 247, 244, 0));
}

.from-teal-300 {
  --gradient-from-color: #9befea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 239, 234, 0));
}

.from-teal-400 {
  --gradient-from-color: #5fdad4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(95, 218, 212, 0));
}

.from-teal-500 {
  --gradient-from-color: #2bc6be;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 198, 190, 0));
}

.from-teal-600 {
  --gradient-from-color: #00b2a9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 178, 169, 0));
}

.from-teal-700 {
  --gradient-from-color: #00948c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 148, 140, 0));
}

.from-teal-800 {
  --gradient-from-color: #00756f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 117, 111, 0));
}

.from-teal-900 {
  --gradient-from-color: #005752;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 87, 82, 0));
}

.from-transparent {
  --gradient-from-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.from-white {
  --gradient-from-color: #ffffff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.from-white-a10 {
  --gradient-from-color: rgba(255, 255, 255, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.from-white-a20 {
  --gradient-from-color: rgba(255, 255, 255, 0.2);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.from-white-a30 {
  --gradient-from-color: rgba(255, 255, 255, 0.3);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.from-white-a40 {
  --gradient-from-color: rgba(255, 255, 255, 0.4);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.from-white-a50 {
  --gradient-from-color: rgba(255, 255, 255, 0.5);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.from-white-a60 {
  --gradient-from-color: rgba(255, 255, 255, 0.6);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.from-white-a70 {
  --gradient-from-color: rgba(255, 255, 255, 0.7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.from-white-a80 {
  --gradient-from-color: rgba(255, 255, 255, 0.8);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.from-white-a90 {
  --gradient-from-color: rgba(255, 255, 255, 0.9);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.from-yellow-100 {
  --gradient-from-color: #FFF9E8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 232, 0));
}

.from-yellow-200 {
  --gradient-from-color: #FFF1BD;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 241, 189, 0));
}

.from-yellow-300 {
  --gradient-from-color: #FFEA90;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 234, 144, 0));
}

.from-yellow-400 {
  --gradient-from-color: #FFD146;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 209, 70, 0));
}

.from-yellow-500 {
  --gradient-from-color: #FEBA00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 186, 0, 0));
}

.from-yellow-600 {
  --gradient-from-color: #D49A00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 154, 0, 0));
}

.from-yellow-700 {
  --gradient-from-color: #AA7A00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(170, 122, 0, 0));
}

.from-yellow-800 {
  --gradient-from-color: #815B00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 91, 0, 0));
}

.from-yellow-900 {
  --gradient-from-color: #573D00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(87, 61, 0, 0));
}

.via-black {
  --gradient-via-color: #333333;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0));
}

.via-blue-100 {
  --gradient-via-color: #f2f8ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 248, 255, 0));
}

.via-blue-150 {
  --gradient-via-color: #E6EFFB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 239, 251, 0));
}

.via-blue-200 {
  --gradient-via-color: #d6e3f4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 227, 244, 0));
}

.via-blue-300 {
  --gradient-via-color: #bbcfea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(187, 207, 234, 0));
}

.via-blue-400 {
  --gradient-via-color: #8dabd4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 171, 212, 0));
}

.via-blue-500 {
  --gradient-via-color: #648abf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 138, 191, 0));
}

.via-blue-600 {
  --gradient-via-color: #426da9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 109, 169, 0));
}

.via-blue-700 {
  --gradient-via-color: #1d4f91;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 79, 145, 0));
}

.via-blue-800 {
  --gradient-via-color: #123f7a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 63, 122, 0));
}

.via-blue-900 {
  --gradient-via-color: #0a3163;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(10, 49, 99, 0));
}

.via-gray-100 {
  --gradient-via-color: #f6f6f6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
}

.via-gray-200 {
  --gradient-via-color: #eaeaea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 234, 234, 0));
}

.via-gray-300 {
  --gradient-via-color: #d6d6d6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 214, 214, 0));
}

.via-gray-400 {
  --gradient-via-color: #c1c1c1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(193, 193, 193, 0));
}

.via-gray-500 {
  --gradient-via-color: #a7a7a7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
}

.via-gray-600 {
  --gradient-via-color: #8c8c8c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 140, 140, 0));
}

.via-gray-700 {
  --gradient-via-color: #717171;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 113, 0));
}

.via-gray-800 {
  --gradient-via-color: #585858;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 88, 88, 0));
}

.via-gray-900 {
  --gradient-via-color: #404040;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 64, 0));
}

.via-green-100 {
  --gradient-via-color: #F2FFF5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 255, 245, 0));
}

.via-green-200 {
  --gradient-via-color: #D0F6DB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 246, 219, 0));
}

.via-green-300 {
  --gradient-via-color: #9AE8B4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 232, 180, 0));
}

.via-green-400 {
  --gradient-via-color: #5CD08E;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(92, 208, 142, 0));
}

.via-green-500 {
  --gradient-via-color: #29B769;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 183, 105, 0));
}

.via-green-600 {
  --gradient-via-color: #009f4d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 159, 77, 0));
}

.via-green-700 {
  --gradient-via-color: #007a3b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 122, 59, 0));
}

.via-green-800 {
  --gradient-via-color: #00612F;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 97, 47, 0));
}

.via-green-900 {
  --gradient-via-color: #004A24;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 74, 36, 0));
}

.via-lime-100 {
  --gradient-via-color: #fefff2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 255, 242, 0));
}

.via-lime-200 {
  --gradient-via-color: #f7f9cc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 249, 204, 0));
}

.via-lime-300 {
  --gradient-via-color: #f0f3a7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 243, 167, 0));
}

.via-lime-400 {
  --gradient-via-color: #dce26d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 226, 109, 0));
}

.via-lime-500 {
  --gradient-via-color: #cad03b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 208, 59, 0));
}

.via-lime-600 {
  --gradient-via-color: #b7bf10;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 191, 16, 0));
}

.via-lime-700 {
  --gradient-via-color: #979e08;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 158, 8, 0));
}

.via-lime-800 {
  --gradient-via-color: #777d03;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 125, 3, 0));
}

.via-lime-900 {
  --gradient-via-color: #575c00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(87, 92, 0, 0));
}

.via-magenta-100 {
  --gradient-via-color: #fff1fa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 241, 250, 0));
}

.via-magenta-200 {
  --gradient-via-color: #ffd8f0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 216, 240, 0));
}

.via-magenta-300 {
  --gradient-via-color: #ffc0e4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 192, 228, 0));
}

.via-magenta-400 {
  --gradient-via-color: #f790c6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 144, 198, 0));
}

.via-magenta-500 {
  --gradient-via-color: #ef62a8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 98, 168, 0));
}

.via-magenta-600 {
  --gradient-via-color: #e63888;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 56, 136, 0));
}

.via-magenta-700 {
  --gradient-via-color: #c41d73;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 29, 115, 0));
}

.via-magenta-800 {
  --gradient-via-color: #a20861;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(162, 8, 97, 0));
}

.via-magenta-900 {
  --gradient-via-color: #800051;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 0, 81, 0));
}

.via-orange-100 {
  --gradient-via-color: #fff9f2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 242, 0));
}

.via-orange-200 {
  --gradient-via-color: #ffeed7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 238, 215, 0));
}

.via-orange-300 {
  --gradient-via-color: #ffe3ba;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 227, 186, 0));
}

.via-orange-400 {
  --gradient-via-color: #ffc684;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 198, 132, 0));
}

.via-orange-500 {
  --gradient-via-color: #ffaa4f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 170, 79, 0));
}

.via-orange-600 {
  --gradient-via-color: #ff8f1c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 143, 28, 0));
}

.via-orange-700 {
  --gradient-via-color: #cc6e0f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 110, 15, 0));
}

.via-orange-800 {
  --gradient-via-color: #995006;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 80, 6, 0));
}

.via-orange-900 {
  --gradient-via-color: #663300;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 51, 0, 0));
}

.via-purple-100 {
  --gradient-via-color: #fef2ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 255, 0));
}

.via-purple-200 {
  --gradient-via-color: #eed3f1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238, 211, 241, 0));
}

.via-purple-300 {
  --gradient-via-color: #dfb6e4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(223, 182, 228, 0));
}

.via-purple-400 {
  --gradient-via-color: #c186c9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(193, 134, 201, 0));
}

.via-purple-500 {
  --gradient-via-color: #a45dad;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 93, 173, 0));
}

.via-purple-600 {
  --gradient-via-color: #883b92;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 59, 146, 0));
}

.via-purple-700 {
  --gradient-via-color: #6d2077;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 32, 119, 0));
}

.via-purple-800 {
  --gradient-via-color: #53135b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(83, 19, 91, 0));
}

.via-purple-900 {
  --gradient-via-color: #390a40;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 10, 64, 0));
}

.via-raspberry-100 {
  --gradient-via-color: #fff0fb;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 240, 251, 0));
}

.via-raspberry-200 {
  --gradient-via-color: #f6cbea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 203, 234, 0));
}

.via-raspberry-300 {
  --gradient-via-color: #eda7da;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 167, 218, 0));
}

.via-raspberry-400 {
  --gradient-via-color: #d86fbc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(216, 111, 188, 0));
}

.via-raspberry-500 {
  --gradient-via-color: #c43e9f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 62, 159, 0));
}

.via-raspberry-600 {
  --gradient-via-color: #af1685;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 22, 133, 0));
}

.via-raspberry-700 {
  --gradient-via-color: #92086d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 8, 109, 0));
}

.via-raspberry-800 {
  --gradient-via-color: #760056;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 0, 86, 0));
}

.via-raspberry-900 {
  --gradient-via-color: #570041;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(87, 0, 65, 0));
}

.via-red-100 {
  --gradient-via-color: #fff0f3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 240, 243, 0));
}

.via-red-200 {
  --gradient-via-color: #FFD6DD;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 214, 221, 0));
}

.via-red-300 {
  --gradient-via-color: #fea8b8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 168, 184, 0));
}

.via-red-400 {
  --gradient-via-color: #f66c86;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 108, 134, 0));
}

.via-red-500 {
  --gradient-via-color: #ed3457;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 52, 87, 0));
}

.via-red-600 {
  --gradient-via-color: #e4002b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 0, 43, 0));
}

.via-red-700 {
  --gradient-via-color: #c60025;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 0, 37, 0));
}

.via-red-800 {
  --gradient-via-color: #a8001f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(168, 0, 31, 0));
}

.via-red-900 {
  --gradient-via-color: #8a0019;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 0, 25, 0));
}

.via-sapphire-100 {
  --gradient-via-color: #f2fcff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 252, 255, 0));
}

.via-sapphire-200 {
  --gradient-via-color: #d0eff8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 239, 248, 0));
}

.via-sapphire-300 {
  --gradient-via-color: #afe2f1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 226, 241, 0));
}

.via-sapphire-400 {
  --gradient-via-color: #79c8de;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(121, 200, 222, 0));
}

.via-sapphire-500 {
  --gradient-via-color: #4aafcc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 175, 204, 0));
}

.via-sapphire-600 {
  --gradient-via-color: #2197b9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 151, 185, 0));
}

.via-sapphire-700 {
  --gradient-via-color: #0081a6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 129, 166, 0));
}

.via-sapphire-800 {
  --gradient-via-color: #006580;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 101, 128, 0));
}

.via-sapphire-900 {
  --gradient-via-color: #004759;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 71, 89, 0));
}

.via-teal-100 {
  --gradient-via-color: #f2fffe;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 255, 254, 0));
}

.via-teal-200 {
  --gradient-via-color: #c6f7f4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 247, 244, 0));
}

.via-teal-300 {
  --gradient-via-color: #9befea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 239, 234, 0));
}

.via-teal-400 {
  --gradient-via-color: #5fdad4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(95, 218, 212, 0));
}

.via-teal-500 {
  --gradient-via-color: #2bc6be;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 198, 190, 0));
}

.via-teal-600 {
  --gradient-via-color: #00b2a9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 178, 169, 0));
}

.via-teal-700 {
  --gradient-via-color: #00948c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 148, 140, 0));
}

.via-teal-800 {
  --gradient-via-color: #00756f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 117, 111, 0));
}

.via-teal-900 {
  --gradient-via-color: #005752;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 87, 82, 0));
}

.via-transparent {
  --gradient-via-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.via-white {
  --gradient-via-color: #ffffff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.via-white-a10 {
  --gradient-via-color: rgba(255, 255, 255, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.via-white-a20 {
  --gradient-via-color: rgba(255, 255, 255, 0.2);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.via-white-a30 {
  --gradient-via-color: rgba(255, 255, 255, 0.3);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.via-white-a40 {
  --gradient-via-color: rgba(255, 255, 255, 0.4);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.via-white-a50 {
  --gradient-via-color: rgba(255, 255, 255, 0.5);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.via-white-a60 {
  --gradient-via-color: rgba(255, 255, 255, 0.6);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.via-white-a70 {
  --gradient-via-color: rgba(255, 255, 255, 0.7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.via-white-a80 {
  --gradient-via-color: rgba(255, 255, 255, 0.8);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.via-white-a90 {
  --gradient-via-color: rgba(255, 255, 255, 0.9);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.via-yellow-100 {
  --gradient-via-color: #FFF9E8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 232, 0));
}

.via-yellow-200 {
  --gradient-via-color: #FFF1BD;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 241, 189, 0));
}

.via-yellow-300 {
  --gradient-via-color: #FFEA90;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 234, 144, 0));
}

.via-yellow-400 {
  --gradient-via-color: #FFD146;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 209, 70, 0));
}

.via-yellow-500 {
  --gradient-via-color: #FEBA00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 186, 0, 0));
}

.via-yellow-600 {
  --gradient-via-color: #D49A00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 154, 0, 0));
}

.via-yellow-700 {
  --gradient-via-color: #AA7A00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(170, 122, 0, 0));
}

.via-yellow-800 {
  --gradient-via-color: #815B00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 91, 0, 0));
}

.via-yellow-900 {
  --gradient-via-color: #573D00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(87, 61, 0, 0));
}

.to-black {
  --gradient-to-color: #333333;
}

.to-blue-100 {
  --gradient-to-color: #f2f8ff;
}

.to-blue-150 {
  --gradient-to-color: #E6EFFB;
}

.to-blue-200 {
  --gradient-to-color: #d6e3f4;
}

.to-blue-300 {
  --gradient-to-color: #bbcfea;
}

.to-blue-400 {
  --gradient-to-color: #8dabd4;
}

.to-blue-500 {
  --gradient-to-color: #648abf;
}

.to-blue-600 {
  --gradient-to-color: #426da9;
}

.to-blue-700 {
  --gradient-to-color: #1d4f91;
}

.to-blue-800 {
  --gradient-to-color: #123f7a;
}

.to-blue-900 {
  --gradient-to-color: #0a3163;
}

.to-gray-100 {
  --gradient-to-color: #f6f6f6;
}

.to-gray-200 {
  --gradient-to-color: #eaeaea;
}

.to-gray-300 {
  --gradient-to-color: #d6d6d6;
}

.to-gray-400 {
  --gradient-to-color: #c1c1c1;
}

.to-gray-500 {
  --gradient-to-color: #a7a7a7;
}

.to-gray-600 {
  --gradient-to-color: #8c8c8c;
}

.to-gray-700 {
  --gradient-to-color: #717171;
}

.to-gray-800 {
  --gradient-to-color: #585858;
}

.to-gray-900 {
  --gradient-to-color: #404040;
}

.to-green-100 {
  --gradient-to-color: #F2FFF5;
}

.to-green-200 {
  --gradient-to-color: #D0F6DB;
}

.to-green-300 {
  --gradient-to-color: #9AE8B4;
}

.to-green-400 {
  --gradient-to-color: #5CD08E;
}

.to-green-500 {
  --gradient-to-color: #29B769;
}

.to-green-600 {
  --gradient-to-color: #009f4d;
}

.to-green-700 {
  --gradient-to-color: #007a3b;
}

.to-green-800 {
  --gradient-to-color: #00612F;
}

.to-green-900 {
  --gradient-to-color: #004A24;
}

.to-lime-100 {
  --gradient-to-color: #fefff2;
}

.to-lime-200 {
  --gradient-to-color: #f7f9cc;
}

.to-lime-300 {
  --gradient-to-color: #f0f3a7;
}

.to-lime-400 {
  --gradient-to-color: #dce26d;
}

.to-lime-500 {
  --gradient-to-color: #cad03b;
}

.to-lime-600 {
  --gradient-to-color: #b7bf10;
}

.to-lime-700 {
  --gradient-to-color: #979e08;
}

.to-lime-800 {
  --gradient-to-color: #777d03;
}

.to-lime-900 {
  --gradient-to-color: #575c00;
}

.to-magenta-100 {
  --gradient-to-color: #fff1fa;
}

.to-magenta-200 {
  --gradient-to-color: #ffd8f0;
}

.to-magenta-300 {
  --gradient-to-color: #ffc0e4;
}

.to-magenta-400 {
  --gradient-to-color: #f790c6;
}

.to-magenta-500 {
  --gradient-to-color: #ef62a8;
}

.to-magenta-600 {
  --gradient-to-color: #e63888;
}

.to-magenta-700 {
  --gradient-to-color: #c41d73;
}

.to-magenta-800 {
  --gradient-to-color: #a20861;
}

.to-magenta-900 {
  --gradient-to-color: #800051;
}

.to-orange-100 {
  --gradient-to-color: #fff9f2;
}

.to-orange-200 {
  --gradient-to-color: #ffeed7;
}

.to-orange-300 {
  --gradient-to-color: #ffe3ba;
}

.to-orange-400 {
  --gradient-to-color: #ffc684;
}

.to-orange-500 {
  --gradient-to-color: #ffaa4f;
}

.to-orange-600 {
  --gradient-to-color: #ff8f1c;
}

.to-orange-700 {
  --gradient-to-color: #cc6e0f;
}

.to-orange-800 {
  --gradient-to-color: #995006;
}

.to-orange-900 {
  --gradient-to-color: #663300;
}

.to-purple-100 {
  --gradient-to-color: #fef2ff;
}

.to-purple-200 {
  --gradient-to-color: #eed3f1;
}

.to-purple-300 {
  --gradient-to-color: #dfb6e4;
}

.to-purple-400 {
  --gradient-to-color: #c186c9;
}

.to-purple-500 {
  --gradient-to-color: #a45dad;
}

.to-purple-600 {
  --gradient-to-color: #883b92;
}

.to-purple-700 {
  --gradient-to-color: #6d2077;
}

.to-purple-800 {
  --gradient-to-color: #53135b;
}

.to-purple-900 {
  --gradient-to-color: #390a40;
}

.to-raspberry-100 {
  --gradient-to-color: #fff0fb;
}

.to-raspberry-200 {
  --gradient-to-color: #f6cbea;
}

.to-raspberry-300 {
  --gradient-to-color: #eda7da;
}

.to-raspberry-400 {
  --gradient-to-color: #d86fbc;
}

.to-raspberry-500 {
  --gradient-to-color: #c43e9f;
}

.to-raspberry-600 {
  --gradient-to-color: #af1685;
}

.to-raspberry-700 {
  --gradient-to-color: #92086d;
}

.to-raspberry-800 {
  --gradient-to-color: #760056;
}

.to-raspberry-900 {
  --gradient-to-color: #570041;
}

.to-red-100 {
  --gradient-to-color: #fff0f3;
}

.to-red-200 {
  --gradient-to-color: #FFD6DD;
}

.to-red-300 {
  --gradient-to-color: #fea8b8;
}

.to-red-400 {
  --gradient-to-color: #f66c86;
}

.to-red-500 {
  --gradient-to-color: #ed3457;
}

.to-red-600 {
  --gradient-to-color: #e4002b;
}

.to-red-700 {
  --gradient-to-color: #c60025;
}

.to-red-800 {
  --gradient-to-color: #a8001f;
}

.to-red-900 {
  --gradient-to-color: #8a0019;
}

.to-sapphire-100 {
  --gradient-to-color: #f2fcff;
}

.to-sapphire-200 {
  --gradient-to-color: #d0eff8;
}

.to-sapphire-300 {
  --gradient-to-color: #afe2f1;
}

.to-sapphire-400 {
  --gradient-to-color: #79c8de;
}

.to-sapphire-500 {
  --gradient-to-color: #4aafcc;
}

.to-sapphire-600 {
  --gradient-to-color: #2197b9;
}

.to-sapphire-700 {
  --gradient-to-color: #0081a6;
}

.to-sapphire-800 {
  --gradient-to-color: #006580;
}

.to-sapphire-900 {
  --gradient-to-color: #004759;
}

.to-teal-100 {
  --gradient-to-color: #f2fffe;
}

.to-teal-200 {
  --gradient-to-color: #c6f7f4;
}

.to-teal-300 {
  --gradient-to-color: #9befea;
}

.to-teal-400 {
  --gradient-to-color: #5fdad4;
}

.to-teal-500 {
  --gradient-to-color: #2bc6be;
}

.to-teal-600 {
  --gradient-to-color: #00b2a9;
}

.to-teal-700 {
  --gradient-to-color: #00948c;
}

.to-teal-800 {
  --gradient-to-color: #00756f;
}

.to-teal-900 {
  --gradient-to-color: #005752;
}

.to-transparent {
  --gradient-to-color: transparent;
}

.to-white {
  --gradient-to-color: #ffffff;
}

.to-white-a10 {
  --gradient-to-color: rgba(255, 255, 255, 0.1);
}

.to-white-a20 {
  --gradient-to-color: rgba(255, 255, 255, 0.2);
}

.to-white-a30 {
  --gradient-to-color: rgba(255, 255, 255, 0.3);
}

.to-white-a40 {
  --gradient-to-color: rgba(255, 255, 255, 0.4);
}

.to-white-a50 {
  --gradient-to-color: rgba(255, 255, 255, 0.5);
}

.to-white-a60 {
  --gradient-to-color: rgba(255, 255, 255, 0.6);
}

.to-white-a70 {
  --gradient-to-color: rgba(255, 255, 255, 0.7);
}

.to-white-a80 {
  --gradient-to-color: rgba(255, 255, 255, 0.8);
}

.to-white-a90 {
  --gradient-to-color: rgba(255, 255, 255, 0.9);
}

.to-yellow-100 {
  --gradient-to-color: #FFF9E8;
}

.to-yellow-200 {
  --gradient-to-color: #FFF1BD;
}

.to-yellow-300 {
  --gradient-to-color: #FFEA90;
}

.to-yellow-400 {
  --gradient-to-color: #FFD146;
}

.to-yellow-500 {
  --gradient-to-color: #FEBA00;
}

.to-yellow-600 {
  --gradient-to-color: #D49A00;
}

.to-yellow-700 {
  --gradient-to-color: #AA7A00;
}

.to-yellow-800 {
  --gradient-to-color: #815B00;
}

.to-yellow-900 {
  --gradient-to-color: #573D00;
}

.hover\:from-black:hover {
  --gradient-from-color: #333333;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0));
}

.hover\:from-blue-100:hover {
  --gradient-from-color: #f2f8ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 248, 255, 0));
}

.hover\:from-blue-150:hover {
  --gradient-from-color: #E6EFFB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 239, 251, 0));
}

.hover\:from-blue-200:hover {
  --gradient-from-color: #d6e3f4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 227, 244, 0));
}

.hover\:from-blue-300:hover {
  --gradient-from-color: #bbcfea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(187, 207, 234, 0));
}

.hover\:from-blue-400:hover {
  --gradient-from-color: #8dabd4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 171, 212, 0));
}

.hover\:from-blue-500:hover {
  --gradient-from-color: #648abf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 138, 191, 0));
}

.hover\:from-blue-600:hover {
  --gradient-from-color: #426da9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 109, 169, 0));
}

.hover\:from-blue-700:hover {
  --gradient-from-color: #1d4f91;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 79, 145, 0));
}

.hover\:from-blue-800:hover {
  --gradient-from-color: #123f7a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 63, 122, 0));
}

.hover\:from-blue-900:hover {
  --gradient-from-color: #0a3163;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(10, 49, 99, 0));
}

.hover\:from-gray-100:hover {
  --gradient-from-color: #f6f6f6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
}

.hover\:from-gray-200:hover {
  --gradient-from-color: #eaeaea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 234, 234, 0));
}

.hover\:from-gray-300:hover {
  --gradient-from-color: #d6d6d6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 214, 214, 0));
}

.hover\:from-gray-400:hover {
  --gradient-from-color: #c1c1c1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(193, 193, 193, 0));
}

.hover\:from-gray-500:hover {
  --gradient-from-color: #a7a7a7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
}

.hover\:from-gray-600:hover {
  --gradient-from-color: #8c8c8c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 140, 140, 0));
}

.hover\:from-gray-700:hover {
  --gradient-from-color: #717171;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 113, 0));
}

.hover\:from-gray-800:hover {
  --gradient-from-color: #585858;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 88, 88, 0));
}

.hover\:from-gray-900:hover {
  --gradient-from-color: #404040;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 64, 0));
}

.hover\:from-green-100:hover {
  --gradient-from-color: #F2FFF5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 255, 245, 0));
}

.hover\:from-green-200:hover {
  --gradient-from-color: #D0F6DB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 246, 219, 0));
}

.hover\:from-green-300:hover {
  --gradient-from-color: #9AE8B4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 232, 180, 0));
}

.hover\:from-green-400:hover {
  --gradient-from-color: #5CD08E;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(92, 208, 142, 0));
}

.hover\:from-green-500:hover {
  --gradient-from-color: #29B769;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(41, 183, 105, 0));
}

.hover\:from-green-600:hover {
  --gradient-from-color: #009f4d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 159, 77, 0));
}

.hover\:from-green-700:hover {
  --gradient-from-color: #007a3b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 122, 59, 0));
}

.hover\:from-green-800:hover {
  --gradient-from-color: #00612F;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 97, 47, 0));
}

.hover\:from-green-900:hover {
  --gradient-from-color: #004A24;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 74, 36, 0));
}

.hover\:from-lime-100:hover {
  --gradient-from-color: #fefff2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 255, 242, 0));
}

.hover\:from-lime-200:hover {
  --gradient-from-color: #f7f9cc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 249, 204, 0));
}

.hover\:from-lime-300:hover {
  --gradient-from-color: #f0f3a7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 243, 167, 0));
}

.hover\:from-lime-400:hover {
  --gradient-from-color: #dce26d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 226, 109, 0));
}

.hover\:from-lime-500:hover {
  --gradient-from-color: #cad03b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 208, 59, 0));
}

.hover\:from-lime-600:hover {
  --gradient-from-color: #b7bf10;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 191, 16, 0));
}

.hover\:from-lime-700:hover {
  --gradient-from-color: #979e08;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 158, 8, 0));
}

.hover\:from-lime-800:hover {
  --gradient-from-color: #777d03;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 125, 3, 0));
}

.hover\:from-lime-900:hover {
  --gradient-from-color: #575c00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(87, 92, 0, 0));
}

.hover\:from-magenta-100:hover {
  --gradient-from-color: #fff1fa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 241, 250, 0));
}

.hover\:from-magenta-200:hover {
  --gradient-from-color: #ffd8f0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 216, 240, 0));
}

.hover\:from-magenta-300:hover {
  --gradient-from-color: #ffc0e4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 192, 228, 0));
}

.hover\:from-magenta-400:hover {
  --gradient-from-color: #f790c6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 144, 198, 0));
}

.hover\:from-magenta-500:hover {
  --gradient-from-color: #ef62a8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 98, 168, 0));
}

.hover\:from-magenta-600:hover {
  --gradient-from-color: #e63888;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 56, 136, 0));
}

.hover\:from-magenta-700:hover {
  --gradient-from-color: #c41d73;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 29, 115, 0));
}

.hover\:from-magenta-800:hover {
  --gradient-from-color: #a20861;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(162, 8, 97, 0));
}

.hover\:from-magenta-900:hover {
  --gradient-from-color: #800051;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 0, 81, 0));
}

.hover\:from-orange-100:hover {
  --gradient-from-color: #fff9f2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 242, 0));
}

.hover\:from-orange-200:hover {
  --gradient-from-color: #ffeed7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 238, 215, 0));
}

.hover\:from-orange-300:hover {
  --gradient-from-color: #ffe3ba;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 227, 186, 0));
}

.hover\:from-orange-400:hover {
  --gradient-from-color: #ffc684;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 198, 132, 0));
}

.hover\:from-orange-500:hover {
  --gradient-from-color: #ffaa4f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 170, 79, 0));
}

.hover\:from-orange-600:hover {
  --gradient-from-color: #ff8f1c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 143, 28, 0));
}

.hover\:from-orange-700:hover {
  --gradient-from-color: #cc6e0f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 110, 15, 0));
}

.hover\:from-orange-800:hover {
  --gradient-from-color: #995006;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 80, 6, 0));
}

.hover\:from-orange-900:hover {
  --gradient-from-color: #663300;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 51, 0, 0));
}

.hover\:from-purple-100:hover {
  --gradient-from-color: #fef2ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 255, 0));
}

.hover\:from-purple-200:hover {
  --gradient-from-color: #eed3f1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(238, 211, 241, 0));
}

.hover\:from-purple-300:hover {
  --gradient-from-color: #dfb6e4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(223, 182, 228, 0));
}

.hover\:from-purple-400:hover {
  --gradient-from-color: #c186c9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(193, 134, 201, 0));
}

.hover\:from-purple-500:hover {
  --gradient-from-color: #a45dad;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 93, 173, 0));
}

.hover\:from-purple-600:hover {
  --gradient-from-color: #883b92;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 59, 146, 0));
}

.hover\:from-purple-700:hover {
  --gradient-from-color: #6d2077;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 32, 119, 0));
}

.hover\:from-purple-800:hover {
  --gradient-from-color: #53135b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(83, 19, 91, 0));
}

.hover\:from-purple-900:hover {
  --gradient-from-color: #390a40;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 10, 64, 0));
}

.hover\:from-raspberry-100:hover {
  --gradient-from-color: #fff0fb;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 240, 251, 0));
}

.hover\:from-raspberry-200:hover {
  --gradient-from-color: #f6cbea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 203, 234, 0));
}

.hover\:from-raspberry-300:hover {
  --gradient-from-color: #eda7da;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 167, 218, 0));
}

.hover\:from-raspberry-400:hover {
  --gradient-from-color: #d86fbc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(216, 111, 188, 0));
}

.hover\:from-raspberry-500:hover {
  --gradient-from-color: #c43e9f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 62, 159, 0));
}

.hover\:from-raspberry-600:hover {
  --gradient-from-color: #af1685;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 22, 133, 0));
}

.hover\:from-raspberry-700:hover {
  --gradient-from-color: #92086d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 8, 109, 0));
}

.hover\:from-raspberry-800:hover {
  --gradient-from-color: #760056;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 0, 86, 0));
}

.hover\:from-raspberry-900:hover {
  --gradient-from-color: #570041;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(87, 0, 65, 0));
}

.hover\:from-red-100:hover {
  --gradient-from-color: #fff0f3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 240, 243, 0));
}

.hover\:from-red-200:hover {
  --gradient-from-color: #FFD6DD;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 214, 221, 0));
}

.hover\:from-red-300:hover {
  --gradient-from-color: #fea8b8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 168, 184, 0));
}

.hover\:from-red-400:hover {
  --gradient-from-color: #f66c86;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 108, 134, 0));
}

.hover\:from-red-500:hover {
  --gradient-from-color: #ed3457;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 52, 87, 0));
}

.hover\:from-red-600:hover {
  --gradient-from-color: #e4002b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 0, 43, 0));
}

.hover\:from-red-700:hover {
  --gradient-from-color: #c60025;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 0, 37, 0));
}

.hover\:from-red-800:hover {
  --gradient-from-color: #a8001f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(168, 0, 31, 0));
}

.hover\:from-red-900:hover {
  --gradient-from-color: #8a0019;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 0, 25, 0));
}

.hover\:from-sapphire-100:hover {
  --gradient-from-color: #f2fcff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 252, 255, 0));
}

.hover\:from-sapphire-200:hover {
  --gradient-from-color: #d0eff8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 239, 248, 0));
}

.hover\:from-sapphire-300:hover {
  --gradient-from-color: #afe2f1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 226, 241, 0));
}

.hover\:from-sapphire-400:hover {
  --gradient-from-color: #79c8de;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(121, 200, 222, 0));
}

.hover\:from-sapphire-500:hover {
  --gradient-from-color: #4aafcc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 175, 204, 0));
}

.hover\:from-sapphire-600:hover {
  --gradient-from-color: #2197b9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 151, 185, 0));
}

.hover\:from-sapphire-700:hover {
  --gradient-from-color: #0081a6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 129, 166, 0));
}

.hover\:from-sapphire-800:hover {
  --gradient-from-color: #006580;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 101, 128, 0));
}

.hover\:from-sapphire-900:hover {
  --gradient-from-color: #004759;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 71, 89, 0));
}

.hover\:from-teal-100:hover {
  --gradient-from-color: #f2fffe;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 255, 254, 0));
}

.hover\:from-teal-200:hover {
  --gradient-from-color: #c6f7f4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 247, 244, 0));
}

.hover\:from-teal-300:hover {
  --gradient-from-color: #9befea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 239, 234, 0));
}

.hover\:from-teal-400:hover {
  --gradient-from-color: #5fdad4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(95, 218, 212, 0));
}

.hover\:from-teal-500:hover {
  --gradient-from-color: #2bc6be;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 198, 190, 0));
}

.hover\:from-teal-600:hover {
  --gradient-from-color: #00b2a9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 178, 169, 0));
}

.hover\:from-teal-700:hover {
  --gradient-from-color: #00948c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 148, 140, 0));
}

.hover\:from-teal-800:hover {
  --gradient-from-color: #00756f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 117, 111, 0));
}

.hover\:from-teal-900:hover {
  --gradient-from-color: #005752;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 87, 82, 0));
}

.hover\:from-transparent:hover {
  --gradient-from-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:from-white:hover {
  --gradient-from-color: #ffffff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:from-white-a10:hover {
  --gradient-from-color: rgba(255, 255, 255, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:from-white-a20:hover {
  --gradient-from-color: rgba(255, 255, 255, 0.2);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:from-white-a30:hover {
  --gradient-from-color: rgba(255, 255, 255, 0.3);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:from-white-a40:hover {
  --gradient-from-color: rgba(255, 255, 255, 0.4);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:from-white-a50:hover {
  --gradient-from-color: rgba(255, 255, 255, 0.5);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:from-white-a60:hover {
  --gradient-from-color: rgba(255, 255, 255, 0.6);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:from-white-a70:hover {
  --gradient-from-color: rgba(255, 255, 255, 0.7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:from-white-a80:hover {
  --gradient-from-color: rgba(255, 255, 255, 0.8);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:from-white-a90:hover {
  --gradient-from-color: rgba(255, 255, 255, 0.9);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:from-yellow-100:hover {
  --gradient-from-color: #FFF9E8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 232, 0));
}

.hover\:from-yellow-200:hover {
  --gradient-from-color: #FFF1BD;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 241, 189, 0));
}

.hover\:from-yellow-300:hover {
  --gradient-from-color: #FFEA90;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 234, 144, 0));
}

.hover\:from-yellow-400:hover {
  --gradient-from-color: #FFD146;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 209, 70, 0));
}

.hover\:from-yellow-500:hover {
  --gradient-from-color: #FEBA00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 186, 0, 0));
}

.hover\:from-yellow-600:hover {
  --gradient-from-color: #D49A00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 154, 0, 0));
}

.hover\:from-yellow-700:hover {
  --gradient-from-color: #AA7A00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(170, 122, 0, 0));
}

.hover\:from-yellow-800:hover {
  --gradient-from-color: #815B00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 91, 0, 0));
}

.hover\:from-yellow-900:hover {
  --gradient-from-color: #573D00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(87, 61, 0, 0));
}

.hover\:via-black:hover {
  --gradient-via-color: #333333;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0));
}

.hover\:via-blue-100:hover {
  --gradient-via-color: #f2f8ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 248, 255, 0));
}

.hover\:via-blue-150:hover {
  --gradient-via-color: #E6EFFB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 239, 251, 0));
}

.hover\:via-blue-200:hover {
  --gradient-via-color: #d6e3f4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 227, 244, 0));
}

.hover\:via-blue-300:hover {
  --gradient-via-color: #bbcfea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(187, 207, 234, 0));
}

.hover\:via-blue-400:hover {
  --gradient-via-color: #8dabd4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 171, 212, 0));
}

.hover\:via-blue-500:hover {
  --gradient-via-color: #648abf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 138, 191, 0));
}

.hover\:via-blue-600:hover {
  --gradient-via-color: #426da9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 109, 169, 0));
}

.hover\:via-blue-700:hover {
  --gradient-via-color: #1d4f91;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 79, 145, 0));
}

.hover\:via-blue-800:hover {
  --gradient-via-color: #123f7a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 63, 122, 0));
}

.hover\:via-blue-900:hover {
  --gradient-via-color: #0a3163;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(10, 49, 99, 0));
}

.hover\:via-gray-100:hover {
  --gradient-via-color: #f6f6f6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
}

.hover\:via-gray-200:hover {
  --gradient-via-color: #eaeaea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 234, 234, 0));
}

.hover\:via-gray-300:hover {
  --gradient-via-color: #d6d6d6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 214, 214, 0));
}

.hover\:via-gray-400:hover {
  --gradient-via-color: #c1c1c1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(193, 193, 193, 0));
}

.hover\:via-gray-500:hover {
  --gradient-via-color: #a7a7a7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
}

.hover\:via-gray-600:hover {
  --gradient-via-color: #8c8c8c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 140, 140, 0));
}

.hover\:via-gray-700:hover {
  --gradient-via-color: #717171;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 113, 0));
}

.hover\:via-gray-800:hover {
  --gradient-via-color: #585858;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 88, 88, 0));
}

.hover\:via-gray-900:hover {
  --gradient-via-color: #404040;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 64, 0));
}

.hover\:via-green-100:hover {
  --gradient-via-color: #F2FFF5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 255, 245, 0));
}

.hover\:via-green-200:hover {
  --gradient-via-color: #D0F6DB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 246, 219, 0));
}

.hover\:via-green-300:hover {
  --gradient-via-color: #9AE8B4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 232, 180, 0));
}

.hover\:via-green-400:hover {
  --gradient-via-color: #5CD08E;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(92, 208, 142, 0));
}

.hover\:via-green-500:hover {
  --gradient-via-color: #29B769;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 183, 105, 0));
}

.hover\:via-green-600:hover {
  --gradient-via-color: #009f4d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 159, 77, 0));
}

.hover\:via-green-700:hover {
  --gradient-via-color: #007a3b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 122, 59, 0));
}

.hover\:via-green-800:hover {
  --gradient-via-color: #00612F;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 97, 47, 0));
}

.hover\:via-green-900:hover {
  --gradient-via-color: #004A24;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 74, 36, 0));
}

.hover\:via-lime-100:hover {
  --gradient-via-color: #fefff2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 255, 242, 0));
}

.hover\:via-lime-200:hover {
  --gradient-via-color: #f7f9cc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 249, 204, 0));
}

.hover\:via-lime-300:hover {
  --gradient-via-color: #f0f3a7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 243, 167, 0));
}

.hover\:via-lime-400:hover {
  --gradient-via-color: #dce26d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 226, 109, 0));
}

.hover\:via-lime-500:hover {
  --gradient-via-color: #cad03b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 208, 59, 0));
}

.hover\:via-lime-600:hover {
  --gradient-via-color: #b7bf10;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 191, 16, 0));
}

.hover\:via-lime-700:hover {
  --gradient-via-color: #979e08;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 158, 8, 0));
}

.hover\:via-lime-800:hover {
  --gradient-via-color: #777d03;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 125, 3, 0));
}

.hover\:via-lime-900:hover {
  --gradient-via-color: #575c00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(87, 92, 0, 0));
}

.hover\:via-magenta-100:hover {
  --gradient-via-color: #fff1fa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 241, 250, 0));
}

.hover\:via-magenta-200:hover {
  --gradient-via-color: #ffd8f0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 216, 240, 0));
}

.hover\:via-magenta-300:hover {
  --gradient-via-color: #ffc0e4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 192, 228, 0));
}

.hover\:via-magenta-400:hover {
  --gradient-via-color: #f790c6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 144, 198, 0));
}

.hover\:via-magenta-500:hover {
  --gradient-via-color: #ef62a8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 98, 168, 0));
}

.hover\:via-magenta-600:hover {
  --gradient-via-color: #e63888;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 56, 136, 0));
}

.hover\:via-magenta-700:hover {
  --gradient-via-color: #c41d73;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 29, 115, 0));
}

.hover\:via-magenta-800:hover {
  --gradient-via-color: #a20861;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(162, 8, 97, 0));
}

.hover\:via-magenta-900:hover {
  --gradient-via-color: #800051;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 0, 81, 0));
}

.hover\:via-orange-100:hover {
  --gradient-via-color: #fff9f2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 242, 0));
}

.hover\:via-orange-200:hover {
  --gradient-via-color: #ffeed7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 238, 215, 0));
}

.hover\:via-orange-300:hover {
  --gradient-via-color: #ffe3ba;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 227, 186, 0));
}

.hover\:via-orange-400:hover {
  --gradient-via-color: #ffc684;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 198, 132, 0));
}

.hover\:via-orange-500:hover {
  --gradient-via-color: #ffaa4f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 170, 79, 0));
}

.hover\:via-orange-600:hover {
  --gradient-via-color: #ff8f1c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 143, 28, 0));
}

.hover\:via-orange-700:hover {
  --gradient-via-color: #cc6e0f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 110, 15, 0));
}

.hover\:via-orange-800:hover {
  --gradient-via-color: #995006;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 80, 6, 0));
}

.hover\:via-orange-900:hover {
  --gradient-via-color: #663300;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 51, 0, 0));
}

.hover\:via-purple-100:hover {
  --gradient-via-color: #fef2ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 255, 0));
}

.hover\:via-purple-200:hover {
  --gradient-via-color: #eed3f1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238, 211, 241, 0));
}

.hover\:via-purple-300:hover {
  --gradient-via-color: #dfb6e4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(223, 182, 228, 0));
}

.hover\:via-purple-400:hover {
  --gradient-via-color: #c186c9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(193, 134, 201, 0));
}

.hover\:via-purple-500:hover {
  --gradient-via-color: #a45dad;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 93, 173, 0));
}

.hover\:via-purple-600:hover {
  --gradient-via-color: #883b92;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 59, 146, 0));
}

.hover\:via-purple-700:hover {
  --gradient-via-color: #6d2077;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 32, 119, 0));
}

.hover\:via-purple-800:hover {
  --gradient-via-color: #53135b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(83, 19, 91, 0));
}

.hover\:via-purple-900:hover {
  --gradient-via-color: #390a40;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 10, 64, 0));
}

.hover\:via-raspberry-100:hover {
  --gradient-via-color: #fff0fb;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 240, 251, 0));
}

.hover\:via-raspberry-200:hover {
  --gradient-via-color: #f6cbea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 203, 234, 0));
}

.hover\:via-raspberry-300:hover {
  --gradient-via-color: #eda7da;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 167, 218, 0));
}

.hover\:via-raspberry-400:hover {
  --gradient-via-color: #d86fbc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(216, 111, 188, 0));
}

.hover\:via-raspberry-500:hover {
  --gradient-via-color: #c43e9f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 62, 159, 0));
}

.hover\:via-raspberry-600:hover {
  --gradient-via-color: #af1685;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 22, 133, 0));
}

.hover\:via-raspberry-700:hover {
  --gradient-via-color: #92086d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 8, 109, 0));
}

.hover\:via-raspberry-800:hover {
  --gradient-via-color: #760056;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 0, 86, 0));
}

.hover\:via-raspberry-900:hover {
  --gradient-via-color: #570041;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(87, 0, 65, 0));
}

.hover\:via-red-100:hover {
  --gradient-via-color: #fff0f3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 240, 243, 0));
}

.hover\:via-red-200:hover {
  --gradient-via-color: #FFD6DD;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 214, 221, 0));
}

.hover\:via-red-300:hover {
  --gradient-via-color: #fea8b8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 168, 184, 0));
}

.hover\:via-red-400:hover {
  --gradient-via-color: #f66c86;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 108, 134, 0));
}

.hover\:via-red-500:hover {
  --gradient-via-color: #ed3457;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 52, 87, 0));
}

.hover\:via-red-600:hover {
  --gradient-via-color: #e4002b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 0, 43, 0));
}

.hover\:via-red-700:hover {
  --gradient-via-color: #c60025;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 0, 37, 0));
}

.hover\:via-red-800:hover {
  --gradient-via-color: #a8001f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(168, 0, 31, 0));
}

.hover\:via-red-900:hover {
  --gradient-via-color: #8a0019;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 0, 25, 0));
}

.hover\:via-sapphire-100:hover {
  --gradient-via-color: #f2fcff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 252, 255, 0));
}

.hover\:via-sapphire-200:hover {
  --gradient-via-color: #d0eff8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 239, 248, 0));
}

.hover\:via-sapphire-300:hover {
  --gradient-via-color: #afe2f1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 226, 241, 0));
}

.hover\:via-sapphire-400:hover {
  --gradient-via-color: #79c8de;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(121, 200, 222, 0));
}

.hover\:via-sapphire-500:hover {
  --gradient-via-color: #4aafcc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 175, 204, 0));
}

.hover\:via-sapphire-600:hover {
  --gradient-via-color: #2197b9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 151, 185, 0));
}

.hover\:via-sapphire-700:hover {
  --gradient-via-color: #0081a6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 129, 166, 0));
}

.hover\:via-sapphire-800:hover {
  --gradient-via-color: #006580;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 101, 128, 0));
}

.hover\:via-sapphire-900:hover {
  --gradient-via-color: #004759;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 71, 89, 0));
}

.hover\:via-teal-100:hover {
  --gradient-via-color: #f2fffe;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 255, 254, 0));
}

.hover\:via-teal-200:hover {
  --gradient-via-color: #c6f7f4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 247, 244, 0));
}

.hover\:via-teal-300:hover {
  --gradient-via-color: #9befea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 239, 234, 0));
}

.hover\:via-teal-400:hover {
  --gradient-via-color: #5fdad4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(95, 218, 212, 0));
}

.hover\:via-teal-500:hover {
  --gradient-via-color: #2bc6be;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 198, 190, 0));
}

.hover\:via-teal-600:hover {
  --gradient-via-color: #00b2a9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 178, 169, 0));
}

.hover\:via-teal-700:hover {
  --gradient-via-color: #00948c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 148, 140, 0));
}

.hover\:via-teal-800:hover {
  --gradient-via-color: #00756f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 117, 111, 0));
}

.hover\:via-teal-900:hover {
  --gradient-via-color: #005752;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 87, 82, 0));
}

.hover\:via-transparent:hover {
  --gradient-via-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.hover\:via-white:hover {
  --gradient-via-color: #ffffff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:via-white-a10:hover {
  --gradient-via-color: rgba(255, 255, 255, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:via-white-a20:hover {
  --gradient-via-color: rgba(255, 255, 255, 0.2);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:via-white-a30:hover {
  --gradient-via-color: rgba(255, 255, 255, 0.3);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:via-white-a40:hover {
  --gradient-via-color: rgba(255, 255, 255, 0.4);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:via-white-a50:hover {
  --gradient-via-color: rgba(255, 255, 255, 0.5);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:via-white-a60:hover {
  --gradient-via-color: rgba(255, 255, 255, 0.6);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:via-white-a70:hover {
  --gradient-via-color: rgba(255, 255, 255, 0.7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:via-white-a80:hover {
  --gradient-via-color: rgba(255, 255, 255, 0.8);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:via-white-a90:hover {
  --gradient-via-color: rgba(255, 255, 255, 0.9);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.hover\:via-yellow-100:hover {
  --gradient-via-color: #FFF9E8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 232, 0));
}

.hover\:via-yellow-200:hover {
  --gradient-via-color: #FFF1BD;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 241, 189, 0));
}

.hover\:via-yellow-300:hover {
  --gradient-via-color: #FFEA90;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 234, 144, 0));
}

.hover\:via-yellow-400:hover {
  --gradient-via-color: #FFD146;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 209, 70, 0));
}

.hover\:via-yellow-500:hover {
  --gradient-via-color: #FEBA00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 186, 0, 0));
}

.hover\:via-yellow-600:hover {
  --gradient-via-color: #D49A00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 154, 0, 0));
}

.hover\:via-yellow-700:hover {
  --gradient-via-color: #AA7A00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(170, 122, 0, 0));
}

.hover\:via-yellow-800:hover {
  --gradient-via-color: #815B00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 91, 0, 0));
}

.hover\:via-yellow-900:hover {
  --gradient-via-color: #573D00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(87, 61, 0, 0));
}

.hover\:to-black:hover {
  --gradient-to-color: #333333;
}

.hover\:to-blue-100:hover {
  --gradient-to-color: #f2f8ff;
}

.hover\:to-blue-150:hover {
  --gradient-to-color: #E6EFFB;
}

.hover\:to-blue-200:hover {
  --gradient-to-color: #d6e3f4;
}

.hover\:to-blue-300:hover {
  --gradient-to-color: #bbcfea;
}

.hover\:to-blue-400:hover {
  --gradient-to-color: #8dabd4;
}

.hover\:to-blue-500:hover {
  --gradient-to-color: #648abf;
}

.hover\:to-blue-600:hover {
  --gradient-to-color: #426da9;
}

.hover\:to-blue-700:hover {
  --gradient-to-color: #1d4f91;
}

.hover\:to-blue-800:hover {
  --gradient-to-color: #123f7a;
}

.hover\:to-blue-900:hover {
  --gradient-to-color: #0a3163;
}

.hover\:to-gray-100:hover {
  --gradient-to-color: #f6f6f6;
}

.hover\:to-gray-200:hover {
  --gradient-to-color: #eaeaea;
}

.hover\:to-gray-300:hover {
  --gradient-to-color: #d6d6d6;
}

.hover\:to-gray-400:hover {
  --gradient-to-color: #c1c1c1;
}

.hover\:to-gray-500:hover {
  --gradient-to-color: #a7a7a7;
}

.hover\:to-gray-600:hover {
  --gradient-to-color: #8c8c8c;
}

.hover\:to-gray-700:hover {
  --gradient-to-color: #717171;
}

.hover\:to-gray-800:hover {
  --gradient-to-color: #585858;
}

.hover\:to-gray-900:hover {
  --gradient-to-color: #404040;
}

.hover\:to-green-100:hover {
  --gradient-to-color: #F2FFF5;
}

.hover\:to-green-200:hover {
  --gradient-to-color: #D0F6DB;
}

.hover\:to-green-300:hover {
  --gradient-to-color: #9AE8B4;
}

.hover\:to-green-400:hover {
  --gradient-to-color: #5CD08E;
}

.hover\:to-green-500:hover {
  --gradient-to-color: #29B769;
}

.hover\:to-green-600:hover {
  --gradient-to-color: #009f4d;
}

.hover\:to-green-700:hover {
  --gradient-to-color: #007a3b;
}

.hover\:to-green-800:hover {
  --gradient-to-color: #00612F;
}

.hover\:to-green-900:hover {
  --gradient-to-color: #004A24;
}

.hover\:to-lime-100:hover {
  --gradient-to-color: #fefff2;
}

.hover\:to-lime-200:hover {
  --gradient-to-color: #f7f9cc;
}

.hover\:to-lime-300:hover {
  --gradient-to-color: #f0f3a7;
}

.hover\:to-lime-400:hover {
  --gradient-to-color: #dce26d;
}

.hover\:to-lime-500:hover {
  --gradient-to-color: #cad03b;
}

.hover\:to-lime-600:hover {
  --gradient-to-color: #b7bf10;
}

.hover\:to-lime-700:hover {
  --gradient-to-color: #979e08;
}

.hover\:to-lime-800:hover {
  --gradient-to-color: #777d03;
}

.hover\:to-lime-900:hover {
  --gradient-to-color: #575c00;
}

.hover\:to-magenta-100:hover {
  --gradient-to-color: #fff1fa;
}

.hover\:to-magenta-200:hover {
  --gradient-to-color: #ffd8f0;
}

.hover\:to-magenta-300:hover {
  --gradient-to-color: #ffc0e4;
}

.hover\:to-magenta-400:hover {
  --gradient-to-color: #f790c6;
}

.hover\:to-magenta-500:hover {
  --gradient-to-color: #ef62a8;
}

.hover\:to-magenta-600:hover {
  --gradient-to-color: #e63888;
}

.hover\:to-magenta-700:hover {
  --gradient-to-color: #c41d73;
}

.hover\:to-magenta-800:hover {
  --gradient-to-color: #a20861;
}

.hover\:to-magenta-900:hover {
  --gradient-to-color: #800051;
}

.hover\:to-orange-100:hover {
  --gradient-to-color: #fff9f2;
}

.hover\:to-orange-200:hover {
  --gradient-to-color: #ffeed7;
}

.hover\:to-orange-300:hover {
  --gradient-to-color: #ffe3ba;
}

.hover\:to-orange-400:hover {
  --gradient-to-color: #ffc684;
}

.hover\:to-orange-500:hover {
  --gradient-to-color: #ffaa4f;
}

.hover\:to-orange-600:hover {
  --gradient-to-color: #ff8f1c;
}

.hover\:to-orange-700:hover {
  --gradient-to-color: #cc6e0f;
}

.hover\:to-orange-800:hover {
  --gradient-to-color: #995006;
}

.hover\:to-orange-900:hover {
  --gradient-to-color: #663300;
}

.hover\:to-purple-100:hover {
  --gradient-to-color: #fef2ff;
}

.hover\:to-purple-200:hover {
  --gradient-to-color: #eed3f1;
}

.hover\:to-purple-300:hover {
  --gradient-to-color: #dfb6e4;
}

.hover\:to-purple-400:hover {
  --gradient-to-color: #c186c9;
}

.hover\:to-purple-500:hover {
  --gradient-to-color: #a45dad;
}

.hover\:to-purple-600:hover {
  --gradient-to-color: #883b92;
}

.hover\:to-purple-700:hover {
  --gradient-to-color: #6d2077;
}

.hover\:to-purple-800:hover {
  --gradient-to-color: #53135b;
}

.hover\:to-purple-900:hover {
  --gradient-to-color: #390a40;
}

.hover\:to-raspberry-100:hover {
  --gradient-to-color: #fff0fb;
}

.hover\:to-raspberry-200:hover {
  --gradient-to-color: #f6cbea;
}

.hover\:to-raspberry-300:hover {
  --gradient-to-color: #eda7da;
}

.hover\:to-raspberry-400:hover {
  --gradient-to-color: #d86fbc;
}

.hover\:to-raspberry-500:hover {
  --gradient-to-color: #c43e9f;
}

.hover\:to-raspberry-600:hover {
  --gradient-to-color: #af1685;
}

.hover\:to-raspberry-700:hover {
  --gradient-to-color: #92086d;
}

.hover\:to-raspberry-800:hover {
  --gradient-to-color: #760056;
}

.hover\:to-raspberry-900:hover {
  --gradient-to-color: #570041;
}

.hover\:to-red-100:hover {
  --gradient-to-color: #fff0f3;
}

.hover\:to-red-200:hover {
  --gradient-to-color: #FFD6DD;
}

.hover\:to-red-300:hover {
  --gradient-to-color: #fea8b8;
}

.hover\:to-red-400:hover {
  --gradient-to-color: #f66c86;
}

.hover\:to-red-500:hover {
  --gradient-to-color: #ed3457;
}

.hover\:to-red-600:hover {
  --gradient-to-color: #e4002b;
}

.hover\:to-red-700:hover {
  --gradient-to-color: #c60025;
}

.hover\:to-red-800:hover {
  --gradient-to-color: #a8001f;
}

.hover\:to-red-900:hover {
  --gradient-to-color: #8a0019;
}

.hover\:to-sapphire-100:hover {
  --gradient-to-color: #f2fcff;
}

.hover\:to-sapphire-200:hover {
  --gradient-to-color: #d0eff8;
}

.hover\:to-sapphire-300:hover {
  --gradient-to-color: #afe2f1;
}

.hover\:to-sapphire-400:hover {
  --gradient-to-color: #79c8de;
}

.hover\:to-sapphire-500:hover {
  --gradient-to-color: #4aafcc;
}

.hover\:to-sapphire-600:hover {
  --gradient-to-color: #2197b9;
}

.hover\:to-sapphire-700:hover {
  --gradient-to-color: #0081a6;
}

.hover\:to-sapphire-800:hover {
  --gradient-to-color: #006580;
}

.hover\:to-sapphire-900:hover {
  --gradient-to-color: #004759;
}

.hover\:to-teal-100:hover {
  --gradient-to-color: #f2fffe;
}

.hover\:to-teal-200:hover {
  --gradient-to-color: #c6f7f4;
}

.hover\:to-teal-300:hover {
  --gradient-to-color: #9befea;
}

.hover\:to-teal-400:hover {
  --gradient-to-color: #5fdad4;
}

.hover\:to-teal-500:hover {
  --gradient-to-color: #2bc6be;
}

.hover\:to-teal-600:hover {
  --gradient-to-color: #00b2a9;
}

.hover\:to-teal-700:hover {
  --gradient-to-color: #00948c;
}

.hover\:to-teal-800:hover {
  --gradient-to-color: #00756f;
}

.hover\:to-teal-900:hover {
  --gradient-to-color: #005752;
}

.hover\:to-transparent:hover {
  --gradient-to-color: transparent;
}

.hover\:to-white:hover {
  --gradient-to-color: #ffffff;
}

.hover\:to-white-a10:hover {
  --gradient-to-color: rgba(255, 255, 255, 0.1);
}

.hover\:to-white-a20:hover {
  --gradient-to-color: rgba(255, 255, 255, 0.2);
}

.hover\:to-white-a30:hover {
  --gradient-to-color: rgba(255, 255, 255, 0.3);
}

.hover\:to-white-a40:hover {
  --gradient-to-color: rgba(255, 255, 255, 0.4);
}

.hover\:to-white-a50:hover {
  --gradient-to-color: rgba(255, 255, 255, 0.5);
}

.hover\:to-white-a60:hover {
  --gradient-to-color: rgba(255, 255, 255, 0.6);
}

.hover\:to-white-a70:hover {
  --gradient-to-color: rgba(255, 255, 255, 0.7);
}

.hover\:to-white-a80:hover {
  --gradient-to-color: rgba(255, 255, 255, 0.8);
}

.hover\:to-white-a90:hover {
  --gradient-to-color: rgba(255, 255, 255, 0.9);
}

.hover\:to-yellow-100:hover {
  --gradient-to-color: #FFF9E8;
}

.hover\:to-yellow-200:hover {
  --gradient-to-color: #FFF1BD;
}

.hover\:to-yellow-300:hover {
  --gradient-to-color: #FFEA90;
}

.hover\:to-yellow-400:hover {
  --gradient-to-color: #FFD146;
}

.hover\:to-yellow-500:hover {
  --gradient-to-color: #FEBA00;
}

.hover\:to-yellow-600:hover {
  --gradient-to-color: #D49A00;
}

.hover\:to-yellow-700:hover {
  --gradient-to-color: #AA7A00;
}

.hover\:to-yellow-800:hover {
  --gradient-to-color: #815B00;
}

.hover\:to-yellow-900:hover {
  --gradient-to-color: #573D00;
}

.focus\:from-black:focus {
  --gradient-from-color: #333333;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(51, 51, 51, 0));
}

.focus\:from-blue-100:focus {
  --gradient-from-color: #f2f8ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 248, 255, 0));
}

.focus\:from-blue-150:focus {
  --gradient-from-color: #E6EFFB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 239, 251, 0));
}

.focus\:from-blue-200:focus {
  --gradient-from-color: #d6e3f4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 227, 244, 0));
}

.focus\:from-blue-300:focus {
  --gradient-from-color: #bbcfea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(187, 207, 234, 0));
}

.focus\:from-blue-400:focus {
  --gradient-from-color: #8dabd4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(141, 171, 212, 0));
}

.focus\:from-blue-500:focus {
  --gradient-from-color: #648abf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(100, 138, 191, 0));
}

.focus\:from-blue-600:focus {
  --gradient-from-color: #426da9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(66, 109, 169, 0));
}

.focus\:from-blue-700:focus {
  --gradient-from-color: #1d4f91;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(29, 79, 145, 0));
}

.focus\:from-blue-800:focus {
  --gradient-from-color: #123f7a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(18, 63, 122, 0));
}

.focus\:from-blue-900:focus {
  --gradient-from-color: #0a3163;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(10, 49, 99, 0));
}

.focus\:from-gray-100:focus {
  --gradient-from-color: #f6f6f6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
}

.focus\:from-gray-200:focus {
  --gradient-from-color: #eaeaea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(234, 234, 234, 0));
}

.focus\:from-gray-300:focus {
  --gradient-from-color: #d6d6d6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(214, 214, 214, 0));
}

.focus\:from-gray-400:focus {
  --gradient-from-color: #c1c1c1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(193, 193, 193, 0));
}

.focus\:from-gray-500:focus {
  --gradient-from-color: #a7a7a7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
}

.focus\:from-gray-600:focus {
  --gradient-from-color: #8c8c8c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(140, 140, 140, 0));
}

.focus\:from-gray-700:focus {
  --gradient-from-color: #717171;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(113, 113, 113, 0));
}

.focus\:from-gray-800:focus {
  --gradient-from-color: #585858;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(88, 88, 88, 0));
}

.focus\:from-gray-900:focus {
  --gradient-from-color: #404040;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(64, 64, 64, 0));
}

.focus\:from-green-100:focus {
  --gradient-from-color: #F2FFF5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 255, 245, 0));
}

.focus\:from-green-200:focus {
  --gradient-from-color: #D0F6DB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 246, 219, 0));
}

.focus\:from-green-300:focus {
  --gradient-from-color: #9AE8B4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(154, 232, 180, 0));
}

.focus\:from-green-400:focus {
  --gradient-from-color: #5CD08E;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(92, 208, 142, 0));
}

.focus\:from-green-500:focus {
  --gradient-from-color: #29B769;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(41, 183, 105, 0));
}

.focus\:from-green-600:focus {
  --gradient-from-color: #009f4d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 159, 77, 0));
}

.focus\:from-green-700:focus {
  --gradient-from-color: #007a3b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 122, 59, 0));
}

.focus\:from-green-800:focus {
  --gradient-from-color: #00612F;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 97, 47, 0));
}

.focus\:from-green-900:focus {
  --gradient-from-color: #004A24;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 74, 36, 0));
}

.focus\:from-lime-100:focus {
  --gradient-from-color: #fefff2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 255, 242, 0));
}

.focus\:from-lime-200:focus {
  --gradient-from-color: #f7f9cc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 249, 204, 0));
}

.focus\:from-lime-300:focus {
  --gradient-from-color: #f0f3a7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(240, 243, 167, 0));
}

.focus\:from-lime-400:focus {
  --gradient-from-color: #dce26d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(220, 226, 109, 0));
}

.focus\:from-lime-500:focus {
  --gradient-from-color: #cad03b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(202, 208, 59, 0));
}

.focus\:from-lime-600:focus {
  --gradient-from-color: #b7bf10;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(183, 191, 16, 0));
}

.focus\:from-lime-700:focus {
  --gradient-from-color: #979e08;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(151, 158, 8, 0));
}

.focus\:from-lime-800:focus {
  --gradient-from-color: #777d03;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(119, 125, 3, 0));
}

.focus\:from-lime-900:focus {
  --gradient-from-color: #575c00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(87, 92, 0, 0));
}

.focus\:from-magenta-100:focus {
  --gradient-from-color: #fff1fa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 241, 250, 0));
}

.focus\:from-magenta-200:focus {
  --gradient-from-color: #ffd8f0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 216, 240, 0));
}

.focus\:from-magenta-300:focus {
  --gradient-from-color: #ffc0e4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 192, 228, 0));
}

.focus\:from-magenta-400:focus {
  --gradient-from-color: #f790c6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(247, 144, 198, 0));
}

.focus\:from-magenta-500:focus {
  --gradient-from-color: #ef62a8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(239, 98, 168, 0));
}

.focus\:from-magenta-600:focus {
  --gradient-from-color: #e63888;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(230, 56, 136, 0));
}

.focus\:from-magenta-700:focus {
  --gradient-from-color: #c41d73;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 29, 115, 0));
}

.focus\:from-magenta-800:focus {
  --gradient-from-color: #a20861;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(162, 8, 97, 0));
}

.focus\:from-magenta-900:focus {
  --gradient-from-color: #800051;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(128, 0, 81, 0));
}

.focus\:from-orange-100:focus {
  --gradient-from-color: #fff9f2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 242, 0));
}

.focus\:from-orange-200:focus {
  --gradient-from-color: #ffeed7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 238, 215, 0));
}

.focus\:from-orange-300:focus {
  --gradient-from-color: #ffe3ba;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 227, 186, 0));
}

.focus\:from-orange-400:focus {
  --gradient-from-color: #ffc684;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 198, 132, 0));
}

.focus\:from-orange-500:focus {
  --gradient-from-color: #ffaa4f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 170, 79, 0));
}

.focus\:from-orange-600:focus {
  --gradient-from-color: #ff8f1c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 143, 28, 0));
}

.focus\:from-orange-700:focus {
  --gradient-from-color: #cc6e0f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(204, 110, 15, 0));
}

.focus\:from-orange-800:focus {
  --gradient-from-color: #995006;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(153, 80, 6, 0));
}

.focus\:from-orange-900:focus {
  --gradient-from-color: #663300;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(102, 51, 0, 0));
}

.focus\:from-purple-100:focus {
  --gradient-from-color: #fef2ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 255, 0));
}

.focus\:from-purple-200:focus {
  --gradient-from-color: #eed3f1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(238, 211, 241, 0));
}

.focus\:from-purple-300:focus {
  --gradient-from-color: #dfb6e4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(223, 182, 228, 0));
}

.focus\:from-purple-400:focus {
  --gradient-from-color: #c186c9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(193, 134, 201, 0));
}

.focus\:from-purple-500:focus {
  --gradient-from-color: #a45dad;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(164, 93, 173, 0));
}

.focus\:from-purple-600:focus {
  --gradient-from-color: #883b92;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(136, 59, 146, 0));
}

.focus\:from-purple-700:focus {
  --gradient-from-color: #6d2077;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(109, 32, 119, 0));
}

.focus\:from-purple-800:focus {
  --gradient-from-color: #53135b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(83, 19, 91, 0));
}

.focus\:from-purple-900:focus {
  --gradient-from-color: #390a40;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(57, 10, 64, 0));
}

.focus\:from-raspberry-100:focus {
  --gradient-from-color: #fff0fb;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 240, 251, 0));
}

.focus\:from-raspberry-200:focus {
  --gradient-from-color: #f6cbea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 203, 234, 0));
}

.focus\:from-raspberry-300:focus {
  --gradient-from-color: #eda7da;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 167, 218, 0));
}

.focus\:from-raspberry-400:focus {
  --gradient-from-color: #d86fbc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(216, 111, 188, 0));
}

.focus\:from-raspberry-500:focus {
  --gradient-from-color: #c43e9f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(196, 62, 159, 0));
}

.focus\:from-raspberry-600:focus {
  --gradient-from-color: #af1685;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 22, 133, 0));
}

.focus\:from-raspberry-700:focus {
  --gradient-from-color: #92086d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(146, 8, 109, 0));
}

.focus\:from-raspberry-800:focus {
  --gradient-from-color: #760056;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(118, 0, 86, 0));
}

.focus\:from-raspberry-900:focus {
  --gradient-from-color: #570041;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(87, 0, 65, 0));
}

.focus\:from-red-100:focus {
  --gradient-from-color: #fff0f3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 240, 243, 0));
}

.focus\:from-red-200:focus {
  --gradient-from-color: #FFD6DD;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 214, 221, 0));
}

.focus\:from-red-300:focus {
  --gradient-from-color: #fea8b8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 168, 184, 0));
}

.focus\:from-red-400:focus {
  --gradient-from-color: #f66c86;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(246, 108, 134, 0));
}

.focus\:from-red-500:focus {
  --gradient-from-color: #ed3457;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(237, 52, 87, 0));
}

.focus\:from-red-600:focus {
  --gradient-from-color: #e4002b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(228, 0, 43, 0));
}

.focus\:from-red-700:focus {
  --gradient-from-color: #c60025;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 0, 37, 0));
}

.focus\:from-red-800:focus {
  --gradient-from-color: #a8001f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(168, 0, 31, 0));
}

.focus\:from-red-900:focus {
  --gradient-from-color: #8a0019;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(138, 0, 25, 0));
}

.focus\:from-sapphire-100:focus {
  --gradient-from-color: #f2fcff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 252, 255, 0));
}

.focus\:from-sapphire-200:focus {
  --gradient-from-color: #d0eff8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(208, 239, 248, 0));
}

.focus\:from-sapphire-300:focus {
  --gradient-from-color: #afe2f1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(175, 226, 241, 0));
}

.focus\:from-sapphire-400:focus {
  --gradient-from-color: #79c8de;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(121, 200, 222, 0));
}

.focus\:from-sapphire-500:focus {
  --gradient-from-color: #4aafcc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(74, 175, 204, 0));
}

.focus\:from-sapphire-600:focus {
  --gradient-from-color: #2197b9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(33, 151, 185, 0));
}

.focus\:from-sapphire-700:focus {
  --gradient-from-color: #0081a6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 129, 166, 0));
}

.focus\:from-sapphire-800:focus {
  --gradient-from-color: #006580;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 101, 128, 0));
}

.focus\:from-sapphire-900:focus {
  --gradient-from-color: #004759;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 71, 89, 0));
}

.focus\:from-teal-100:focus {
  --gradient-from-color: #f2fffe;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(242, 255, 254, 0));
}

.focus\:from-teal-200:focus {
  --gradient-from-color: #c6f7f4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(198, 247, 244, 0));
}

.focus\:from-teal-300:focus {
  --gradient-from-color: #9befea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(155, 239, 234, 0));
}

.focus\:from-teal-400:focus {
  --gradient-from-color: #5fdad4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(95, 218, 212, 0));
}

.focus\:from-teal-500:focus {
  --gradient-from-color: #2bc6be;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(43, 198, 190, 0));
}

.focus\:from-teal-600:focus {
  --gradient-from-color: #00b2a9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 178, 169, 0));
}

.focus\:from-teal-700:focus {
  --gradient-from-color: #00948c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 148, 140, 0));
}

.focus\:from-teal-800:focus {
  --gradient-from-color: #00756f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 117, 111, 0));
}

.focus\:from-teal-900:focus {
  --gradient-from-color: #005752;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 87, 82, 0));
}

.focus\:from-transparent:focus {
  --gradient-from-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:from-white:focus {
  --gradient-from-color: #ffffff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:from-white-a10:focus {
  --gradient-from-color: rgba(255, 255, 255, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:from-white-a20:focus {
  --gradient-from-color: rgba(255, 255, 255, 0.2);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:from-white-a30:focus {
  --gradient-from-color: rgba(255, 255, 255, 0.3);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:from-white-a40:focus {
  --gradient-from-color: rgba(255, 255, 255, 0.4);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:from-white-a50:focus {
  --gradient-from-color: rgba(255, 255, 255, 0.5);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:from-white-a60:focus {
  --gradient-from-color: rgba(255, 255, 255, 0.6);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:from-white-a70:focus {
  --gradient-from-color: rgba(255, 255, 255, 0.7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:from-white-a80:focus {
  --gradient-from-color: rgba(255, 255, 255, 0.8);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:from-white-a90:focus {
  --gradient-from-color: rgba(255, 255, 255, 0.9);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:from-yellow-100:focus {
  --gradient-from-color: #FFF9E8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 232, 0));
}

.focus\:from-yellow-200:focus {
  --gradient-from-color: #FFF1BD;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 241, 189, 0));
}

.focus\:from-yellow-300:focus {
  --gradient-from-color: #FFEA90;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 234, 144, 0));
}

.focus\:from-yellow-400:focus {
  --gradient-from-color: #FFD146;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(255, 209, 70, 0));
}

.focus\:from-yellow-500:focus {
  --gradient-from-color: #FEBA00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(254, 186, 0, 0));
}

.focus\:from-yellow-600:focus {
  --gradient-from-color: #D49A00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(212, 154, 0, 0));
}

.focus\:from-yellow-700:focus {
  --gradient-from-color: #AA7A00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(170, 122, 0, 0));
}

.focus\:from-yellow-800:focus {
  --gradient-from-color: #815B00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(129, 91, 0, 0));
}

.focus\:from-yellow-900:focus {
  --gradient-from-color: #573D00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-to-color, rgba(87, 61, 0, 0));
}

.focus\:via-black:focus {
  --gradient-via-color: #333333;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(51, 51, 51, 0));
}

.focus\:via-blue-100:focus {
  --gradient-via-color: #f2f8ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 248, 255, 0));
}

.focus\:via-blue-150:focus {
  --gradient-via-color: #E6EFFB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 239, 251, 0));
}

.focus\:via-blue-200:focus {
  --gradient-via-color: #d6e3f4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 227, 244, 0));
}

.focus\:via-blue-300:focus {
  --gradient-via-color: #bbcfea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(187, 207, 234, 0));
}

.focus\:via-blue-400:focus {
  --gradient-via-color: #8dabd4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(141, 171, 212, 0));
}

.focus\:via-blue-500:focus {
  --gradient-via-color: #648abf;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 138, 191, 0));
}

.focus\:via-blue-600:focus {
  --gradient-via-color: #426da9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 109, 169, 0));
}

.focus\:via-blue-700:focus {
  --gradient-via-color: #1d4f91;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 79, 145, 0));
}

.focus\:via-blue-800:focus {
  --gradient-via-color: #123f7a;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 63, 122, 0));
}

.focus\:via-blue-900:focus {
  --gradient-via-color: #0a3163;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(10, 49, 99, 0));
}

.focus\:via-gray-100:focus {
  --gradient-via-color: #f6f6f6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 246, 246, 0));
}

.focus\:via-gray-200:focus {
  --gradient-via-color: #eaeaea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(234, 234, 234, 0));
}

.focus\:via-gray-300:focus {
  --gradient-via-color: #d6d6d6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 214, 214, 0));
}

.focus\:via-gray-400:focus {
  --gradient-via-color: #c1c1c1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(193, 193, 193, 0));
}

.focus\:via-gray-500:focus {
  --gradient-via-color: #a7a7a7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 167, 167, 0));
}

.focus\:via-gray-600:focus {
  --gradient-via-color: #8c8c8c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(140, 140, 140, 0));
}

.focus\:via-gray-700:focus {
  --gradient-via-color: #717171;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 113, 113, 0));
}

.focus\:via-gray-800:focus {
  --gradient-via-color: #585858;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(88, 88, 88, 0));
}

.focus\:via-gray-900:focus {
  --gradient-via-color: #404040;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(64, 64, 64, 0));
}

.focus\:via-green-100:focus {
  --gradient-via-color: #F2FFF5;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 255, 245, 0));
}

.focus\:via-green-200:focus {
  --gradient-via-color: #D0F6DB;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 246, 219, 0));
}

.focus\:via-green-300:focus {
  --gradient-via-color: #9AE8B4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 232, 180, 0));
}

.focus\:via-green-400:focus {
  --gradient-via-color: #5CD08E;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(92, 208, 142, 0));
}

.focus\:via-green-500:focus {
  --gradient-via-color: #29B769;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 183, 105, 0));
}

.focus\:via-green-600:focus {
  --gradient-via-color: #009f4d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 159, 77, 0));
}

.focus\:via-green-700:focus {
  --gradient-via-color: #007a3b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 122, 59, 0));
}

.focus\:via-green-800:focus {
  --gradient-via-color: #00612F;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 97, 47, 0));
}

.focus\:via-green-900:focus {
  --gradient-via-color: #004A24;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 74, 36, 0));
}

.focus\:via-lime-100:focus {
  --gradient-via-color: #fefff2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 255, 242, 0));
}

.focus\:via-lime-200:focus {
  --gradient-via-color: #f7f9cc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 249, 204, 0));
}

.focus\:via-lime-300:focus {
  --gradient-via-color: #f0f3a7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 243, 167, 0));
}

.focus\:via-lime-400:focus {
  --gradient-via-color: #dce26d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 226, 109, 0));
}

.focus\:via-lime-500:focus {
  --gradient-via-color: #cad03b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(202, 208, 59, 0));
}

.focus\:via-lime-600:focus {
  --gradient-via-color: #b7bf10;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 191, 16, 0));
}

.focus\:via-lime-700:focus {
  --gradient-via-color: #979e08;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 158, 8, 0));
}

.focus\:via-lime-800:focus {
  --gradient-via-color: #777d03;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(119, 125, 3, 0));
}

.focus\:via-lime-900:focus {
  --gradient-via-color: #575c00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(87, 92, 0, 0));
}

.focus\:via-magenta-100:focus {
  --gradient-via-color: #fff1fa;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 241, 250, 0));
}

.focus\:via-magenta-200:focus {
  --gradient-via-color: #ffd8f0;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 216, 240, 0));
}

.focus\:via-magenta-300:focus {
  --gradient-via-color: #ffc0e4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 192, 228, 0));
}

.focus\:via-magenta-400:focus {
  --gradient-via-color: #f790c6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 144, 198, 0));
}

.focus\:via-magenta-500:focus {
  --gradient-via-color: #ef62a8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 98, 168, 0));
}

.focus\:via-magenta-600:focus {
  --gradient-via-color: #e63888;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 56, 136, 0));
}

.focus\:via-magenta-700:focus {
  --gradient-via-color: #c41d73;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 29, 115, 0));
}

.focus\:via-magenta-800:focus {
  --gradient-via-color: #a20861;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(162, 8, 97, 0));
}

.focus\:via-magenta-900:focus {
  --gradient-via-color: #800051;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 0, 81, 0));
}

.focus\:via-orange-100:focus {
  --gradient-via-color: #fff9f2;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 242, 0));
}

.focus\:via-orange-200:focus {
  --gradient-via-color: #ffeed7;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 238, 215, 0));
}

.focus\:via-orange-300:focus {
  --gradient-via-color: #ffe3ba;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 227, 186, 0));
}

.focus\:via-orange-400:focus {
  --gradient-via-color: #ffc684;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 198, 132, 0));
}

.focus\:via-orange-500:focus {
  --gradient-via-color: #ffaa4f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 170, 79, 0));
}

.focus\:via-orange-600:focus {
  --gradient-via-color: #ff8f1c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 143, 28, 0));
}

.focus\:via-orange-700:focus {
  --gradient-via-color: #cc6e0f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 110, 15, 0));
}

.focus\:via-orange-800:focus {
  --gradient-via-color: #995006;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 80, 6, 0));
}

.focus\:via-orange-900:focus {
  --gradient-via-color: #663300;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 51, 0, 0));
}

.focus\:via-purple-100:focus {
  --gradient-via-color: #fef2ff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 255, 0));
}

.focus\:via-purple-200:focus {
  --gradient-via-color: #eed3f1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238, 211, 241, 0));
}

.focus\:via-purple-300:focus {
  --gradient-via-color: #dfb6e4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(223, 182, 228, 0));
}

.focus\:via-purple-400:focus {
  --gradient-via-color: #c186c9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(193, 134, 201, 0));
}

.focus\:via-purple-500:focus {
  --gradient-via-color: #a45dad;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(164, 93, 173, 0));
}

.focus\:via-purple-600:focus {
  --gradient-via-color: #883b92;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(136, 59, 146, 0));
}

.focus\:via-purple-700:focus {
  --gradient-via-color: #6d2077;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 32, 119, 0));
}

.focus\:via-purple-800:focus {
  --gradient-via-color: #53135b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(83, 19, 91, 0));
}

.focus\:via-purple-900:focus {
  --gradient-via-color: #390a40;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(57, 10, 64, 0));
}

.focus\:via-raspberry-100:focus {
  --gradient-via-color: #fff0fb;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 240, 251, 0));
}

.focus\:via-raspberry-200:focus {
  --gradient-via-color: #f6cbea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 203, 234, 0));
}

.focus\:via-raspberry-300:focus {
  --gradient-via-color: #eda7da;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 167, 218, 0));
}

.focus\:via-raspberry-400:focus {
  --gradient-via-color: #d86fbc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(216, 111, 188, 0));
}

.focus\:via-raspberry-500:focus {
  --gradient-via-color: #c43e9f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 62, 159, 0));
}

.focus\:via-raspberry-600:focus {
  --gradient-via-color: #af1685;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 22, 133, 0));
}

.focus\:via-raspberry-700:focus {
  --gradient-via-color: #92086d;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 8, 109, 0));
}

.focus\:via-raspberry-800:focus {
  --gradient-via-color: #760056;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(118, 0, 86, 0));
}

.focus\:via-raspberry-900:focus {
  --gradient-via-color: #570041;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(87, 0, 65, 0));
}

.focus\:via-red-100:focus {
  --gradient-via-color: #fff0f3;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 240, 243, 0));
}

.focus\:via-red-200:focus {
  --gradient-via-color: #FFD6DD;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 214, 221, 0));
}

.focus\:via-red-300:focus {
  --gradient-via-color: #fea8b8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 168, 184, 0));
}

.focus\:via-red-400:focus {
  --gradient-via-color: #f66c86;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 108, 134, 0));
}

.focus\:via-red-500:focus {
  --gradient-via-color: #ed3457;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 52, 87, 0));
}

.focus\:via-red-600:focus {
  --gradient-via-color: #e4002b;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(228, 0, 43, 0));
}

.focus\:via-red-700:focus {
  --gradient-via-color: #c60025;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 0, 37, 0));
}

.focus\:via-red-800:focus {
  --gradient-via-color: #a8001f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(168, 0, 31, 0));
}

.focus\:via-red-900:focus {
  --gradient-via-color: #8a0019;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(138, 0, 25, 0));
}

.focus\:via-sapphire-100:focus {
  --gradient-via-color: #f2fcff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 252, 255, 0));
}

.focus\:via-sapphire-200:focus {
  --gradient-via-color: #d0eff8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(208, 239, 248, 0));
}

.focus\:via-sapphire-300:focus {
  --gradient-via-color: #afe2f1;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(175, 226, 241, 0));
}

.focus\:via-sapphire-400:focus {
  --gradient-via-color: #79c8de;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(121, 200, 222, 0));
}

.focus\:via-sapphire-500:focus {
  --gradient-via-color: #4aafcc;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 175, 204, 0));
}

.focus\:via-sapphire-600:focus {
  --gradient-via-color: #2197b9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 151, 185, 0));
}

.focus\:via-sapphire-700:focus {
  --gradient-via-color: #0081a6;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 129, 166, 0));
}

.focus\:via-sapphire-800:focus {
  --gradient-via-color: #006580;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 101, 128, 0));
}

.focus\:via-sapphire-900:focus {
  --gradient-via-color: #004759;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 71, 89, 0));
}

.focus\:via-teal-100:focus {
  --gradient-via-color: #f2fffe;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 255, 254, 0));
}

.focus\:via-teal-200:focus {
  --gradient-via-color: #c6f7f4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 247, 244, 0));
}

.focus\:via-teal-300:focus {
  --gradient-via-color: #9befea;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 239, 234, 0));
}

.focus\:via-teal-400:focus {
  --gradient-via-color: #5fdad4;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(95, 218, 212, 0));
}

.focus\:via-teal-500:focus {
  --gradient-via-color: #2bc6be;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 198, 190, 0));
}

.focus\:via-teal-600:focus {
  --gradient-via-color: #00b2a9;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 178, 169, 0));
}

.focus\:via-teal-700:focus {
  --gradient-via-color: #00948c;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 148, 140, 0));
}

.focus\:via-teal-800:focus {
  --gradient-via-color: #00756f;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 117, 111, 0));
}

.focus\:via-teal-900:focus {
  --gradient-via-color: #005752;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 87, 82, 0));
}

.focus\:via-transparent:focus {
  --gradient-via-color: transparent;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0));
}

.focus\:via-white:focus {
  --gradient-via-color: #ffffff;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:via-white-a10:focus {
  --gradient-via-color: rgba(255, 255, 255, 0.1);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:via-white-a20:focus {
  --gradient-via-color: rgba(255, 255, 255, 0.2);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:via-white-a30:focus {
  --gradient-via-color: rgba(255, 255, 255, 0.3);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:via-white-a40:focus {
  --gradient-via-color: rgba(255, 255, 255, 0.4);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:via-white-a50:focus {
  --gradient-via-color: rgba(255, 255, 255, 0.5);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:via-white-a60:focus {
  --gradient-via-color: rgba(255, 255, 255, 0.6);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:via-white-a70:focus {
  --gradient-via-color: rgba(255, 255, 255, 0.7);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:via-white-a80:focus {
  --gradient-via-color: rgba(255, 255, 255, 0.8);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:via-white-a90:focus {
  --gradient-via-color: rgba(255, 255, 255, 0.9);
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0));
}

.focus\:via-yellow-100:focus {
  --gradient-via-color: #FFF9E8;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 232, 0));
}

.focus\:via-yellow-200:focus {
  --gradient-via-color: #FFF1BD;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 241, 189, 0));
}

.focus\:via-yellow-300:focus {
  --gradient-via-color: #FFEA90;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 234, 144, 0));
}

.focus\:via-yellow-400:focus {
  --gradient-via-color: #FFD146;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 209, 70, 0));
}

.focus\:via-yellow-500:focus {
  --gradient-via-color: #FEBA00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 186, 0, 0));
}

.focus\:via-yellow-600:focus {
  --gradient-via-color: #D49A00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(212, 154, 0, 0));
}

.focus\:via-yellow-700:focus {
  --gradient-via-color: #AA7A00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(170, 122, 0, 0));
}

.focus\:via-yellow-800:focus {
  --gradient-via-color: #815B00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 91, 0, 0));
}

.focus\:via-yellow-900:focus {
  --gradient-via-color: #573D00;
  --gradient-color-stops: var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(87, 61, 0, 0));
}

.focus\:to-black:focus {
  --gradient-to-color: #333333;
}

.focus\:to-blue-100:focus {
  --gradient-to-color: #f2f8ff;
}

.focus\:to-blue-150:focus {
  --gradient-to-color: #E6EFFB;
}

.focus\:to-blue-200:focus {
  --gradient-to-color: #d6e3f4;
}

.focus\:to-blue-300:focus {
  --gradient-to-color: #bbcfea;
}

.focus\:to-blue-400:focus {
  --gradient-to-color: #8dabd4;
}

.focus\:to-blue-500:focus {
  --gradient-to-color: #648abf;
}

.focus\:to-blue-600:focus {
  --gradient-to-color: #426da9;
}

.focus\:to-blue-700:focus {
  --gradient-to-color: #1d4f91;
}

.focus\:to-blue-800:focus {
  --gradient-to-color: #123f7a;
}

.focus\:to-blue-900:focus {
  --gradient-to-color: #0a3163;
}

.focus\:to-gray-100:focus {
  --gradient-to-color: #f6f6f6;
}

.focus\:to-gray-200:focus {
  --gradient-to-color: #eaeaea;
}

.focus\:to-gray-300:focus {
  --gradient-to-color: #d6d6d6;
}

.focus\:to-gray-400:focus {
  --gradient-to-color: #c1c1c1;
}

.focus\:to-gray-500:focus {
  --gradient-to-color: #a7a7a7;
}

.focus\:to-gray-600:focus {
  --gradient-to-color: #8c8c8c;
}

.focus\:to-gray-700:focus {
  --gradient-to-color: #717171;
}

.focus\:to-gray-800:focus {
  --gradient-to-color: #585858;
}

.focus\:to-gray-900:focus {
  --gradient-to-color: #404040;
}

.focus\:to-green-100:focus {
  --gradient-to-color: #F2FFF5;
}

.focus\:to-green-200:focus {
  --gradient-to-color: #D0F6DB;
}

.focus\:to-green-300:focus {
  --gradient-to-color: #9AE8B4;
}

.focus\:to-green-400:focus {
  --gradient-to-color: #5CD08E;
}

.focus\:to-green-500:focus {
  --gradient-to-color: #29B769;
}

.focus\:to-green-600:focus {
  --gradient-to-color: #009f4d;
}

.focus\:to-green-700:focus {
  --gradient-to-color: #007a3b;
}

.focus\:to-green-800:focus {
  --gradient-to-color: #00612F;
}

.focus\:to-green-900:focus {
  --gradient-to-color: #004A24;
}

.focus\:to-lime-100:focus {
  --gradient-to-color: #fefff2;
}

.focus\:to-lime-200:focus {
  --gradient-to-color: #f7f9cc;
}

.focus\:to-lime-300:focus {
  --gradient-to-color: #f0f3a7;
}

.focus\:to-lime-400:focus {
  --gradient-to-color: #dce26d;
}

.focus\:to-lime-500:focus {
  --gradient-to-color: #cad03b;
}

.focus\:to-lime-600:focus {
  --gradient-to-color: #b7bf10;
}

.focus\:to-lime-700:focus {
  --gradient-to-color: #979e08;
}

.focus\:to-lime-800:focus {
  --gradient-to-color: #777d03;
}

.focus\:to-lime-900:focus {
  --gradient-to-color: #575c00;
}

.focus\:to-magenta-100:focus {
  --gradient-to-color: #fff1fa;
}

.focus\:to-magenta-200:focus {
  --gradient-to-color: #ffd8f0;
}

.focus\:to-magenta-300:focus {
  --gradient-to-color: #ffc0e4;
}

.focus\:to-magenta-400:focus {
  --gradient-to-color: #f790c6;
}

.focus\:to-magenta-500:focus {
  --gradient-to-color: #ef62a8;
}

.focus\:to-magenta-600:focus {
  --gradient-to-color: #e63888;
}

.focus\:to-magenta-700:focus {
  --gradient-to-color: #c41d73;
}

.focus\:to-magenta-800:focus {
  --gradient-to-color: #a20861;
}

.focus\:to-magenta-900:focus {
  --gradient-to-color: #800051;
}

.focus\:to-orange-100:focus {
  --gradient-to-color: #fff9f2;
}

.focus\:to-orange-200:focus {
  --gradient-to-color: #ffeed7;
}

.focus\:to-orange-300:focus {
  --gradient-to-color: #ffe3ba;
}

.focus\:to-orange-400:focus {
  --gradient-to-color: #ffc684;
}

.focus\:to-orange-500:focus {
  --gradient-to-color: #ffaa4f;
}

.focus\:to-orange-600:focus {
  --gradient-to-color: #ff8f1c;
}

.focus\:to-orange-700:focus {
  --gradient-to-color: #cc6e0f;
}

.focus\:to-orange-800:focus {
  --gradient-to-color: #995006;
}

.focus\:to-orange-900:focus {
  --gradient-to-color: #663300;
}

.focus\:to-purple-100:focus {
  --gradient-to-color: #fef2ff;
}

.focus\:to-purple-200:focus {
  --gradient-to-color: #eed3f1;
}

.focus\:to-purple-300:focus {
  --gradient-to-color: #dfb6e4;
}

.focus\:to-purple-400:focus {
  --gradient-to-color: #c186c9;
}

.focus\:to-purple-500:focus {
  --gradient-to-color: #a45dad;
}

.focus\:to-purple-600:focus {
  --gradient-to-color: #883b92;
}

.focus\:to-purple-700:focus {
  --gradient-to-color: #6d2077;
}

.focus\:to-purple-800:focus {
  --gradient-to-color: #53135b;
}

.focus\:to-purple-900:focus {
  --gradient-to-color: #390a40;
}

.focus\:to-raspberry-100:focus {
  --gradient-to-color: #fff0fb;
}

.focus\:to-raspberry-200:focus {
  --gradient-to-color: #f6cbea;
}

.focus\:to-raspberry-300:focus {
  --gradient-to-color: #eda7da;
}

.focus\:to-raspberry-400:focus {
  --gradient-to-color: #d86fbc;
}

.focus\:to-raspberry-500:focus {
  --gradient-to-color: #c43e9f;
}

.focus\:to-raspberry-600:focus {
  --gradient-to-color: #af1685;
}

.focus\:to-raspberry-700:focus {
  --gradient-to-color: #92086d;
}

.focus\:to-raspberry-800:focus {
  --gradient-to-color: #760056;
}

.focus\:to-raspberry-900:focus {
  --gradient-to-color: #570041;
}

.focus\:to-red-100:focus {
  --gradient-to-color: #fff0f3;
}

.focus\:to-red-200:focus {
  --gradient-to-color: #FFD6DD;
}

.focus\:to-red-300:focus {
  --gradient-to-color: #fea8b8;
}

.focus\:to-red-400:focus {
  --gradient-to-color: #f66c86;
}

.focus\:to-red-500:focus {
  --gradient-to-color: #ed3457;
}

.focus\:to-red-600:focus {
  --gradient-to-color: #e4002b;
}

.focus\:to-red-700:focus {
  --gradient-to-color: #c60025;
}

.focus\:to-red-800:focus {
  --gradient-to-color: #a8001f;
}

.focus\:to-red-900:focus {
  --gradient-to-color: #8a0019;
}

.focus\:to-sapphire-100:focus {
  --gradient-to-color: #f2fcff;
}

.focus\:to-sapphire-200:focus {
  --gradient-to-color: #d0eff8;
}

.focus\:to-sapphire-300:focus {
  --gradient-to-color: #afe2f1;
}

.focus\:to-sapphire-400:focus {
  --gradient-to-color: #79c8de;
}

.focus\:to-sapphire-500:focus {
  --gradient-to-color: #4aafcc;
}

.focus\:to-sapphire-600:focus {
  --gradient-to-color: #2197b9;
}

.focus\:to-sapphire-700:focus {
  --gradient-to-color: #0081a6;
}

.focus\:to-sapphire-800:focus {
  --gradient-to-color: #006580;
}

.focus\:to-sapphire-900:focus {
  --gradient-to-color: #004759;
}

.focus\:to-teal-100:focus {
  --gradient-to-color: #f2fffe;
}

.focus\:to-teal-200:focus {
  --gradient-to-color: #c6f7f4;
}

.focus\:to-teal-300:focus {
  --gradient-to-color: #9befea;
}

.focus\:to-teal-400:focus {
  --gradient-to-color: #5fdad4;
}

.focus\:to-teal-500:focus {
  --gradient-to-color: #2bc6be;
}

.focus\:to-teal-600:focus {
  --gradient-to-color: #00b2a9;
}

.focus\:to-teal-700:focus {
  --gradient-to-color: #00948c;
}

.focus\:to-teal-800:focus {
  --gradient-to-color: #00756f;
}

.focus\:to-teal-900:focus {
  --gradient-to-color: #005752;
}

.focus\:to-transparent:focus {
  --gradient-to-color: transparent;
}

.focus\:to-white:focus {
  --gradient-to-color: #ffffff;
}

.focus\:to-white-a10:focus {
  --gradient-to-color: rgba(255, 255, 255, 0.1);
}

.focus\:to-white-a20:focus {
  --gradient-to-color: rgba(255, 255, 255, 0.2);
}

.focus\:to-white-a30:focus {
  --gradient-to-color: rgba(255, 255, 255, 0.3);
}

.focus\:to-white-a40:focus {
  --gradient-to-color: rgba(255, 255, 255, 0.4);
}

.focus\:to-white-a50:focus {
  --gradient-to-color: rgba(255, 255, 255, 0.5);
}

.focus\:to-white-a60:focus {
  --gradient-to-color: rgba(255, 255, 255, 0.6);
}

.focus\:to-white-a70:focus {
  --gradient-to-color: rgba(255, 255, 255, 0.7);
}

.focus\:to-white-a80:focus {
  --gradient-to-color: rgba(255, 255, 255, 0.8);
}

.focus\:to-white-a90:focus {
  --gradient-to-color: rgba(255, 255, 255, 0.9);
}

.focus\:to-yellow-100:focus {
  --gradient-to-color: #FFF9E8;
}

.focus\:to-yellow-200:focus {
  --gradient-to-color: #FFF1BD;
}

.focus\:to-yellow-300:focus {
  --gradient-to-color: #FFEA90;
}

.focus\:to-yellow-400:focus {
  --gradient-to-color: #FFD146;
}

.focus\:to-yellow-500:focus {
  --gradient-to-color: #FEBA00;
}

.focus\:to-yellow-600:focus {
  --gradient-to-color: #D49A00;
}

.focus\:to-yellow-700:focus {
  --gradient-to-color: #AA7A00;
}

.focus\:to-yellow-800:focus {
  --gradient-to-color: #815B00;
}

.focus\:to-yellow-900:focus {
  --gradient-to-color: #573D00;
}

.bg-opacity-0 {
  --bg-opacity: 0;
}

.bg-opacity-25 {
  --bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bg-opacity: 1;
}

.hover\:bg-opacity-0:hover {
  --bg-opacity: 0;
}

.hover\:bg-opacity-25:hover {
  --bg-opacity: 0.25;
}

.hover\:bg-opacity-50:hover {
  --bg-opacity: 0.5;
}

.hover\:bg-opacity-75:hover {
  --bg-opacity: 0.75;
}

.hover\:bg-opacity-100:hover {
  --bg-opacity: 1;
}

.focus\:bg-opacity-0:focus {
  --bg-opacity: 0;
}

.focus\:bg-opacity-25:focus {
  --bg-opacity: 0.25;
}

.focus\:bg-opacity-50:focus {
  --bg-opacity: 0.5;
}

.focus\:bg-opacity-75:focus {
  --bg-opacity: 0.75;
}

.focus\:bg-opacity-100:focus {
  --bg-opacity: 1;
}

.bg-bottom {
  background-position: bottom;
}

.bg-center {
  background-position: center;
}

.bg-left {
  background-position: left;
}

.bg-left-bottom {
  background-position: left bottom;
}

.bg-left-top {
  background-position: left top;
}

.bg-right {
  background-position: right;
}

.bg-right-bottom {
  background-position: right bottom;
}

.bg-right-top {
  background-position: right top;
}

.bg-top {
  background-position: top;
}

.bg-top-12 {
  background-position: center top 12px;
}

.bg-repeat {
  background-repeat: repeat;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-repeat-x {
  background-repeat: repeat-x;
}

.bg-repeat-y {
  background-repeat: repeat-y;
}

.bg-repeat-round {
  background-repeat: round;
}

.bg-repeat-space {
  background-repeat: space;
}

.bg-auto {
  background-size: auto;
}

.bg-cover {
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

.border-collapse {
  border-collapse: collapse;
}

.border-separate {
  border-collapse: separate;
}

.border-black {
  --border-opacity: 1;
  border-color: #333333;
  border-color: rgba(51, 51, 51, var(--border-opacity));
}

.border-blue-100 {
  --border-opacity: 1;
  border-color: #f2f8ff;
  border-color: rgba(242, 248, 255, var(--border-opacity));
}

.border-blue-150 {
  --border-opacity: 1;
  border-color: #E6EFFB;
  border-color: rgba(230, 239, 251, var(--border-opacity));
}

.border-blue-200 {
  --border-opacity: 1;
  border-color: #d6e3f4;
  border-color: rgba(214, 227, 244, var(--border-opacity));
}

.border-blue-300 {
  --border-opacity: 1;
  border-color: #bbcfea;
  border-color: rgba(187, 207, 234, var(--border-opacity));
}

.border-blue-400 {
  --border-opacity: 1;
  border-color: #8dabd4;
  border-color: rgba(141, 171, 212, var(--border-opacity));
}

.border-blue-500 {
  --border-opacity: 1;
  border-color: #648abf;
  border-color: rgba(100, 138, 191, var(--border-opacity));
}

.border-blue-600 {
  --border-opacity: 1;
  border-color: #426da9;
  border-color: rgba(66, 109, 169, var(--border-opacity));
}

.border-blue-700 {
  --border-opacity: 1;
  border-color: #1d4f91;
  border-color: rgba(29, 79, 145, var(--border-opacity));
}

.border-blue-800 {
  --border-opacity: 1;
  border-color: #123f7a;
  border-color: rgba(18, 63, 122, var(--border-opacity));
}

.border-blue-900 {
  --border-opacity: 1;
  border-color: #0a3163;
  border-color: rgba(10, 49, 99, var(--border-opacity));
}

.border-gray-100 {
  --border-opacity: 1;
  border-color: #f6f6f6;
  border-color: rgba(246, 246, 246, var(--border-opacity));
}

.border-gray-200 {
  --border-opacity: 1;
  border-color: #eaeaea;
  border-color: rgba(234, 234, 234, var(--border-opacity));
}

.border-gray-300 {
  --border-opacity: 1;
  border-color: #d6d6d6;
  border-color: rgba(214, 214, 214, var(--border-opacity));
}

.border-gray-400 {
  --border-opacity: 1;
  border-color: #c1c1c1;
  border-color: rgba(193, 193, 193, var(--border-opacity));
}

.border-gray-500 {
  --border-opacity: 1;
  border-color: #a7a7a7;
  border-color: rgba(167, 167, 167, var(--border-opacity));
}

.border-gray-600 {
  --border-opacity: 1;
  border-color: #8c8c8c;
  border-color: rgba(140, 140, 140, var(--border-opacity));
}

.border-gray-700 {
  --border-opacity: 1;
  border-color: #717171;
  border-color: rgba(113, 113, 113, var(--border-opacity));
}

.border-gray-800 {
  --border-opacity: 1;
  border-color: #585858;
  border-color: rgba(88, 88, 88, var(--border-opacity));
}

.border-gray-900 {
  --border-opacity: 1;
  border-color: #404040;
  border-color: rgba(64, 64, 64, var(--border-opacity));
}

.border-green-100 {
  --border-opacity: 1;
  border-color: #F2FFF5;
  border-color: rgba(242, 255, 245, var(--border-opacity));
}

.border-green-200 {
  --border-opacity: 1;
  border-color: #D0F6DB;
  border-color: rgba(208, 246, 219, var(--border-opacity));
}

.border-green-300 {
  --border-opacity: 1;
  border-color: #9AE8B4;
  border-color: rgba(154, 232, 180, var(--border-opacity));
}

.border-green-400 {
  --border-opacity: 1;
  border-color: #5CD08E;
  border-color: rgba(92, 208, 142, var(--border-opacity));
}

.border-green-500 {
  --border-opacity: 1;
  border-color: #29B769;
  border-color: rgba(41, 183, 105, var(--border-opacity));
}

.border-green-600 {
  --border-opacity: 1;
  border-color: #009f4d;
  border-color: rgba(0, 159, 77, var(--border-opacity));
}

.border-green-700 {
  --border-opacity: 1;
  border-color: #007a3b;
  border-color: rgba(0, 122, 59, var(--border-opacity));
}

.border-green-800 {
  --border-opacity: 1;
  border-color: #00612F;
  border-color: rgba(0, 97, 47, var(--border-opacity));
}

.border-green-900 {
  --border-opacity: 1;
  border-color: #004A24;
  border-color: rgba(0, 74, 36, var(--border-opacity));
}

.border-lime-100 {
  --border-opacity: 1;
  border-color: #fefff2;
  border-color: rgba(254, 255, 242, var(--border-opacity));
}

.border-lime-200 {
  --border-opacity: 1;
  border-color: #f7f9cc;
  border-color: rgba(247, 249, 204, var(--border-opacity));
}

.border-lime-300 {
  --border-opacity: 1;
  border-color: #f0f3a7;
  border-color: rgba(240, 243, 167, var(--border-opacity));
}

.border-lime-400 {
  --border-opacity: 1;
  border-color: #dce26d;
  border-color: rgba(220, 226, 109, var(--border-opacity));
}

.border-lime-500 {
  --border-opacity: 1;
  border-color: #cad03b;
  border-color: rgba(202, 208, 59, var(--border-opacity));
}

.border-lime-600 {
  --border-opacity: 1;
  border-color: #b7bf10;
  border-color: rgba(183, 191, 16, var(--border-opacity));
}

.border-lime-700 {
  --border-opacity: 1;
  border-color: #979e08;
  border-color: rgba(151, 158, 8, var(--border-opacity));
}

.border-lime-800 {
  --border-opacity: 1;
  border-color: #777d03;
  border-color: rgba(119, 125, 3, var(--border-opacity));
}

.border-lime-900 {
  --border-opacity: 1;
  border-color: #575c00;
  border-color: rgba(87, 92, 0, var(--border-opacity));
}

.border-magenta-100 {
  --border-opacity: 1;
  border-color: #fff1fa;
  border-color: rgba(255, 241, 250, var(--border-opacity));
}

.border-magenta-200 {
  --border-opacity: 1;
  border-color: #ffd8f0;
  border-color: rgba(255, 216, 240, var(--border-opacity));
}

.border-magenta-300 {
  --border-opacity: 1;
  border-color: #ffc0e4;
  border-color: rgba(255, 192, 228, var(--border-opacity));
}

.border-magenta-400 {
  --border-opacity: 1;
  border-color: #f790c6;
  border-color: rgba(247, 144, 198, var(--border-opacity));
}

.border-magenta-500 {
  --border-opacity: 1;
  border-color: #ef62a8;
  border-color: rgba(239, 98, 168, var(--border-opacity));
}

.border-magenta-600 {
  --border-opacity: 1;
  border-color: #e63888;
  border-color: rgba(230, 56, 136, var(--border-opacity));
}

.border-magenta-700 {
  --border-opacity: 1;
  border-color: #c41d73;
  border-color: rgba(196, 29, 115, var(--border-opacity));
}

.border-magenta-800 {
  --border-opacity: 1;
  border-color: #a20861;
  border-color: rgba(162, 8, 97, var(--border-opacity));
}

.border-magenta-900 {
  --border-opacity: 1;
  border-color: #800051;
  border-color: rgba(128, 0, 81, var(--border-opacity));
}

.border-orange-100 {
  --border-opacity: 1;
  border-color: #fff9f2;
  border-color: rgba(255, 249, 242, var(--border-opacity));
}

.border-orange-200 {
  --border-opacity: 1;
  border-color: #ffeed7;
  border-color: rgba(255, 238, 215, var(--border-opacity));
}

.border-orange-300 {
  --border-opacity: 1;
  border-color: #ffe3ba;
  border-color: rgba(255, 227, 186, var(--border-opacity));
}

.border-orange-400 {
  --border-opacity: 1;
  border-color: #ffc684;
  border-color: rgba(255, 198, 132, var(--border-opacity));
}

.border-orange-500 {
  --border-opacity: 1;
  border-color: #ffaa4f;
  border-color: rgba(255, 170, 79, var(--border-opacity));
}

.border-orange-600 {
  --border-opacity: 1;
  border-color: #ff8f1c;
  border-color: rgba(255, 143, 28, var(--border-opacity));
}

.border-orange-700 {
  --border-opacity: 1;
  border-color: #cc6e0f;
  border-color: rgba(204, 110, 15, var(--border-opacity));
}

.border-orange-800 {
  --border-opacity: 1;
  border-color: #995006;
  border-color: rgba(153, 80, 6, var(--border-opacity));
}

.border-orange-900 {
  --border-opacity: 1;
  border-color: #663300;
  border-color: rgba(102, 51, 0, var(--border-opacity));
}

.border-purple-100 {
  --border-opacity: 1;
  border-color: #fef2ff;
  border-color: rgba(254, 242, 255, var(--border-opacity));
}

.border-purple-200 {
  --border-opacity: 1;
  border-color: #eed3f1;
  border-color: rgba(238, 211, 241, var(--border-opacity));
}

.border-purple-300 {
  --border-opacity: 1;
  border-color: #dfb6e4;
  border-color: rgba(223, 182, 228, var(--border-opacity));
}

.border-purple-400 {
  --border-opacity: 1;
  border-color: #c186c9;
  border-color: rgba(193, 134, 201, var(--border-opacity));
}

.border-purple-500 {
  --border-opacity: 1;
  border-color: #a45dad;
  border-color: rgba(164, 93, 173, var(--border-opacity));
}

.border-purple-600 {
  --border-opacity: 1;
  border-color: #883b92;
  border-color: rgba(136, 59, 146, var(--border-opacity));
}

.border-purple-700 {
  --border-opacity: 1;
  border-color: #6d2077;
  border-color: rgba(109, 32, 119, var(--border-opacity));
}

.border-purple-800 {
  --border-opacity: 1;
  border-color: #53135b;
  border-color: rgba(83, 19, 91, var(--border-opacity));
}

.border-purple-900 {
  --border-opacity: 1;
  border-color: #390a40;
  border-color: rgba(57, 10, 64, var(--border-opacity));
}

.border-raspberry-100 {
  --border-opacity: 1;
  border-color: #fff0fb;
  border-color: rgba(255, 240, 251, var(--border-opacity));
}

.border-raspberry-200 {
  --border-opacity: 1;
  border-color: #f6cbea;
  border-color: rgba(246, 203, 234, var(--border-opacity));
}

.border-raspberry-300 {
  --border-opacity: 1;
  border-color: #eda7da;
  border-color: rgba(237, 167, 218, var(--border-opacity));
}

.border-raspberry-400 {
  --border-opacity: 1;
  border-color: #d86fbc;
  border-color: rgba(216, 111, 188, var(--border-opacity));
}

.border-raspberry-500 {
  --border-opacity: 1;
  border-color: #c43e9f;
  border-color: rgba(196, 62, 159, var(--border-opacity));
}

.border-raspberry-600 {
  --border-opacity: 1;
  border-color: #af1685;
  border-color: rgba(175, 22, 133, var(--border-opacity));
}

.border-raspberry-700 {
  --border-opacity: 1;
  border-color: #92086d;
  border-color: rgba(146, 8, 109, var(--border-opacity));
}

.border-raspberry-800 {
  --border-opacity: 1;
  border-color: #760056;
  border-color: rgba(118, 0, 86, var(--border-opacity));
}

.border-raspberry-900 {
  --border-opacity: 1;
  border-color: #570041;
  border-color: rgba(87, 0, 65, var(--border-opacity));
}

.border-red-100 {
  --border-opacity: 1;
  border-color: #fff0f3;
  border-color: rgba(255, 240, 243, var(--border-opacity));
}

.border-red-200 {
  --border-opacity: 1;
  border-color: #FFD6DD;
  border-color: rgba(255, 214, 221, var(--border-opacity));
}

.border-red-300 {
  --border-opacity: 1;
  border-color: #fea8b8;
  border-color: rgba(254, 168, 184, var(--border-opacity));
}

.border-red-400 {
  --border-opacity: 1;
  border-color: #f66c86;
  border-color: rgba(246, 108, 134, var(--border-opacity));
}

.border-red-500 {
  --border-opacity: 1;
  border-color: #ed3457;
  border-color: rgba(237, 52, 87, var(--border-opacity));
}

.border-red-600 {
  --border-opacity: 1;
  border-color: #e4002b;
  border-color: rgba(228, 0, 43, var(--border-opacity));
}

.border-red-700 {
  --border-opacity: 1;
  border-color: #c60025;
  border-color: rgba(198, 0, 37, var(--border-opacity));
}

.border-red-800 {
  --border-opacity: 1;
  border-color: #a8001f;
  border-color: rgba(168, 0, 31, var(--border-opacity));
}

.border-red-900 {
  --border-opacity: 1;
  border-color: #8a0019;
  border-color: rgba(138, 0, 25, var(--border-opacity));
}

.border-sapphire-100 {
  --border-opacity: 1;
  border-color: #f2fcff;
  border-color: rgba(242, 252, 255, var(--border-opacity));
}

.border-sapphire-200 {
  --border-opacity: 1;
  border-color: #d0eff8;
  border-color: rgba(208, 239, 248, var(--border-opacity));
}

.border-sapphire-300 {
  --border-opacity: 1;
  border-color: #afe2f1;
  border-color: rgba(175, 226, 241, var(--border-opacity));
}

.border-sapphire-400 {
  --border-opacity: 1;
  border-color: #79c8de;
  border-color: rgba(121, 200, 222, var(--border-opacity));
}

.border-sapphire-500 {
  --border-opacity: 1;
  border-color: #4aafcc;
  border-color: rgba(74, 175, 204, var(--border-opacity));
}

.border-sapphire-600 {
  --border-opacity: 1;
  border-color: #2197b9;
  border-color: rgba(33, 151, 185, var(--border-opacity));
}

.border-sapphire-700 {
  --border-opacity: 1;
  border-color: #0081a6;
  border-color: rgba(0, 129, 166, var(--border-opacity));
}

.border-sapphire-800 {
  --border-opacity: 1;
  border-color: #006580;
  border-color: rgba(0, 101, 128, var(--border-opacity));
}

.border-sapphire-900 {
  --border-opacity: 1;
  border-color: #004759;
  border-color: rgba(0, 71, 89, var(--border-opacity));
}

.border-teal-100 {
  --border-opacity: 1;
  border-color: #f2fffe;
  border-color: rgba(242, 255, 254, var(--border-opacity));
}

.border-teal-200 {
  --border-opacity: 1;
  border-color: #c6f7f4;
  border-color: rgba(198, 247, 244, var(--border-opacity));
}

.border-teal-300 {
  --border-opacity: 1;
  border-color: #9befea;
  border-color: rgba(155, 239, 234, var(--border-opacity));
}

.border-teal-400 {
  --border-opacity: 1;
  border-color: #5fdad4;
  border-color: rgba(95, 218, 212, var(--border-opacity));
}

.border-teal-500 {
  --border-opacity: 1;
  border-color: #2bc6be;
  border-color: rgba(43, 198, 190, var(--border-opacity));
}

.border-teal-600 {
  --border-opacity: 1;
  border-color: #00b2a9;
  border-color: rgba(0, 178, 169, var(--border-opacity));
}

.border-teal-700 {
  --border-opacity: 1;
  border-color: #00948c;
  border-color: rgba(0, 148, 140, var(--border-opacity));
}

.border-teal-800 {
  --border-opacity: 1;
  border-color: #00756f;
  border-color: rgba(0, 117, 111, var(--border-opacity));
}

.border-teal-900 {
  --border-opacity: 1;
  border-color: #005752;
  border-color: rgba(0, 87, 82, var(--border-opacity));
}

.border-transparent {
  border-color: transparent;
}

.border-white {
  --border-opacity: 1;
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.border-white-a10 {
  border-color: rgba(255, 255, 255, 0.1);
}

.border-white-a20 {
  border-color: rgba(255, 255, 255, 0.2);
}

.border-white-a30 {
  border-color: rgba(255, 255, 255, 0.3);
}

.border-white-a40 {
  border-color: rgba(255, 255, 255, 0.4);
}

.border-white-a50 {
  border-color: rgba(255, 255, 255, 0.5);
}

.border-white-a60 {
  border-color: rgba(255, 255, 255, 0.6);
}

.border-white-a70 {
  border-color: rgba(255, 255, 255, 0.7);
}

.border-white-a80 {
  border-color: rgba(255, 255, 255, 0.8);
}

.border-white-a90 {
  border-color: rgba(255, 255, 255, 0.9);
}

.border-yellow-100 {
  --border-opacity: 1;
  border-color: #FFF9E8;
  border-color: rgba(255, 249, 232, var(--border-opacity));
}

.border-yellow-200 {
  --border-opacity: 1;
  border-color: #FFF1BD;
  border-color: rgba(255, 241, 189, var(--border-opacity));
}

.border-yellow-300 {
  --border-opacity: 1;
  border-color: #FFEA90;
  border-color: rgba(255, 234, 144, var(--border-opacity));
}

.border-yellow-400 {
  --border-opacity: 1;
  border-color: #FFD146;
  border-color: rgba(255, 209, 70, var(--border-opacity));
}

.border-yellow-500 {
  --border-opacity: 1;
  border-color: #FEBA00;
  border-color: rgba(254, 186, 0, var(--border-opacity));
}

.border-yellow-600 {
  --border-opacity: 1;
  border-color: #D49A00;
  border-color: rgba(212, 154, 0, var(--border-opacity));
}

.border-yellow-700 {
  --border-opacity: 1;
  border-color: #AA7A00;
  border-color: rgba(170, 122, 0, var(--border-opacity));
}

.border-yellow-800 {
  --border-opacity: 1;
  border-color: #815B00;
  border-color: rgba(129, 91, 0, var(--border-opacity));
}

.border-yellow-900 {
  --border-opacity: 1;
  border-color: #573D00;
  border-color: rgba(87, 61, 0, var(--border-opacity));
}

.hover\:border-black:hover {
  --border-opacity: 1;
  border-color: #333333;
  border-color: rgba(51, 51, 51, var(--border-opacity));
}

.hover\:border-blue-100:hover {
  --border-opacity: 1;
  border-color: #f2f8ff;
  border-color: rgba(242, 248, 255, var(--border-opacity));
}

.hover\:border-blue-150:hover {
  --border-opacity: 1;
  border-color: #E6EFFB;
  border-color: rgba(230, 239, 251, var(--border-opacity));
}

.hover\:border-blue-200:hover {
  --border-opacity: 1;
  border-color: #d6e3f4;
  border-color: rgba(214, 227, 244, var(--border-opacity));
}

.hover\:border-blue-300:hover {
  --border-opacity: 1;
  border-color: #bbcfea;
  border-color: rgba(187, 207, 234, var(--border-opacity));
}

.hover\:border-blue-400:hover {
  --border-opacity: 1;
  border-color: #8dabd4;
  border-color: rgba(141, 171, 212, var(--border-opacity));
}

.hover\:border-blue-500:hover {
  --border-opacity: 1;
  border-color: #648abf;
  border-color: rgba(100, 138, 191, var(--border-opacity));
}

.hover\:border-blue-600:hover {
  --border-opacity: 1;
  border-color: #426da9;
  border-color: rgba(66, 109, 169, var(--border-opacity));
}

.hover\:border-blue-700:hover {
  --border-opacity: 1;
  border-color: #1d4f91;
  border-color: rgba(29, 79, 145, var(--border-opacity));
}

.hover\:border-blue-800:hover {
  --border-opacity: 1;
  border-color: #123f7a;
  border-color: rgba(18, 63, 122, var(--border-opacity));
}

.hover\:border-blue-900:hover {
  --border-opacity: 1;
  border-color: #0a3163;
  border-color: rgba(10, 49, 99, var(--border-opacity));
}

.hover\:border-gray-100:hover {
  --border-opacity: 1;
  border-color: #f6f6f6;
  border-color: rgba(246, 246, 246, var(--border-opacity));
}

.hover\:border-gray-200:hover {
  --border-opacity: 1;
  border-color: #eaeaea;
  border-color: rgba(234, 234, 234, var(--border-opacity));
}

.hover\:border-gray-300:hover {
  --border-opacity: 1;
  border-color: #d6d6d6;
  border-color: rgba(214, 214, 214, var(--border-opacity));
}

.hover\:border-gray-400:hover {
  --border-opacity: 1;
  border-color: #c1c1c1;
  border-color: rgba(193, 193, 193, var(--border-opacity));
}

.hover\:border-gray-500:hover {
  --border-opacity: 1;
  border-color: #a7a7a7;
  border-color: rgba(167, 167, 167, var(--border-opacity));
}

.hover\:border-gray-600:hover {
  --border-opacity: 1;
  border-color: #8c8c8c;
  border-color: rgba(140, 140, 140, var(--border-opacity));
}

.hover\:border-gray-700:hover {
  --border-opacity: 1;
  border-color: #717171;
  border-color: rgba(113, 113, 113, var(--border-opacity));
}

.hover\:border-gray-800:hover {
  --border-opacity: 1;
  border-color: #585858;
  border-color: rgba(88, 88, 88, var(--border-opacity));
}

.hover\:border-gray-900:hover {
  --border-opacity: 1;
  border-color: #404040;
  border-color: rgba(64, 64, 64, var(--border-opacity));
}

.hover\:border-green-100:hover {
  --border-opacity: 1;
  border-color: #F2FFF5;
  border-color: rgba(242, 255, 245, var(--border-opacity));
}

.hover\:border-green-200:hover {
  --border-opacity: 1;
  border-color: #D0F6DB;
  border-color: rgba(208, 246, 219, var(--border-opacity));
}

.hover\:border-green-300:hover {
  --border-opacity: 1;
  border-color: #9AE8B4;
  border-color: rgba(154, 232, 180, var(--border-opacity));
}

.hover\:border-green-400:hover {
  --border-opacity: 1;
  border-color: #5CD08E;
  border-color: rgba(92, 208, 142, var(--border-opacity));
}

.hover\:border-green-500:hover {
  --border-opacity: 1;
  border-color: #29B769;
  border-color: rgba(41, 183, 105, var(--border-opacity));
}

.hover\:border-green-600:hover {
  --border-opacity: 1;
  border-color: #009f4d;
  border-color: rgba(0, 159, 77, var(--border-opacity));
}

.hover\:border-green-700:hover {
  --border-opacity: 1;
  border-color: #007a3b;
  border-color: rgba(0, 122, 59, var(--border-opacity));
}

.hover\:border-green-800:hover {
  --border-opacity: 1;
  border-color: #00612F;
  border-color: rgba(0, 97, 47, var(--border-opacity));
}

.hover\:border-green-900:hover {
  --border-opacity: 1;
  border-color: #004A24;
  border-color: rgba(0, 74, 36, var(--border-opacity));
}

.hover\:border-lime-100:hover {
  --border-opacity: 1;
  border-color: #fefff2;
  border-color: rgba(254, 255, 242, var(--border-opacity));
}

.hover\:border-lime-200:hover {
  --border-opacity: 1;
  border-color: #f7f9cc;
  border-color: rgba(247, 249, 204, var(--border-opacity));
}

.hover\:border-lime-300:hover {
  --border-opacity: 1;
  border-color: #f0f3a7;
  border-color: rgba(240, 243, 167, var(--border-opacity));
}

.hover\:border-lime-400:hover {
  --border-opacity: 1;
  border-color: #dce26d;
  border-color: rgba(220, 226, 109, var(--border-opacity));
}

.hover\:border-lime-500:hover {
  --border-opacity: 1;
  border-color: #cad03b;
  border-color: rgba(202, 208, 59, var(--border-opacity));
}

.hover\:border-lime-600:hover {
  --border-opacity: 1;
  border-color: #b7bf10;
  border-color: rgba(183, 191, 16, var(--border-opacity));
}

.hover\:border-lime-700:hover {
  --border-opacity: 1;
  border-color: #979e08;
  border-color: rgba(151, 158, 8, var(--border-opacity));
}

.hover\:border-lime-800:hover {
  --border-opacity: 1;
  border-color: #777d03;
  border-color: rgba(119, 125, 3, var(--border-opacity));
}

.hover\:border-lime-900:hover {
  --border-opacity: 1;
  border-color: #575c00;
  border-color: rgba(87, 92, 0, var(--border-opacity));
}

.hover\:border-magenta-100:hover {
  --border-opacity: 1;
  border-color: #fff1fa;
  border-color: rgba(255, 241, 250, var(--border-opacity));
}

.hover\:border-magenta-200:hover {
  --border-opacity: 1;
  border-color: #ffd8f0;
  border-color: rgba(255, 216, 240, var(--border-opacity));
}

.hover\:border-magenta-300:hover {
  --border-opacity: 1;
  border-color: #ffc0e4;
  border-color: rgba(255, 192, 228, var(--border-opacity));
}

.hover\:border-magenta-400:hover {
  --border-opacity: 1;
  border-color: #f790c6;
  border-color: rgba(247, 144, 198, var(--border-opacity));
}

.hover\:border-magenta-500:hover {
  --border-opacity: 1;
  border-color: #ef62a8;
  border-color: rgba(239, 98, 168, var(--border-opacity));
}

.hover\:border-magenta-600:hover {
  --border-opacity: 1;
  border-color: #e63888;
  border-color: rgba(230, 56, 136, var(--border-opacity));
}

.hover\:border-magenta-700:hover {
  --border-opacity: 1;
  border-color: #c41d73;
  border-color: rgba(196, 29, 115, var(--border-opacity));
}

.hover\:border-magenta-800:hover {
  --border-opacity: 1;
  border-color: #a20861;
  border-color: rgba(162, 8, 97, var(--border-opacity));
}

.hover\:border-magenta-900:hover {
  --border-opacity: 1;
  border-color: #800051;
  border-color: rgba(128, 0, 81, var(--border-opacity));
}

.hover\:border-orange-100:hover {
  --border-opacity: 1;
  border-color: #fff9f2;
  border-color: rgba(255, 249, 242, var(--border-opacity));
}

.hover\:border-orange-200:hover {
  --border-opacity: 1;
  border-color: #ffeed7;
  border-color: rgba(255, 238, 215, var(--border-opacity));
}

.hover\:border-orange-300:hover {
  --border-opacity: 1;
  border-color: #ffe3ba;
  border-color: rgba(255, 227, 186, var(--border-opacity));
}

.hover\:border-orange-400:hover {
  --border-opacity: 1;
  border-color: #ffc684;
  border-color: rgba(255, 198, 132, var(--border-opacity));
}

.hover\:border-orange-500:hover {
  --border-opacity: 1;
  border-color: #ffaa4f;
  border-color: rgba(255, 170, 79, var(--border-opacity));
}

.hover\:border-orange-600:hover {
  --border-opacity: 1;
  border-color: #ff8f1c;
  border-color: rgba(255, 143, 28, var(--border-opacity));
}

.hover\:border-orange-700:hover {
  --border-opacity: 1;
  border-color: #cc6e0f;
  border-color: rgba(204, 110, 15, var(--border-opacity));
}

.hover\:border-orange-800:hover {
  --border-opacity: 1;
  border-color: #995006;
  border-color: rgba(153, 80, 6, var(--border-opacity));
}

.hover\:border-orange-900:hover {
  --border-opacity: 1;
  border-color: #663300;
  border-color: rgba(102, 51, 0, var(--border-opacity));
}

.hover\:border-purple-100:hover {
  --border-opacity: 1;
  border-color: #fef2ff;
  border-color: rgba(254, 242, 255, var(--border-opacity));
}

.hover\:border-purple-200:hover {
  --border-opacity: 1;
  border-color: #eed3f1;
  border-color: rgba(238, 211, 241, var(--border-opacity));
}

.hover\:border-purple-300:hover {
  --border-opacity: 1;
  border-color: #dfb6e4;
  border-color: rgba(223, 182, 228, var(--border-opacity));
}

.hover\:border-purple-400:hover {
  --border-opacity: 1;
  border-color: #c186c9;
  border-color: rgba(193, 134, 201, var(--border-opacity));
}

.hover\:border-purple-500:hover {
  --border-opacity: 1;
  border-color: #a45dad;
  border-color: rgba(164, 93, 173, var(--border-opacity));
}

.hover\:border-purple-600:hover {
  --border-opacity: 1;
  border-color: #883b92;
  border-color: rgba(136, 59, 146, var(--border-opacity));
}

.hover\:border-purple-700:hover {
  --border-opacity: 1;
  border-color: #6d2077;
  border-color: rgba(109, 32, 119, var(--border-opacity));
}

.hover\:border-purple-800:hover {
  --border-opacity: 1;
  border-color: #53135b;
  border-color: rgba(83, 19, 91, var(--border-opacity));
}

.hover\:border-purple-900:hover {
  --border-opacity: 1;
  border-color: #390a40;
  border-color: rgba(57, 10, 64, var(--border-opacity));
}

.hover\:border-raspberry-100:hover {
  --border-opacity: 1;
  border-color: #fff0fb;
  border-color: rgba(255, 240, 251, var(--border-opacity));
}

.hover\:border-raspberry-200:hover {
  --border-opacity: 1;
  border-color: #f6cbea;
  border-color: rgba(246, 203, 234, var(--border-opacity));
}

.hover\:border-raspberry-300:hover {
  --border-opacity: 1;
  border-color: #eda7da;
  border-color: rgba(237, 167, 218, var(--border-opacity));
}

.hover\:border-raspberry-400:hover {
  --border-opacity: 1;
  border-color: #d86fbc;
  border-color: rgba(216, 111, 188, var(--border-opacity));
}

.hover\:border-raspberry-500:hover {
  --border-opacity: 1;
  border-color: #c43e9f;
  border-color: rgba(196, 62, 159, var(--border-opacity));
}

.hover\:border-raspberry-600:hover {
  --border-opacity: 1;
  border-color: #af1685;
  border-color: rgba(175, 22, 133, var(--border-opacity));
}

.hover\:border-raspberry-700:hover {
  --border-opacity: 1;
  border-color: #92086d;
  border-color: rgba(146, 8, 109, var(--border-opacity));
}

.hover\:border-raspberry-800:hover {
  --border-opacity: 1;
  border-color: #760056;
  border-color: rgba(118, 0, 86, var(--border-opacity));
}

.hover\:border-raspberry-900:hover {
  --border-opacity: 1;
  border-color: #570041;
  border-color: rgba(87, 0, 65, var(--border-opacity));
}

.hover\:border-red-100:hover {
  --border-opacity: 1;
  border-color: #fff0f3;
  border-color: rgba(255, 240, 243, var(--border-opacity));
}

.hover\:border-red-200:hover {
  --border-opacity: 1;
  border-color: #FFD6DD;
  border-color: rgba(255, 214, 221, var(--border-opacity));
}

.hover\:border-red-300:hover {
  --border-opacity: 1;
  border-color: #fea8b8;
  border-color: rgba(254, 168, 184, var(--border-opacity));
}

.hover\:border-red-400:hover {
  --border-opacity: 1;
  border-color: #f66c86;
  border-color: rgba(246, 108, 134, var(--border-opacity));
}

.hover\:border-red-500:hover {
  --border-opacity: 1;
  border-color: #ed3457;
  border-color: rgba(237, 52, 87, var(--border-opacity));
}

.hover\:border-red-600:hover {
  --border-opacity: 1;
  border-color: #e4002b;
  border-color: rgba(228, 0, 43, var(--border-opacity));
}

.hover\:border-red-700:hover {
  --border-opacity: 1;
  border-color: #c60025;
  border-color: rgba(198, 0, 37, var(--border-opacity));
}

.hover\:border-red-800:hover {
  --border-opacity: 1;
  border-color: #a8001f;
  border-color: rgba(168, 0, 31, var(--border-opacity));
}

.hover\:border-red-900:hover {
  --border-opacity: 1;
  border-color: #8a0019;
  border-color: rgba(138, 0, 25, var(--border-opacity));
}

.hover\:border-sapphire-100:hover {
  --border-opacity: 1;
  border-color: #f2fcff;
  border-color: rgba(242, 252, 255, var(--border-opacity));
}

.hover\:border-sapphire-200:hover {
  --border-opacity: 1;
  border-color: #d0eff8;
  border-color: rgba(208, 239, 248, var(--border-opacity));
}

.hover\:border-sapphire-300:hover {
  --border-opacity: 1;
  border-color: #afe2f1;
  border-color: rgba(175, 226, 241, var(--border-opacity));
}

.hover\:border-sapphire-400:hover {
  --border-opacity: 1;
  border-color: #79c8de;
  border-color: rgba(121, 200, 222, var(--border-opacity));
}

.hover\:border-sapphire-500:hover {
  --border-opacity: 1;
  border-color: #4aafcc;
  border-color: rgba(74, 175, 204, var(--border-opacity));
}

.hover\:border-sapphire-600:hover {
  --border-opacity: 1;
  border-color: #2197b9;
  border-color: rgba(33, 151, 185, var(--border-opacity));
}

.hover\:border-sapphire-700:hover {
  --border-opacity: 1;
  border-color: #0081a6;
  border-color: rgba(0, 129, 166, var(--border-opacity));
}

.hover\:border-sapphire-800:hover {
  --border-opacity: 1;
  border-color: #006580;
  border-color: rgba(0, 101, 128, var(--border-opacity));
}

.hover\:border-sapphire-900:hover {
  --border-opacity: 1;
  border-color: #004759;
  border-color: rgba(0, 71, 89, var(--border-opacity));
}

.hover\:border-teal-100:hover {
  --border-opacity: 1;
  border-color: #f2fffe;
  border-color: rgba(242, 255, 254, var(--border-opacity));
}

.hover\:border-teal-200:hover {
  --border-opacity: 1;
  border-color: #c6f7f4;
  border-color: rgba(198, 247, 244, var(--border-opacity));
}

.hover\:border-teal-300:hover {
  --border-opacity: 1;
  border-color: #9befea;
  border-color: rgba(155, 239, 234, var(--border-opacity));
}

.hover\:border-teal-400:hover {
  --border-opacity: 1;
  border-color: #5fdad4;
  border-color: rgba(95, 218, 212, var(--border-opacity));
}

.hover\:border-teal-500:hover {
  --border-opacity: 1;
  border-color: #2bc6be;
  border-color: rgba(43, 198, 190, var(--border-opacity));
}

.hover\:border-teal-600:hover {
  --border-opacity: 1;
  border-color: #00b2a9;
  border-color: rgba(0, 178, 169, var(--border-opacity));
}

.hover\:border-teal-700:hover {
  --border-opacity: 1;
  border-color: #00948c;
  border-color: rgba(0, 148, 140, var(--border-opacity));
}

.hover\:border-teal-800:hover {
  --border-opacity: 1;
  border-color: #00756f;
  border-color: rgba(0, 117, 111, var(--border-opacity));
}

.hover\:border-teal-900:hover {
  --border-opacity: 1;
  border-color: #005752;
  border-color: rgba(0, 87, 82, var(--border-opacity));
}

.hover\:border-transparent:hover {
  border-color: transparent;
}

.hover\:border-white:hover {
  --border-opacity: 1;
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.hover\:border-white-a10:hover {
  border-color: rgba(255, 255, 255, 0.1);
}

.hover\:border-white-a20:hover {
  border-color: rgba(255, 255, 255, 0.2);
}

.hover\:border-white-a30:hover {
  border-color: rgba(255, 255, 255, 0.3);
}

.hover\:border-white-a40:hover {
  border-color: rgba(255, 255, 255, 0.4);
}

.hover\:border-white-a50:hover {
  border-color: rgba(255, 255, 255, 0.5);
}

.hover\:border-white-a60:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

.hover\:border-white-a70:hover {
  border-color: rgba(255, 255, 255, 0.7);
}

.hover\:border-white-a80:hover {
  border-color: rgba(255, 255, 255, 0.8);
}

.hover\:border-white-a90:hover {
  border-color: rgba(255, 255, 255, 0.9);
}

.hover\:border-yellow-100:hover {
  --border-opacity: 1;
  border-color: #FFF9E8;
  border-color: rgba(255, 249, 232, var(--border-opacity));
}

.hover\:border-yellow-200:hover {
  --border-opacity: 1;
  border-color: #FFF1BD;
  border-color: rgba(255, 241, 189, var(--border-opacity));
}

.hover\:border-yellow-300:hover {
  --border-opacity: 1;
  border-color: #FFEA90;
  border-color: rgba(255, 234, 144, var(--border-opacity));
}

.hover\:border-yellow-400:hover {
  --border-opacity: 1;
  border-color: #FFD146;
  border-color: rgba(255, 209, 70, var(--border-opacity));
}

.hover\:border-yellow-500:hover {
  --border-opacity: 1;
  border-color: #FEBA00;
  border-color: rgba(254, 186, 0, var(--border-opacity));
}

.hover\:border-yellow-600:hover {
  --border-opacity: 1;
  border-color: #D49A00;
  border-color: rgba(212, 154, 0, var(--border-opacity));
}

.hover\:border-yellow-700:hover {
  --border-opacity: 1;
  border-color: #AA7A00;
  border-color: rgba(170, 122, 0, var(--border-opacity));
}

.hover\:border-yellow-800:hover {
  --border-opacity: 1;
  border-color: #815B00;
  border-color: rgba(129, 91, 0, var(--border-opacity));
}

.hover\:border-yellow-900:hover {
  --border-opacity: 1;
  border-color: #573D00;
  border-color: rgba(87, 61, 0, var(--border-opacity));
}

.focus\:border-black:focus {
  --border-opacity: 1;
  border-color: #333333;
  border-color: rgba(51, 51, 51, var(--border-opacity));
}

.focus\:border-blue-100:focus {
  --border-opacity: 1;
  border-color: #f2f8ff;
  border-color: rgba(242, 248, 255, var(--border-opacity));
}

.focus\:border-blue-150:focus {
  --border-opacity: 1;
  border-color: #E6EFFB;
  border-color: rgba(230, 239, 251, var(--border-opacity));
}

.focus\:border-blue-200:focus {
  --border-opacity: 1;
  border-color: #d6e3f4;
  border-color: rgba(214, 227, 244, var(--border-opacity));
}

.focus\:border-blue-300:focus {
  --border-opacity: 1;
  border-color: #bbcfea;
  border-color: rgba(187, 207, 234, var(--border-opacity));
}

.focus\:border-blue-400:focus {
  --border-opacity: 1;
  border-color: #8dabd4;
  border-color: rgba(141, 171, 212, var(--border-opacity));
}

.focus\:border-blue-500:focus {
  --border-opacity: 1;
  border-color: #648abf;
  border-color: rgba(100, 138, 191, var(--border-opacity));
}

.focus\:border-blue-600:focus {
  --border-opacity: 1;
  border-color: #426da9;
  border-color: rgba(66, 109, 169, var(--border-opacity));
}

.focus\:border-blue-700:focus {
  --border-opacity: 1;
  border-color: #1d4f91;
  border-color: rgba(29, 79, 145, var(--border-opacity));
}

.focus\:border-blue-800:focus {
  --border-opacity: 1;
  border-color: #123f7a;
  border-color: rgba(18, 63, 122, var(--border-opacity));
}

.focus\:border-blue-900:focus {
  --border-opacity: 1;
  border-color: #0a3163;
  border-color: rgba(10, 49, 99, var(--border-opacity));
}

.focus\:border-gray-100:focus {
  --border-opacity: 1;
  border-color: #f6f6f6;
  border-color: rgba(246, 246, 246, var(--border-opacity));
}

.focus\:border-gray-200:focus {
  --border-opacity: 1;
  border-color: #eaeaea;
  border-color: rgba(234, 234, 234, var(--border-opacity));
}

.focus\:border-gray-300:focus {
  --border-opacity: 1;
  border-color: #d6d6d6;
  border-color: rgba(214, 214, 214, var(--border-opacity));
}

.focus\:border-gray-400:focus {
  --border-opacity: 1;
  border-color: #c1c1c1;
  border-color: rgba(193, 193, 193, var(--border-opacity));
}

.focus\:border-gray-500:focus {
  --border-opacity: 1;
  border-color: #a7a7a7;
  border-color: rgba(167, 167, 167, var(--border-opacity));
}

.focus\:border-gray-600:focus {
  --border-opacity: 1;
  border-color: #8c8c8c;
  border-color: rgba(140, 140, 140, var(--border-opacity));
}

.focus\:border-gray-700:focus {
  --border-opacity: 1;
  border-color: #717171;
  border-color: rgba(113, 113, 113, var(--border-opacity));
}

.focus\:border-gray-800:focus {
  --border-opacity: 1;
  border-color: #585858;
  border-color: rgba(88, 88, 88, var(--border-opacity));
}

.focus\:border-gray-900:focus {
  --border-opacity: 1;
  border-color: #404040;
  border-color: rgba(64, 64, 64, var(--border-opacity));
}

.focus\:border-green-100:focus {
  --border-opacity: 1;
  border-color: #F2FFF5;
  border-color: rgba(242, 255, 245, var(--border-opacity));
}

.focus\:border-green-200:focus {
  --border-opacity: 1;
  border-color: #D0F6DB;
  border-color: rgba(208, 246, 219, var(--border-opacity));
}

.focus\:border-green-300:focus {
  --border-opacity: 1;
  border-color: #9AE8B4;
  border-color: rgba(154, 232, 180, var(--border-opacity));
}

.focus\:border-green-400:focus {
  --border-opacity: 1;
  border-color: #5CD08E;
  border-color: rgba(92, 208, 142, var(--border-opacity));
}

.focus\:border-green-500:focus {
  --border-opacity: 1;
  border-color: #29B769;
  border-color: rgba(41, 183, 105, var(--border-opacity));
}

.focus\:border-green-600:focus {
  --border-opacity: 1;
  border-color: #009f4d;
  border-color: rgba(0, 159, 77, var(--border-opacity));
}

.focus\:border-green-700:focus {
  --border-opacity: 1;
  border-color: #007a3b;
  border-color: rgba(0, 122, 59, var(--border-opacity));
}

.focus\:border-green-800:focus {
  --border-opacity: 1;
  border-color: #00612F;
  border-color: rgba(0, 97, 47, var(--border-opacity));
}

.focus\:border-green-900:focus {
  --border-opacity: 1;
  border-color: #004A24;
  border-color: rgba(0, 74, 36, var(--border-opacity));
}

.focus\:border-lime-100:focus {
  --border-opacity: 1;
  border-color: #fefff2;
  border-color: rgba(254, 255, 242, var(--border-opacity));
}

.focus\:border-lime-200:focus {
  --border-opacity: 1;
  border-color: #f7f9cc;
  border-color: rgba(247, 249, 204, var(--border-opacity));
}

.focus\:border-lime-300:focus {
  --border-opacity: 1;
  border-color: #f0f3a7;
  border-color: rgba(240, 243, 167, var(--border-opacity));
}

.focus\:border-lime-400:focus {
  --border-opacity: 1;
  border-color: #dce26d;
  border-color: rgba(220, 226, 109, var(--border-opacity));
}

.focus\:border-lime-500:focus {
  --border-opacity: 1;
  border-color: #cad03b;
  border-color: rgba(202, 208, 59, var(--border-opacity));
}

.focus\:border-lime-600:focus {
  --border-opacity: 1;
  border-color: #b7bf10;
  border-color: rgba(183, 191, 16, var(--border-opacity));
}

.focus\:border-lime-700:focus {
  --border-opacity: 1;
  border-color: #979e08;
  border-color: rgba(151, 158, 8, var(--border-opacity));
}

.focus\:border-lime-800:focus {
  --border-opacity: 1;
  border-color: #777d03;
  border-color: rgba(119, 125, 3, var(--border-opacity));
}

.focus\:border-lime-900:focus {
  --border-opacity: 1;
  border-color: #575c00;
  border-color: rgba(87, 92, 0, var(--border-opacity));
}

.focus\:border-magenta-100:focus {
  --border-opacity: 1;
  border-color: #fff1fa;
  border-color: rgba(255, 241, 250, var(--border-opacity));
}

.focus\:border-magenta-200:focus {
  --border-opacity: 1;
  border-color: #ffd8f0;
  border-color: rgba(255, 216, 240, var(--border-opacity));
}

.focus\:border-magenta-300:focus {
  --border-opacity: 1;
  border-color: #ffc0e4;
  border-color: rgba(255, 192, 228, var(--border-opacity));
}

.focus\:border-magenta-400:focus {
  --border-opacity: 1;
  border-color: #f790c6;
  border-color: rgba(247, 144, 198, var(--border-opacity));
}

.focus\:border-magenta-500:focus {
  --border-opacity: 1;
  border-color: #ef62a8;
  border-color: rgba(239, 98, 168, var(--border-opacity));
}

.focus\:border-magenta-600:focus {
  --border-opacity: 1;
  border-color: #e63888;
  border-color: rgba(230, 56, 136, var(--border-opacity));
}

.focus\:border-magenta-700:focus {
  --border-opacity: 1;
  border-color: #c41d73;
  border-color: rgba(196, 29, 115, var(--border-opacity));
}

.focus\:border-magenta-800:focus {
  --border-opacity: 1;
  border-color: #a20861;
  border-color: rgba(162, 8, 97, var(--border-opacity));
}

.focus\:border-magenta-900:focus {
  --border-opacity: 1;
  border-color: #800051;
  border-color: rgba(128, 0, 81, var(--border-opacity));
}

.focus\:border-orange-100:focus {
  --border-opacity: 1;
  border-color: #fff9f2;
  border-color: rgba(255, 249, 242, var(--border-opacity));
}

.focus\:border-orange-200:focus {
  --border-opacity: 1;
  border-color: #ffeed7;
  border-color: rgba(255, 238, 215, var(--border-opacity));
}

.focus\:border-orange-300:focus {
  --border-opacity: 1;
  border-color: #ffe3ba;
  border-color: rgba(255, 227, 186, var(--border-opacity));
}

.focus\:border-orange-400:focus {
  --border-opacity: 1;
  border-color: #ffc684;
  border-color: rgba(255, 198, 132, var(--border-opacity));
}

.focus\:border-orange-500:focus {
  --border-opacity: 1;
  border-color: #ffaa4f;
  border-color: rgba(255, 170, 79, var(--border-opacity));
}

.focus\:border-orange-600:focus {
  --border-opacity: 1;
  border-color: #ff8f1c;
  border-color: rgba(255, 143, 28, var(--border-opacity));
}

.focus\:border-orange-700:focus {
  --border-opacity: 1;
  border-color: #cc6e0f;
  border-color: rgba(204, 110, 15, var(--border-opacity));
}

.focus\:border-orange-800:focus {
  --border-opacity: 1;
  border-color: #995006;
  border-color: rgba(153, 80, 6, var(--border-opacity));
}

.focus\:border-orange-900:focus {
  --border-opacity: 1;
  border-color: #663300;
  border-color: rgba(102, 51, 0, var(--border-opacity));
}

.focus\:border-purple-100:focus {
  --border-opacity: 1;
  border-color: #fef2ff;
  border-color: rgba(254, 242, 255, var(--border-opacity));
}

.focus\:border-purple-200:focus {
  --border-opacity: 1;
  border-color: #eed3f1;
  border-color: rgba(238, 211, 241, var(--border-opacity));
}

.focus\:border-purple-300:focus {
  --border-opacity: 1;
  border-color: #dfb6e4;
  border-color: rgba(223, 182, 228, var(--border-opacity));
}

.focus\:border-purple-400:focus {
  --border-opacity: 1;
  border-color: #c186c9;
  border-color: rgba(193, 134, 201, var(--border-opacity));
}

.focus\:border-purple-500:focus {
  --border-opacity: 1;
  border-color: #a45dad;
  border-color: rgba(164, 93, 173, var(--border-opacity));
}

.focus\:border-purple-600:focus {
  --border-opacity: 1;
  border-color: #883b92;
  border-color: rgba(136, 59, 146, var(--border-opacity));
}

.focus\:border-purple-700:focus {
  --border-opacity: 1;
  border-color: #6d2077;
  border-color: rgba(109, 32, 119, var(--border-opacity));
}

.focus\:border-purple-800:focus {
  --border-opacity: 1;
  border-color: #53135b;
  border-color: rgba(83, 19, 91, var(--border-opacity));
}

.focus\:border-purple-900:focus {
  --border-opacity: 1;
  border-color: #390a40;
  border-color: rgba(57, 10, 64, var(--border-opacity));
}

.focus\:border-raspberry-100:focus {
  --border-opacity: 1;
  border-color: #fff0fb;
  border-color: rgba(255, 240, 251, var(--border-opacity));
}

.focus\:border-raspberry-200:focus {
  --border-opacity: 1;
  border-color: #f6cbea;
  border-color: rgba(246, 203, 234, var(--border-opacity));
}

.focus\:border-raspberry-300:focus {
  --border-opacity: 1;
  border-color: #eda7da;
  border-color: rgba(237, 167, 218, var(--border-opacity));
}

.focus\:border-raspberry-400:focus {
  --border-opacity: 1;
  border-color: #d86fbc;
  border-color: rgba(216, 111, 188, var(--border-opacity));
}

.focus\:border-raspberry-500:focus {
  --border-opacity: 1;
  border-color: #c43e9f;
  border-color: rgba(196, 62, 159, var(--border-opacity));
}

.focus\:border-raspberry-600:focus {
  --border-opacity: 1;
  border-color: #af1685;
  border-color: rgba(175, 22, 133, var(--border-opacity));
}

.focus\:border-raspberry-700:focus {
  --border-opacity: 1;
  border-color: #92086d;
  border-color: rgba(146, 8, 109, var(--border-opacity));
}

.focus\:border-raspberry-800:focus {
  --border-opacity: 1;
  border-color: #760056;
  border-color: rgba(118, 0, 86, var(--border-opacity));
}

.focus\:border-raspberry-900:focus {
  --border-opacity: 1;
  border-color: #570041;
  border-color: rgba(87, 0, 65, var(--border-opacity));
}

.focus\:border-red-100:focus {
  --border-opacity: 1;
  border-color: #fff0f3;
  border-color: rgba(255, 240, 243, var(--border-opacity));
}

.focus\:border-red-200:focus {
  --border-opacity: 1;
  border-color: #FFD6DD;
  border-color: rgba(255, 214, 221, var(--border-opacity));
}

.focus\:border-red-300:focus {
  --border-opacity: 1;
  border-color: #fea8b8;
  border-color: rgba(254, 168, 184, var(--border-opacity));
}

.focus\:border-red-400:focus {
  --border-opacity: 1;
  border-color: #f66c86;
  border-color: rgba(246, 108, 134, var(--border-opacity));
}

.focus\:border-red-500:focus {
  --border-opacity: 1;
  border-color: #ed3457;
  border-color: rgba(237, 52, 87, var(--border-opacity));
}

.focus\:border-red-600:focus {
  --border-opacity: 1;
  border-color: #e4002b;
  border-color: rgba(228, 0, 43, var(--border-opacity));
}

.focus\:border-red-700:focus {
  --border-opacity: 1;
  border-color: #c60025;
  border-color: rgba(198, 0, 37, var(--border-opacity));
}

.focus\:border-red-800:focus {
  --border-opacity: 1;
  border-color: #a8001f;
  border-color: rgba(168, 0, 31, var(--border-opacity));
}

.focus\:border-red-900:focus {
  --border-opacity: 1;
  border-color: #8a0019;
  border-color: rgba(138, 0, 25, var(--border-opacity));
}

.focus\:border-sapphire-100:focus {
  --border-opacity: 1;
  border-color: #f2fcff;
  border-color: rgba(242, 252, 255, var(--border-opacity));
}

.focus\:border-sapphire-200:focus {
  --border-opacity: 1;
  border-color: #d0eff8;
  border-color: rgba(208, 239, 248, var(--border-opacity));
}

.focus\:border-sapphire-300:focus {
  --border-opacity: 1;
  border-color: #afe2f1;
  border-color: rgba(175, 226, 241, var(--border-opacity));
}

.focus\:border-sapphire-400:focus {
  --border-opacity: 1;
  border-color: #79c8de;
  border-color: rgba(121, 200, 222, var(--border-opacity));
}

.focus\:border-sapphire-500:focus {
  --border-opacity: 1;
  border-color: #4aafcc;
  border-color: rgba(74, 175, 204, var(--border-opacity));
}

.focus\:border-sapphire-600:focus {
  --border-opacity: 1;
  border-color: #2197b9;
  border-color: rgba(33, 151, 185, var(--border-opacity));
}

.focus\:border-sapphire-700:focus {
  --border-opacity: 1;
  border-color: #0081a6;
  border-color: rgba(0, 129, 166, var(--border-opacity));
}

.focus\:border-sapphire-800:focus {
  --border-opacity: 1;
  border-color: #006580;
  border-color: rgba(0, 101, 128, var(--border-opacity));
}

.focus\:border-sapphire-900:focus {
  --border-opacity: 1;
  border-color: #004759;
  border-color: rgba(0, 71, 89, var(--border-opacity));
}

.focus\:border-teal-100:focus {
  --border-opacity: 1;
  border-color: #f2fffe;
  border-color: rgba(242, 255, 254, var(--border-opacity));
}

.focus\:border-teal-200:focus {
  --border-opacity: 1;
  border-color: #c6f7f4;
  border-color: rgba(198, 247, 244, var(--border-opacity));
}

.focus\:border-teal-300:focus {
  --border-opacity: 1;
  border-color: #9befea;
  border-color: rgba(155, 239, 234, var(--border-opacity));
}

.focus\:border-teal-400:focus {
  --border-opacity: 1;
  border-color: #5fdad4;
  border-color: rgba(95, 218, 212, var(--border-opacity));
}

.focus\:border-teal-500:focus {
  --border-opacity: 1;
  border-color: #2bc6be;
  border-color: rgba(43, 198, 190, var(--border-opacity));
}

.focus\:border-teal-600:focus {
  --border-opacity: 1;
  border-color: #00b2a9;
  border-color: rgba(0, 178, 169, var(--border-opacity));
}

.focus\:border-teal-700:focus {
  --border-opacity: 1;
  border-color: #00948c;
  border-color: rgba(0, 148, 140, var(--border-opacity));
}

.focus\:border-teal-800:focus {
  --border-opacity: 1;
  border-color: #00756f;
  border-color: rgba(0, 117, 111, var(--border-opacity));
}

.focus\:border-teal-900:focus {
  --border-opacity: 1;
  border-color: #005752;
  border-color: rgba(0, 87, 82, var(--border-opacity));
}

.focus\:border-transparent:focus {
  border-color: transparent;
}

.focus\:border-white:focus {
  --border-opacity: 1;
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.focus\:border-white-a10:focus {
  border-color: rgba(255, 255, 255, 0.1);
}

.focus\:border-white-a20:focus {
  border-color: rgba(255, 255, 255, 0.2);
}

.focus\:border-white-a30:focus {
  border-color: rgba(255, 255, 255, 0.3);
}

.focus\:border-white-a40:focus {
  border-color: rgba(255, 255, 255, 0.4);
}

.focus\:border-white-a50:focus {
  border-color: rgba(255, 255, 255, 0.5);
}

.focus\:border-white-a60:focus {
  border-color: rgba(255, 255, 255, 0.6);
}

.focus\:border-white-a70:focus {
  border-color: rgba(255, 255, 255, 0.7);
}

.focus\:border-white-a80:focus {
  border-color: rgba(255, 255, 255, 0.8);
}

.focus\:border-white-a90:focus {
  border-color: rgba(255, 255, 255, 0.9);
}

.focus\:border-yellow-100:focus {
  --border-opacity: 1;
  border-color: #FFF9E8;
  border-color: rgba(255, 249, 232, var(--border-opacity));
}

.focus\:border-yellow-200:focus {
  --border-opacity: 1;
  border-color: #FFF1BD;
  border-color: rgba(255, 241, 189, var(--border-opacity));
}

.focus\:border-yellow-300:focus {
  --border-opacity: 1;
  border-color: #FFEA90;
  border-color: rgba(255, 234, 144, var(--border-opacity));
}

.focus\:border-yellow-400:focus {
  --border-opacity: 1;
  border-color: #FFD146;
  border-color: rgba(255, 209, 70, var(--border-opacity));
}

.focus\:border-yellow-500:focus {
  --border-opacity: 1;
  border-color: #FEBA00;
  border-color: rgba(254, 186, 0, var(--border-opacity));
}

.focus\:border-yellow-600:focus {
  --border-opacity: 1;
  border-color: #D49A00;
  border-color: rgba(212, 154, 0, var(--border-opacity));
}

.focus\:border-yellow-700:focus {
  --border-opacity: 1;
  border-color: #AA7A00;
  border-color: rgba(170, 122, 0, var(--border-opacity));
}

.focus\:border-yellow-800:focus {
  --border-opacity: 1;
  border-color: #815B00;
  border-color: rgba(129, 91, 0, var(--border-opacity));
}

.focus\:border-yellow-900:focus {
  --border-opacity: 1;
  border-color: #573D00;
  border-color: rgba(87, 61, 0, var(--border-opacity));
}

.focus-within\:border-black[focus-within] {
  --border-opacity: 1;
  border-color: #333333;
  border-color: rgba(51, 51, 51, var(--border-opacity));
}

.focus-within\:border-black:focus-within {
  --border-opacity: 1;
  border-color: #333333;
  border-color: rgba(51, 51, 51, var(--border-opacity));
}

.focus-within\:border-blue-100[focus-within] {
  --border-opacity: 1;
  border-color: #f2f8ff;
  border-color: rgba(242, 248, 255, var(--border-opacity));
}

.focus-within\:border-blue-100:focus-within {
  --border-opacity: 1;
  border-color: #f2f8ff;
  border-color: rgba(242, 248, 255, var(--border-opacity));
}

.focus-within\:border-blue-150[focus-within] {
  --border-opacity: 1;
  border-color: #E6EFFB;
  border-color: rgba(230, 239, 251, var(--border-opacity));
}

.focus-within\:border-blue-150:focus-within {
  --border-opacity: 1;
  border-color: #E6EFFB;
  border-color: rgba(230, 239, 251, var(--border-opacity));
}

.focus-within\:border-blue-200[focus-within] {
  --border-opacity: 1;
  border-color: #d6e3f4;
  border-color: rgba(214, 227, 244, var(--border-opacity));
}

.focus-within\:border-blue-200:focus-within {
  --border-opacity: 1;
  border-color: #d6e3f4;
  border-color: rgba(214, 227, 244, var(--border-opacity));
}

.focus-within\:border-blue-300[focus-within] {
  --border-opacity: 1;
  border-color: #bbcfea;
  border-color: rgba(187, 207, 234, var(--border-opacity));
}

.focus-within\:border-blue-300:focus-within {
  --border-opacity: 1;
  border-color: #bbcfea;
  border-color: rgba(187, 207, 234, var(--border-opacity));
}

.focus-within\:border-blue-400[focus-within] {
  --border-opacity: 1;
  border-color: #8dabd4;
  border-color: rgba(141, 171, 212, var(--border-opacity));
}

.focus-within\:border-blue-400:focus-within {
  --border-opacity: 1;
  border-color: #8dabd4;
  border-color: rgba(141, 171, 212, var(--border-opacity));
}

.focus-within\:border-blue-500[focus-within] {
  --border-opacity: 1;
  border-color: #648abf;
  border-color: rgba(100, 138, 191, var(--border-opacity));
}

.focus-within\:border-blue-500:focus-within {
  --border-opacity: 1;
  border-color: #648abf;
  border-color: rgba(100, 138, 191, var(--border-opacity));
}

.focus-within\:border-blue-600[focus-within] {
  --border-opacity: 1;
  border-color: #426da9;
  border-color: rgba(66, 109, 169, var(--border-opacity));
}

.focus-within\:border-blue-600:focus-within {
  --border-opacity: 1;
  border-color: #426da9;
  border-color: rgba(66, 109, 169, var(--border-opacity));
}

.focus-within\:border-blue-700[focus-within] {
  --border-opacity: 1;
  border-color: #1d4f91;
  border-color: rgba(29, 79, 145, var(--border-opacity));
}

.focus-within\:border-blue-700:focus-within {
  --border-opacity: 1;
  border-color: #1d4f91;
  border-color: rgba(29, 79, 145, var(--border-opacity));
}

.focus-within\:border-blue-800[focus-within] {
  --border-opacity: 1;
  border-color: #123f7a;
  border-color: rgba(18, 63, 122, var(--border-opacity));
}

.focus-within\:border-blue-800:focus-within {
  --border-opacity: 1;
  border-color: #123f7a;
  border-color: rgba(18, 63, 122, var(--border-opacity));
}

.focus-within\:border-blue-900[focus-within] {
  --border-opacity: 1;
  border-color: #0a3163;
  border-color: rgba(10, 49, 99, var(--border-opacity));
}

.focus-within\:border-blue-900:focus-within {
  --border-opacity: 1;
  border-color: #0a3163;
  border-color: rgba(10, 49, 99, var(--border-opacity));
}

.focus-within\:border-gray-100[focus-within] {
  --border-opacity: 1;
  border-color: #f6f6f6;
  border-color: rgba(246, 246, 246, var(--border-opacity));
}

.focus-within\:border-gray-100:focus-within {
  --border-opacity: 1;
  border-color: #f6f6f6;
  border-color: rgba(246, 246, 246, var(--border-opacity));
}

.focus-within\:border-gray-200[focus-within] {
  --border-opacity: 1;
  border-color: #eaeaea;
  border-color: rgba(234, 234, 234, var(--border-opacity));
}

.focus-within\:border-gray-200:focus-within {
  --border-opacity: 1;
  border-color: #eaeaea;
  border-color: rgba(234, 234, 234, var(--border-opacity));
}

.focus-within\:border-gray-300[focus-within] {
  --border-opacity: 1;
  border-color: #d6d6d6;
  border-color: rgba(214, 214, 214, var(--border-opacity));
}

.focus-within\:border-gray-300:focus-within {
  --border-opacity: 1;
  border-color: #d6d6d6;
  border-color: rgba(214, 214, 214, var(--border-opacity));
}

.focus-within\:border-gray-400[focus-within] {
  --border-opacity: 1;
  border-color: #c1c1c1;
  border-color: rgba(193, 193, 193, var(--border-opacity));
}

.focus-within\:border-gray-400:focus-within {
  --border-opacity: 1;
  border-color: #c1c1c1;
  border-color: rgba(193, 193, 193, var(--border-opacity));
}

.focus-within\:border-gray-500[focus-within] {
  --border-opacity: 1;
  border-color: #a7a7a7;
  border-color: rgba(167, 167, 167, var(--border-opacity));
}

.focus-within\:border-gray-500:focus-within {
  --border-opacity: 1;
  border-color: #a7a7a7;
  border-color: rgba(167, 167, 167, var(--border-opacity));
}

.focus-within\:border-gray-600[focus-within] {
  --border-opacity: 1;
  border-color: #8c8c8c;
  border-color: rgba(140, 140, 140, var(--border-opacity));
}

.focus-within\:border-gray-600:focus-within {
  --border-opacity: 1;
  border-color: #8c8c8c;
  border-color: rgba(140, 140, 140, var(--border-opacity));
}

.focus-within\:border-gray-700[focus-within] {
  --border-opacity: 1;
  border-color: #717171;
  border-color: rgba(113, 113, 113, var(--border-opacity));
}

.focus-within\:border-gray-700:focus-within {
  --border-opacity: 1;
  border-color: #717171;
  border-color: rgba(113, 113, 113, var(--border-opacity));
}

.focus-within\:border-gray-800[focus-within] {
  --border-opacity: 1;
  border-color: #585858;
  border-color: rgba(88, 88, 88, var(--border-opacity));
}

.focus-within\:border-gray-800:focus-within {
  --border-opacity: 1;
  border-color: #585858;
  border-color: rgba(88, 88, 88, var(--border-opacity));
}

.focus-within\:border-gray-900[focus-within] {
  --border-opacity: 1;
  border-color: #404040;
  border-color: rgba(64, 64, 64, var(--border-opacity));
}

.focus-within\:border-gray-900:focus-within {
  --border-opacity: 1;
  border-color: #404040;
  border-color: rgba(64, 64, 64, var(--border-opacity));
}

.focus-within\:border-green-100[focus-within] {
  --border-opacity: 1;
  border-color: #F2FFF5;
  border-color: rgba(242, 255, 245, var(--border-opacity));
}

.focus-within\:border-green-100:focus-within {
  --border-opacity: 1;
  border-color: #F2FFF5;
  border-color: rgba(242, 255, 245, var(--border-opacity));
}

.focus-within\:border-green-200[focus-within] {
  --border-opacity: 1;
  border-color: #D0F6DB;
  border-color: rgba(208, 246, 219, var(--border-opacity));
}

.focus-within\:border-green-200:focus-within {
  --border-opacity: 1;
  border-color: #D0F6DB;
  border-color: rgba(208, 246, 219, var(--border-opacity));
}

.focus-within\:border-green-300[focus-within] {
  --border-opacity: 1;
  border-color: #9AE8B4;
  border-color: rgba(154, 232, 180, var(--border-opacity));
}

.focus-within\:border-green-300:focus-within {
  --border-opacity: 1;
  border-color: #9AE8B4;
  border-color: rgba(154, 232, 180, var(--border-opacity));
}

.focus-within\:border-green-400[focus-within] {
  --border-opacity: 1;
  border-color: #5CD08E;
  border-color: rgba(92, 208, 142, var(--border-opacity));
}

.focus-within\:border-green-400:focus-within {
  --border-opacity: 1;
  border-color: #5CD08E;
  border-color: rgba(92, 208, 142, var(--border-opacity));
}

.focus-within\:border-green-500[focus-within] {
  --border-opacity: 1;
  border-color: #29B769;
  border-color: rgba(41, 183, 105, var(--border-opacity));
}

.focus-within\:border-green-500:focus-within {
  --border-opacity: 1;
  border-color: #29B769;
  border-color: rgba(41, 183, 105, var(--border-opacity));
}

.focus-within\:border-green-600[focus-within] {
  --border-opacity: 1;
  border-color: #009f4d;
  border-color: rgba(0, 159, 77, var(--border-opacity));
}

.focus-within\:border-green-600:focus-within {
  --border-opacity: 1;
  border-color: #009f4d;
  border-color: rgba(0, 159, 77, var(--border-opacity));
}

.focus-within\:border-green-700[focus-within] {
  --border-opacity: 1;
  border-color: #007a3b;
  border-color: rgba(0, 122, 59, var(--border-opacity));
}

.focus-within\:border-green-700:focus-within {
  --border-opacity: 1;
  border-color: #007a3b;
  border-color: rgba(0, 122, 59, var(--border-opacity));
}

.focus-within\:border-green-800[focus-within] {
  --border-opacity: 1;
  border-color: #00612F;
  border-color: rgba(0, 97, 47, var(--border-opacity));
}

.focus-within\:border-green-800:focus-within {
  --border-opacity: 1;
  border-color: #00612F;
  border-color: rgba(0, 97, 47, var(--border-opacity));
}

.focus-within\:border-green-900[focus-within] {
  --border-opacity: 1;
  border-color: #004A24;
  border-color: rgba(0, 74, 36, var(--border-opacity));
}

.focus-within\:border-green-900:focus-within {
  --border-opacity: 1;
  border-color: #004A24;
  border-color: rgba(0, 74, 36, var(--border-opacity));
}

.focus-within\:border-lime-100[focus-within] {
  --border-opacity: 1;
  border-color: #fefff2;
  border-color: rgba(254, 255, 242, var(--border-opacity));
}

.focus-within\:border-lime-100:focus-within {
  --border-opacity: 1;
  border-color: #fefff2;
  border-color: rgba(254, 255, 242, var(--border-opacity));
}

.focus-within\:border-lime-200[focus-within] {
  --border-opacity: 1;
  border-color: #f7f9cc;
  border-color: rgba(247, 249, 204, var(--border-opacity));
}

.focus-within\:border-lime-200:focus-within {
  --border-opacity: 1;
  border-color: #f7f9cc;
  border-color: rgba(247, 249, 204, var(--border-opacity));
}

.focus-within\:border-lime-300[focus-within] {
  --border-opacity: 1;
  border-color: #f0f3a7;
  border-color: rgba(240, 243, 167, var(--border-opacity));
}

.focus-within\:border-lime-300:focus-within {
  --border-opacity: 1;
  border-color: #f0f3a7;
  border-color: rgba(240, 243, 167, var(--border-opacity));
}

.focus-within\:border-lime-400[focus-within] {
  --border-opacity: 1;
  border-color: #dce26d;
  border-color: rgba(220, 226, 109, var(--border-opacity));
}

.focus-within\:border-lime-400:focus-within {
  --border-opacity: 1;
  border-color: #dce26d;
  border-color: rgba(220, 226, 109, var(--border-opacity));
}

.focus-within\:border-lime-500[focus-within] {
  --border-opacity: 1;
  border-color: #cad03b;
  border-color: rgba(202, 208, 59, var(--border-opacity));
}

.focus-within\:border-lime-500:focus-within {
  --border-opacity: 1;
  border-color: #cad03b;
  border-color: rgba(202, 208, 59, var(--border-opacity));
}

.focus-within\:border-lime-600[focus-within] {
  --border-opacity: 1;
  border-color: #b7bf10;
  border-color: rgba(183, 191, 16, var(--border-opacity));
}

.focus-within\:border-lime-600:focus-within {
  --border-opacity: 1;
  border-color: #b7bf10;
  border-color: rgba(183, 191, 16, var(--border-opacity));
}

.focus-within\:border-lime-700[focus-within] {
  --border-opacity: 1;
  border-color: #979e08;
  border-color: rgba(151, 158, 8, var(--border-opacity));
}

.focus-within\:border-lime-700:focus-within {
  --border-opacity: 1;
  border-color: #979e08;
  border-color: rgba(151, 158, 8, var(--border-opacity));
}

.focus-within\:border-lime-800[focus-within] {
  --border-opacity: 1;
  border-color: #777d03;
  border-color: rgba(119, 125, 3, var(--border-opacity));
}

.focus-within\:border-lime-800:focus-within {
  --border-opacity: 1;
  border-color: #777d03;
  border-color: rgba(119, 125, 3, var(--border-opacity));
}

.focus-within\:border-lime-900[focus-within] {
  --border-opacity: 1;
  border-color: #575c00;
  border-color: rgba(87, 92, 0, var(--border-opacity));
}

.focus-within\:border-lime-900:focus-within {
  --border-opacity: 1;
  border-color: #575c00;
  border-color: rgba(87, 92, 0, var(--border-opacity));
}

.focus-within\:border-magenta-100[focus-within] {
  --border-opacity: 1;
  border-color: #fff1fa;
  border-color: rgba(255, 241, 250, var(--border-opacity));
}

.focus-within\:border-magenta-100:focus-within {
  --border-opacity: 1;
  border-color: #fff1fa;
  border-color: rgba(255, 241, 250, var(--border-opacity));
}

.focus-within\:border-magenta-200[focus-within] {
  --border-opacity: 1;
  border-color: #ffd8f0;
  border-color: rgba(255, 216, 240, var(--border-opacity));
}

.focus-within\:border-magenta-200:focus-within {
  --border-opacity: 1;
  border-color: #ffd8f0;
  border-color: rgba(255, 216, 240, var(--border-opacity));
}

.focus-within\:border-magenta-300[focus-within] {
  --border-opacity: 1;
  border-color: #ffc0e4;
  border-color: rgba(255, 192, 228, var(--border-opacity));
}

.focus-within\:border-magenta-300:focus-within {
  --border-opacity: 1;
  border-color: #ffc0e4;
  border-color: rgba(255, 192, 228, var(--border-opacity));
}

.focus-within\:border-magenta-400[focus-within] {
  --border-opacity: 1;
  border-color: #f790c6;
  border-color: rgba(247, 144, 198, var(--border-opacity));
}

.focus-within\:border-magenta-400:focus-within {
  --border-opacity: 1;
  border-color: #f790c6;
  border-color: rgba(247, 144, 198, var(--border-opacity));
}

.focus-within\:border-magenta-500[focus-within] {
  --border-opacity: 1;
  border-color: #ef62a8;
  border-color: rgba(239, 98, 168, var(--border-opacity));
}

.focus-within\:border-magenta-500:focus-within {
  --border-opacity: 1;
  border-color: #ef62a8;
  border-color: rgba(239, 98, 168, var(--border-opacity));
}

.focus-within\:border-magenta-600[focus-within] {
  --border-opacity: 1;
  border-color: #e63888;
  border-color: rgba(230, 56, 136, var(--border-opacity));
}

.focus-within\:border-magenta-600:focus-within {
  --border-opacity: 1;
  border-color: #e63888;
  border-color: rgba(230, 56, 136, var(--border-opacity));
}

.focus-within\:border-magenta-700[focus-within] {
  --border-opacity: 1;
  border-color: #c41d73;
  border-color: rgba(196, 29, 115, var(--border-opacity));
}

.focus-within\:border-magenta-700:focus-within {
  --border-opacity: 1;
  border-color: #c41d73;
  border-color: rgba(196, 29, 115, var(--border-opacity));
}

.focus-within\:border-magenta-800[focus-within] {
  --border-opacity: 1;
  border-color: #a20861;
  border-color: rgba(162, 8, 97, var(--border-opacity));
}

.focus-within\:border-magenta-800:focus-within {
  --border-opacity: 1;
  border-color: #a20861;
  border-color: rgba(162, 8, 97, var(--border-opacity));
}

.focus-within\:border-magenta-900[focus-within] {
  --border-opacity: 1;
  border-color: #800051;
  border-color: rgba(128, 0, 81, var(--border-opacity));
}

.focus-within\:border-magenta-900:focus-within {
  --border-opacity: 1;
  border-color: #800051;
  border-color: rgba(128, 0, 81, var(--border-opacity));
}

.focus-within\:border-orange-100[focus-within] {
  --border-opacity: 1;
  border-color: #fff9f2;
  border-color: rgba(255, 249, 242, var(--border-opacity));
}

.focus-within\:border-orange-100:focus-within {
  --border-opacity: 1;
  border-color: #fff9f2;
  border-color: rgba(255, 249, 242, var(--border-opacity));
}

.focus-within\:border-orange-200[focus-within] {
  --border-opacity: 1;
  border-color: #ffeed7;
  border-color: rgba(255, 238, 215, var(--border-opacity));
}

.focus-within\:border-orange-200:focus-within {
  --border-opacity: 1;
  border-color: #ffeed7;
  border-color: rgba(255, 238, 215, var(--border-opacity));
}

.focus-within\:border-orange-300[focus-within] {
  --border-opacity: 1;
  border-color: #ffe3ba;
  border-color: rgba(255, 227, 186, var(--border-opacity));
}

.focus-within\:border-orange-300:focus-within {
  --border-opacity: 1;
  border-color: #ffe3ba;
  border-color: rgba(255, 227, 186, var(--border-opacity));
}

.focus-within\:border-orange-400[focus-within] {
  --border-opacity: 1;
  border-color: #ffc684;
  border-color: rgba(255, 198, 132, var(--border-opacity));
}

.focus-within\:border-orange-400:focus-within {
  --border-opacity: 1;
  border-color: #ffc684;
  border-color: rgba(255, 198, 132, var(--border-opacity));
}

.focus-within\:border-orange-500[focus-within] {
  --border-opacity: 1;
  border-color: #ffaa4f;
  border-color: rgba(255, 170, 79, var(--border-opacity));
}

.focus-within\:border-orange-500:focus-within {
  --border-opacity: 1;
  border-color: #ffaa4f;
  border-color: rgba(255, 170, 79, var(--border-opacity));
}

.focus-within\:border-orange-600[focus-within] {
  --border-opacity: 1;
  border-color: #ff8f1c;
  border-color: rgba(255, 143, 28, var(--border-opacity));
}

.focus-within\:border-orange-600:focus-within {
  --border-opacity: 1;
  border-color: #ff8f1c;
  border-color: rgba(255, 143, 28, var(--border-opacity));
}

.focus-within\:border-orange-700[focus-within] {
  --border-opacity: 1;
  border-color: #cc6e0f;
  border-color: rgba(204, 110, 15, var(--border-opacity));
}

.focus-within\:border-orange-700:focus-within {
  --border-opacity: 1;
  border-color: #cc6e0f;
  border-color: rgba(204, 110, 15, var(--border-opacity));
}

.focus-within\:border-orange-800[focus-within] {
  --border-opacity: 1;
  border-color: #995006;
  border-color: rgba(153, 80, 6, var(--border-opacity));
}

.focus-within\:border-orange-800:focus-within {
  --border-opacity: 1;
  border-color: #995006;
  border-color: rgba(153, 80, 6, var(--border-opacity));
}

.focus-within\:border-orange-900[focus-within] {
  --border-opacity: 1;
  border-color: #663300;
  border-color: rgba(102, 51, 0, var(--border-opacity));
}

.focus-within\:border-orange-900:focus-within {
  --border-opacity: 1;
  border-color: #663300;
  border-color: rgba(102, 51, 0, var(--border-opacity));
}

.focus-within\:border-purple-100[focus-within] {
  --border-opacity: 1;
  border-color: #fef2ff;
  border-color: rgba(254, 242, 255, var(--border-opacity));
}

.focus-within\:border-purple-100:focus-within {
  --border-opacity: 1;
  border-color: #fef2ff;
  border-color: rgba(254, 242, 255, var(--border-opacity));
}

.focus-within\:border-purple-200[focus-within] {
  --border-opacity: 1;
  border-color: #eed3f1;
  border-color: rgba(238, 211, 241, var(--border-opacity));
}

.focus-within\:border-purple-200:focus-within {
  --border-opacity: 1;
  border-color: #eed3f1;
  border-color: rgba(238, 211, 241, var(--border-opacity));
}

.focus-within\:border-purple-300[focus-within] {
  --border-opacity: 1;
  border-color: #dfb6e4;
  border-color: rgba(223, 182, 228, var(--border-opacity));
}

.focus-within\:border-purple-300:focus-within {
  --border-opacity: 1;
  border-color: #dfb6e4;
  border-color: rgba(223, 182, 228, var(--border-opacity));
}

.focus-within\:border-purple-400[focus-within] {
  --border-opacity: 1;
  border-color: #c186c9;
  border-color: rgba(193, 134, 201, var(--border-opacity));
}

.focus-within\:border-purple-400:focus-within {
  --border-opacity: 1;
  border-color: #c186c9;
  border-color: rgba(193, 134, 201, var(--border-opacity));
}

.focus-within\:border-purple-500[focus-within] {
  --border-opacity: 1;
  border-color: #a45dad;
  border-color: rgba(164, 93, 173, var(--border-opacity));
}

.focus-within\:border-purple-500:focus-within {
  --border-opacity: 1;
  border-color: #a45dad;
  border-color: rgba(164, 93, 173, var(--border-opacity));
}

.focus-within\:border-purple-600[focus-within] {
  --border-opacity: 1;
  border-color: #883b92;
  border-color: rgba(136, 59, 146, var(--border-opacity));
}

.focus-within\:border-purple-600:focus-within {
  --border-opacity: 1;
  border-color: #883b92;
  border-color: rgba(136, 59, 146, var(--border-opacity));
}

.focus-within\:border-purple-700[focus-within] {
  --border-opacity: 1;
  border-color: #6d2077;
  border-color: rgba(109, 32, 119, var(--border-opacity));
}

.focus-within\:border-purple-700:focus-within {
  --border-opacity: 1;
  border-color: #6d2077;
  border-color: rgba(109, 32, 119, var(--border-opacity));
}

.focus-within\:border-purple-800[focus-within] {
  --border-opacity: 1;
  border-color: #53135b;
  border-color: rgba(83, 19, 91, var(--border-opacity));
}

.focus-within\:border-purple-800:focus-within {
  --border-opacity: 1;
  border-color: #53135b;
  border-color: rgba(83, 19, 91, var(--border-opacity));
}

.focus-within\:border-purple-900[focus-within] {
  --border-opacity: 1;
  border-color: #390a40;
  border-color: rgba(57, 10, 64, var(--border-opacity));
}

.focus-within\:border-purple-900:focus-within {
  --border-opacity: 1;
  border-color: #390a40;
  border-color: rgba(57, 10, 64, var(--border-opacity));
}

.focus-within\:border-raspberry-100[focus-within] {
  --border-opacity: 1;
  border-color: #fff0fb;
  border-color: rgba(255, 240, 251, var(--border-opacity));
}

.focus-within\:border-raspberry-100:focus-within {
  --border-opacity: 1;
  border-color: #fff0fb;
  border-color: rgba(255, 240, 251, var(--border-opacity));
}

.focus-within\:border-raspberry-200[focus-within] {
  --border-opacity: 1;
  border-color: #f6cbea;
  border-color: rgba(246, 203, 234, var(--border-opacity));
}

.focus-within\:border-raspberry-200:focus-within {
  --border-opacity: 1;
  border-color: #f6cbea;
  border-color: rgba(246, 203, 234, var(--border-opacity));
}

.focus-within\:border-raspberry-300[focus-within] {
  --border-opacity: 1;
  border-color: #eda7da;
  border-color: rgba(237, 167, 218, var(--border-opacity));
}

.focus-within\:border-raspberry-300:focus-within {
  --border-opacity: 1;
  border-color: #eda7da;
  border-color: rgba(237, 167, 218, var(--border-opacity));
}

.focus-within\:border-raspberry-400[focus-within] {
  --border-opacity: 1;
  border-color: #d86fbc;
  border-color: rgba(216, 111, 188, var(--border-opacity));
}

.focus-within\:border-raspberry-400:focus-within {
  --border-opacity: 1;
  border-color: #d86fbc;
  border-color: rgba(216, 111, 188, var(--border-opacity));
}

.focus-within\:border-raspberry-500[focus-within] {
  --border-opacity: 1;
  border-color: #c43e9f;
  border-color: rgba(196, 62, 159, var(--border-opacity));
}

.focus-within\:border-raspberry-500:focus-within {
  --border-opacity: 1;
  border-color: #c43e9f;
  border-color: rgba(196, 62, 159, var(--border-opacity));
}

.focus-within\:border-raspberry-600[focus-within] {
  --border-opacity: 1;
  border-color: #af1685;
  border-color: rgba(175, 22, 133, var(--border-opacity));
}

.focus-within\:border-raspberry-600:focus-within {
  --border-opacity: 1;
  border-color: #af1685;
  border-color: rgba(175, 22, 133, var(--border-opacity));
}

.focus-within\:border-raspberry-700[focus-within] {
  --border-opacity: 1;
  border-color: #92086d;
  border-color: rgba(146, 8, 109, var(--border-opacity));
}

.focus-within\:border-raspberry-700:focus-within {
  --border-opacity: 1;
  border-color: #92086d;
  border-color: rgba(146, 8, 109, var(--border-opacity));
}

.focus-within\:border-raspberry-800[focus-within] {
  --border-opacity: 1;
  border-color: #760056;
  border-color: rgba(118, 0, 86, var(--border-opacity));
}

.focus-within\:border-raspberry-800:focus-within {
  --border-opacity: 1;
  border-color: #760056;
  border-color: rgba(118, 0, 86, var(--border-opacity));
}

.focus-within\:border-raspberry-900[focus-within] {
  --border-opacity: 1;
  border-color: #570041;
  border-color: rgba(87, 0, 65, var(--border-opacity));
}

.focus-within\:border-raspberry-900:focus-within {
  --border-opacity: 1;
  border-color: #570041;
  border-color: rgba(87, 0, 65, var(--border-opacity));
}

.focus-within\:border-red-100[focus-within] {
  --border-opacity: 1;
  border-color: #fff0f3;
  border-color: rgba(255, 240, 243, var(--border-opacity));
}

.focus-within\:border-red-100:focus-within {
  --border-opacity: 1;
  border-color: #fff0f3;
  border-color: rgba(255, 240, 243, var(--border-opacity));
}

.focus-within\:border-red-200[focus-within] {
  --border-opacity: 1;
  border-color: #FFD6DD;
  border-color: rgba(255, 214, 221, var(--border-opacity));
}

.focus-within\:border-red-200:focus-within {
  --border-opacity: 1;
  border-color: #FFD6DD;
  border-color: rgba(255, 214, 221, var(--border-opacity));
}

.focus-within\:border-red-300[focus-within] {
  --border-opacity: 1;
  border-color: #fea8b8;
  border-color: rgba(254, 168, 184, var(--border-opacity));
}

.focus-within\:border-red-300:focus-within {
  --border-opacity: 1;
  border-color: #fea8b8;
  border-color: rgba(254, 168, 184, var(--border-opacity));
}

.focus-within\:border-red-400[focus-within] {
  --border-opacity: 1;
  border-color: #f66c86;
  border-color: rgba(246, 108, 134, var(--border-opacity));
}

.focus-within\:border-red-400:focus-within {
  --border-opacity: 1;
  border-color: #f66c86;
  border-color: rgba(246, 108, 134, var(--border-opacity));
}

.focus-within\:border-red-500[focus-within] {
  --border-opacity: 1;
  border-color: #ed3457;
  border-color: rgba(237, 52, 87, var(--border-opacity));
}

.focus-within\:border-red-500:focus-within {
  --border-opacity: 1;
  border-color: #ed3457;
  border-color: rgba(237, 52, 87, var(--border-opacity));
}

.focus-within\:border-red-600[focus-within] {
  --border-opacity: 1;
  border-color: #e4002b;
  border-color: rgba(228, 0, 43, var(--border-opacity));
}

.focus-within\:border-red-600:focus-within {
  --border-opacity: 1;
  border-color: #e4002b;
  border-color: rgba(228, 0, 43, var(--border-opacity));
}

.focus-within\:border-red-700[focus-within] {
  --border-opacity: 1;
  border-color: #c60025;
  border-color: rgba(198, 0, 37, var(--border-opacity));
}

.focus-within\:border-red-700:focus-within {
  --border-opacity: 1;
  border-color: #c60025;
  border-color: rgba(198, 0, 37, var(--border-opacity));
}

.focus-within\:border-red-800[focus-within] {
  --border-opacity: 1;
  border-color: #a8001f;
  border-color: rgba(168, 0, 31, var(--border-opacity));
}

.focus-within\:border-red-800:focus-within {
  --border-opacity: 1;
  border-color: #a8001f;
  border-color: rgba(168, 0, 31, var(--border-opacity));
}

.focus-within\:border-red-900[focus-within] {
  --border-opacity: 1;
  border-color: #8a0019;
  border-color: rgba(138, 0, 25, var(--border-opacity));
}

.focus-within\:border-red-900:focus-within {
  --border-opacity: 1;
  border-color: #8a0019;
  border-color: rgba(138, 0, 25, var(--border-opacity));
}

.focus-within\:border-sapphire-100[focus-within] {
  --border-opacity: 1;
  border-color: #f2fcff;
  border-color: rgba(242, 252, 255, var(--border-opacity));
}

.focus-within\:border-sapphire-100:focus-within {
  --border-opacity: 1;
  border-color: #f2fcff;
  border-color: rgba(242, 252, 255, var(--border-opacity));
}

.focus-within\:border-sapphire-200[focus-within] {
  --border-opacity: 1;
  border-color: #d0eff8;
  border-color: rgba(208, 239, 248, var(--border-opacity));
}

.focus-within\:border-sapphire-200:focus-within {
  --border-opacity: 1;
  border-color: #d0eff8;
  border-color: rgba(208, 239, 248, var(--border-opacity));
}

.focus-within\:border-sapphire-300[focus-within] {
  --border-opacity: 1;
  border-color: #afe2f1;
  border-color: rgba(175, 226, 241, var(--border-opacity));
}

.focus-within\:border-sapphire-300:focus-within {
  --border-opacity: 1;
  border-color: #afe2f1;
  border-color: rgba(175, 226, 241, var(--border-opacity));
}

.focus-within\:border-sapphire-400[focus-within] {
  --border-opacity: 1;
  border-color: #79c8de;
  border-color: rgba(121, 200, 222, var(--border-opacity));
}

.focus-within\:border-sapphire-400:focus-within {
  --border-opacity: 1;
  border-color: #79c8de;
  border-color: rgba(121, 200, 222, var(--border-opacity));
}

.focus-within\:border-sapphire-500[focus-within] {
  --border-opacity: 1;
  border-color: #4aafcc;
  border-color: rgba(74, 175, 204, var(--border-opacity));
}

.focus-within\:border-sapphire-500:focus-within {
  --border-opacity: 1;
  border-color: #4aafcc;
  border-color: rgba(74, 175, 204, var(--border-opacity));
}

.focus-within\:border-sapphire-600[focus-within] {
  --border-opacity: 1;
  border-color: #2197b9;
  border-color: rgba(33, 151, 185, var(--border-opacity));
}

.focus-within\:border-sapphire-600:focus-within {
  --border-opacity: 1;
  border-color: #2197b9;
  border-color: rgba(33, 151, 185, var(--border-opacity));
}

.focus-within\:border-sapphire-700[focus-within] {
  --border-opacity: 1;
  border-color: #0081a6;
  border-color: rgba(0, 129, 166, var(--border-opacity));
}

.focus-within\:border-sapphire-700:focus-within {
  --border-opacity: 1;
  border-color: #0081a6;
  border-color: rgba(0, 129, 166, var(--border-opacity));
}

.focus-within\:border-sapphire-800[focus-within] {
  --border-opacity: 1;
  border-color: #006580;
  border-color: rgba(0, 101, 128, var(--border-opacity));
}

.focus-within\:border-sapphire-800:focus-within {
  --border-opacity: 1;
  border-color: #006580;
  border-color: rgba(0, 101, 128, var(--border-opacity));
}

.focus-within\:border-sapphire-900[focus-within] {
  --border-opacity: 1;
  border-color: #004759;
  border-color: rgba(0, 71, 89, var(--border-opacity));
}

.focus-within\:border-sapphire-900:focus-within {
  --border-opacity: 1;
  border-color: #004759;
  border-color: rgba(0, 71, 89, var(--border-opacity));
}

.focus-within\:border-teal-100[focus-within] {
  --border-opacity: 1;
  border-color: #f2fffe;
  border-color: rgba(242, 255, 254, var(--border-opacity));
}

.focus-within\:border-teal-100:focus-within {
  --border-opacity: 1;
  border-color: #f2fffe;
  border-color: rgba(242, 255, 254, var(--border-opacity));
}

.focus-within\:border-teal-200[focus-within] {
  --border-opacity: 1;
  border-color: #c6f7f4;
  border-color: rgba(198, 247, 244, var(--border-opacity));
}

.focus-within\:border-teal-200:focus-within {
  --border-opacity: 1;
  border-color: #c6f7f4;
  border-color: rgba(198, 247, 244, var(--border-opacity));
}

.focus-within\:border-teal-300[focus-within] {
  --border-opacity: 1;
  border-color: #9befea;
  border-color: rgba(155, 239, 234, var(--border-opacity));
}

.focus-within\:border-teal-300:focus-within {
  --border-opacity: 1;
  border-color: #9befea;
  border-color: rgba(155, 239, 234, var(--border-opacity));
}

.focus-within\:border-teal-400[focus-within] {
  --border-opacity: 1;
  border-color: #5fdad4;
  border-color: rgba(95, 218, 212, var(--border-opacity));
}

.focus-within\:border-teal-400:focus-within {
  --border-opacity: 1;
  border-color: #5fdad4;
  border-color: rgba(95, 218, 212, var(--border-opacity));
}

.focus-within\:border-teal-500[focus-within] {
  --border-opacity: 1;
  border-color: #2bc6be;
  border-color: rgba(43, 198, 190, var(--border-opacity));
}

.focus-within\:border-teal-500:focus-within {
  --border-opacity: 1;
  border-color: #2bc6be;
  border-color: rgba(43, 198, 190, var(--border-opacity));
}

.focus-within\:border-teal-600[focus-within] {
  --border-opacity: 1;
  border-color: #00b2a9;
  border-color: rgba(0, 178, 169, var(--border-opacity));
}

.focus-within\:border-teal-600:focus-within {
  --border-opacity: 1;
  border-color: #00b2a9;
  border-color: rgba(0, 178, 169, var(--border-opacity));
}

.focus-within\:border-teal-700[focus-within] {
  --border-opacity: 1;
  border-color: #00948c;
  border-color: rgba(0, 148, 140, var(--border-opacity));
}

.focus-within\:border-teal-700:focus-within {
  --border-opacity: 1;
  border-color: #00948c;
  border-color: rgba(0, 148, 140, var(--border-opacity));
}

.focus-within\:border-teal-800[focus-within] {
  --border-opacity: 1;
  border-color: #00756f;
  border-color: rgba(0, 117, 111, var(--border-opacity));
}

.focus-within\:border-teal-800:focus-within {
  --border-opacity: 1;
  border-color: #00756f;
  border-color: rgba(0, 117, 111, var(--border-opacity));
}

.focus-within\:border-teal-900[focus-within] {
  --border-opacity: 1;
  border-color: #005752;
  border-color: rgba(0, 87, 82, var(--border-opacity));
}

.focus-within\:border-teal-900:focus-within {
  --border-opacity: 1;
  border-color: #005752;
  border-color: rgba(0, 87, 82, var(--border-opacity));
}

.focus-within\:border-transparent[focus-within] {
  border-color: transparent;
}

.focus-within\:border-transparent:focus-within {
  border-color: transparent;
}

.focus-within\:border-white[focus-within] {
  --border-opacity: 1;
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.focus-within\:border-white:focus-within {
  --border-opacity: 1;
  border-color: #ffffff;
  border-color: rgba(255, 255, 255, var(--border-opacity));
}

.focus-within\:border-white-a10[focus-within] {
  border-color: rgba(255, 255, 255, 0.1);
}

.focus-within\:border-white-a10:focus-within {
  border-color: rgba(255, 255, 255, 0.1);
}

.focus-within\:border-white-a20[focus-within] {
  border-color: rgba(255, 255, 255, 0.2);
}

.focus-within\:border-white-a20:focus-within {
  border-color: rgba(255, 255, 255, 0.2);
}

.focus-within\:border-white-a30[focus-within] {
  border-color: rgba(255, 255, 255, 0.3);
}

.focus-within\:border-white-a30:focus-within {
  border-color: rgba(255, 255, 255, 0.3);
}

.focus-within\:border-white-a40[focus-within] {
  border-color: rgba(255, 255, 255, 0.4);
}

.focus-within\:border-white-a40:focus-within {
  border-color: rgba(255, 255, 255, 0.4);
}

.focus-within\:border-white-a50[focus-within] {
  border-color: rgba(255, 255, 255, 0.5);
}

.focus-within\:border-white-a50:focus-within {
  border-color: rgba(255, 255, 255, 0.5);
}

.focus-within\:border-white-a60[focus-within] {
  border-color: rgba(255, 255, 255, 0.6);
}

.focus-within\:border-white-a60:focus-within {
  border-color: rgba(255, 255, 255, 0.6);
}

.focus-within\:border-white-a70[focus-within] {
  border-color: rgba(255, 255, 255, 0.7);
}

.focus-within\:border-white-a70:focus-within {
  border-color: rgba(255, 255, 255, 0.7);
}

.focus-within\:border-white-a80[focus-within] {
  border-color: rgba(255, 255, 255, 0.8);
}

.focus-within\:border-white-a80:focus-within {
  border-color: rgba(255, 255, 255, 0.8);
}

.focus-within\:border-white-a90[focus-within] {
  border-color: rgba(255, 255, 255, 0.9);
}

.focus-within\:border-white-a90:focus-within {
  border-color: rgba(255, 255, 255, 0.9);
}

.focus-within\:border-yellow-100[focus-within] {
  --border-opacity: 1;
  border-color: #FFF9E8;
  border-color: rgba(255, 249, 232, var(--border-opacity));
}

.focus-within\:border-yellow-100:focus-within {
  --border-opacity: 1;
  border-color: #FFF9E8;
  border-color: rgba(255, 249, 232, var(--border-opacity));
}

.focus-within\:border-yellow-200[focus-within] {
  --border-opacity: 1;
  border-color: #FFF1BD;
  border-color: rgba(255, 241, 189, var(--border-opacity));
}

.focus-within\:border-yellow-200:focus-within {
  --border-opacity: 1;
  border-color: #FFF1BD;
  border-color: rgba(255, 241, 189, var(--border-opacity));
}

.focus-within\:border-yellow-300[focus-within] {
  --border-opacity: 1;
  border-color: #FFEA90;
  border-color: rgba(255, 234, 144, var(--border-opacity));
}

.focus-within\:border-yellow-300:focus-within {
  --border-opacity: 1;
  border-color: #FFEA90;
  border-color: rgba(255, 234, 144, var(--border-opacity));
}

.focus-within\:border-yellow-400[focus-within] {
  --border-opacity: 1;
  border-color: #FFD146;
  border-color: rgba(255, 209, 70, var(--border-opacity));
}

.focus-within\:border-yellow-400:focus-within {
  --border-opacity: 1;
  border-color: #FFD146;
  border-color: rgba(255, 209, 70, var(--border-opacity));
}

.focus-within\:border-yellow-500[focus-within] {
  --border-opacity: 1;
  border-color: #FEBA00;
  border-color: rgba(254, 186, 0, var(--border-opacity));
}

.focus-within\:border-yellow-500:focus-within {
  --border-opacity: 1;
  border-color: #FEBA00;
  border-color: rgba(254, 186, 0, var(--border-opacity));
}

.focus-within\:border-yellow-600[focus-within] {
  --border-opacity: 1;
  border-color: #D49A00;
  border-color: rgba(212, 154, 0, var(--border-opacity));
}

.focus-within\:border-yellow-600:focus-within {
  --border-opacity: 1;
  border-color: #D49A00;
  border-color: rgba(212, 154, 0, var(--border-opacity));
}

.focus-within\:border-yellow-700[focus-within] {
  --border-opacity: 1;
  border-color: #AA7A00;
  border-color: rgba(170, 122, 0, var(--border-opacity));
}

.focus-within\:border-yellow-700:focus-within {
  --border-opacity: 1;
  border-color: #AA7A00;
  border-color: rgba(170, 122, 0, var(--border-opacity));
}

.focus-within\:border-yellow-800[focus-within] {
  --border-opacity: 1;
  border-color: #815B00;
  border-color: rgba(129, 91, 0, var(--border-opacity));
}

.focus-within\:border-yellow-800:focus-within {
  --border-opacity: 1;
  border-color: #815B00;
  border-color: rgba(129, 91, 0, var(--border-opacity));
}

.focus-within\:border-yellow-900[focus-within] {
  --border-opacity: 1;
  border-color: #573D00;
  border-color: rgba(87, 61, 0, var(--border-opacity));
}

.focus-within\:border-yellow-900:focus-within {
  --border-opacity: 1;
  border-color: #573D00;
  border-color: rgba(87, 61, 0, var(--border-opacity));
}

.border-opacity-0 {
  --border-opacity: 0;
}

.border-opacity-25 {
  --border-opacity: 0.25;
}

.border-opacity-50 {
  --border-opacity: 0.5;
}

.border-opacity-75 {
  --border-opacity: 0.75;
}

.border-opacity-100 {
  --border-opacity: 1;
}

.hover\:border-opacity-0:hover {
  --border-opacity: 0;
}

.hover\:border-opacity-25:hover {
  --border-opacity: 0.25;
}

.hover\:border-opacity-50:hover {
  --border-opacity: 0.5;
}

.hover\:border-opacity-75:hover {
  --border-opacity: 0.75;
}

.hover\:border-opacity-100:hover {
  --border-opacity: 1;
}

.focus\:border-opacity-0:focus {
  --border-opacity: 0;
}

.focus\:border-opacity-25:focus {
  --border-opacity: 0.25;
}

.focus\:border-opacity-50:focus {
  --border-opacity: 0.5;
}

.focus\:border-opacity-75:focus {
  --border-opacity: 0.75;
}

.focus\:border-opacity-100:focus {
  --border-opacity: 1;
}

.rounded-none {
  border-radius: 0;
}

.rounded-sm {
  border-radius: 2px;
}

.rounded {
  border-radius: 4px;
}

.rounded-lg {
  border-radius: 6px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-t-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rounded-r-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rounded-b-none {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-l-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rounded-t-sm {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.rounded-r-sm {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.rounded-b-sm {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.rounded-l-sm {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.rounded-t {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.rounded-r {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.rounded-b {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.rounded-l {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.rounded-t-lg {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.rounded-r-lg {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.rounded-b-lg {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.rounded-l-lg {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.rounded-t-full {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}

.rounded-r-full {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}

.rounded-b-full {
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-l-full {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}

.rounded-tl-none {
  border-top-left-radius: 0;
}

.rounded-tr-none {
  border-top-right-radius: 0;
}

.rounded-br-none {
  border-bottom-right-radius: 0;
}

.rounded-bl-none {
  border-bottom-left-radius: 0;
}

.rounded-tl-sm {
  border-top-left-radius: 2px;
}

.rounded-tr-sm {
  border-top-right-radius: 2px;
}

.rounded-br-sm {
  border-bottom-right-radius: 2px;
}

.rounded-bl-sm {
  border-bottom-left-radius: 2px;
}

.rounded-tl {
  border-top-left-radius: 4px;
}

.rounded-tr {
  border-top-right-radius: 4px;
}

.rounded-br {
  border-bottom-right-radius: 4px;
}

.rounded-bl {
  border-bottom-left-radius: 4px;
}

.rounded-tl-lg {
  border-top-left-radius: 6px;
}

.rounded-tr-lg {
  border-top-right-radius: 6px;
}

.rounded-br-lg {
  border-bottom-right-radius: 6px;
}

.rounded-bl-lg {
  border-bottom-left-radius: 6px;
}

.rounded-tl-full {
  border-top-left-radius: 9999px;
}

.rounded-tr-full {
  border-top-right-radius: 9999px;
}

.rounded-br-full {
  border-bottom-right-radius: 9999px;
}

.rounded-bl-full {
  border-bottom-left-radius: 9999px;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-double {
  border-style: double;
}

.border-none {
  border-style: none;
}

.border-0 {
  border-width: 0;
}

.border-2 {
  border-width: 2px;
}

.border-4 {
  border-width: 4px;
}

.border {
  border-width: 1px;
}

.border-t-0 {
  border-top-width: 0;
}

.border-r-0 {
  border-right-width: 0;
}

.border-b-0 {
  border-bottom-width: 0;
}

.border-l-0 {
  border-left-width: 0;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-r-2 {
  border-right-width: 2px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-t-4 {
  border-top-width: 4px;
}

.border-r-4 {
  border-right-width: 4px;
}

.border-b-4 {
  border-bottom-width: 4px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-t {
  border-top-width: 1px;
}

.border-r {
  border-right-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l {
  border-left-width: 1px;
}

.box-border {
  box-sizing: border-box;
}

.box-content {
  box-sizing: content-box;
}

.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-wait {
  cursor: wait;
}

.cursor-text {
  cursor: text;
}

.cursor-move {
  cursor: move;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

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

.table {
  display: table;
}

.table-caption {
  display: table-caption;
}

.table-cell {
  display: table-cell;
}

.table-column {
  display: table-column;
}

.table-column-group {
  display: table-column-group;
}

.table-footer-group {
  display: table-footer-group;
}

.table-header-group {
  display: table-header-group;
}

.table-row-group {
  display: table-row-group;
}

.table-row {
  display: table-row;
}

.flow-root {
  display: flow-root;
}

.grid {
  display: grid;
}

.inline-grid {
  display: inline-grid;
}

.contents {
  display: contents;
}

.hidden {
  display: none;
}

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

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

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

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

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

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

.place-items-auto {
  place-items: auto;
}

.place-items-start {
  place-items: start;
}

.place-items-end {
  place-items: end;
}

.place-items-center {
  place-items: center;
}

.place-items-stretch {
  place-items: stretch;
}

.place-content-center {
  place-content: center;
}

.place-content-start {
  place-content: start;
}

.place-content-end {
  place-content: end;
}

.place-content-between {
  place-content: space-between;
}

.place-content-around {
  place-content: space-around;
}

.place-content-evenly {
  place-content: space-evenly;
}

.place-content-stretch {
  place-content: stretch;
}

.place-self-auto {
  place-self: auto;
}

.place-self-start {
  place-self: start;
}

.place-self-end {
  place-self: end;
}

.place-self-center {
  place-self: center;
}

.place-self-stretch {
  place-self: stretch;
}

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

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

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

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

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

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

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

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

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

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

.content-evenly {
  align-content: space-evenly;
}

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

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

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

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

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

.justify-items-auto {
  justify-items: auto;
}

.justify-items-start {
  justify-items: start;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-stretch {
  justify-items: stretch;
}

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

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

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

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

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

.justify-evenly {
  justify-content: space-evenly;
}

.justify-self-auto {
  justify-self: auto;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-end {
  justify-self: end;
}

.justify-self-center {
  justify-self: center;
}

.justify-self-stretch {
  justify-self: stretch;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

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

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

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

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

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.order-first {
  order: -9999;
}

.order-last {
  order: 9999;
}

.order-none {
  order: 0;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.float-none {
  float: none;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.clear-none {
  clear: none;
}

.font-sans {
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.font-mono {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-300 {
  font-weight: 300;
}

.font-400 {
  font-weight: 400;
}

.font-500 {
  font-weight: 500;
}

.font-700 {
  font-weight: 700;
}

.hover\:font-300:hover {
  font-weight: 300;
}

.hover\:font-400:hover {
  font-weight: 400;
}

.hover\:font-500:hover {
  font-weight: 500;
}

.hover\:font-700:hover {
  font-weight: 700;
}

.focus\:font-300:focus {
  font-weight: 300;
}

.focus\:font-400:focus {
  font-weight: 400;
}

.focus\:font-500:focus {
  font-weight: 500;
}

.focus\:font-700:focus {
  font-weight: 700;
}

.h-0 {
  height: 0;
}

.h-1 {
  height: 1px;
}

.h-4 {
  height: 4px;
}

.h-8 {
  height: 8px;
}

.h-12 {
  height: 12px;
}

.h-16 {
  height: 16px;
}

.h-20 {
  height: 20px;
}

.h-24 {
  height: 24px;
}

.h-28 {
  height: 28px;
}

.h-32 {
  height: 32px;
}

.h-36 {
  height: 36px;
}

.h-40 {
  height: 40px;
}

.h-44 {
  height: 44px;
}

.h-48 {
  height: 48px;
}

.h-52 {
  height: 52px;
}

.h-56 {
  height: 56px;
}

.h-64 {
  height: 64px;
}

.h-68 {
  height: 68px;
}

.h-72 {
  height: 72px;
}

.h-80 {
  height: 80px;
}

.h-96 {
  height: 96px;
}

.h-128 {
  height: 128px;
}

.h-160 {
  height: 160px;
}

.h-192 {
  height: 192px;
}

.h-224 {
  height: 224px;
}

.h-256 {
  height: 256px;
}

.h-512 {
  height: 512px;
}

.h-auto {
  height: auto;
}

.h-1\/2 {
  height: 50%;
}

.h-full {
  height: 100%;
}

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

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

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

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

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

.text-30 {
  font-size: 30px;
}

.leading-none {
  line-height: 1;
}

.leading-normal {
  line-height: 1.25;
}

.leading-loose {
  line-height: 1.5;
}

.list-inside {
  list-style-position: inside;
}

.list-outside {
  list-style-position: outside;
}

.list-none {
  list-style-type: none;
}

.list-disc {
  list-style-type: disc;
}

.list-decimal {
  list-style-type: decimal;
}

.m-0 {
  margin: 0;
}

.m-1 {
  margin: 1px;
}

.m-4 {
  margin: 4px;
}

.m-8 {
  margin: 8px;
}

.m-12 {
  margin: 12px;
}

.m-16 {
  margin: 16px;
}

.m-20 {
  margin: 20px;
}

.m-24 {
  margin: 24px;
}

.m-28 {
  margin: 28px;
}

.m-32 {
  margin: 32px;
}

.m-36 {
  margin: 36px;
}

.m-40 {
  margin: 40px;
}

.m-44 {
  margin: 44px;
}

.m-48 {
  margin: 48px;
}

.m-52 {
  margin: 52px;
}

.m-56 {
  margin: 56px;
}

.m-64 {
  margin: 64px;
}

.m-68 {
  margin: 68px;
}

.m-72 {
  margin: 72px;
}

.m-80 {
  margin: 80px;
}

.m-96 {
  margin: 96px;
}

.m-128 {
  margin: 128px;
}

.m-160 {
  margin: 160px;
}

.m-192 {
  margin: 192px;
}

.m-224 {
  margin: 224px;
}

.m-256 {
  margin: 256px;
}

.m-512 {
  margin: 512px;
}

.m-auto {
  margin: auto;
}

.-m-1 {
  margin: -1px;
}

.-m-4 {
  margin: -4px;
}

.-m-8 {
  margin: -8px;
}

.-m-12 {
  margin: -12px;
}

.-m-16 {
  margin: -16px;
}

.-m-20 {
  margin: -20px;
}

.-m-24 {
  margin: -24px;
}

.-m-28 {
  margin: -28px;
}

.-m-32 {
  margin: -32px;
}

.-m-36 {
  margin: -36px;
}

.-m-40 {
  margin: -40px;
}

.-m-44 {
  margin: -44px;
}

.-m-48 {
  margin: -48px;
}

.-m-52 {
  margin: -52px;
}

.-m-56 {
  margin: -56px;
}

.-m-64 {
  margin: -64px;
}

.-m-68 {
  margin: -68px;
}

.-m-72 {
  margin: -72px;
}

.-m-80 {
  margin: -80px;
}

.-m-96 {
  margin: -96px;
}

.-m-128 {
  margin: -128px;
}

.-m-160 {
  margin: -160px;
}

.-m-192 {
  margin: -192px;
}

.-m-224 {
  margin: -224px;
}

.-m-256 {
  margin: -256px;
}

.-m-512 {
  margin: -512px;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.my-1 {
  margin-top: 1px;
  margin-bottom: 1px;
}

.mx-1 {
  margin-left: 1px;
  margin-right: 1px;
}

.my-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.mx-4 {
  margin-left: 4px;
  margin-right: 4px;
}

.my-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.mx-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.my-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.mx-12 {
  margin-left: 12px;
  margin-right: 12px;
}

.my-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.mx-16 {
  margin-left: 16px;
  margin-right: 16px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.mx-24 {
  margin-left: 24px;
  margin-right: 24px;
}

.my-28 {
  margin-top: 28px;
  margin-bottom: 28px;
}

.mx-28 {
  margin-left: 28px;
  margin-right: 28px;
}

.my-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.mx-32 {
  margin-left: 32px;
  margin-right: 32px;
}

.my-36 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.mx-36 {
  margin-left: 36px;
  margin-right: 36px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.my-44 {
  margin-top: 44px;
  margin-bottom: 44px;
}

.mx-44 {
  margin-left: 44px;
  margin-right: 44px;
}

.my-48 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.mx-48 {
  margin-left: 48px;
  margin-right: 48px;
}

.my-52 {
  margin-top: 52px;
  margin-bottom: 52px;
}

.mx-52 {
  margin-left: 52px;
  margin-right: 52px;
}

.my-56 {
  margin-top: 56px;
  margin-bottom: 56px;
}

.mx-56 {
  margin-left: 56px;
  margin-right: 56px;
}

.my-64 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.mx-64 {
  margin-left: 64px;
  margin-right: 64px;
}

.my-68 {
  margin-top: 68px;
  margin-bottom: 68px;
}

.mx-68 {
  margin-left: 68px;
  margin-right: 68px;
}

.my-72 {
  margin-top: 72px;
  margin-bottom: 72px;
}

.mx-72 {
  margin-left: 72px;
  margin-right: 72px;
}

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mx-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.my-96 {
  margin-top: 96px;
  margin-bottom: 96px;
}

.mx-96 {
  margin-left: 96px;
  margin-right: 96px;
}

.my-128 {
  margin-top: 128px;
  margin-bottom: 128px;
}

.mx-128 {
  margin-left: 128px;
  margin-right: 128px;
}

.my-160 {
  margin-top: 160px;
  margin-bottom: 160px;
}

.mx-160 {
  margin-left: 160px;
  margin-right: 160px;
}

.my-192 {
  margin-top: 192px;
  margin-bottom: 192px;
}

.mx-192 {
  margin-left: 192px;
  margin-right: 192px;
}

.my-224 {
  margin-top: 224px;
  margin-bottom: 224px;
}

.mx-224 {
  margin-left: 224px;
  margin-right: 224px;
}

.my-256 {
  margin-top: 256px;
  margin-bottom: 256px;
}

.mx-256 {
  margin-left: 256px;
  margin-right: 256px;
}

.my-512 {
  margin-top: 512px;
  margin-bottom: 512px;
}

.mx-512 {
  margin-left: 512px;
  margin-right: 512px;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.-my-1 {
  margin-top: -1px;
  margin-bottom: -1px;
}

.-mx-1 {
  margin-left: -1px;
  margin-right: -1px;
}

.-my-4 {
  margin-top: -4px;
  margin-bottom: -4px;
}

.-mx-4 {
  margin-left: -4px;
  margin-right: -4px;
}

.-my-8 {
  margin-top: -8px;
  margin-bottom: -8px;
}

.-mx-8 {
  margin-left: -8px;
  margin-right: -8px;
}

.-my-12 {
  margin-top: -12px;
  margin-bottom: -12px;
}

.-mx-12 {
  margin-left: -12px;
  margin-right: -12px;
}

.-my-16 {
  margin-top: -16px;
  margin-bottom: -16px;
}

.-mx-16 {
  margin-left: -16px;
  margin-right: -16px;
}

.-my-20 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.-mx-20 {
  margin-left: -20px;
  margin-right: -20px;
}

.-my-24 {
  margin-top: -24px;
  margin-bottom: -24px;
}

.-mx-24 {
  margin-left: -24px;
  margin-right: -24px;
}

.-my-28 {
  margin-top: -28px;
  margin-bottom: -28px;
}

.-mx-28 {
  margin-left: -28px;
  margin-right: -28px;
}

.-my-32 {
  margin-top: -32px;
  margin-bottom: -32px;
}

.-mx-32 {
  margin-left: -32px;
  margin-right: -32px;
}

.-my-36 {
  margin-top: -36px;
  margin-bottom: -36px;
}

.-mx-36 {
  margin-left: -36px;
  margin-right: -36px;
}

.-my-40 {
  margin-top: -40px;
  margin-bottom: -40px;
}

.-mx-40 {
  margin-left: -40px;
  margin-right: -40px;
}

.-my-44 {
  margin-top: -44px;
  margin-bottom: -44px;
}

.-mx-44 {
  margin-left: -44px;
  margin-right: -44px;
}

.-my-48 {
  margin-top: -48px;
  margin-bottom: -48px;
}

.-mx-48 {
  margin-left: -48px;
  margin-right: -48px;
}

.-my-52 {
  margin-top: -52px;
  margin-bottom: -52px;
}

.-mx-52 {
  margin-left: -52px;
  margin-right: -52px;
}

.-my-56 {
  margin-top: -56px;
  margin-bottom: -56px;
}

.-mx-56 {
  margin-left: -56px;
  margin-right: -56px;
}

.-my-64 {
  margin-top: -64px;
  margin-bottom: -64px;
}

.-mx-64 {
  margin-left: -64px;
  margin-right: -64px;
}

.-my-68 {
  margin-top: -68px;
  margin-bottom: -68px;
}

.-mx-68 {
  margin-left: -68px;
  margin-right: -68px;
}

.-my-72 {
  margin-top: -72px;
  margin-bottom: -72px;
}

.-mx-72 {
  margin-left: -72px;
  margin-right: -72px;
}

.-my-80 {
  margin-top: -80px;
  margin-bottom: -80px;
}

.-mx-80 {
  margin-left: -80px;
  margin-right: -80px;
}

.-my-96 {
  margin-top: -96px;
  margin-bottom: -96px;
}

.-mx-96 {
  margin-left: -96px;
  margin-right: -96px;
}

.-my-128 {
  margin-top: -128px;
  margin-bottom: -128px;
}

.-mx-128 {
  margin-left: -128px;
  margin-right: -128px;
}

.-my-160 {
  margin-top: -160px;
  margin-bottom: -160px;
}

.-mx-160 {
  margin-left: -160px;
  margin-right: -160px;
}

.-my-192 {
  margin-top: -192px;
  margin-bottom: -192px;
}

.-mx-192 {
  margin-left: -192px;
  margin-right: -192px;
}

.-my-224 {
  margin-top: -224px;
  margin-bottom: -224px;
}

.-mx-224 {
  margin-left: -224px;
  margin-right: -224px;
}

.-my-256 {
  margin-top: -256px;
  margin-bottom: -256px;
}

.-mx-256 {
  margin-left: -256px;
  margin-right: -256px;
}

.-my-512 {
  margin-top: -512px;
  margin-bottom: -512px;
}

.-mx-512 {
  margin-left: -512px;
  margin-right: -512px;
}

.mt-0 {
  margin-top: 0;
}

.mr-0 {
  margin-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mt-1 {
  margin-top: 1px;
}

.mr-1 {
  margin-right: 1px;
}

.mb-1 {
  margin-bottom: 1px;
}

.ml-1 {
  margin-left: 1px;
}

.mt-4 {
  margin-top: 4px;
}

.mr-4 {
  margin-right: 4px;
}

.mb-4 {
  margin-bottom: 4px;
}

.ml-4 {
  margin-left: 4px;
}

.mt-8 {
  margin-top: 8px;
}

.mr-8 {
  margin-right: 8px;
}

.mb-8 {
  margin-bottom: 8px;
}

.ml-8 {
  margin-left: 8px;
}

.mt-12 {
  margin-top: 12px;
}

.mr-12 {
  margin-right: 12px;
}

.mb-12 {
  margin-bottom: 12px;
}

.ml-12 {
  margin-left: 12px;
}

.mt-16 {
  margin-top: 16px;
}

.mr-16 {
  margin-right: 16px;
}

.mb-16 {
  margin-bottom: 16px;
}

.ml-16 {
  margin-left: 16px;
}

.mt-20 {
  margin-top: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.mt-24 {
  margin-top: 24px;
}

.mr-24 {
  margin-right: 24px;
}

.mb-24 {
  margin-bottom: 24px;
}

.ml-24 {
  margin-left: 24px;
}

.mt-28 {
  margin-top: 28px;
}

.mr-28 {
  margin-right: 28px;
}

.mb-28 {
  margin-bottom: 28px;
}

.ml-28 {
  margin-left: 28px;
}

.mt-32 {
  margin-top: 32px;
}

.mr-32 {
  margin-right: 32px;
}

.mb-32 {
  margin-bottom: 32px;
}

.ml-32 {
  margin-left: 32px;
}

.mt-36 {
  margin-top: 36px;
}

.mr-36 {
  margin-right: 36px;
}

.mb-36 {
  margin-bottom: 36px;
}

.ml-36 {
  margin-left: 36px;
}

.mt-40 {
  margin-top: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.mt-44 {
  margin-top: 44px;
}

.mr-44 {
  margin-right: 44px;
}

.mb-44 {
  margin-bottom: 44px;
}

.ml-44 {
  margin-left: 44px;
}

.mt-48 {
  margin-top: 48px;
}

.mr-48 {
  margin-right: 48px;
}

.mb-48 {
  margin-bottom: 48px;
}

.ml-48 {
  margin-left: 48px;
}

.mt-52 {
  margin-top: 52px;
}

.mr-52 {
  margin-right: 52px;
}

.mb-52 {
  margin-bottom: 52px;
}

.ml-52 {
  margin-left: 52px;
}

.mt-56 {
  margin-top: 56px;
}

.mr-56 {
  margin-right: 56px;
}

.mb-56 {
  margin-bottom: 56px;
}

.ml-56 {
  margin-left: 56px;
}

.mt-64 {
  margin-top: 64px;
}

.mr-64 {
  margin-right: 64px;
}

.mb-64 {
  margin-bottom: 64px;
}

.ml-64 {
  margin-left: 64px;
}

.mt-68 {
  margin-top: 68px;
}

.mr-68 {
  margin-right: 68px;
}

.mb-68 {
  margin-bottom: 68px;
}

.ml-68 {
  margin-left: 68px;
}

.mt-72 {
  margin-top: 72px;
}

.mr-72 {
  margin-right: 72px;
}

.mb-72 {
  margin-bottom: 72px;
}

.ml-72 {
  margin-left: 72px;
}

.mt-80 {
  margin-top: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.mt-96 {
  margin-top: 96px;
}

.mr-96 {
  margin-right: 96px;
}

.mb-96 {
  margin-bottom: 96px;
}

.ml-96 {
  margin-left: 96px;
}

.mt-128 {
  margin-top: 128px;
}

.mr-128 {
  margin-right: 128px;
}

.mb-128 {
  margin-bottom: 128px;
}

.ml-128 {
  margin-left: 128px;
}

.mt-160 {
  margin-top: 160px;
}

.mr-160 {
  margin-right: 160px;
}

.mb-160 {
  margin-bottom: 160px;
}

.ml-160 {
  margin-left: 160px;
}

.mt-192 {
  margin-top: 192px;
}

.mr-192 {
  margin-right: 192px;
}

.mb-192 {
  margin-bottom: 192px;
}

.ml-192 {
  margin-left: 192px;
}

.mt-224 {
  margin-top: 224px;
}

.mr-224 {
  margin-right: 224px;
}

.mb-224 {
  margin-bottom: 224px;
}

.ml-224 {
  margin-left: 224px;
}

.mt-256 {
  margin-top: 256px;
}

.mr-256 {
  margin-right: 256px;
}

.mb-256 {
  margin-bottom: 256px;
}

.ml-256 {
  margin-left: 256px;
}

.mt-512 {
  margin-top: 512px;
}

.mr-512 {
  margin-right: 512px;
}

.mb-512 {
  margin-bottom: 512px;
}

.ml-512 {
  margin-left: 512px;
}

.mt-auto {
  margin-top: auto;
}

.mr-auto {
  margin-right: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.ml-auto {
  margin-left: auto;
}

.-mt-1 {
  margin-top: -1px;
}

.-mr-1 {
  margin-right: -1px;
}

.-mb-1 {
  margin-bottom: -1px;
}

.-ml-1 {
  margin-left: -1px;
}

.-mt-4 {
  margin-top: -4px;
}

.-mr-4 {
  margin-right: -4px;
}

.-mb-4 {
  margin-bottom: -4px;
}

.-ml-4 {
  margin-left: -4px;
}

.-mt-8 {
  margin-top: -8px;
}

.-mr-8 {
  margin-right: -8px;
}

.-mb-8 {
  margin-bottom: -8px;
}

.-ml-8 {
  margin-left: -8px;
}

.-mt-12 {
  margin-top: -12px;
}

.-mr-12 {
  margin-right: -12px;
}

.-mb-12 {
  margin-bottom: -12px;
}

.-ml-12 {
  margin-left: -12px;
}

.-mt-16 {
  margin-top: -16px;
}

.-mr-16 {
  margin-right: -16px;
}

.-mb-16 {
  margin-bottom: -16px;
}

.-ml-16 {
  margin-left: -16px;
}

.-mt-20 {
  margin-top: -20px;
}

.-mr-20 {
  margin-right: -20px;
}

.-mb-20 {
  margin-bottom: -20px;
}

.-ml-20 {
  margin-left: -20px;
}

.-mt-24 {
  margin-top: -24px;
}

.-mr-24 {
  margin-right: -24px;
}

.-mb-24 {
  margin-bottom: -24px;
}

.-ml-24 {
  margin-left: -24px;
}

.-mt-28 {
  margin-top: -28px;
}

.-mr-28 {
  margin-right: -28px;
}

.-mb-28 {
  margin-bottom: -28px;
}

.-ml-28 {
  margin-left: -28px;
}

.-mt-32 {
  margin-top: -32px;
}

.-mr-32 {
  margin-right: -32px;
}

.-mb-32 {
  margin-bottom: -32px;
}

.-ml-32 {
  margin-left: -32px;
}

.-mt-36 {
  margin-top: -36px;
}

.-mr-36 {
  margin-right: -36px;
}

.-mb-36 {
  margin-bottom: -36px;
}

.-ml-36 {
  margin-left: -36px;
}

.-mt-40 {
  margin-top: -40px;
}

.-mr-40 {
  margin-right: -40px;
}

.-mb-40 {
  margin-bottom: -40px;
}

.-ml-40 {
  margin-left: -40px;
}

.-mt-44 {
  margin-top: -44px;
}

.-mr-44 {
  margin-right: -44px;
}

.-mb-44 {
  margin-bottom: -44px;
}

.-ml-44 {
  margin-left: -44px;
}

.-mt-48 {
  margin-top: -48px;
}

.-mr-48 {
  margin-right: -48px;
}

.-mb-48 {
  margin-bottom: -48px;
}

.-ml-48 {
  margin-left: -48px;
}

.-mt-52 {
  margin-top: -52px;
}

.-mr-52 {
  margin-right: -52px;
}

.-mb-52 {
  margin-bottom: -52px;
}

.-ml-52 {
  margin-left: -52px;
}

.-mt-56 {
  margin-top: -56px;
}

.-mr-56 {
  margin-right: -56px;
}

.-mb-56 {
  margin-bottom: -56px;
}

.-ml-56 {
  margin-left: -56px;
}

.-mt-64 {
  margin-top: -64px;
}

.-mr-64 {
  margin-right: -64px;
}

.-mb-64 {
  margin-bottom: -64px;
}

.-ml-64 {
  margin-left: -64px;
}

.-mt-68 {
  margin-top: -68px;
}

.-mr-68 {
  margin-right: -68px;
}

.-mb-68 {
  margin-bottom: -68px;
}

.-ml-68 {
  margin-left: -68px;
}

.-mt-72 {
  margin-top: -72px;
}

.-mr-72 {
  margin-right: -72px;
}

.-mb-72 {
  margin-bottom: -72px;
}

.-ml-72 {
  margin-left: -72px;
}

.-mt-80 {
  margin-top: -80px;
}

.-mr-80 {
  margin-right: -80px;
}

.-mb-80 {
  margin-bottom: -80px;
}

.-ml-80 {
  margin-left: -80px;
}

.-mt-96 {
  margin-top: -96px;
}

.-mr-96 {
  margin-right: -96px;
}

.-mb-96 {
  margin-bottom: -96px;
}

.-ml-96 {
  margin-left: -96px;
}

.-mt-128 {
  margin-top: -128px;
}

.-mr-128 {
  margin-right: -128px;
}

.-mb-128 {
  margin-bottom: -128px;
}

.-ml-128 {
  margin-left: -128px;
}

.-mt-160 {
  margin-top: -160px;
}

.-mr-160 {
  margin-right: -160px;
}

.-mb-160 {
  margin-bottom: -160px;
}

.-ml-160 {
  margin-left: -160px;
}

.-mt-192 {
  margin-top: -192px;
}

.-mr-192 {
  margin-right: -192px;
}

.-mb-192 {
  margin-bottom: -192px;
}

.-ml-192 {
  margin-left: -192px;
}

.-mt-224 {
  margin-top: -224px;
}

.-mr-224 {
  margin-right: -224px;
}

.-mb-224 {
  margin-bottom: -224px;
}

.-ml-224 {
  margin-left: -224px;
}

.-mt-256 {
  margin-top: -256px;
}

.-mr-256 {
  margin-right: -256px;
}

.-mb-256 {
  margin-bottom: -256px;
}

.-ml-256 {
  margin-left: -256px;
}

.-mt-512 {
  margin-top: -512px;
}

.-mr-512 {
  margin-right: -512px;
}

.-mb-512 {
  margin-bottom: -512px;
}

.-ml-512 {
  margin-left: -512px;
}

.max-h-full {
  max-height: 100%;
}

.max-w-full {
  max-width: 100%;
}

.min-h-0 {
  min-height: 0;
}

.min-h-full {
  min-height: 100%;
}

.min-w-0 {
  min-width: 0;
}

.min-w-1 {
  min-width: 1px;
}

.min-w-4 {
  min-width: 4px;
}

.min-w-8 {
  min-width: 8px;
}

.min-w-12 {
  min-width: 12px;
}

.min-w-16 {
  min-width: 16px;
}

.min-w-20 {
  min-width: 20px;
}

.min-w-24 {
  min-width: 24px;
}

.min-w-28 {
  min-width: 28px;
}

.min-w-32 {
  min-width: 32px;
}

.min-w-36 {
  min-width: 36px;
}

.min-w-40 {
  min-width: 40px;
}

.min-w-44 {
  min-width: 44px;
}

.min-w-48 {
  min-width: 48px;
}

.min-w-52 {
  min-width: 52px;
}

.min-w-56 {
  min-width: 56px;
}

.min-w-64 {
  min-width: 64px;
}

.min-w-68 {
  min-width: 68px;
}

.min-w-72 {
  min-width: 72px;
}

.min-w-80 {
  min-width: 80px;
}

.min-w-96 {
  min-width: 96px;
}

.min-w-128 {
  min-width: 128px;
}

.min-w-160 {
  min-width: 160px;
}

.min-w-192 {
  min-width: 192px;
}

.min-w-224 {
  min-width: 224px;
}

.min-w-256 {
  min-width: 256px;
}

.min-w-512 {
  min-width: 512px;
}

.min-w-full {
  min-width: 100%;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-fill {
  -o-object-fit: fill;
     object-fit: fill;
}

.object-none {
  -o-object-fit: none;
     object-fit: none;
}

.object-scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.object-bottom {
  -o-object-position: bottom;
     object-position: bottom;
}

.object-center {
  -o-object-position: center;
     object-position: center;
}

.object-left {
  -o-object-position: left;
     object-position: left;
}

.object-left-bottom {
  -o-object-position: left bottom;
     object-position: left bottom;
}

.object-left-top {
  -o-object-position: left top;
     object-position: left top;
}

.object-right {
  -o-object-position: right;
     object-position: right;
}

.object-right-bottom {
  -o-object-position: right bottom;
     object-position: right bottom;
}

.object-right-top {
  -o-object-position: right top;
     object-position: right top;
}

.object-top {
  -o-object-position: top;
     object-position: top;
}

.opacity-0 {
  opacity: 0;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-100 {
  opacity: 1;
}

.placeholder\:opacity-0::-moz-placeholder {
  opacity: 0;
}

.placeholder\:opacity-0:-ms-input-placeholder {
  opacity: 0;
}

.placeholder\:opacity-0::placeholder {
  opacity: 0;
}

.placeholder\:opacity-25::-moz-placeholder {
  opacity: 0.25;
}

.placeholder\:opacity-25:-ms-input-placeholder {
  opacity: 0.25;
}

.placeholder\:opacity-25::placeholder {
  opacity: 0.25;
}

.placeholder\:opacity-50::-moz-placeholder {
  opacity: 0.5;
}

.placeholder\:opacity-50:-ms-input-placeholder {
  opacity: 0.5;
}

.placeholder\:opacity-50::placeholder {
  opacity: 0.5;
}

.placeholder\:opacity-75::-moz-placeholder {
  opacity: 0.75;
}

.placeholder\:opacity-75:-ms-input-placeholder {
  opacity: 0.75;
}

.placeholder\:opacity-75::placeholder {
  opacity: 0.75;
}

.placeholder\:opacity-100::-moz-placeholder {
  opacity: 1;
}

.placeholder\:opacity-100:-ms-input-placeholder {
  opacity: 1;
}

.placeholder\:opacity-100::placeholder {
  opacity: 1;
}

.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline-white {
  outline: 2px dotted white;
  outline-offset: 2px;
}

.outline-black {
  outline: 2px dotted black;
  outline-offset: 2px;
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline-white:focus {
  outline: 2px dotted white;
  outline-offset: 2px;
}

.focus\:outline-black:focus {
  outline: 2px dotted black;
  outline-offset: 2px;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.scrolling-touch {
  -webkit-overflow-scrolling: touch;
}

.scrolling-auto {
  -webkit-overflow-scrolling: auto;
}

.overscroll-auto {
  -ms-scroll-chaining: chained;
      overscroll-behavior: auto;
}

.overscroll-contain {
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.overscroll-none {
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.overscroll-y-auto {
  overscroll-behavior-y: auto;
}

.overscroll-y-contain {
  overscroll-behavior-y: contain;
}

.overscroll-y-none {
  overscroll-behavior-y: none;
}

.overscroll-x-auto {
  overscroll-behavior-x: auto;
}

.overscroll-x-contain {
  overscroll-behavior-x: contain;
}

.overscroll-x-none {
  overscroll-behavior-x: none;
}

.p-0 {
  padding: 0;
}

.p-1 {
  padding: 1px;
}

.p-4 {
  padding: 4px;
}

.p-8 {
  padding: 8px;
}

.p-12 {
  padding: 12px;
}

.p-16 {
  padding: 16px;
}

.p-20 {
  padding: 20px;
}

.p-24 {
  padding: 24px;
}

.p-28 {
  padding: 28px;
}

.p-32 {
  padding: 32px;
}

.p-36 {
  padding: 36px;
}

.p-40 {
  padding: 40px;
}

.p-44 {
  padding: 44px;
}

.p-48 {
  padding: 48px;
}

.p-52 {
  padding: 52px;
}

.p-56 {
  padding: 56px;
}

.p-64 {
  padding: 64px;
}

.p-68 {
  padding: 68px;
}

.p-72 {
  padding: 72px;
}

.p-80 {
  padding: 80px;
}

.p-96 {
  padding: 96px;
}

.p-128 {
  padding: 128px;
}

.p-160 {
  padding: 160px;
}

.p-192 {
  padding: 192px;
}

.p-224 {
  padding: 224px;
}

.p-256 {
  padding: 256px;
}

.p-512 {
  padding: 512px;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.py-1 {
  padding-top: 1px;
  padding-bottom: 1px;
}

.px-1 {
  padding-left: 1px;
  padding-right: 1px;
}

.py-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.px-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.py-8 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.px-8 {
  padding-left: 8px;
  padding-right: 8px;
}

.py-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.px-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.py-16 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.px-16 {
  padding-left: 16px;
  padding-right: 16px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.px-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.py-28 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.px-28 {
  padding-left: 28px;
  padding-right: 28px;
}

.py-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.px-32 {
  padding-left: 32px;
  padding-right: 32px;
}

.py-36 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.px-36 {
  padding-left: 36px;
  padding-right: 36px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.py-44 {
  padding-top: 44px;
  padding-bottom: 44px;
}

.px-44 {
  padding-left: 44px;
  padding-right: 44px;
}

.py-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.px-48 {
  padding-left: 48px;
  padding-right: 48px;
}

.py-52 {
  padding-top: 52px;
  padding-bottom: 52px;
}

.px-52 {
  padding-left: 52px;
  padding-right: 52px;
}

.py-56 {
  padding-top: 56px;
  padding-bottom: 56px;
}

.px-56 {
  padding-left: 56px;
  padding-right: 56px;
}

.py-64 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.px-64 {
  padding-left: 64px;
  padding-right: 64px;
}

.py-68 {
  padding-top: 68px;
  padding-bottom: 68px;
}

.px-68 {
  padding-left: 68px;
  padding-right: 68px;
}

.py-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.px-72 {
  padding-left: 72px;
  padding-right: 72px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.px-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.py-96 {
  padding-top: 96px;
  padding-bottom: 96px;
}

.px-96 {
  padding-left: 96px;
  padding-right: 96px;
}

.py-128 {
  padding-top: 128px;
  padding-bottom: 128px;
}

.px-128 {
  padding-left: 128px;
  padding-right: 128px;
}

.py-160 {
  padding-top: 160px;
  padding-bottom: 160px;
}

.px-160 {
  padding-left: 160px;
  padding-right: 160px;
}

.py-192 {
  padding-top: 192px;
  padding-bottom: 192px;
}

.px-192 {
  padding-left: 192px;
  padding-right: 192px;
}

.py-224 {
  padding-top: 224px;
  padding-bottom: 224px;
}

.px-224 {
  padding-left: 224px;
  padding-right: 224px;
}

.py-256 {
  padding-top: 256px;
  padding-bottom: 256px;
}

.px-256 {
  padding-left: 256px;
  padding-right: 256px;
}

.py-512 {
  padding-top: 512px;
  padding-bottom: 512px;
}

.px-512 {
  padding-left: 512px;
  padding-right: 512px;
}

.pt-0 {
  padding-top: 0;
}

.pr-0 {
  padding-right: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.pt-1 {
  padding-top: 1px;
}

.pr-1 {
  padding-right: 1px;
}

.pb-1 {
  padding-bottom: 1px;
}

.pl-1 {
  padding-left: 1px;
}

.pt-4 {
  padding-top: 4px;
}

.pr-4 {
  padding-right: 4px;
}

.pb-4 {
  padding-bottom: 4px;
}

.pl-4 {
  padding-left: 4px;
}

.pt-8 {
  padding-top: 8px;
}

.pr-8 {
  padding-right: 8px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pl-8 {
  padding-left: 8px;
}

.pt-12 {
  padding-top: 12px;
}

.pr-12 {
  padding-right: 12px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pl-12 {
  padding-left: 12px;
}

.pt-16 {
  padding-top: 16px;
}

.pr-16 {
  padding-right: 16px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pl-16 {
  padding-left: 16px;
}

.pt-20 {
  padding-top: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pt-24 {
  padding-top: 24px;
}

.pr-24 {
  padding-right: 24px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pl-24 {
  padding-left: 24px;
}

.pt-28 {
  padding-top: 28px;
}

.pr-28 {
  padding-right: 28px;
}

.pb-28 {
  padding-bottom: 28px;
}

.pl-28 {
  padding-left: 28px;
}

.pt-32 {
  padding-top: 32px;
}

.pr-32 {
  padding-right: 32px;
}

.pb-32 {
  padding-bottom: 32px;
}

.pl-32 {
  padding-left: 32px;
}

.pt-36 {
  padding-top: 36px;
}

.pr-36 {
  padding-right: 36px;
}

.pb-36 {
  padding-bottom: 36px;
}

.pl-36 {
  padding-left: 36px;
}

.pt-40 {
  padding-top: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.pt-44 {
  padding-top: 44px;
}

.pr-44 {
  padding-right: 44px;
}

.pb-44 {
  padding-bottom: 44px;
}

.pl-44 {
  padding-left: 44px;
}

.pt-48 {
  padding-top: 48px;
}

.pr-48 {
  padding-right: 48px;
}

.pb-48 {
  padding-bottom: 48px;
}

.pl-48 {
  padding-left: 48px;
}

.pt-52 {
  padding-top: 52px;
}

.pr-52 {
  padding-right: 52px;
}

.pb-52 {
  padding-bottom: 52px;
}

.pl-52 {
  padding-left: 52px;
}

.pt-56 {
  padding-top: 56px;
}

.pr-56 {
  padding-right: 56px;
}

.pb-56 {
  padding-bottom: 56px;
}

.pl-56 {
  padding-left: 56px;
}

.pt-64 {
  padding-top: 64px;
}

.pr-64 {
  padding-right: 64px;
}

.pb-64 {
  padding-bottom: 64px;
}

.pl-64 {
  padding-left: 64px;
}

.pt-68 {
  padding-top: 68px;
}

.pr-68 {
  padding-right: 68px;
}

.pb-68 {
  padding-bottom: 68px;
}

.pl-68 {
  padding-left: 68px;
}

.pt-72 {
  padding-top: 72px;
}

.pr-72 {
  padding-right: 72px;
}

.pb-72 {
  padding-bottom: 72px;
}

.pl-72 {
  padding-left: 72px;
}

.pt-80 {
  padding-top: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.pt-96 {
  padding-top: 96px;
}

.pr-96 {
  padding-right: 96px;
}

.pb-96 {
  padding-bottom: 96px;
}

.pl-96 {
  padding-left: 96px;
}

.pt-128 {
  padding-top: 128px;
}

.pr-128 {
  padding-right: 128px;
}

.pb-128 {
  padding-bottom: 128px;
}

.pl-128 {
  padding-left: 128px;
}

.pt-160 {
  padding-top: 160px;
}

.pr-160 {
  padding-right: 160px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pl-160 {
  padding-left: 160px;
}

.pt-192 {
  padding-top: 192px;
}

.pr-192 {
  padding-right: 192px;
}

.pb-192 {
  padding-bottom: 192px;
}

.pl-192 {
  padding-left: 192px;
}

.pt-224 {
  padding-top: 224px;
}

.pr-224 {
  padding-right: 224px;
}

.pb-224 {
  padding-bottom: 224px;
}

.pl-224 {
  padding-left: 224px;
}

.pt-256 {
  padding-top: 256px;
}

.pr-256 {
  padding-right: 256px;
}

.pb-256 {
  padding-bottom: 256px;
}

.pl-256 {
  padding-left: 256px;
}

.pt-512 {
  padding-top: 512px;
}

.pr-512 {
  padding-right: 512px;
}

.pb-512 {
  padding-bottom: 512px;
}

.pl-512 {
  padding-left: 512px;
}

.placeholder-gray-400::-moz-placeholder {
  --placeholder-opacity: 1;
  color: #c1c1c1;
  color: rgba(193, 193, 193, var(--placeholder-opacity));
}

.placeholder-gray-400:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #c1c1c1;
  color: rgba(193, 193, 193, var(--placeholder-opacity));
}

.placeholder-gray-400::placeholder {
  --placeholder-opacity: 1;
  color: #c1c1c1;
  color: rgba(193, 193, 193, var(--placeholder-opacity));
}

.focus\:placeholder-gray-400:focus::-moz-placeholder {
  --placeholder-opacity: 1;
  color: #c1c1c1;
  color: rgba(193, 193, 193, var(--placeholder-opacity));
}

.focus\:placeholder-gray-400:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
  color: #c1c1c1;
  color: rgba(193, 193, 193, var(--placeholder-opacity));
}

.focus\:placeholder-gray-400:focus::placeholder {
  --placeholder-opacity: 1;
  color: #c1c1c1;
  color: rgba(193, 193, 193, var(--placeholder-opacity));
}

.placeholder-opacity-0::-moz-placeholder {
  --placeholder-opacity: 0;
}

.placeholder-opacity-0:-ms-input-placeholder {
  --placeholder-opacity: 0;
}

.placeholder-opacity-0::placeholder {
  --placeholder-opacity: 0;
}

.placeholder-opacity-25::-moz-placeholder {
  --placeholder-opacity: 0.25;
}

.placeholder-opacity-25:-ms-input-placeholder {
  --placeholder-opacity: 0.25;
}

.placeholder-opacity-25::placeholder {
  --placeholder-opacity: 0.25;
}

.placeholder-opacity-50::-moz-placeholder {
  --placeholder-opacity: 0.5;
}

.placeholder-opacity-50:-ms-input-placeholder {
  --placeholder-opacity: 0.5;
}

.placeholder-opacity-50::placeholder {
  --placeholder-opacity: 0.5;
}

.placeholder-opacity-75::-moz-placeholder {
  --placeholder-opacity: 0.75;
}

.placeholder-opacity-75:-ms-input-placeholder {
  --placeholder-opacity: 0.75;
}

.placeholder-opacity-75::placeholder {
  --placeholder-opacity: 0.75;
}

.placeholder-opacity-100::-moz-placeholder {
  --placeholder-opacity: 1;
}

.placeholder-opacity-100:-ms-input-placeholder {
  --placeholder-opacity: 1;
}

.placeholder-opacity-100::placeholder {
  --placeholder-opacity: 1;
}

.focus\:placeholder-opacity-0:focus::-moz-placeholder {
  --placeholder-opacity: 0;
}

.focus\:placeholder-opacity-0:focus:-ms-input-placeholder {
  --placeholder-opacity: 0;
}

.focus\:placeholder-opacity-0:focus::placeholder {
  --placeholder-opacity: 0;
}

.focus\:placeholder-opacity-25:focus::-moz-placeholder {
  --placeholder-opacity: 0.25;
}

.focus\:placeholder-opacity-25:focus:-ms-input-placeholder {
  --placeholder-opacity: 0.25;
}

.focus\:placeholder-opacity-25:focus::placeholder {
  --placeholder-opacity: 0.25;
}

.focus\:placeholder-opacity-50:focus::-moz-placeholder {
  --placeholder-opacity: 0.5;
}

.focus\:placeholder-opacity-50:focus:-ms-input-placeholder {
  --placeholder-opacity: 0.5;
}

.focus\:placeholder-opacity-50:focus::placeholder {
  --placeholder-opacity: 0.5;
}

.focus\:placeholder-opacity-75:focus::-moz-placeholder {
  --placeholder-opacity: 0.75;
}

.focus\:placeholder-opacity-75:focus:-ms-input-placeholder {
  --placeholder-opacity: 0.75;
}

.focus\:placeholder-opacity-75:focus::placeholder {
  --placeholder-opacity: 0.75;
}

.focus\:placeholder-opacity-100:focus::-moz-placeholder {
  --placeholder-opacity: 1;
}

.focus\:placeholder-opacity-100:focus:-ms-input-placeholder {
  --placeholder-opacity: 1;
}

.focus\:placeholder-opacity-100:focus::placeholder {
  --placeholder-opacity: 1;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.inset-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.inset-y-0 {
  top: 0;
  bottom: 0;
}

.inset-x-0 {
  right: 0;
  left: 0;
}

.inset-y-auto {
  top: auto;
  bottom: auto;
}

.inset-x-auto {
  right: auto;
  left: auto;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.top-auto {
  top: auto;
}

.right-auto {
  right: auto;
}

.bottom-auto {
  bottom: auto;
}

.left-auto {
  left: auto;
}

.resize-none {
  resize: none;
}

.resize-y {
  resize: vertical;
}

.resize-x {
  resize: horizontal;
}

.resize {
  resize: both;
}

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

.shadow-sm {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
}

.shadow-md {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}

.shadow-lg {
  box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.2);
}

.shadow-outline-black {
  box-shadow: 0 0 0 1px #333333;
}

.shadow-outline-blue-100 {
  box-shadow: 0 0 0 1px #f2f8ff;
}

.shadow-outline-blue-150 {
  box-shadow: 0 0 0 1px #E6EFFB;
}

.shadow-outline-blue-200 {
  box-shadow: 0 0 0 1px #d6e3f4;
}

.shadow-outline-blue-300 {
  box-shadow: 0 0 0 1px #bbcfea;
}

.shadow-outline-blue-400 {
  box-shadow: 0 0 0 1px #8dabd4;
}

.shadow-outline-blue-500 {
  box-shadow: 0 0 0 1px #648abf;
}

.shadow-outline-blue-600 {
  box-shadow: 0 0 0 1px #426da9;
}

.shadow-outline-blue-700 {
  box-shadow: 0 0 0 1px #1d4f91;
}

.shadow-outline-blue-800 {
  box-shadow: 0 0 0 1px #123f7a;
}

.shadow-outline-blue-900 {
  box-shadow: 0 0 0 1px #0a3163;
}

.shadow-outline-gray-100 {
  box-shadow: 0 0 0 1px #f6f6f6;
}

.shadow-outline-gray-200 {
  box-shadow: 0 0 0 1px #eaeaea;
}

.shadow-outline-gray-300 {
  box-shadow: 0 0 0 1px #d6d6d6;
}

.shadow-outline-gray-400 {
  box-shadow: 0 0 0 1px #c1c1c1;
}

.shadow-outline-gray-500 {
  box-shadow: 0 0 0 1px #a7a7a7;
}

.shadow-outline-gray-600 {
  box-shadow: 0 0 0 1px #8c8c8c;
}

.shadow-outline-gray-700 {
  box-shadow: 0 0 0 1px #717171;
}

.shadow-outline-gray-800 {
  box-shadow: 0 0 0 1px #585858;
}

.shadow-outline-gray-900 {
  box-shadow: 0 0 0 1px #404040;
}

.shadow-outline-green-100 {
  box-shadow: 0 0 0 1px #F2FFF5;
}

.shadow-outline-green-200 {
  box-shadow: 0 0 0 1px #D0F6DB;
}

.shadow-outline-green-300 {
  box-shadow: 0 0 0 1px #9AE8B4;
}

.shadow-outline-green-400 {
  box-shadow: 0 0 0 1px #5CD08E;
}

.shadow-outline-green-500 {
  box-shadow: 0 0 0 1px #29B769;
}

.shadow-outline-green-600 {
  box-shadow: 0 0 0 1px #009f4d;
}

.shadow-outline-green-700 {
  box-shadow: 0 0 0 1px #007a3b;
}

.shadow-outline-green-800 {
  box-shadow: 0 0 0 1px #00612F;
}

.shadow-outline-green-900 {
  box-shadow: 0 0 0 1px #004A24;
}

.shadow-outline-lime-100 {
  box-shadow: 0 0 0 1px #fefff2;
}

.shadow-outline-lime-200 {
  box-shadow: 0 0 0 1px #f7f9cc;
}

.shadow-outline-lime-300 {
  box-shadow: 0 0 0 1px #f0f3a7;
}

.shadow-outline-lime-400 {
  box-shadow: 0 0 0 1px #dce26d;
}

.shadow-outline-lime-500 {
  box-shadow: 0 0 0 1px #cad03b;
}

.shadow-outline-lime-600 {
  box-shadow: 0 0 0 1px #b7bf10;
}

.shadow-outline-lime-700 {
  box-shadow: 0 0 0 1px #979e08;
}

.shadow-outline-lime-800 {
  box-shadow: 0 0 0 1px #777d03;
}

.shadow-outline-lime-900 {
  box-shadow: 0 0 0 1px #575c00;
}

.shadow-outline-magenta-100 {
  box-shadow: 0 0 0 1px #fff1fa;
}

.shadow-outline-magenta-200 {
  box-shadow: 0 0 0 1px #ffd8f0;
}

.shadow-outline-magenta-300 {
  box-shadow: 0 0 0 1px #ffc0e4;
}

.shadow-outline-magenta-400 {
  box-shadow: 0 0 0 1px #f790c6;
}

.shadow-outline-magenta-500 {
  box-shadow: 0 0 0 1px #ef62a8;
}

.shadow-outline-magenta-600 {
  box-shadow: 0 0 0 1px #e63888;
}

.shadow-outline-magenta-700 {
  box-shadow: 0 0 0 1px #c41d73;
}

.shadow-outline-magenta-800 {
  box-shadow: 0 0 0 1px #a20861;
}

.shadow-outline-magenta-900 {
  box-shadow: 0 0 0 1px #800051;
}

.shadow-outline-orange-100 {
  box-shadow: 0 0 0 1px #fff9f2;
}

.shadow-outline-orange-200 {
  box-shadow: 0 0 0 1px #ffeed7;
}

.shadow-outline-orange-300 {
  box-shadow: 0 0 0 1px #ffe3ba;
}

.shadow-outline-orange-400 {
  box-shadow: 0 0 0 1px #ffc684;
}

.shadow-outline-orange-500 {
  box-shadow: 0 0 0 1px #ffaa4f;
}

.shadow-outline-orange-600 {
  box-shadow: 0 0 0 1px #ff8f1c;
}

.shadow-outline-orange-700 {
  box-shadow: 0 0 0 1px #cc6e0f;
}

.shadow-outline-orange-800 {
  box-shadow: 0 0 0 1px #995006;
}

.shadow-outline-orange-900 {
  box-shadow: 0 0 0 1px #663300;
}

.shadow-outline-purple-100 {
  box-shadow: 0 0 0 1px #fef2ff;
}

.shadow-outline-purple-200 {
  box-shadow: 0 0 0 1px #eed3f1;
}

.shadow-outline-purple-300 {
  box-shadow: 0 0 0 1px #dfb6e4;
}

.shadow-outline-purple-400 {
  box-shadow: 0 0 0 1px #c186c9;
}

.shadow-outline-purple-500 {
  box-shadow: 0 0 0 1px #a45dad;
}

.shadow-outline-purple-600 {
  box-shadow: 0 0 0 1px #883b92;
}

.shadow-outline-purple-700 {
  box-shadow: 0 0 0 1px #6d2077;
}

.shadow-outline-purple-800 {
  box-shadow: 0 0 0 1px #53135b;
}

.shadow-outline-purple-900 {
  box-shadow: 0 0 0 1px #390a40;
}

.shadow-outline-raspberry-100 {
  box-shadow: 0 0 0 1px #fff0fb;
}

.shadow-outline-raspberry-200 {
  box-shadow: 0 0 0 1px #f6cbea;
}

.shadow-outline-raspberry-300 {
  box-shadow: 0 0 0 1px #eda7da;
}

.shadow-outline-raspberry-400 {
  box-shadow: 0 0 0 1px #d86fbc;
}

.shadow-outline-raspberry-500 {
  box-shadow: 0 0 0 1px #c43e9f;
}

.shadow-outline-raspberry-600 {
  box-shadow: 0 0 0 1px #af1685;
}

.shadow-outline-raspberry-700 {
  box-shadow: 0 0 0 1px #92086d;
}

.shadow-outline-raspberry-800 {
  box-shadow: 0 0 0 1px #760056;
}

.shadow-outline-raspberry-900 {
  box-shadow: 0 0 0 1px #570041;
}

.shadow-outline-red-100 {
  box-shadow: 0 0 0 1px #fff0f3;
}

.shadow-outline-red-200 {
  box-shadow: 0 0 0 1px #FFD6DD;
}

.shadow-outline-red-300 {
  box-shadow: 0 0 0 1px #fea8b8;
}

.shadow-outline-red-400 {
  box-shadow: 0 0 0 1px #f66c86;
}

.shadow-outline-red-500 {
  box-shadow: 0 0 0 1px #ed3457;
}

.shadow-outline-red-600 {
  box-shadow: 0 0 0 1px #e4002b;
}

.shadow-outline-red-700 {
  box-shadow: 0 0 0 1px #c60025;
}

.shadow-outline-red-800 {
  box-shadow: 0 0 0 1px #a8001f;
}

.shadow-outline-red-900 {
  box-shadow: 0 0 0 1px #8a0019;
}

.shadow-outline-sapphire-100 {
  box-shadow: 0 0 0 1px #f2fcff;
}

.shadow-outline-sapphire-200 {
  box-shadow: 0 0 0 1px #d0eff8;
}

.shadow-outline-sapphire-300 {
  box-shadow: 0 0 0 1px #afe2f1;
}

.shadow-outline-sapphire-400 {
  box-shadow: 0 0 0 1px #79c8de;
}

.shadow-outline-sapphire-500 {
  box-shadow: 0 0 0 1px #4aafcc;
}

.shadow-outline-sapphire-600 {
  box-shadow: 0 0 0 1px #2197b9;
}

.shadow-outline-sapphire-700 {
  box-shadow: 0 0 0 1px #0081a6;
}

.shadow-outline-sapphire-800 {
  box-shadow: 0 0 0 1px #006580;
}

.shadow-outline-sapphire-900 {
  box-shadow: 0 0 0 1px #004759;
}

.shadow-outline-teal-100 {
  box-shadow: 0 0 0 1px #f2fffe;
}

.shadow-outline-teal-200 {
  box-shadow: 0 0 0 1px #c6f7f4;
}

.shadow-outline-teal-300 {
  box-shadow: 0 0 0 1px #9befea;
}

.shadow-outline-teal-400 {
  box-shadow: 0 0 0 1px #5fdad4;
}

.shadow-outline-teal-500 {
  box-shadow: 0 0 0 1px #2bc6be;
}

.shadow-outline-teal-600 {
  box-shadow: 0 0 0 1px #00b2a9;
}

.shadow-outline-teal-700 {
  box-shadow: 0 0 0 1px #00948c;
}

.shadow-outline-teal-800 {
  box-shadow: 0 0 0 1px #00756f;
}

.shadow-outline-teal-900 {
  box-shadow: 0 0 0 1px #005752;
}

.shadow-outline-transparent {
  box-shadow: 0 0 0 1px transparent;
}

.shadow-outline-white {
  box-shadow: 0 0 0 1px #ffffff;
}

.shadow-outline-white-a10 {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.shadow-outline-white-a20 {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.shadow-outline-white-a30 {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

.shadow-outline-white-a40 {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
}

.shadow-outline-white-a50 {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.shadow-outline-white-a60 {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6);
}

.shadow-outline-white-a70 {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.shadow-outline-white-a80 {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
}

.shadow-outline-white-a90 {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9);
}

.shadow-outline-yellow-100 {
  box-shadow: 0 0 0 1px #FFF9E8;
}

.shadow-outline-yellow-200 {
  box-shadow: 0 0 0 1px #FFF1BD;
}

.shadow-outline-yellow-300 {
  box-shadow: 0 0 0 1px #FFEA90;
}

.shadow-outline-yellow-400 {
  box-shadow: 0 0 0 1px #FFD146;
}

.shadow-outline-yellow-500 {
  box-shadow: 0 0 0 1px #FEBA00;
}

.shadow-outline-yellow-600 {
  box-shadow: 0 0 0 1px #D49A00;
}

.shadow-outline-yellow-700 {
  box-shadow: 0 0 0 1px #AA7A00;
}

.shadow-outline-yellow-800 {
  box-shadow: 0 0 0 1px #815B00;
}

.shadow-outline-yellow-900 {
  box-shadow: 0 0 0 1px #573D00;
}

.shadow-inside-outline-black {
  box-shadow: inset 0 0 0 2px #333333;
}

.shadow-inside-outline-blue-100 {
  box-shadow: inset 0 0 0 2px #f2f8ff;
}

.shadow-inside-outline-blue-150 {
  box-shadow: inset 0 0 0 2px #E6EFFB;
}

.shadow-inside-outline-blue-200 {
  box-shadow: inset 0 0 0 2px #d6e3f4;
}

.shadow-inside-outline-blue-300 {
  box-shadow: inset 0 0 0 2px #bbcfea;
}

.shadow-inside-outline-blue-400 {
  box-shadow: inset 0 0 0 2px #8dabd4;
}

.shadow-inside-outline-blue-500 {
  box-shadow: inset 0 0 0 2px #648abf;
}

.shadow-inside-outline-blue-600 {
  box-shadow: inset 0 0 0 2px #426da9;
}

.shadow-inside-outline-blue-700 {
  box-shadow: inset 0 0 0 2px #1d4f91;
}

.shadow-inside-outline-blue-800 {
  box-shadow: inset 0 0 0 2px #123f7a;
}

.shadow-inside-outline-blue-900 {
  box-shadow: inset 0 0 0 2px #0a3163;
}

.shadow-inside-outline-gray-100 {
  box-shadow: inset 0 0 0 2px #f6f6f6;
}

.shadow-inside-outline-gray-200 {
  box-shadow: inset 0 0 0 2px #eaeaea;
}

.shadow-inside-outline-gray-300 {
  box-shadow: inset 0 0 0 2px #d6d6d6;
}

.shadow-inside-outline-gray-400 {
  box-shadow: inset 0 0 0 2px #c1c1c1;
}

.shadow-inside-outline-gray-500 {
  box-shadow: inset 0 0 0 2px #a7a7a7;
}

.shadow-inside-outline-gray-600 {
  box-shadow: inset 0 0 0 2px #8c8c8c;
}

.shadow-inside-outline-gray-700 {
  box-shadow: inset 0 0 0 2px #717171;
}

.shadow-inside-outline-gray-800 {
  box-shadow: inset 0 0 0 2px #585858;
}

.shadow-inside-outline-gray-900 {
  box-shadow: inset 0 0 0 2px #404040;
}

.shadow-inside-outline-green-100 {
  box-shadow: inset 0 0 0 2px #F2FFF5;
}

.shadow-inside-outline-green-200 {
  box-shadow: inset 0 0 0 2px #D0F6DB;
}

.shadow-inside-outline-green-300 {
  box-shadow: inset 0 0 0 2px #9AE8B4;
}

.shadow-inside-outline-green-400 {
  box-shadow: inset 0 0 0 2px #5CD08E;
}

.shadow-inside-outline-green-500 {
  box-shadow: inset 0 0 0 2px #29B769;
}

.shadow-inside-outline-green-600 {
  box-shadow: inset 0 0 0 2px #009f4d;
}

.shadow-inside-outline-green-700 {
  box-shadow: inset 0 0 0 2px #007a3b;
}

.shadow-inside-outline-green-800 {
  box-shadow: inset 0 0 0 2px #00612F;
}

.shadow-inside-outline-green-900 {
  box-shadow: inset 0 0 0 2px #004A24;
}

.shadow-inside-outline-lime-100 {
  box-shadow: inset 0 0 0 2px #fefff2;
}

.shadow-inside-outline-lime-200 {
  box-shadow: inset 0 0 0 2px #f7f9cc;
}

.shadow-inside-outline-lime-300 {
  box-shadow: inset 0 0 0 2px #f0f3a7;
}

.shadow-inside-outline-lime-400 {
  box-shadow: inset 0 0 0 2px #dce26d;
}

.shadow-inside-outline-lime-500 {
  box-shadow: inset 0 0 0 2px #cad03b;
}

.shadow-inside-outline-lime-600 {
  box-shadow: inset 0 0 0 2px #b7bf10;
}

.shadow-inside-outline-lime-700 {
  box-shadow: inset 0 0 0 2px #979e08;
}

.shadow-inside-outline-lime-800 {
  box-shadow: inset 0 0 0 2px #777d03;
}

.shadow-inside-outline-lime-900 {
  box-shadow: inset 0 0 0 2px #575c00;
}

.shadow-inside-outline-magenta-100 {
  box-shadow: inset 0 0 0 2px #fff1fa;
}

.shadow-inside-outline-magenta-200 {
  box-shadow: inset 0 0 0 2px #ffd8f0;
}

.shadow-inside-outline-magenta-300 {
  box-shadow: inset 0 0 0 2px #ffc0e4;
}

.shadow-inside-outline-magenta-400 {
  box-shadow: inset 0 0 0 2px #f790c6;
}

.shadow-inside-outline-magenta-500 {
  box-shadow: inset 0 0 0 2px #ef62a8;
}

.shadow-inside-outline-magenta-600 {
  box-shadow: inset 0 0 0 2px #e63888;
}

.shadow-inside-outline-magenta-700 {
  box-shadow: inset 0 0 0 2px #c41d73;
}

.shadow-inside-outline-magenta-800 {
  box-shadow: inset 0 0 0 2px #a20861;
}

.shadow-inside-outline-magenta-900 {
  box-shadow: inset 0 0 0 2px #800051;
}

.shadow-inside-outline-orange-100 {
  box-shadow: inset 0 0 0 2px #fff9f2;
}

.shadow-inside-outline-orange-200 {
  box-shadow: inset 0 0 0 2px #ffeed7;
}

.shadow-inside-outline-orange-300 {
  box-shadow: inset 0 0 0 2px #ffe3ba;
}

.shadow-inside-outline-orange-400 {
  box-shadow: inset 0 0 0 2px #ffc684;
}

.shadow-inside-outline-orange-500 {
  box-shadow: inset 0 0 0 2px #ffaa4f;
}

.shadow-inside-outline-orange-600 {
  box-shadow: inset 0 0 0 2px #ff8f1c;
}

.shadow-inside-outline-orange-700 {
  box-shadow: inset 0 0 0 2px #cc6e0f;
}

.shadow-inside-outline-orange-800 {
  box-shadow: inset 0 0 0 2px #995006;
}

.shadow-inside-outline-orange-900 {
  box-shadow: inset 0 0 0 2px #663300;
}

.shadow-inside-outline-purple-100 {
  box-shadow: inset 0 0 0 2px #fef2ff;
}

.shadow-inside-outline-purple-200 {
  box-shadow: inset 0 0 0 2px #eed3f1;
}

.shadow-inside-outline-purple-300 {
  box-shadow: inset 0 0 0 2px #dfb6e4;
}

.shadow-inside-outline-purple-400 {
  box-shadow: inset 0 0 0 2px #c186c9;
}

.shadow-inside-outline-purple-500 {
  box-shadow: inset 0 0 0 2px #a45dad;
}

.shadow-inside-outline-purple-600 {
  box-shadow: inset 0 0 0 2px #883b92;
}

.shadow-inside-outline-purple-700 {
  box-shadow: inset 0 0 0 2px #6d2077;
}

.shadow-inside-outline-purple-800 {
  box-shadow: inset 0 0 0 2px #53135b;
}

.shadow-inside-outline-purple-900 {
  box-shadow: inset 0 0 0 2px #390a40;
}

.shadow-inside-outline-raspberry-100 {
  box-shadow: inset 0 0 0 2px #fff0fb;
}

.shadow-inside-outline-raspberry-200 {
  box-shadow: inset 0 0 0 2px #f6cbea;
}

.shadow-inside-outline-raspberry-300 {
  box-shadow: inset 0 0 0 2px #eda7da;
}

.shadow-inside-outline-raspberry-400 {
  box-shadow: inset 0 0 0 2px #d86fbc;
}

.shadow-inside-outline-raspberry-500 {
  box-shadow: inset 0 0 0 2px #c43e9f;
}

.shadow-inside-outline-raspberry-600 {
  box-shadow: inset 0 0 0 2px #af1685;
}

.shadow-inside-outline-raspberry-700 {
  box-shadow: inset 0 0 0 2px #92086d;
}

.shadow-inside-outline-raspberry-800 {
  box-shadow: inset 0 0 0 2px #760056;
}

.shadow-inside-outline-raspberry-900 {
  box-shadow: inset 0 0 0 2px #570041;
}

.shadow-inside-outline-red-100 {
  box-shadow: inset 0 0 0 2px #fff0f3;
}

.shadow-inside-outline-red-200 {
  box-shadow: inset 0 0 0 2px #FFD6DD;
}

.shadow-inside-outline-red-300 {
  box-shadow: inset 0 0 0 2px #fea8b8;
}

.shadow-inside-outline-red-400 {
  box-shadow: inset 0 0 0 2px #f66c86;
}

.shadow-inside-outline-red-500 {
  box-shadow: inset 0 0 0 2px #ed3457;
}

.shadow-inside-outline-red-600 {
  box-shadow: inset 0 0 0 2px #e4002b;
}

.shadow-inside-outline-red-700 {
  box-shadow: inset 0 0 0 2px #c60025;
}

.shadow-inside-outline-red-800 {
  box-shadow: inset 0 0 0 2px #a8001f;
}

.shadow-inside-outline-red-900 {
  box-shadow: inset 0 0 0 2px #8a0019;
}

.shadow-inside-outline-sapphire-100 {
  box-shadow: inset 0 0 0 2px #f2fcff;
}

.shadow-inside-outline-sapphire-200 {
  box-shadow: inset 0 0 0 2px #d0eff8;
}

.shadow-inside-outline-sapphire-300 {
  box-shadow: inset 0 0 0 2px #afe2f1;
}

.shadow-inside-outline-sapphire-400 {
  box-shadow: inset 0 0 0 2px #79c8de;
}

.shadow-inside-outline-sapphire-500 {
  box-shadow: inset 0 0 0 2px #4aafcc;
}

.shadow-inside-outline-sapphire-600 {
  box-shadow: inset 0 0 0 2px #2197b9;
}

.shadow-inside-outline-sapphire-700 {
  box-shadow: inset 0 0 0 2px #0081a6;
}

.shadow-inside-outline-sapphire-800 {
  box-shadow: inset 0 0 0 2px #006580;
}

.shadow-inside-outline-sapphire-900 {
  box-shadow: inset 0 0 0 2px #004759;
}

.shadow-inside-outline-teal-100 {
  box-shadow: inset 0 0 0 2px #f2fffe;
}

.shadow-inside-outline-teal-200 {
  box-shadow: inset 0 0 0 2px #c6f7f4;
}

.shadow-inside-outline-teal-300 {
  box-shadow: inset 0 0 0 2px #9befea;
}

.shadow-inside-outline-teal-400 {
  box-shadow: inset 0 0 0 2px #5fdad4;
}

.shadow-inside-outline-teal-500 {
  box-shadow: inset 0 0 0 2px #2bc6be;
}

.shadow-inside-outline-teal-600 {
  box-shadow: inset 0 0 0 2px #00b2a9;
}

.shadow-inside-outline-teal-700 {
  box-shadow: inset 0 0 0 2px #00948c;
}

.shadow-inside-outline-teal-800 {
  box-shadow: inset 0 0 0 2px #00756f;
}

.shadow-inside-outline-teal-900 {
  box-shadow: inset 0 0 0 2px #005752;
}

.shadow-inside-outline-transparent {
  box-shadow: inset 0 0 0 2px transparent;
}

.shadow-inside-outline-white {
  box-shadow: inset 0 0 0 2px #ffffff;
}

.shadow-inside-outline-white-a10 {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1);
}

.shadow-inside-outline-white-a20 {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
}

.shadow-inside-outline-white-a30 {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
}

.shadow-inside-outline-white-a40 {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4);
}

.shadow-inside-outline-white-a50 {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
}

.shadow-inside-outline-white-a60 {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6);
}

.shadow-inside-outline-white-a70 {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
}

.shadow-inside-outline-white-a80 {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.8);
}

.shadow-inside-outline-white-a90 {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.9);
}

.shadow-inside-outline-yellow-100 {
  box-shadow: inset 0 0 0 2px #FFF9E8;
}

.shadow-inside-outline-yellow-200 {
  box-shadow: inset 0 0 0 2px #FFF1BD;
}

.shadow-inside-outline-yellow-300 {
  box-shadow: inset 0 0 0 2px #FFEA90;
}

.shadow-inside-outline-yellow-400 {
  box-shadow: inset 0 0 0 2px #FFD146;
}

.shadow-inside-outline-yellow-500 {
  box-shadow: inset 0 0 0 2px #FEBA00;
}

.shadow-inside-outline-yellow-600 {
  box-shadow: inset 0 0 0 2px #D49A00;
}

.shadow-inside-outline-yellow-700 {
  box-shadow: inset 0 0 0 2px #AA7A00;
}

.shadow-inside-outline-yellow-800 {
  box-shadow: inset 0 0 0 2px #815B00;
}

.shadow-inside-outline-yellow-900 {
  box-shadow: inset 0 0 0 2px #573D00;
}

.shadow-none {
  box-shadow: none;
}

.hover\:shadow:hover {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.hover\:shadow-sm:hover {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
}

.hover\:shadow-md:hover {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}

.hover\:shadow-lg:hover {
  box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.2);
}

.hover\:shadow-outline-black:hover {
  box-shadow: 0 0 0 1px #333333;
}

.hover\:shadow-outline-blue-100:hover {
  box-shadow: 0 0 0 1px #f2f8ff;
}

.hover\:shadow-outline-blue-150:hover {
  box-shadow: 0 0 0 1px #E6EFFB;
}

.hover\:shadow-outline-blue-200:hover {
  box-shadow: 0 0 0 1px #d6e3f4;
}

.hover\:shadow-outline-blue-300:hover {
  box-shadow: 0 0 0 1px #bbcfea;
}

.hover\:shadow-outline-blue-400:hover {
  box-shadow: 0 0 0 1px #8dabd4;
}

.hover\:shadow-outline-blue-500:hover {
  box-shadow: 0 0 0 1px #648abf;
}

.hover\:shadow-outline-blue-600:hover {
  box-shadow: 0 0 0 1px #426da9;
}

.hover\:shadow-outline-blue-700:hover {
  box-shadow: 0 0 0 1px #1d4f91;
}

.hover\:shadow-outline-blue-800:hover {
  box-shadow: 0 0 0 1px #123f7a;
}

.hover\:shadow-outline-blue-900:hover {
  box-shadow: 0 0 0 1px #0a3163;
}

.hover\:shadow-outline-gray-100:hover {
  box-shadow: 0 0 0 1px #f6f6f6;
}

.hover\:shadow-outline-gray-200:hover {
  box-shadow: 0 0 0 1px #eaeaea;
}

.hover\:shadow-outline-gray-300:hover {
  box-shadow: 0 0 0 1px #d6d6d6;
}

.hover\:shadow-outline-gray-400:hover {
  box-shadow: 0 0 0 1px #c1c1c1;
}

.hover\:shadow-outline-gray-500:hover {
  box-shadow: 0 0 0 1px #a7a7a7;
}

.hover\:shadow-outline-gray-600:hover {
  box-shadow: 0 0 0 1px #8c8c8c;
}

.hover\:shadow-outline-gray-700:hover {
  box-shadow: 0 0 0 1px #717171;
}

.hover\:shadow-outline-gray-800:hover {
  box-shadow: 0 0 0 1px #585858;
}

.hover\:shadow-outline-gray-900:hover {
  box-shadow: 0 0 0 1px #404040;
}

.hover\:shadow-outline-green-100:hover {
  box-shadow: 0 0 0 1px #F2FFF5;
}

.hover\:shadow-outline-green-200:hover {
  box-shadow: 0 0 0 1px #D0F6DB;
}

.hover\:shadow-outline-green-300:hover {
  box-shadow: 0 0 0 1px #9AE8B4;
}

.hover\:shadow-outline-green-400:hover {
  box-shadow: 0 0 0 1px #5CD08E;
}

.hover\:shadow-outline-green-500:hover {
  box-shadow: 0 0 0 1px #29B769;
}

.hover\:shadow-outline-green-600:hover {
  box-shadow: 0 0 0 1px #009f4d;
}

.hover\:shadow-outline-green-700:hover {
  box-shadow: 0 0 0 1px #007a3b;
}

.hover\:shadow-outline-green-800:hover {
  box-shadow: 0 0 0 1px #00612F;
}

.hover\:shadow-outline-green-900:hover {
  box-shadow: 0 0 0 1px #004A24;
}

.hover\:shadow-outline-lime-100:hover {
  box-shadow: 0 0 0 1px #fefff2;
}

.hover\:shadow-outline-lime-200:hover {
  box-shadow: 0 0 0 1px #f7f9cc;
}

.hover\:shadow-outline-lime-300:hover {
  box-shadow: 0 0 0 1px #f0f3a7;
}

.hover\:shadow-outline-lime-400:hover {
  box-shadow: 0 0 0 1px #dce26d;
}

.hover\:shadow-outline-lime-500:hover {
  box-shadow: 0 0 0 1px #cad03b;
}

.hover\:shadow-outline-lime-600:hover {
  box-shadow: 0 0 0 1px #b7bf10;
}

.hover\:shadow-outline-lime-700:hover {
  box-shadow: 0 0 0 1px #979e08;
}

.hover\:shadow-outline-lime-800:hover {
  box-shadow: 0 0 0 1px #777d03;
}

.hover\:shadow-outline-lime-900:hover {
  box-shadow: 0 0 0 1px #575c00;
}

.hover\:shadow-outline-magenta-100:hover {
  box-shadow: 0 0 0 1px #fff1fa;
}

.hover\:shadow-outline-magenta-200:hover {
  box-shadow: 0 0 0 1px #ffd8f0;
}

.hover\:shadow-outline-magenta-300:hover {
  box-shadow: 0 0 0 1px #ffc0e4;
}

.hover\:shadow-outline-magenta-400:hover {
  box-shadow: 0 0 0 1px #f790c6;
}

.hover\:shadow-outline-magenta-500:hover {
  box-shadow: 0 0 0 1px #ef62a8;
}

.hover\:shadow-outline-magenta-600:hover {
  box-shadow: 0 0 0 1px #e63888;
}

.hover\:shadow-outline-magenta-700:hover {
  box-shadow: 0 0 0 1px #c41d73;
}

.hover\:shadow-outline-magenta-800:hover {
  box-shadow: 0 0 0 1px #a20861;
}

.hover\:shadow-outline-magenta-900:hover {
  box-shadow: 0 0 0 1px #800051;
}

.hover\:shadow-outline-orange-100:hover {
  box-shadow: 0 0 0 1px #fff9f2;
}

.hover\:shadow-outline-orange-200:hover {
  box-shadow: 0 0 0 1px #ffeed7;
}

.hover\:shadow-outline-orange-300:hover {
  box-shadow: 0 0 0 1px #ffe3ba;
}

.hover\:shadow-outline-orange-400:hover {
  box-shadow: 0 0 0 1px #ffc684;
}

.hover\:shadow-outline-orange-500:hover {
  box-shadow: 0 0 0 1px #ffaa4f;
}

.hover\:shadow-outline-orange-600:hover {
  box-shadow: 0 0 0 1px #ff8f1c;
}

.hover\:shadow-outline-orange-700:hover {
  box-shadow: 0 0 0 1px #cc6e0f;
}

.hover\:shadow-outline-orange-800:hover {
  box-shadow: 0 0 0 1px #995006;
}

.hover\:shadow-outline-orange-900:hover {
  box-shadow: 0 0 0 1px #663300;
}

.hover\:shadow-outline-purple-100:hover {
  box-shadow: 0 0 0 1px #fef2ff;
}

.hover\:shadow-outline-purple-200:hover {
  box-shadow: 0 0 0 1px #eed3f1;
}

.hover\:shadow-outline-purple-300:hover {
  box-shadow: 0 0 0 1px #dfb6e4;
}

.hover\:shadow-outline-purple-400:hover {
  box-shadow: 0 0 0 1px #c186c9;
}

.hover\:shadow-outline-purple-500:hover {
  box-shadow: 0 0 0 1px #a45dad;
}

.hover\:shadow-outline-purple-600:hover {
  box-shadow: 0 0 0 1px #883b92;
}

.hover\:shadow-outline-purple-700:hover {
  box-shadow: 0 0 0 1px #6d2077;
}

.hover\:shadow-outline-purple-800:hover {
  box-shadow: 0 0 0 1px #53135b;
}

.hover\:shadow-outline-purple-900:hover {
  box-shadow: 0 0 0 1px #390a40;
}

.hover\:shadow-outline-raspberry-100:hover {
  box-shadow: 0 0 0 1px #fff0fb;
}

.hover\:shadow-outline-raspberry-200:hover {
  box-shadow: 0 0 0 1px #f6cbea;
}

.hover\:shadow-outline-raspberry-300:hover {
  box-shadow: 0 0 0 1px #eda7da;
}

.hover\:shadow-outline-raspberry-400:hover {
  box-shadow: 0 0 0 1px #d86fbc;
}

.hover\:shadow-outline-raspberry-500:hover {
  box-shadow: 0 0 0 1px #c43e9f;
}

.hover\:shadow-outline-raspberry-600:hover {
  box-shadow: 0 0 0 1px #af1685;
}

.hover\:shadow-outline-raspberry-700:hover {
  box-shadow: 0 0 0 1px #92086d;
}

.hover\:shadow-outline-raspberry-800:hover {
  box-shadow: 0 0 0 1px #760056;
}

.hover\:shadow-outline-raspberry-900:hover {
  box-shadow: 0 0 0 1px #570041;
}

.hover\:shadow-outline-red-100:hover {
  box-shadow: 0 0 0 1px #fff0f3;
}

.hover\:shadow-outline-red-200:hover {
  box-shadow: 0 0 0 1px #FFD6DD;
}

.hover\:shadow-outline-red-300:hover {
  box-shadow: 0 0 0 1px #fea8b8;
}

.hover\:shadow-outline-red-400:hover {
  box-shadow: 0 0 0 1px #f66c86;
}

.hover\:shadow-outline-red-500:hover {
  box-shadow: 0 0 0 1px #ed3457;
}

.hover\:shadow-outline-red-600:hover {
  box-shadow: 0 0 0 1px #e4002b;
}

.hover\:shadow-outline-red-700:hover {
  box-shadow: 0 0 0 1px #c60025;
}

.hover\:shadow-outline-red-800:hover {
  box-shadow: 0 0 0 1px #a8001f;
}

.hover\:shadow-outline-red-900:hover {
  box-shadow: 0 0 0 1px #8a0019;
}

.hover\:shadow-outline-sapphire-100:hover {
  box-shadow: 0 0 0 1px #f2fcff;
}

.hover\:shadow-outline-sapphire-200:hover {
  box-shadow: 0 0 0 1px #d0eff8;
}

.hover\:shadow-outline-sapphire-300:hover {
  box-shadow: 0 0 0 1px #afe2f1;
}

.hover\:shadow-outline-sapphire-400:hover {
  box-shadow: 0 0 0 1px #79c8de;
}

.hover\:shadow-outline-sapphire-500:hover {
  box-shadow: 0 0 0 1px #4aafcc;
}

.hover\:shadow-outline-sapphire-600:hover {
  box-shadow: 0 0 0 1px #2197b9;
}

.hover\:shadow-outline-sapphire-700:hover {
  box-shadow: 0 0 0 1px #0081a6;
}

.hover\:shadow-outline-sapphire-800:hover {
  box-shadow: 0 0 0 1px #006580;
}

.hover\:shadow-outline-sapphire-900:hover {
  box-shadow: 0 0 0 1px #004759;
}

.hover\:shadow-outline-teal-100:hover {
  box-shadow: 0 0 0 1px #f2fffe;
}

.hover\:shadow-outline-teal-200:hover {
  box-shadow: 0 0 0 1px #c6f7f4;
}

.hover\:shadow-outline-teal-300:hover {
  box-shadow: 0 0 0 1px #9befea;
}

.hover\:shadow-outline-teal-400:hover {
  box-shadow: 0 0 0 1px #5fdad4;
}

.hover\:shadow-outline-teal-500:hover {
  box-shadow: 0 0 0 1px #2bc6be;
}

.hover\:shadow-outline-teal-600:hover {
  box-shadow: 0 0 0 1px #00b2a9;
}

.hover\:shadow-outline-teal-700:hover {
  box-shadow: 0 0 0 1px #00948c;
}

.hover\:shadow-outline-teal-800:hover {
  box-shadow: 0 0 0 1px #00756f;
}

.hover\:shadow-outline-teal-900:hover {
  box-shadow: 0 0 0 1px #005752;
}

.hover\:shadow-outline-transparent:hover {
  box-shadow: 0 0 0 1px transparent;
}

.hover\:shadow-outline-white:hover {
  box-shadow: 0 0 0 1px #ffffff;
}

.hover\:shadow-outline-white-a10:hover {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.hover\:shadow-outline-white-a20:hover {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.hover\:shadow-outline-white-a30:hover {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

.hover\:shadow-outline-white-a40:hover {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
}

.hover\:shadow-outline-white-a50:hover {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.hover\:shadow-outline-white-a60:hover {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6);
}

.hover\:shadow-outline-white-a70:hover {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.hover\:shadow-outline-white-a80:hover {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
}

.hover\:shadow-outline-white-a90:hover {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9);
}

.hover\:shadow-outline-yellow-100:hover {
  box-shadow: 0 0 0 1px #FFF9E8;
}

.hover\:shadow-outline-yellow-200:hover {
  box-shadow: 0 0 0 1px #FFF1BD;
}

.hover\:shadow-outline-yellow-300:hover {
  box-shadow: 0 0 0 1px #FFEA90;
}

.hover\:shadow-outline-yellow-400:hover {
  box-shadow: 0 0 0 1px #FFD146;
}

.hover\:shadow-outline-yellow-500:hover {
  box-shadow: 0 0 0 1px #FEBA00;
}

.hover\:shadow-outline-yellow-600:hover {
  box-shadow: 0 0 0 1px #D49A00;
}

.hover\:shadow-outline-yellow-700:hover {
  box-shadow: 0 0 0 1px #AA7A00;
}

.hover\:shadow-outline-yellow-800:hover {
  box-shadow: 0 0 0 1px #815B00;
}

.hover\:shadow-outline-yellow-900:hover {
  box-shadow: 0 0 0 1px #573D00;
}

.hover\:shadow-inside-outline-black:hover {
  box-shadow: inset 0 0 0 2px #333333;
}

.hover\:shadow-inside-outline-blue-100:hover {
  box-shadow: inset 0 0 0 2px #f2f8ff;
}

.hover\:shadow-inside-outline-blue-150:hover {
  box-shadow: inset 0 0 0 2px #E6EFFB;
}

.hover\:shadow-inside-outline-blue-200:hover {
  box-shadow: inset 0 0 0 2px #d6e3f4;
}

.hover\:shadow-inside-outline-blue-300:hover {
  box-shadow: inset 0 0 0 2px #bbcfea;
}

.hover\:shadow-inside-outline-blue-400:hover {
  box-shadow: inset 0 0 0 2px #8dabd4;
}

.hover\:shadow-inside-outline-blue-500:hover {
  box-shadow: inset 0 0 0 2px #648abf;
}

.hover\:shadow-inside-outline-blue-600:hover {
  box-shadow: inset 0 0 0 2px #426da9;
}

.hover\:shadow-inside-outline-blue-700:hover {
  box-shadow: inset 0 0 0 2px #1d4f91;
}

.hover\:shadow-inside-outline-blue-800:hover {
  box-shadow: inset 0 0 0 2px #123f7a;
}

.hover\:shadow-inside-outline-blue-900:hover {
  box-shadow: inset 0 0 0 2px #0a3163;
}

.hover\:shadow-inside-outline-gray-100:hover {
  box-shadow: inset 0 0 0 2px #f6f6f6;
}

.hover\:shadow-inside-outline-gray-200:hover {
  box-shadow: inset 0 0 0 2px #eaeaea;
}

.hover\:shadow-inside-outline-gray-300:hover {
  box-shadow: inset 0 0 0 2px #d6d6d6;
}

.hover\:shadow-inside-outline-gray-400:hover {
  box-shadow: inset 0 0 0 2px #c1c1c1;
}

.hover\:shadow-inside-outline-gray-500:hover {
  box-shadow: inset 0 0 0 2px #a7a7a7;
}

.hover\:shadow-inside-outline-gray-600:hover {
  box-shadow: inset 0 0 0 2px #8c8c8c;
}

.hover\:shadow-inside-outline-gray-700:hover {
  box-shadow: inset 0 0 0 2px #717171;
}

.hover\:shadow-inside-outline-gray-800:hover {
  box-shadow: inset 0 0 0 2px #585858;
}

.hover\:shadow-inside-outline-gray-900:hover {
  box-shadow: inset 0 0 0 2px #404040;
}

.hover\:shadow-inside-outline-green-100:hover {
  box-shadow: inset 0 0 0 2px #F2FFF5;
}

.hover\:shadow-inside-outline-green-200:hover {
  box-shadow: inset 0 0 0 2px #D0F6DB;
}

.hover\:shadow-inside-outline-green-300:hover {
  box-shadow: inset 0 0 0 2px #9AE8B4;
}

.hover\:shadow-inside-outline-green-400:hover {
  box-shadow: inset 0 0 0 2px #5CD08E;
}

.hover\:shadow-inside-outline-green-500:hover {
  box-shadow: inset 0 0 0 2px #29B769;
}

.hover\:shadow-inside-outline-green-600:hover {
  box-shadow: inset 0 0 0 2px #009f4d;
}

.hover\:shadow-inside-outline-green-700:hover {
  box-shadow: inset 0 0 0 2px #007a3b;
}

.hover\:shadow-inside-outline-green-800:hover {
  box-shadow: inset 0 0 0 2px #00612F;
}

.hover\:shadow-inside-outline-green-900:hover {
  box-shadow: inset 0 0 0 2px #004A24;
}

.hover\:shadow-inside-outline-lime-100:hover {
  box-shadow: inset 0 0 0 2px #fefff2;
}

.hover\:shadow-inside-outline-lime-200:hover {
  box-shadow: inset 0 0 0 2px #f7f9cc;
}

.hover\:shadow-inside-outline-lime-300:hover {
  box-shadow: inset 0 0 0 2px #f0f3a7;
}

.hover\:shadow-inside-outline-lime-400:hover {
  box-shadow: inset 0 0 0 2px #dce26d;
}

.hover\:shadow-inside-outline-lime-500:hover {
  box-shadow: inset 0 0 0 2px #cad03b;
}

.hover\:shadow-inside-outline-lime-600:hover {
  box-shadow: inset 0 0 0 2px #b7bf10;
}

.hover\:shadow-inside-outline-lime-700:hover {
  box-shadow: inset 0 0 0 2px #979e08;
}

.hover\:shadow-inside-outline-lime-800:hover {
  box-shadow: inset 0 0 0 2px #777d03;
}

.hover\:shadow-inside-outline-lime-900:hover {
  box-shadow: inset 0 0 0 2px #575c00;
}

.hover\:shadow-inside-outline-magenta-100:hover {
  box-shadow: inset 0 0 0 2px #fff1fa;
}

.hover\:shadow-inside-outline-magenta-200:hover {
  box-shadow: inset 0 0 0 2px #ffd8f0;
}

.hover\:shadow-inside-outline-magenta-300:hover {
  box-shadow: inset 0 0 0 2px #ffc0e4;
}

.hover\:shadow-inside-outline-magenta-400:hover {
  box-shadow: inset 0 0 0 2px #f790c6;
}

.hover\:shadow-inside-outline-magenta-500:hover {
  box-shadow: inset 0 0 0 2px #ef62a8;
}

.hover\:shadow-inside-outline-magenta-600:hover {
  box-shadow: inset 0 0 0 2px #e63888;
}

.hover\:shadow-inside-outline-magenta-700:hover {
  box-shadow: inset 0 0 0 2px #c41d73;
}

.hover\:shadow-inside-outline-magenta-800:hover {
  box-shadow: inset 0 0 0 2px #a20861;
}

.hover\:shadow-inside-outline-magenta-900:hover {
  box-shadow: inset 0 0 0 2px #800051;
}

.hover\:shadow-inside-outline-orange-100:hover {
  box-shadow: inset 0 0 0 2px #fff9f2;
}

.hover\:shadow-inside-outline-orange-200:hover {
  box-shadow: inset 0 0 0 2px #ffeed7;
}

.hover\:shadow-inside-outline-orange-300:hover {
  box-shadow: inset 0 0 0 2px #ffe3ba;
}

.hover\:shadow-inside-outline-orange-400:hover {
  box-shadow: inset 0 0 0 2px #ffc684;
}

.hover\:shadow-inside-outline-orange-500:hover {
  box-shadow: inset 0 0 0 2px #ffaa4f;
}

.hover\:shadow-inside-outline-orange-600:hover {
  box-shadow: inset 0 0 0 2px #ff8f1c;
}

.hover\:shadow-inside-outline-orange-700:hover {
  box-shadow: inset 0 0 0 2px #cc6e0f;
}

.hover\:shadow-inside-outline-orange-800:hover {
  box-shadow: inset 0 0 0 2px #995006;
}

.hover\:shadow-inside-outline-orange-900:hover {
  box-shadow: inset 0 0 0 2px #663300;
}

.hover\:shadow-inside-outline-purple-100:hover {
  box-shadow: inset 0 0 0 2px #fef2ff;
}

.hover\:shadow-inside-outline-purple-200:hover {
  box-shadow: inset 0 0 0 2px #eed3f1;
}

.hover\:shadow-inside-outline-purple-300:hover {
  box-shadow: inset 0 0 0 2px #dfb6e4;
}

.hover\:shadow-inside-outline-purple-400:hover {
  box-shadow: inset 0 0 0 2px #c186c9;
}

.hover\:shadow-inside-outline-purple-500:hover {
  box-shadow: inset 0 0 0 2px #a45dad;
}

.hover\:shadow-inside-outline-purple-600:hover {
  box-shadow: inset 0 0 0 2px #883b92;
}

.hover\:shadow-inside-outline-purple-700:hover {
  box-shadow: inset 0 0 0 2px #6d2077;
}

.hover\:shadow-inside-outline-purple-800:hover {
  box-shadow: inset 0 0 0 2px #53135b;
}

.hover\:shadow-inside-outline-purple-900:hover {
  box-shadow: inset 0 0 0 2px #390a40;
}

.hover\:shadow-inside-outline-raspberry-100:hover {
  box-shadow: inset 0 0 0 2px #fff0fb;
}

.hover\:shadow-inside-outline-raspberry-200:hover {
  box-shadow: inset 0 0 0 2px #f6cbea;
}

.hover\:shadow-inside-outline-raspberry-300:hover {
  box-shadow: inset 0 0 0 2px #eda7da;
}

.hover\:shadow-inside-outline-raspberry-400:hover {
  box-shadow: inset 0 0 0 2px #d86fbc;
}

.hover\:shadow-inside-outline-raspberry-500:hover {
  box-shadow: inset 0 0 0 2px #c43e9f;
}

.hover\:shadow-inside-outline-raspberry-600:hover {
  box-shadow: inset 0 0 0 2px #af1685;
}

.hover\:shadow-inside-outline-raspberry-700:hover {
  box-shadow: inset 0 0 0 2px #92086d;
}

.hover\:shadow-inside-outline-raspberry-800:hover {
  box-shadow: inset 0 0 0 2px #760056;
}

.hover\:shadow-inside-outline-raspberry-900:hover {
  box-shadow: inset 0 0 0 2px #570041;
}

.hover\:shadow-inside-outline-red-100:hover {
  box-shadow: inset 0 0 0 2px #fff0f3;
}

.hover\:shadow-inside-outline-red-200:hover {
  box-shadow: inset 0 0 0 2px #FFD6DD;
}

.hover\:shadow-inside-outline-red-300:hover {
  box-shadow: inset 0 0 0 2px #fea8b8;
}

.hover\:shadow-inside-outline-red-400:hover {
  box-shadow: inset 0 0 0 2px #f66c86;
}

.hover\:shadow-inside-outline-red-500:hover {
  box-shadow: inset 0 0 0 2px #ed3457;
}

.hover\:shadow-inside-outline-red-600:hover {
  box-shadow: inset 0 0 0 2px #e4002b;
}

.hover\:shadow-inside-outline-red-700:hover {
  box-shadow: inset 0 0 0 2px #c60025;
}

.hover\:shadow-inside-outline-red-800:hover {
  box-shadow: inset 0 0 0 2px #a8001f;
}

.hover\:shadow-inside-outline-red-900:hover {
  box-shadow: inset 0 0 0 2px #8a0019;
}

.hover\:shadow-inside-outline-sapphire-100:hover {
  box-shadow: inset 0 0 0 2px #f2fcff;
}

.hover\:shadow-inside-outline-sapphire-200:hover {
  box-shadow: inset 0 0 0 2px #d0eff8;
}

.hover\:shadow-inside-outline-sapphire-300:hover {
  box-shadow: inset 0 0 0 2px #afe2f1;
}

.hover\:shadow-inside-outline-sapphire-400:hover {
  box-shadow: inset 0 0 0 2px #79c8de;
}

.hover\:shadow-inside-outline-sapphire-500:hover {
  box-shadow: inset 0 0 0 2px #4aafcc;
}

.hover\:shadow-inside-outline-sapphire-600:hover {
  box-shadow: inset 0 0 0 2px #2197b9;
}

.hover\:shadow-inside-outline-sapphire-700:hover {
  box-shadow: inset 0 0 0 2px #0081a6;
}

.hover\:shadow-inside-outline-sapphire-800:hover {
  box-shadow: inset 0 0 0 2px #006580;
}

.hover\:shadow-inside-outline-sapphire-900:hover {
  box-shadow: inset 0 0 0 2px #004759;
}

.hover\:shadow-inside-outline-teal-100:hover {
  box-shadow: inset 0 0 0 2px #f2fffe;
}

.hover\:shadow-inside-outline-teal-200:hover {
  box-shadow: inset 0 0 0 2px #c6f7f4;
}

.hover\:shadow-inside-outline-teal-300:hover {
  box-shadow: inset 0 0 0 2px #9befea;
}

.hover\:shadow-inside-outline-teal-400:hover {
  box-shadow: inset 0 0 0 2px #5fdad4;
}

.hover\:shadow-inside-outline-teal-500:hover {
  box-shadow: inset 0 0 0 2px #2bc6be;
}

.hover\:shadow-inside-outline-teal-600:hover {
  box-shadow: inset 0 0 0 2px #00b2a9;
}

.hover\:shadow-inside-outline-teal-700:hover {
  box-shadow: inset 0 0 0 2px #00948c;
}

.hover\:shadow-inside-outline-teal-800:hover {
  box-shadow: inset 0 0 0 2px #00756f;
}

.hover\:shadow-inside-outline-teal-900:hover {
  box-shadow: inset 0 0 0 2px #005752;
}

.hover\:shadow-inside-outline-transparent:hover {
  box-shadow: inset 0 0 0 2px transparent;
}

.hover\:shadow-inside-outline-white:hover {
  box-shadow: inset 0 0 0 2px #ffffff;
}

.hover\:shadow-inside-outline-white-a10:hover {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1);
}

.hover\:shadow-inside-outline-white-a20:hover {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
}

.hover\:shadow-inside-outline-white-a30:hover {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
}

.hover\:shadow-inside-outline-white-a40:hover {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4);
}

.hover\:shadow-inside-outline-white-a50:hover {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
}

.hover\:shadow-inside-outline-white-a60:hover {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6);
}

.hover\:shadow-inside-outline-white-a70:hover {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
}

.hover\:shadow-inside-outline-white-a80:hover {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.8);
}

.hover\:shadow-inside-outline-white-a90:hover {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.9);
}

.hover\:shadow-inside-outline-yellow-100:hover {
  box-shadow: inset 0 0 0 2px #FFF9E8;
}

.hover\:shadow-inside-outline-yellow-200:hover {
  box-shadow: inset 0 0 0 2px #FFF1BD;
}

.hover\:shadow-inside-outline-yellow-300:hover {
  box-shadow: inset 0 0 0 2px #FFEA90;
}

.hover\:shadow-inside-outline-yellow-400:hover {
  box-shadow: inset 0 0 0 2px #FFD146;
}

.hover\:shadow-inside-outline-yellow-500:hover {
  box-shadow: inset 0 0 0 2px #FEBA00;
}

.hover\:shadow-inside-outline-yellow-600:hover {
  box-shadow: inset 0 0 0 2px #D49A00;
}

.hover\:shadow-inside-outline-yellow-700:hover {
  box-shadow: inset 0 0 0 2px #AA7A00;
}

.hover\:shadow-inside-outline-yellow-800:hover {
  box-shadow: inset 0 0 0 2px #815B00;
}

.hover\:shadow-inside-outline-yellow-900:hover {
  box-shadow: inset 0 0 0 2px #573D00;
}

.hover\:shadow-none:hover {
  box-shadow: none;
}

.focus\:shadow:focus {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.focus\:shadow-sm:focus {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
}

.focus\:shadow-md:focus {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}

.focus\:shadow-lg:focus {
  box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.2);
}

.focus\:shadow-outline-black:focus {
  box-shadow: 0 0 0 1px #333333;
}

.focus\:shadow-outline-blue-100:focus {
  box-shadow: 0 0 0 1px #f2f8ff;
}

.focus\:shadow-outline-blue-150:focus {
  box-shadow: 0 0 0 1px #E6EFFB;
}

.focus\:shadow-outline-blue-200:focus {
  box-shadow: 0 0 0 1px #d6e3f4;
}

.focus\:shadow-outline-blue-300:focus {
  box-shadow: 0 0 0 1px #bbcfea;
}

.focus\:shadow-outline-blue-400:focus {
  box-shadow: 0 0 0 1px #8dabd4;
}

.focus\:shadow-outline-blue-500:focus {
  box-shadow: 0 0 0 1px #648abf;
}

.focus\:shadow-outline-blue-600:focus {
  box-shadow: 0 0 0 1px #426da9;
}

.focus\:shadow-outline-blue-700:focus {
  box-shadow: 0 0 0 1px #1d4f91;
}

.focus\:shadow-outline-blue-800:focus {
  box-shadow: 0 0 0 1px #123f7a;
}

.focus\:shadow-outline-blue-900:focus {
  box-shadow: 0 0 0 1px #0a3163;
}

.focus\:shadow-outline-gray-100:focus {
  box-shadow: 0 0 0 1px #f6f6f6;
}

.focus\:shadow-outline-gray-200:focus {
  box-shadow: 0 0 0 1px #eaeaea;
}

.focus\:shadow-outline-gray-300:focus {
  box-shadow: 0 0 0 1px #d6d6d6;
}

.focus\:shadow-outline-gray-400:focus {
  box-shadow: 0 0 0 1px #c1c1c1;
}

.focus\:shadow-outline-gray-500:focus {
  box-shadow: 0 0 0 1px #a7a7a7;
}

.focus\:shadow-outline-gray-600:focus {
  box-shadow: 0 0 0 1px #8c8c8c;
}

.focus\:shadow-outline-gray-700:focus {
  box-shadow: 0 0 0 1px #717171;
}

.focus\:shadow-outline-gray-800:focus {
  box-shadow: 0 0 0 1px #585858;
}

.focus\:shadow-outline-gray-900:focus {
  box-shadow: 0 0 0 1px #404040;
}

.focus\:shadow-outline-green-100:focus {
  box-shadow: 0 0 0 1px #F2FFF5;
}

.focus\:shadow-outline-green-200:focus {
  box-shadow: 0 0 0 1px #D0F6DB;
}

.focus\:shadow-outline-green-300:focus {
  box-shadow: 0 0 0 1px #9AE8B4;
}

.focus\:shadow-outline-green-400:focus {
  box-shadow: 0 0 0 1px #5CD08E;
}

.focus\:shadow-outline-green-500:focus {
  box-shadow: 0 0 0 1px #29B769;
}

.focus\:shadow-outline-green-600:focus {
  box-shadow: 0 0 0 1px #009f4d;
}

.focus\:shadow-outline-green-700:focus {
  box-shadow: 0 0 0 1px #007a3b;
}

.focus\:shadow-outline-green-800:focus {
  box-shadow: 0 0 0 1px #00612F;
}

.focus\:shadow-outline-green-900:focus {
  box-shadow: 0 0 0 1px #004A24;
}

.focus\:shadow-outline-lime-100:focus {
  box-shadow: 0 0 0 1px #fefff2;
}

.focus\:shadow-outline-lime-200:focus {
  box-shadow: 0 0 0 1px #f7f9cc;
}

.focus\:shadow-outline-lime-300:focus {
  box-shadow: 0 0 0 1px #f0f3a7;
}

.focus\:shadow-outline-lime-400:focus {
  box-shadow: 0 0 0 1px #dce26d;
}

.focus\:shadow-outline-lime-500:focus {
  box-shadow: 0 0 0 1px #cad03b;
}

.focus\:shadow-outline-lime-600:focus {
  box-shadow: 0 0 0 1px #b7bf10;
}

.focus\:shadow-outline-lime-700:focus {
  box-shadow: 0 0 0 1px #979e08;
}

.focus\:shadow-outline-lime-800:focus {
  box-shadow: 0 0 0 1px #777d03;
}

.focus\:shadow-outline-lime-900:focus {
  box-shadow: 0 0 0 1px #575c00;
}

.focus\:shadow-outline-magenta-100:focus {
  box-shadow: 0 0 0 1px #fff1fa;
}

.focus\:shadow-outline-magenta-200:focus {
  box-shadow: 0 0 0 1px #ffd8f0;
}

.focus\:shadow-outline-magenta-300:focus {
  box-shadow: 0 0 0 1px #ffc0e4;
}

.focus\:shadow-outline-magenta-400:focus {
  box-shadow: 0 0 0 1px #f790c6;
}

.focus\:shadow-outline-magenta-500:focus {
  box-shadow: 0 0 0 1px #ef62a8;
}

.focus\:shadow-outline-magenta-600:focus {
  box-shadow: 0 0 0 1px #e63888;
}

.focus\:shadow-outline-magenta-700:focus {
  box-shadow: 0 0 0 1px #c41d73;
}

.focus\:shadow-outline-magenta-800:focus {
  box-shadow: 0 0 0 1px #a20861;
}

.focus\:shadow-outline-magenta-900:focus {
  box-shadow: 0 0 0 1px #800051;
}

.focus\:shadow-outline-orange-100:focus {
  box-shadow: 0 0 0 1px #fff9f2;
}

.focus\:shadow-outline-orange-200:focus {
  box-shadow: 0 0 0 1px #ffeed7;
}

.focus\:shadow-outline-orange-300:focus {
  box-shadow: 0 0 0 1px #ffe3ba;
}

.focus\:shadow-outline-orange-400:focus {
  box-shadow: 0 0 0 1px #ffc684;
}

.focus\:shadow-outline-orange-500:focus {
  box-shadow: 0 0 0 1px #ffaa4f;
}

.focus\:shadow-outline-orange-600:focus {
  box-shadow: 0 0 0 1px #ff8f1c;
}

.focus\:shadow-outline-orange-700:focus {
  box-shadow: 0 0 0 1px #cc6e0f;
}

.focus\:shadow-outline-orange-800:focus {
  box-shadow: 0 0 0 1px #995006;
}

.focus\:shadow-outline-orange-900:focus {
  box-shadow: 0 0 0 1px #663300;
}

.focus\:shadow-outline-purple-100:focus {
  box-shadow: 0 0 0 1px #fef2ff;
}

.focus\:shadow-outline-purple-200:focus {
  box-shadow: 0 0 0 1px #eed3f1;
}

.focus\:shadow-outline-purple-300:focus {
  box-shadow: 0 0 0 1px #dfb6e4;
}

.focus\:shadow-outline-purple-400:focus {
  box-shadow: 0 0 0 1px #c186c9;
}

.focus\:shadow-outline-purple-500:focus {
  box-shadow: 0 0 0 1px #a45dad;
}

.focus\:shadow-outline-purple-600:focus {
  box-shadow: 0 0 0 1px #883b92;
}

.focus\:shadow-outline-purple-700:focus {
  box-shadow: 0 0 0 1px #6d2077;
}

.focus\:shadow-outline-purple-800:focus {
  box-shadow: 0 0 0 1px #53135b;
}

.focus\:shadow-outline-purple-900:focus {
  box-shadow: 0 0 0 1px #390a40;
}

.focus\:shadow-outline-raspberry-100:focus {
  box-shadow: 0 0 0 1px #fff0fb;
}

.focus\:shadow-outline-raspberry-200:focus {
  box-shadow: 0 0 0 1px #f6cbea;
}

.focus\:shadow-outline-raspberry-300:focus {
  box-shadow: 0 0 0 1px #eda7da;
}

.focus\:shadow-outline-raspberry-400:focus {
  box-shadow: 0 0 0 1px #d86fbc;
}

.focus\:shadow-outline-raspberry-500:focus {
  box-shadow: 0 0 0 1px #c43e9f;
}

.focus\:shadow-outline-raspberry-600:focus {
  box-shadow: 0 0 0 1px #af1685;
}

.focus\:shadow-outline-raspberry-700:focus {
  box-shadow: 0 0 0 1px #92086d;
}

.focus\:shadow-outline-raspberry-800:focus {
  box-shadow: 0 0 0 1px #760056;
}

.focus\:shadow-outline-raspberry-900:focus {
  box-shadow: 0 0 0 1px #570041;
}

.focus\:shadow-outline-red-100:focus {
  box-shadow: 0 0 0 1px #fff0f3;
}

.focus\:shadow-outline-red-200:focus {
  box-shadow: 0 0 0 1px #FFD6DD;
}

.focus\:shadow-outline-red-300:focus {
  box-shadow: 0 0 0 1px #fea8b8;
}

.focus\:shadow-outline-red-400:focus {
  box-shadow: 0 0 0 1px #f66c86;
}

.focus\:shadow-outline-red-500:focus {
  box-shadow: 0 0 0 1px #ed3457;
}

.focus\:shadow-outline-red-600:focus {
  box-shadow: 0 0 0 1px #e4002b;
}

.focus\:shadow-outline-red-700:focus {
  box-shadow: 0 0 0 1px #c60025;
}

.focus\:shadow-outline-red-800:focus {
  box-shadow: 0 0 0 1px #a8001f;
}

.focus\:shadow-outline-red-900:focus {
  box-shadow: 0 0 0 1px #8a0019;
}

.focus\:shadow-outline-sapphire-100:focus {
  box-shadow: 0 0 0 1px #f2fcff;
}

.focus\:shadow-outline-sapphire-200:focus {
  box-shadow: 0 0 0 1px #d0eff8;
}

.focus\:shadow-outline-sapphire-300:focus {
  box-shadow: 0 0 0 1px #afe2f1;
}

.focus\:shadow-outline-sapphire-400:focus {
  box-shadow: 0 0 0 1px #79c8de;
}

.focus\:shadow-outline-sapphire-500:focus {
  box-shadow: 0 0 0 1px #4aafcc;
}

.focus\:shadow-outline-sapphire-600:focus {
  box-shadow: 0 0 0 1px #2197b9;
}

.focus\:shadow-outline-sapphire-700:focus {
  box-shadow: 0 0 0 1px #0081a6;
}

.focus\:shadow-outline-sapphire-800:focus {
  box-shadow: 0 0 0 1px #006580;
}

.focus\:shadow-outline-sapphire-900:focus {
  box-shadow: 0 0 0 1px #004759;
}

.focus\:shadow-outline-teal-100:focus {
  box-shadow: 0 0 0 1px #f2fffe;
}

.focus\:shadow-outline-teal-200:focus {
  box-shadow: 0 0 0 1px #c6f7f4;
}

.focus\:shadow-outline-teal-300:focus {
  box-shadow: 0 0 0 1px #9befea;
}

.focus\:shadow-outline-teal-400:focus {
  box-shadow: 0 0 0 1px #5fdad4;
}

.focus\:shadow-outline-teal-500:focus {
  box-shadow: 0 0 0 1px #2bc6be;
}

.focus\:shadow-outline-teal-600:focus {
  box-shadow: 0 0 0 1px #00b2a9;
}

.focus\:shadow-outline-teal-700:focus {
  box-shadow: 0 0 0 1px #00948c;
}

.focus\:shadow-outline-teal-800:focus {
  box-shadow: 0 0 0 1px #00756f;
}

.focus\:shadow-outline-teal-900:focus {
  box-shadow: 0 0 0 1px #005752;
}

.focus\:shadow-outline-transparent:focus {
  box-shadow: 0 0 0 1px transparent;
}

.focus\:shadow-outline-white:focus {
  box-shadow: 0 0 0 1px #ffffff;
}

.focus\:shadow-outline-white-a10:focus {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.focus\:shadow-outline-white-a20:focus {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.focus\:shadow-outline-white-a30:focus {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

.focus\:shadow-outline-white-a40:focus {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
}

.focus\:shadow-outline-white-a50:focus {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.focus\:shadow-outline-white-a60:focus {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6);
}

.focus\:shadow-outline-white-a70:focus {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.focus\:shadow-outline-white-a80:focus {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
}

.focus\:shadow-outline-white-a90:focus {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9);
}

.focus\:shadow-outline-yellow-100:focus {
  box-shadow: 0 0 0 1px #FFF9E8;
}

.focus\:shadow-outline-yellow-200:focus {
  box-shadow: 0 0 0 1px #FFF1BD;
}

.focus\:shadow-outline-yellow-300:focus {
  box-shadow: 0 0 0 1px #FFEA90;
}

.focus\:shadow-outline-yellow-400:focus {
  box-shadow: 0 0 0 1px #FFD146;
}

.focus\:shadow-outline-yellow-500:focus {
  box-shadow: 0 0 0 1px #FEBA00;
}

.focus\:shadow-outline-yellow-600:focus {
  box-shadow: 0 0 0 1px #D49A00;
}

.focus\:shadow-outline-yellow-700:focus {
  box-shadow: 0 0 0 1px #AA7A00;
}

.focus\:shadow-outline-yellow-800:focus {
  box-shadow: 0 0 0 1px #815B00;
}

.focus\:shadow-outline-yellow-900:focus {
  box-shadow: 0 0 0 1px #573D00;
}

.focus\:shadow-inside-outline-black:focus {
  box-shadow: inset 0 0 0 2px #333333;
}

.focus\:shadow-inside-outline-blue-100:focus {
  box-shadow: inset 0 0 0 2px #f2f8ff;
}

.focus\:shadow-inside-outline-blue-150:focus {
  box-shadow: inset 0 0 0 2px #E6EFFB;
}

.focus\:shadow-inside-outline-blue-200:focus {
  box-shadow: inset 0 0 0 2px #d6e3f4;
}

.focus\:shadow-inside-outline-blue-300:focus {
  box-shadow: inset 0 0 0 2px #bbcfea;
}

.focus\:shadow-inside-outline-blue-400:focus {
  box-shadow: inset 0 0 0 2px #8dabd4;
}

.focus\:shadow-inside-outline-blue-500:focus {
  box-shadow: inset 0 0 0 2px #648abf;
}

.focus\:shadow-inside-outline-blue-600:focus {
  box-shadow: inset 0 0 0 2px #426da9;
}

.focus\:shadow-inside-outline-blue-700:focus {
  box-shadow: inset 0 0 0 2px #1d4f91;
}

.focus\:shadow-inside-outline-blue-800:focus {
  box-shadow: inset 0 0 0 2px #123f7a;
}

.focus\:shadow-inside-outline-blue-900:focus {
  box-shadow: inset 0 0 0 2px #0a3163;
}

.focus\:shadow-inside-outline-gray-100:focus {
  box-shadow: inset 0 0 0 2px #f6f6f6;
}

.focus\:shadow-inside-outline-gray-200:focus {
  box-shadow: inset 0 0 0 2px #eaeaea;
}

.focus\:shadow-inside-outline-gray-300:focus {
  box-shadow: inset 0 0 0 2px #d6d6d6;
}

.focus\:shadow-inside-outline-gray-400:focus {
  box-shadow: inset 0 0 0 2px #c1c1c1;
}

.focus\:shadow-inside-outline-gray-500:focus {
  box-shadow: inset 0 0 0 2px #a7a7a7;
}

.focus\:shadow-inside-outline-gray-600:focus {
  box-shadow: inset 0 0 0 2px #8c8c8c;
}

.focus\:shadow-inside-outline-gray-700:focus {
  box-shadow: inset 0 0 0 2px #717171;
}

.focus\:shadow-inside-outline-gray-800:focus {
  box-shadow: inset 0 0 0 2px #585858;
}

.focus\:shadow-inside-outline-gray-900:focus {
  box-shadow: inset 0 0 0 2px #404040;
}

.focus\:shadow-inside-outline-green-100:focus {
  box-shadow: inset 0 0 0 2px #F2FFF5;
}

.focus\:shadow-inside-outline-green-200:focus {
  box-shadow: inset 0 0 0 2px #D0F6DB;
}

.focus\:shadow-inside-outline-green-300:focus {
  box-shadow: inset 0 0 0 2px #9AE8B4;
}

.focus\:shadow-inside-outline-green-400:focus {
  box-shadow: inset 0 0 0 2px #5CD08E;
}

.focus\:shadow-inside-outline-green-500:focus {
  box-shadow: inset 0 0 0 2px #29B769;
}

.focus\:shadow-inside-outline-green-600:focus {
  box-shadow: inset 0 0 0 2px #009f4d;
}

.focus\:shadow-inside-outline-green-700:focus {
  box-shadow: inset 0 0 0 2px #007a3b;
}

.focus\:shadow-inside-outline-green-800:focus {
  box-shadow: inset 0 0 0 2px #00612F;
}

.focus\:shadow-inside-outline-green-900:focus {
  box-shadow: inset 0 0 0 2px #004A24;
}

.focus\:shadow-inside-outline-lime-100:focus {
  box-shadow: inset 0 0 0 2px #fefff2;
}

.focus\:shadow-inside-outline-lime-200:focus {
  box-shadow: inset 0 0 0 2px #f7f9cc;
}

.focus\:shadow-inside-outline-lime-300:focus {
  box-shadow: inset 0 0 0 2px #f0f3a7;
}

.focus\:shadow-inside-outline-lime-400:focus {
  box-shadow: inset 0 0 0 2px #dce26d;
}

.focus\:shadow-inside-outline-lime-500:focus {
  box-shadow: inset 0 0 0 2px #cad03b;
}

.focus\:shadow-inside-outline-lime-600:focus {
  box-shadow: inset 0 0 0 2px #b7bf10;
}

.focus\:shadow-inside-outline-lime-700:focus {
  box-shadow: inset 0 0 0 2px #979e08;
}

.focus\:shadow-inside-outline-lime-800:focus {
  box-shadow: inset 0 0 0 2px #777d03;
}

.focus\:shadow-inside-outline-lime-900:focus {
  box-shadow: inset 0 0 0 2px #575c00;
}

.focus\:shadow-inside-outline-magenta-100:focus {
  box-shadow: inset 0 0 0 2px #fff1fa;
}

.focus\:shadow-inside-outline-magenta-200:focus {
  box-shadow: inset 0 0 0 2px #ffd8f0;
}

.focus\:shadow-inside-outline-magenta-300:focus {
  box-shadow: inset 0 0 0 2px #ffc0e4;
}

.focus\:shadow-inside-outline-magenta-400:focus {
  box-shadow: inset 0 0 0 2px #f790c6;
}

.focus\:shadow-inside-outline-magenta-500:focus {
  box-shadow: inset 0 0 0 2px #ef62a8;
}

.focus\:shadow-inside-outline-magenta-600:focus {
  box-shadow: inset 0 0 0 2px #e63888;
}

.focus\:shadow-inside-outline-magenta-700:focus {
  box-shadow: inset 0 0 0 2px #c41d73;
}

.focus\:shadow-inside-outline-magenta-800:focus {
  box-shadow: inset 0 0 0 2px #a20861;
}

.focus\:shadow-inside-outline-magenta-900:focus {
  box-shadow: inset 0 0 0 2px #800051;
}

.focus\:shadow-inside-outline-orange-100:focus {
  box-shadow: inset 0 0 0 2px #fff9f2;
}

.focus\:shadow-inside-outline-orange-200:focus {
  box-shadow: inset 0 0 0 2px #ffeed7;
}

.focus\:shadow-inside-outline-orange-300:focus {
  box-shadow: inset 0 0 0 2px #ffe3ba;
}

.focus\:shadow-inside-outline-orange-400:focus {
  box-shadow: inset 0 0 0 2px #ffc684;
}

.focus\:shadow-inside-outline-orange-500:focus {
  box-shadow: inset 0 0 0 2px #ffaa4f;
}

.focus\:shadow-inside-outline-orange-600:focus {
  box-shadow: inset 0 0 0 2px #ff8f1c;
}

.focus\:shadow-inside-outline-orange-700:focus {
  box-shadow: inset 0 0 0 2px #cc6e0f;
}

.focus\:shadow-inside-outline-orange-800:focus {
  box-shadow: inset 0 0 0 2px #995006;
}

.focus\:shadow-inside-outline-orange-900:focus {
  box-shadow: inset 0 0 0 2px #663300;
}

.focus\:shadow-inside-outline-purple-100:focus {
  box-shadow: inset 0 0 0 2px #fef2ff;
}

.focus\:shadow-inside-outline-purple-200:focus {
  box-shadow: inset 0 0 0 2px #eed3f1;
}

.focus\:shadow-inside-outline-purple-300:focus {
  box-shadow: inset 0 0 0 2px #dfb6e4;
}

.focus\:shadow-inside-outline-purple-400:focus {
  box-shadow: inset 0 0 0 2px #c186c9;
}

.focus\:shadow-inside-outline-purple-500:focus {
  box-shadow: inset 0 0 0 2px #a45dad;
}

.focus\:shadow-inside-outline-purple-600:focus {
  box-shadow: inset 0 0 0 2px #883b92;
}

.focus\:shadow-inside-outline-purple-700:focus {
  box-shadow: inset 0 0 0 2px #6d2077;
}

.focus\:shadow-inside-outline-purple-800:focus {
  box-shadow: inset 0 0 0 2px #53135b;
}

.focus\:shadow-inside-outline-purple-900:focus {
  box-shadow: inset 0 0 0 2px #390a40;
}

.focus\:shadow-inside-outline-raspberry-100:focus {
  box-shadow: inset 0 0 0 2px #fff0fb;
}

.focus\:shadow-inside-outline-raspberry-200:focus {
  box-shadow: inset 0 0 0 2px #f6cbea;
}

.focus\:shadow-inside-outline-raspberry-300:focus {
  box-shadow: inset 0 0 0 2px #eda7da;
}

.focus\:shadow-inside-outline-raspberry-400:focus {
  box-shadow: inset 0 0 0 2px #d86fbc;
}

.focus\:shadow-inside-outline-raspberry-500:focus {
  box-shadow: inset 0 0 0 2px #c43e9f;
}

.focus\:shadow-inside-outline-raspberry-600:focus {
  box-shadow: inset 0 0 0 2px #af1685;
}

.focus\:shadow-inside-outline-raspberry-700:focus {
  box-shadow: inset 0 0 0 2px #92086d;
}

.focus\:shadow-inside-outline-raspberry-800:focus {
  box-shadow: inset 0 0 0 2px #760056;
}

.focus\:shadow-inside-outline-raspberry-900:focus {
  box-shadow: inset 0 0 0 2px #570041;
}

.focus\:shadow-inside-outline-red-100:focus {
  box-shadow: inset 0 0 0 2px #fff0f3;
}

.focus\:shadow-inside-outline-red-200:focus {
  box-shadow: inset 0 0 0 2px #FFD6DD;
}

.focus\:shadow-inside-outline-red-300:focus {
  box-shadow: inset 0 0 0 2px #fea8b8;
}

.focus\:shadow-inside-outline-red-400:focus {
  box-shadow: inset 0 0 0 2px #f66c86;
}

.focus\:shadow-inside-outline-red-500:focus {
  box-shadow: inset 0 0 0 2px #ed3457;
}

.focus\:shadow-inside-outline-red-600:focus {
  box-shadow: inset 0 0 0 2px #e4002b;
}

.focus\:shadow-inside-outline-red-700:focus {
  box-shadow: inset 0 0 0 2px #c60025;
}

.focus\:shadow-inside-outline-red-800:focus {
  box-shadow: inset 0 0 0 2px #a8001f;
}

.focus\:shadow-inside-outline-red-900:focus {
  box-shadow: inset 0 0 0 2px #8a0019;
}

.focus\:shadow-inside-outline-sapphire-100:focus {
  box-shadow: inset 0 0 0 2px #f2fcff;
}

.focus\:shadow-inside-outline-sapphire-200:focus {
  box-shadow: inset 0 0 0 2px #d0eff8;
}

.focus\:shadow-inside-outline-sapphire-300:focus {
  box-shadow: inset 0 0 0 2px #afe2f1;
}

.focus\:shadow-inside-outline-sapphire-400:focus {
  box-shadow: inset 0 0 0 2px #79c8de;
}

.focus\:shadow-inside-outline-sapphire-500:focus {
  box-shadow: inset 0 0 0 2px #4aafcc;
}

.focus\:shadow-inside-outline-sapphire-600:focus {
  box-shadow: inset 0 0 0 2px #2197b9;
}

.focus\:shadow-inside-outline-sapphire-700:focus {
  box-shadow: inset 0 0 0 2px #0081a6;
}

.focus\:shadow-inside-outline-sapphire-800:focus {
  box-shadow: inset 0 0 0 2px #006580;
}

.focus\:shadow-inside-outline-sapphire-900:focus {
  box-shadow: inset 0 0 0 2px #004759;
}

.focus\:shadow-inside-outline-teal-100:focus {
  box-shadow: inset 0 0 0 2px #f2fffe;
}

.focus\:shadow-inside-outline-teal-200:focus {
  box-shadow: inset 0 0 0 2px #c6f7f4;
}

.focus\:shadow-inside-outline-teal-300:focus {
  box-shadow: inset 0 0 0 2px #9befea;
}

.focus\:shadow-inside-outline-teal-400:focus {
  box-shadow: inset 0 0 0 2px #5fdad4;
}

.focus\:shadow-inside-outline-teal-500:focus {
  box-shadow: inset 0 0 0 2px #2bc6be;
}

.focus\:shadow-inside-outline-teal-600:focus {
  box-shadow: inset 0 0 0 2px #00b2a9;
}

.focus\:shadow-inside-outline-teal-700:focus {
  box-shadow: inset 0 0 0 2px #00948c;
}

.focus\:shadow-inside-outline-teal-800:focus {
  box-shadow: inset 0 0 0 2px #00756f;
}

.focus\:shadow-inside-outline-teal-900:focus {
  box-shadow: inset 0 0 0 2px #005752;
}

.focus\:shadow-inside-outline-transparent:focus {
  box-shadow: inset 0 0 0 2px transparent;
}

.focus\:shadow-inside-outline-white:focus {
  box-shadow: inset 0 0 0 2px #ffffff;
}

.focus\:shadow-inside-outline-white-a10:focus {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1);
}

.focus\:shadow-inside-outline-white-a20:focus {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
}

.focus\:shadow-inside-outline-white-a30:focus {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
}

.focus\:shadow-inside-outline-white-a40:focus {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4);
}

.focus\:shadow-inside-outline-white-a50:focus {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
}

.focus\:shadow-inside-outline-white-a60:focus {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6);
}

.focus\:shadow-inside-outline-white-a70:focus {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
}

.focus\:shadow-inside-outline-white-a80:focus {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.8);
}

.focus\:shadow-inside-outline-white-a90:focus {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.9);
}

.focus\:shadow-inside-outline-yellow-100:focus {
  box-shadow: inset 0 0 0 2px #FFF9E8;
}

.focus\:shadow-inside-outline-yellow-200:focus {
  box-shadow: inset 0 0 0 2px #FFF1BD;
}

.focus\:shadow-inside-outline-yellow-300:focus {
  box-shadow: inset 0 0 0 2px #FFEA90;
}

.focus\:shadow-inside-outline-yellow-400:focus {
  box-shadow: inset 0 0 0 2px #FFD146;
}

.focus\:shadow-inside-outline-yellow-500:focus {
  box-shadow: inset 0 0 0 2px #FEBA00;
}

.focus\:shadow-inside-outline-yellow-600:focus {
  box-shadow: inset 0 0 0 2px #D49A00;
}

.focus\:shadow-inside-outline-yellow-700:focus {
  box-shadow: inset 0 0 0 2px #AA7A00;
}

.focus\:shadow-inside-outline-yellow-800:focus {
  box-shadow: inset 0 0 0 2px #815B00;
}

.focus\:shadow-inside-outline-yellow-900:focus {
  box-shadow: inset 0 0 0 2px #573D00;
}

.focus\:shadow-none:focus {
  box-shadow: none;
}

.focus-within\:shadow[focus-within] {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.focus-within\:shadow:focus-within {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.focus-within\:shadow-sm[focus-within] {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
}

.focus-within\:shadow-sm:focus-within {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
}

.focus-within\:shadow-md[focus-within] {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}

.focus-within\:shadow-md:focus-within {
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}

.focus-within\:shadow-lg[focus-within] {
  box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.2);
}

.focus-within\:shadow-lg:focus-within {
  box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.2);
}

.focus-within\:shadow-outline-black[focus-within] {
  box-shadow: 0 0 0 1px #333333;
}

.focus-within\:shadow-outline-black:focus-within {
  box-shadow: 0 0 0 1px #333333;
}

.focus-within\:shadow-outline-blue-100[focus-within] {
  box-shadow: 0 0 0 1px #f2f8ff;
}

.focus-within\:shadow-outline-blue-100:focus-within {
  box-shadow: 0 0 0 1px #f2f8ff;
}

.focus-within\:shadow-outline-blue-150[focus-within] {
  box-shadow: 0 0 0 1px #E6EFFB;
}

.focus-within\:shadow-outline-blue-150:focus-within {
  box-shadow: 0 0 0 1px #E6EFFB;
}

.focus-within\:shadow-outline-blue-200[focus-within] {
  box-shadow: 0 0 0 1px #d6e3f4;
}

.focus-within\:shadow-outline-blue-200:focus-within {
  box-shadow: 0 0 0 1px #d6e3f4;
}

.focus-within\:shadow-outline-blue-300[focus-within] {
  box-shadow: 0 0 0 1px #bbcfea;
}

.focus-within\:shadow-outline-blue-300:focus-within {
  box-shadow: 0 0 0 1px #bbcfea;
}

.focus-within\:shadow-outline-blue-400[focus-within] {
  box-shadow: 0 0 0 1px #8dabd4;
}

.focus-within\:shadow-outline-blue-400:focus-within {
  box-shadow: 0 0 0 1px #8dabd4;
}

.focus-within\:shadow-outline-blue-500[focus-within] {
  box-shadow: 0 0 0 1px #648abf;
}

.focus-within\:shadow-outline-blue-500:focus-within {
  box-shadow: 0 0 0 1px #648abf;
}

.focus-within\:shadow-outline-blue-600[focus-within] {
  box-shadow: 0 0 0 1px #426da9;
}

.focus-within\:shadow-outline-blue-600:focus-within {
  box-shadow: 0 0 0 1px #426da9;
}

.focus-within\:shadow-outline-blue-700[focus-within] {
  box-shadow: 0 0 0 1px #1d4f91;
}

.focus-within\:shadow-outline-blue-700:focus-within {
  box-shadow: 0 0 0 1px #1d4f91;
}

.focus-within\:shadow-outline-blue-800[focus-within] {
  box-shadow: 0 0 0 1px #123f7a;
}

.focus-within\:shadow-outline-blue-800:focus-within {
  box-shadow: 0 0 0 1px #123f7a;
}

.focus-within\:shadow-outline-blue-900[focus-within] {
  box-shadow: 0 0 0 1px #0a3163;
}

.focus-within\:shadow-outline-blue-900:focus-within {
  box-shadow: 0 0 0 1px #0a3163;
}

.focus-within\:shadow-outline-gray-100[focus-within] {
  box-shadow: 0 0 0 1px #f6f6f6;
}

.focus-within\:shadow-outline-gray-100:focus-within {
  box-shadow: 0 0 0 1px #f6f6f6;
}

.focus-within\:shadow-outline-gray-200[focus-within] {
  box-shadow: 0 0 0 1px #eaeaea;
}

.focus-within\:shadow-outline-gray-200:focus-within {
  box-shadow: 0 0 0 1px #eaeaea;
}

.focus-within\:shadow-outline-gray-300[focus-within] {
  box-shadow: 0 0 0 1px #d6d6d6;
}

.focus-within\:shadow-outline-gray-300:focus-within {
  box-shadow: 0 0 0 1px #d6d6d6;
}

.focus-within\:shadow-outline-gray-400[focus-within] {
  box-shadow: 0 0 0 1px #c1c1c1;
}

.focus-within\:shadow-outline-gray-400:focus-within {
  box-shadow: 0 0 0 1px #c1c1c1;
}

.focus-within\:shadow-outline-gray-500[focus-within] {
  box-shadow: 0 0 0 1px #a7a7a7;
}

.focus-within\:shadow-outline-gray-500:focus-within {
  box-shadow: 0 0 0 1px #a7a7a7;
}

.focus-within\:shadow-outline-gray-600[focus-within] {
  box-shadow: 0 0 0 1px #8c8c8c;
}

.focus-within\:shadow-outline-gray-600:focus-within {
  box-shadow: 0 0 0 1px #8c8c8c;
}

.focus-within\:shadow-outline-gray-700[focus-within] {
  box-shadow: 0 0 0 1px #717171;
}

.focus-within\:shadow-outline-gray-700:focus-within {
  box-shadow: 0 0 0 1px #717171;
}

.focus-within\:shadow-outline-gray-800[focus-within] {
  box-shadow: 0 0 0 1px #585858;
}

.focus-within\:shadow-outline-gray-800:focus-within {
  box-shadow: 0 0 0 1px #585858;
}

.focus-within\:shadow-outline-gray-900[focus-within] {
  box-shadow: 0 0 0 1px #404040;
}

.focus-within\:shadow-outline-gray-900:focus-within {
  box-shadow: 0 0 0 1px #404040;
}

.focus-within\:shadow-outline-green-100[focus-within] {
  box-shadow: 0 0 0 1px #F2FFF5;
}

.focus-within\:shadow-outline-green-100:focus-within {
  box-shadow: 0 0 0 1px #F2FFF5;
}

.focus-within\:shadow-outline-green-200[focus-within] {
  box-shadow: 0 0 0 1px #D0F6DB;
}

.focus-within\:shadow-outline-green-200:focus-within {
  box-shadow: 0 0 0 1px #D0F6DB;
}

.focus-within\:shadow-outline-green-300[focus-within] {
  box-shadow: 0 0 0 1px #9AE8B4;
}

.focus-within\:shadow-outline-green-300:focus-within {
  box-shadow: 0 0 0 1px #9AE8B4;
}

.focus-within\:shadow-outline-green-400[focus-within] {
  box-shadow: 0 0 0 1px #5CD08E;
}

.focus-within\:shadow-outline-green-400:focus-within {
  box-shadow: 0 0 0 1px #5CD08E;
}

.focus-within\:shadow-outline-green-500[focus-within] {
  box-shadow: 0 0 0 1px #29B769;
}

.focus-within\:shadow-outline-green-500:focus-within {
  box-shadow: 0 0 0 1px #29B769;
}

.focus-within\:shadow-outline-green-600[focus-within] {
  box-shadow: 0 0 0 1px #009f4d;
}

.focus-within\:shadow-outline-green-600:focus-within {
  box-shadow: 0 0 0 1px #009f4d;
}

.focus-within\:shadow-outline-green-700[focus-within] {
  box-shadow: 0 0 0 1px #007a3b;
}

.focus-within\:shadow-outline-green-700:focus-within {
  box-shadow: 0 0 0 1px #007a3b;
}

.focus-within\:shadow-outline-green-800[focus-within] {
  box-shadow: 0 0 0 1px #00612F;
}

.focus-within\:shadow-outline-green-800:focus-within {
  box-shadow: 0 0 0 1px #00612F;
}

.focus-within\:shadow-outline-green-900[focus-within] {
  box-shadow: 0 0 0 1px #004A24;
}

.focus-within\:shadow-outline-green-900:focus-within {
  box-shadow: 0 0 0 1px #004A24;
}

.focus-within\:shadow-outline-lime-100[focus-within] {
  box-shadow: 0 0 0 1px #fefff2;
}

.focus-within\:shadow-outline-lime-100:focus-within {
  box-shadow: 0 0 0 1px #fefff2;
}

.focus-within\:shadow-outline-lime-200[focus-within] {
  box-shadow: 0 0 0 1px #f7f9cc;
}

.focus-within\:shadow-outline-lime-200:focus-within {
  box-shadow: 0 0 0 1px #f7f9cc;
}

.focus-within\:shadow-outline-lime-300[focus-within] {
  box-shadow: 0 0 0 1px #f0f3a7;
}

.focus-within\:shadow-outline-lime-300:focus-within {
  box-shadow: 0 0 0 1px #f0f3a7;
}

.focus-within\:shadow-outline-lime-400[focus-within] {
  box-shadow: 0 0 0 1px #dce26d;
}

.focus-within\:shadow-outline-lime-400:focus-within {
  box-shadow: 0 0 0 1px #dce26d;
}

.focus-within\:shadow-outline-lime-500[focus-within] {
  box-shadow: 0 0 0 1px #cad03b;
}

.focus-within\:shadow-outline-lime-500:focus-within {
  box-shadow: 0 0 0 1px #cad03b;
}

.focus-within\:shadow-outline-lime-600[focus-within] {
  box-shadow: 0 0 0 1px #b7bf10;
}

.focus-within\:shadow-outline-lime-600:focus-within {
  box-shadow: 0 0 0 1px #b7bf10;
}

.focus-within\:shadow-outline-lime-700[focus-within] {
  box-shadow: 0 0 0 1px #979e08;
}

.focus-within\:shadow-outline-lime-700:focus-within {
  box-shadow: 0 0 0 1px #979e08;
}

.focus-within\:shadow-outline-lime-800[focus-within] {
  box-shadow: 0 0 0 1px #777d03;
}

.focus-within\:shadow-outline-lime-800:focus-within {
  box-shadow: 0 0 0 1px #777d03;
}

.focus-within\:shadow-outline-lime-900[focus-within] {
  box-shadow: 0 0 0 1px #575c00;
}

.focus-within\:shadow-outline-lime-900:focus-within {
  box-shadow: 0 0 0 1px #575c00;
}

.focus-within\:shadow-outline-magenta-100[focus-within] {
  box-shadow: 0 0 0 1px #fff1fa;
}

.focus-within\:shadow-outline-magenta-100:focus-within {
  box-shadow: 0 0 0 1px #fff1fa;
}

.focus-within\:shadow-outline-magenta-200[focus-within] {
  box-shadow: 0 0 0 1px #ffd8f0;
}

.focus-within\:shadow-outline-magenta-200:focus-within {
  box-shadow: 0 0 0 1px #ffd8f0;
}

.focus-within\:shadow-outline-magenta-300[focus-within] {
  box-shadow: 0 0 0 1px #ffc0e4;
}

.focus-within\:shadow-outline-magenta-300:focus-within {
  box-shadow: 0 0 0 1px #ffc0e4;
}

.focus-within\:shadow-outline-magenta-400[focus-within] {
  box-shadow: 0 0 0 1px #f790c6;
}

.focus-within\:shadow-outline-magenta-400:focus-within {
  box-shadow: 0 0 0 1px #f790c6;
}

.focus-within\:shadow-outline-magenta-500[focus-within] {
  box-shadow: 0 0 0 1px #ef62a8;
}

.focus-within\:shadow-outline-magenta-500:focus-within {
  box-shadow: 0 0 0 1px #ef62a8;
}

.focus-within\:shadow-outline-magenta-600[focus-within] {
  box-shadow: 0 0 0 1px #e63888;
}

.focus-within\:shadow-outline-magenta-600:focus-within {
  box-shadow: 0 0 0 1px #e63888;
}

.focus-within\:shadow-outline-magenta-700[focus-within] {
  box-shadow: 0 0 0 1px #c41d73;
}

.focus-within\:shadow-outline-magenta-700:focus-within {
  box-shadow: 0 0 0 1px #c41d73;
}

.focus-within\:shadow-outline-magenta-800[focus-within] {
  box-shadow: 0 0 0 1px #a20861;
}

.focus-within\:shadow-outline-magenta-800:focus-within {
  box-shadow: 0 0 0 1px #a20861;
}

.focus-within\:shadow-outline-magenta-900[focus-within] {
  box-shadow: 0 0 0 1px #800051;
}

.focus-within\:shadow-outline-magenta-900:focus-within {
  box-shadow: 0 0 0 1px #800051;
}

.focus-within\:shadow-outline-orange-100[focus-within] {
  box-shadow: 0 0 0 1px #fff9f2;
}

.focus-within\:shadow-outline-orange-100:focus-within {
  box-shadow: 0 0 0 1px #fff9f2;
}

.focus-within\:shadow-outline-orange-200[focus-within] {
  box-shadow: 0 0 0 1px #ffeed7;
}

.focus-within\:shadow-outline-orange-200:focus-within {
  box-shadow: 0 0 0 1px #ffeed7;
}

.focus-within\:shadow-outline-orange-300[focus-within] {
  box-shadow: 0 0 0 1px #ffe3ba;
}

.focus-within\:shadow-outline-orange-300:focus-within {
  box-shadow: 0 0 0 1px #ffe3ba;
}

.focus-within\:shadow-outline-orange-400[focus-within] {
  box-shadow: 0 0 0 1px #ffc684;
}

.focus-within\:shadow-outline-orange-400:focus-within {
  box-shadow: 0 0 0 1px #ffc684;
}

.focus-within\:shadow-outline-orange-500[focus-within] {
  box-shadow: 0 0 0 1px #ffaa4f;
}

.focus-within\:shadow-outline-orange-500:focus-within {
  box-shadow: 0 0 0 1px #ffaa4f;
}

.focus-within\:shadow-outline-orange-600[focus-within] {
  box-shadow: 0 0 0 1px #ff8f1c;
}

.focus-within\:shadow-outline-orange-600:focus-within {
  box-shadow: 0 0 0 1px #ff8f1c;
}

.focus-within\:shadow-outline-orange-700[focus-within] {
  box-shadow: 0 0 0 1px #cc6e0f;
}

.focus-within\:shadow-outline-orange-700:focus-within {
  box-shadow: 0 0 0 1px #cc6e0f;
}

.focus-within\:shadow-outline-orange-800[focus-within] {
  box-shadow: 0 0 0 1px #995006;
}

.focus-within\:shadow-outline-orange-800:focus-within {
  box-shadow: 0 0 0 1px #995006;
}

.focus-within\:shadow-outline-orange-900[focus-within] {
  box-shadow: 0 0 0 1px #663300;
}

.focus-within\:shadow-outline-orange-900:focus-within {
  box-shadow: 0 0 0 1px #663300;
}

.focus-within\:shadow-outline-purple-100[focus-within] {
  box-shadow: 0 0 0 1px #fef2ff;
}

.focus-within\:shadow-outline-purple-100:focus-within {
  box-shadow: 0 0 0 1px #fef2ff;
}

.focus-within\:shadow-outline-purple-200[focus-within] {
  box-shadow: 0 0 0 1px #eed3f1;
}

.focus-within\:shadow-outline-purple-200:focus-within {
  box-shadow: 0 0 0 1px #eed3f1;
}

.focus-within\:shadow-outline-purple-300[focus-within] {
  box-shadow: 0 0 0 1px #dfb6e4;
}

.focus-within\:shadow-outline-purple-300:focus-within {
  box-shadow: 0 0 0 1px #dfb6e4;
}

.focus-within\:shadow-outline-purple-400[focus-within] {
  box-shadow: 0 0 0 1px #c186c9;
}

.focus-within\:shadow-outline-purple-400:focus-within {
  box-shadow: 0 0 0 1px #c186c9;
}

.focus-within\:shadow-outline-purple-500[focus-within] {
  box-shadow: 0 0 0 1px #a45dad;
}

.focus-within\:shadow-outline-purple-500:focus-within {
  box-shadow: 0 0 0 1px #a45dad;
}

.focus-within\:shadow-outline-purple-600[focus-within] {
  box-shadow: 0 0 0 1px #883b92;
}

.focus-within\:shadow-outline-purple-600:focus-within {
  box-shadow: 0 0 0 1px #883b92;
}

.focus-within\:shadow-outline-purple-700[focus-within] {
  box-shadow: 0 0 0 1px #6d2077;
}

.focus-within\:shadow-outline-purple-700:focus-within {
  box-shadow: 0 0 0 1px #6d2077;
}

.focus-within\:shadow-outline-purple-800[focus-within] {
  box-shadow: 0 0 0 1px #53135b;
}

.focus-within\:shadow-outline-purple-800:focus-within {
  box-shadow: 0 0 0 1px #53135b;
}

.focus-within\:shadow-outline-purple-900[focus-within] {
  box-shadow: 0 0 0 1px #390a40;
}

.focus-within\:shadow-outline-purple-900:focus-within {
  box-shadow: 0 0 0 1px #390a40;
}

.focus-within\:shadow-outline-raspberry-100[focus-within] {
  box-shadow: 0 0 0 1px #fff0fb;
}

.focus-within\:shadow-outline-raspberry-100:focus-within {
  box-shadow: 0 0 0 1px #fff0fb;
}

.focus-within\:shadow-outline-raspberry-200[focus-within] {
  box-shadow: 0 0 0 1px #f6cbea;
}

.focus-within\:shadow-outline-raspberry-200:focus-within {
  box-shadow: 0 0 0 1px #f6cbea;
}

.focus-within\:shadow-outline-raspberry-300[focus-within] {
  box-shadow: 0 0 0 1px #eda7da;
}

.focus-within\:shadow-outline-raspberry-300:focus-within {
  box-shadow: 0 0 0 1px #eda7da;
}

.focus-within\:shadow-outline-raspberry-400[focus-within] {
  box-shadow: 0 0 0 1px #d86fbc;
}

.focus-within\:shadow-outline-raspberry-400:focus-within {
  box-shadow: 0 0 0 1px #d86fbc;
}

.focus-within\:shadow-outline-raspberry-500[focus-within] {
  box-shadow: 0 0 0 1px #c43e9f;
}

.focus-within\:shadow-outline-raspberry-500:focus-within {
  box-shadow: 0 0 0 1px #c43e9f;
}

.focus-within\:shadow-outline-raspberry-600[focus-within] {
  box-shadow: 0 0 0 1px #af1685;
}

.focus-within\:shadow-outline-raspberry-600:focus-within {
  box-shadow: 0 0 0 1px #af1685;
}

.focus-within\:shadow-outline-raspberry-700[focus-within] {
  box-shadow: 0 0 0 1px #92086d;
}

.focus-within\:shadow-outline-raspberry-700:focus-within {
  box-shadow: 0 0 0 1px #92086d;
}

.focus-within\:shadow-outline-raspberry-800[focus-within] {
  box-shadow: 0 0 0 1px #760056;
}

.focus-within\:shadow-outline-raspberry-800:focus-within {
  box-shadow: 0 0 0 1px #760056;
}

.focus-within\:shadow-outline-raspberry-900[focus-within] {
  box-shadow: 0 0 0 1px #570041;
}

.focus-within\:shadow-outline-raspberry-900:focus-within {
  box-shadow: 0 0 0 1px #570041;
}

.focus-within\:shadow-outline-red-100[focus-within] {
  box-shadow: 0 0 0 1px #fff0f3;
}

.focus-within\:shadow-outline-red-100:focus-within {
  box-shadow: 0 0 0 1px #fff0f3;
}

.focus-within\:shadow-outline-red-200[focus-within] {
  box-shadow: 0 0 0 1px #FFD6DD;
}

.focus-within\:shadow-outline-red-200:focus-within {
  box-shadow: 0 0 0 1px #FFD6DD;
}

.focus-within\:shadow-outline-red-300[focus-within] {
  box-shadow: 0 0 0 1px #fea8b8;
}

.focus-within\:shadow-outline-red-300:focus-within {
  box-shadow: 0 0 0 1px #fea8b8;
}

.focus-within\:shadow-outline-red-400[focus-within] {
  box-shadow: 0 0 0 1px #f66c86;
}

.focus-within\:shadow-outline-red-400:focus-within {
  box-shadow: 0 0 0 1px #f66c86;
}

.focus-within\:shadow-outline-red-500[focus-within] {
  box-shadow: 0 0 0 1px #ed3457;
}

.focus-within\:shadow-outline-red-500:focus-within {
  box-shadow: 0 0 0 1px #ed3457;
}

.focus-within\:shadow-outline-red-600[focus-within] {
  box-shadow: 0 0 0 1px #e4002b;
}

.focus-within\:shadow-outline-red-600:focus-within {
  box-shadow: 0 0 0 1px #e4002b;
}

.focus-within\:shadow-outline-red-700[focus-within] {
  box-shadow: 0 0 0 1px #c60025;
}

.focus-within\:shadow-outline-red-700:focus-within {
  box-shadow: 0 0 0 1px #c60025;
}

.focus-within\:shadow-outline-red-800[focus-within] {
  box-shadow: 0 0 0 1px #a8001f;
}

.focus-within\:shadow-outline-red-800:focus-within {
  box-shadow: 0 0 0 1px #a8001f;
}

.focus-within\:shadow-outline-red-900[focus-within] {
  box-shadow: 0 0 0 1px #8a0019;
}

.focus-within\:shadow-outline-red-900:focus-within {
  box-shadow: 0 0 0 1px #8a0019;
}

.focus-within\:shadow-outline-sapphire-100[focus-within] {
  box-shadow: 0 0 0 1px #f2fcff;
}

.focus-within\:shadow-outline-sapphire-100:focus-within {
  box-shadow: 0 0 0 1px #f2fcff;
}

.focus-within\:shadow-outline-sapphire-200[focus-within] {
  box-shadow: 0 0 0 1px #d0eff8;
}

.focus-within\:shadow-outline-sapphire-200:focus-within {
  box-shadow: 0 0 0 1px #d0eff8;
}

.focus-within\:shadow-outline-sapphire-300[focus-within] {
  box-shadow: 0 0 0 1px #afe2f1;
}

.focus-within\:shadow-outline-sapphire-300:focus-within {
  box-shadow: 0 0 0 1px #afe2f1;
}

.focus-within\:shadow-outline-sapphire-400[focus-within] {
  box-shadow: 0 0 0 1px #79c8de;
}

.focus-within\:shadow-outline-sapphire-400:focus-within {
  box-shadow: 0 0 0 1px #79c8de;
}

.focus-within\:shadow-outline-sapphire-500[focus-within] {
  box-shadow: 0 0 0 1px #4aafcc;
}

.focus-within\:shadow-outline-sapphire-500:focus-within {
  box-shadow: 0 0 0 1px #4aafcc;
}

.focus-within\:shadow-outline-sapphire-600[focus-within] {
  box-shadow: 0 0 0 1px #2197b9;
}

.focus-within\:shadow-outline-sapphire-600:focus-within {
  box-shadow: 0 0 0 1px #2197b9;
}

.focus-within\:shadow-outline-sapphire-700[focus-within] {
  box-shadow: 0 0 0 1px #0081a6;
}

.focus-within\:shadow-outline-sapphire-700:focus-within {
  box-shadow: 0 0 0 1px #0081a6;
}

.focus-within\:shadow-outline-sapphire-800[focus-within] {
  box-shadow: 0 0 0 1px #006580;
}

.focus-within\:shadow-outline-sapphire-800:focus-within {
  box-shadow: 0 0 0 1px #006580;
}

.focus-within\:shadow-outline-sapphire-900[focus-within] {
  box-shadow: 0 0 0 1px #004759;
}

.focus-within\:shadow-outline-sapphire-900:focus-within {
  box-shadow: 0 0 0 1px #004759;
}

.focus-within\:shadow-outline-teal-100[focus-within] {
  box-shadow: 0 0 0 1px #f2fffe;
}

.focus-within\:shadow-outline-teal-100:focus-within {
  box-shadow: 0 0 0 1px #f2fffe;
}

.focus-within\:shadow-outline-teal-200[focus-within] {
  box-shadow: 0 0 0 1px #c6f7f4;
}

.focus-within\:shadow-outline-teal-200:focus-within {
  box-shadow: 0 0 0 1px #c6f7f4;
}

.focus-within\:shadow-outline-teal-300[focus-within] {
  box-shadow: 0 0 0 1px #9befea;
}

.focus-within\:shadow-outline-teal-300:focus-within {
  box-shadow: 0 0 0 1px #9befea;
}

.focus-within\:shadow-outline-teal-400[focus-within] {
  box-shadow: 0 0 0 1px #5fdad4;
}

.focus-within\:shadow-outline-teal-400:focus-within {
  box-shadow: 0 0 0 1px #5fdad4;
}

.focus-within\:shadow-outline-teal-500[focus-within] {
  box-shadow: 0 0 0 1px #2bc6be;
}

.focus-within\:shadow-outline-teal-500:focus-within {
  box-shadow: 0 0 0 1px #2bc6be;
}

.focus-within\:shadow-outline-teal-600[focus-within] {
  box-shadow: 0 0 0 1px #00b2a9;
}

.focus-within\:shadow-outline-teal-600:focus-within {
  box-shadow: 0 0 0 1px #00b2a9;
}

.focus-within\:shadow-outline-teal-700[focus-within] {
  box-shadow: 0 0 0 1px #00948c;
}

.focus-within\:shadow-outline-teal-700:focus-within {
  box-shadow: 0 0 0 1px #00948c;
}

.focus-within\:shadow-outline-teal-800[focus-within] {
  box-shadow: 0 0 0 1px #00756f;
}

.focus-within\:shadow-outline-teal-800:focus-within {
  box-shadow: 0 0 0 1px #00756f;
}

.focus-within\:shadow-outline-teal-900[focus-within] {
  box-shadow: 0 0 0 1px #005752;
}

.focus-within\:shadow-outline-teal-900:focus-within {
  box-shadow: 0 0 0 1px #005752;
}

.focus-within\:shadow-outline-transparent[focus-within] {
  box-shadow: 0 0 0 1px transparent;
}

.focus-within\:shadow-outline-transparent:focus-within {
  box-shadow: 0 0 0 1px transparent;
}

.focus-within\:shadow-outline-white[focus-within] {
  box-shadow: 0 0 0 1px #ffffff;
}

.focus-within\:shadow-outline-white:focus-within {
  box-shadow: 0 0 0 1px #ffffff;
}

.focus-within\:shadow-outline-white-a10[focus-within] {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.focus-within\:shadow-outline-white-a10:focus-within {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.focus-within\:shadow-outline-white-a20[focus-within] {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.focus-within\:shadow-outline-white-a20:focus-within {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.focus-within\:shadow-outline-white-a30[focus-within] {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

.focus-within\:shadow-outline-white-a30:focus-within {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

.focus-within\:shadow-outline-white-a40[focus-within] {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
}

.focus-within\:shadow-outline-white-a40:focus-within {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
}

.focus-within\:shadow-outline-white-a50[focus-within] {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.focus-within\:shadow-outline-white-a50:focus-within {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.focus-within\:shadow-outline-white-a60[focus-within] {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6);
}

.focus-within\:shadow-outline-white-a60:focus-within {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.6);
}

.focus-within\:shadow-outline-white-a70[focus-within] {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.focus-within\:shadow-outline-white-a70:focus-within {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.focus-within\:shadow-outline-white-a80[focus-within] {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
}

.focus-within\:shadow-outline-white-a80:focus-within {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8);
}

.focus-within\:shadow-outline-white-a90[focus-within] {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9);
}

.focus-within\:shadow-outline-white-a90:focus-within {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9);
}

.focus-within\:shadow-outline-yellow-100[focus-within] {
  box-shadow: 0 0 0 1px #FFF9E8;
}

.focus-within\:shadow-outline-yellow-100:focus-within {
  box-shadow: 0 0 0 1px #FFF9E8;
}

.focus-within\:shadow-outline-yellow-200[focus-within] {
  box-shadow: 0 0 0 1px #FFF1BD;
}

.focus-within\:shadow-outline-yellow-200:focus-within {
  box-shadow: 0 0 0 1px #FFF1BD;
}

.focus-within\:shadow-outline-yellow-300[focus-within] {
  box-shadow: 0 0 0 1px #FFEA90;
}

.focus-within\:shadow-outline-yellow-300:focus-within {
  box-shadow: 0 0 0 1px #FFEA90;
}

.focus-within\:shadow-outline-yellow-400[focus-within] {
  box-shadow: 0 0 0 1px #FFD146;
}

.focus-within\:shadow-outline-yellow-400:focus-within {
  box-shadow: 0 0 0 1px #FFD146;
}

.focus-within\:shadow-outline-yellow-500[focus-within] {
  box-shadow: 0 0 0 1px #FEBA00;
}

.focus-within\:shadow-outline-yellow-500:focus-within {
  box-shadow: 0 0 0 1px #FEBA00;
}

.focus-within\:shadow-outline-yellow-600[focus-within] {
  box-shadow: 0 0 0 1px #D49A00;
}

.focus-within\:shadow-outline-yellow-600:focus-within {
  box-shadow: 0 0 0 1px #D49A00;
}

.focus-within\:shadow-outline-yellow-700[focus-within] {
  box-shadow: 0 0 0 1px #AA7A00;
}

.focus-within\:shadow-outline-yellow-700:focus-within {
  box-shadow: 0 0 0 1px #AA7A00;
}

.focus-within\:shadow-outline-yellow-800[focus-within] {
  box-shadow: 0 0 0 1px #815B00;
}

.focus-within\:shadow-outline-yellow-800:focus-within {
  box-shadow: 0 0 0 1px #815B00;
}

.focus-within\:shadow-outline-yellow-900[focus-within] {
  box-shadow: 0 0 0 1px #573D00;
}

.focus-within\:shadow-outline-yellow-900:focus-within {
  box-shadow: 0 0 0 1px #573D00;
}

.focus-within\:shadow-inside-outline-black[focus-within] {
  box-shadow: inset 0 0 0 2px #333333;
}

.focus-within\:shadow-inside-outline-black:focus-within {
  box-shadow: inset 0 0 0 2px #333333;
}

.focus-within\:shadow-inside-outline-blue-100[focus-within] {
  box-shadow: inset 0 0 0 2px #f2f8ff;
}

.focus-within\:shadow-inside-outline-blue-100:focus-within {
  box-shadow: inset 0 0 0 2px #f2f8ff;
}

.focus-within\:shadow-inside-outline-blue-150[focus-within] {
  box-shadow: inset 0 0 0 2px #E6EFFB;
}

.focus-within\:shadow-inside-outline-blue-150:focus-within {
  box-shadow: inset 0 0 0 2px #E6EFFB;
}

.focus-within\:shadow-inside-outline-blue-200[focus-within] {
  box-shadow: inset 0 0 0 2px #d6e3f4;
}

.focus-within\:shadow-inside-outline-blue-200:focus-within {
  box-shadow: inset 0 0 0 2px #d6e3f4;
}

.focus-within\:shadow-inside-outline-blue-300[focus-within] {
  box-shadow: inset 0 0 0 2px #bbcfea;
}

.focus-within\:shadow-inside-outline-blue-300:focus-within {
  box-shadow: inset 0 0 0 2px #bbcfea;
}

.focus-within\:shadow-inside-outline-blue-400[focus-within] {
  box-shadow: inset 0 0 0 2px #8dabd4;
}

.focus-within\:shadow-inside-outline-blue-400:focus-within {
  box-shadow: inset 0 0 0 2px #8dabd4;
}

.focus-within\:shadow-inside-outline-blue-500[focus-within] {
  box-shadow: inset 0 0 0 2px #648abf;
}

.focus-within\:shadow-inside-outline-blue-500:focus-within {
  box-shadow: inset 0 0 0 2px #648abf;
}

.focus-within\:shadow-inside-outline-blue-600[focus-within] {
  box-shadow: inset 0 0 0 2px #426da9;
}

.focus-within\:shadow-inside-outline-blue-600:focus-within {
  box-shadow: inset 0 0 0 2px #426da9;
}

.focus-within\:shadow-inside-outline-blue-700[focus-within] {
  box-shadow: inset 0 0 0 2px #1d4f91;
}

.focus-within\:shadow-inside-outline-blue-700:focus-within {
  box-shadow: inset 0 0 0 2px #1d4f91;
}

.focus-within\:shadow-inside-outline-blue-800[focus-within] {
  box-shadow: inset 0 0 0 2px #123f7a;
}

.focus-within\:shadow-inside-outline-blue-800:focus-within {
  box-shadow: inset 0 0 0 2px #123f7a;
}

.focus-within\:shadow-inside-outline-blue-900[focus-within] {
  box-shadow: inset 0 0 0 2px #0a3163;
}

.focus-within\:shadow-inside-outline-blue-900:focus-within {
  box-shadow: inset 0 0 0 2px #0a3163;
}

.focus-within\:shadow-inside-outline-gray-100[focus-within] {
  box-shadow: inset 0 0 0 2px #f6f6f6;
}

.focus-within\:shadow-inside-outline-gray-100:focus-within {
  box-shadow: inset 0 0 0 2px #f6f6f6;
}

.focus-within\:shadow-inside-outline-gray-200[focus-within] {
  box-shadow: inset 0 0 0 2px #eaeaea;
}

.focus-within\:shadow-inside-outline-gray-200:focus-within {
  box-shadow: inset 0 0 0 2px #eaeaea;
}

.focus-within\:shadow-inside-outline-gray-300[focus-within] {
  box-shadow: inset 0 0 0 2px #d6d6d6;
}

.focus-within\:shadow-inside-outline-gray-300:focus-within {
  box-shadow: inset 0 0 0 2px #d6d6d6;
}

.focus-within\:shadow-inside-outline-gray-400[focus-within] {
  box-shadow: inset 0 0 0 2px #c1c1c1;
}

.focus-within\:shadow-inside-outline-gray-400:focus-within {
  box-shadow: inset 0 0 0 2px #c1c1c1;
}

.focus-within\:shadow-inside-outline-gray-500[focus-within] {
  box-shadow: inset 0 0 0 2px #a7a7a7;
}

.focus-within\:shadow-inside-outline-gray-500:focus-within {
  box-shadow: inset 0 0 0 2px #a7a7a7;
}

.focus-within\:shadow-inside-outline-gray-600[focus-within] {
  box-shadow: inset 0 0 0 2px #8c8c8c;
}

.focus-within\:shadow-inside-outline-gray-600:focus-within {
  box-shadow: inset 0 0 0 2px #8c8c8c;
}

.focus-within\:shadow-inside-outline-gray-700[focus-within] {
  box-shadow: inset 0 0 0 2px #717171;
}

.focus-within\:shadow-inside-outline-gray-700:focus-within {
  box-shadow: inset 0 0 0 2px #717171;
}

.focus-within\:shadow-inside-outline-gray-800[focus-within] {
  box-shadow: inset 0 0 0 2px #585858;
}

.focus-within\:shadow-inside-outline-gray-800:focus-within {
  box-shadow: inset 0 0 0 2px #585858;
}

.focus-within\:shadow-inside-outline-gray-900[focus-within] {
  box-shadow: inset 0 0 0 2px #404040;
}

.focus-within\:shadow-inside-outline-gray-900:focus-within {
  box-shadow: inset 0 0 0 2px #404040;
}

.focus-within\:shadow-inside-outline-green-100[focus-within] {
  box-shadow: inset 0 0 0 2px #F2FFF5;
}

.focus-within\:shadow-inside-outline-green-100:focus-within {
  box-shadow: inset 0 0 0 2px #F2FFF5;
}

.focus-within\:shadow-inside-outline-green-200[focus-within] {
  box-shadow: inset 0 0 0 2px #D0F6DB;
}

.focus-within\:shadow-inside-outline-green-200:focus-within {
  box-shadow: inset 0 0 0 2px #D0F6DB;
}

.focus-within\:shadow-inside-outline-green-300[focus-within] {
  box-shadow: inset 0 0 0 2px #9AE8B4;
}

.focus-within\:shadow-inside-outline-green-300:focus-within {
  box-shadow: inset 0 0 0 2px #9AE8B4;
}

.focus-within\:shadow-inside-outline-green-400[focus-within] {
  box-shadow: inset 0 0 0 2px #5CD08E;
}

.focus-within\:shadow-inside-outline-green-400:focus-within {
  box-shadow: inset 0 0 0 2px #5CD08E;
}

.focus-within\:shadow-inside-outline-green-500[focus-within] {
  box-shadow: inset 0 0 0 2px #29B769;
}

.focus-within\:shadow-inside-outline-green-500:focus-within {
  box-shadow: inset 0 0 0 2px #29B769;
}

.focus-within\:shadow-inside-outline-green-600[focus-within] {
  box-shadow: inset 0 0 0 2px #009f4d;
}

.focus-within\:shadow-inside-outline-green-600:focus-within {
  box-shadow: inset 0 0 0 2px #009f4d;
}

.focus-within\:shadow-inside-outline-green-700[focus-within] {
  box-shadow: inset 0 0 0 2px #007a3b;
}

.focus-within\:shadow-inside-outline-green-700:focus-within {
  box-shadow: inset 0 0 0 2px #007a3b;
}

.focus-within\:shadow-inside-outline-green-800[focus-within] {
  box-shadow: inset 0 0 0 2px #00612F;
}

.focus-within\:shadow-inside-outline-green-800:focus-within {
  box-shadow: inset 0 0 0 2px #00612F;
}

.focus-within\:shadow-inside-outline-green-900[focus-within] {
  box-shadow: inset 0 0 0 2px #004A24;
}

.focus-within\:shadow-inside-outline-green-900:focus-within {
  box-shadow: inset 0 0 0 2px #004A24;
}

.focus-within\:shadow-inside-outline-lime-100[focus-within] {
  box-shadow: inset 0 0 0 2px #fefff2;
}

.focus-within\:shadow-inside-outline-lime-100:focus-within {
  box-shadow: inset 0 0 0 2px #fefff2;
}

.focus-within\:shadow-inside-outline-lime-200[focus-within] {
  box-shadow: inset 0 0 0 2px #f7f9cc;
}

.focus-within\:shadow-inside-outline-lime-200:focus-within {
  box-shadow: inset 0 0 0 2px #f7f9cc;
}

.focus-within\:shadow-inside-outline-lime-300[focus-within] {
  box-shadow: inset 0 0 0 2px #f0f3a7;
}

.focus-within\:shadow-inside-outline-lime-300:focus-within {
  box-shadow: inset 0 0 0 2px #f0f3a7;
}

.focus-within\:shadow-inside-outline-lime-400[focus-within] {
  box-shadow: inset 0 0 0 2px #dce26d;
}

.focus-within\:shadow-inside-outline-lime-400:focus-within {
  box-shadow: inset 0 0 0 2px #dce26d;
}

.focus-within\:shadow-inside-outline-lime-500[focus-within] {
  box-shadow: inset 0 0 0 2px #cad03b;
}

.focus-within\:shadow-inside-outline-lime-500:focus-within {
  box-shadow: inset 0 0 0 2px #cad03b;
}

.focus-within\:shadow-inside-outline-lime-600[focus-within] {
  box-shadow: inset 0 0 0 2px #b7bf10;
}

.focus-within\:shadow-inside-outline-lime-600:focus-within {
  box-shadow: inset 0 0 0 2px #b7bf10;
}

.focus-within\:shadow-inside-outline-lime-700[focus-within] {
  box-shadow: inset 0 0 0 2px #979e08;
}

.focus-within\:shadow-inside-outline-lime-700:focus-within {
  box-shadow: inset 0 0 0 2px #979e08;
}

.focus-within\:shadow-inside-outline-lime-800[focus-within] {
  box-shadow: inset 0 0 0 2px #777d03;
}

.focus-within\:shadow-inside-outline-lime-800:focus-within {
  box-shadow: inset 0 0 0 2px #777d03;
}

.focus-within\:shadow-inside-outline-lime-900[focus-within] {
  box-shadow: inset 0 0 0 2px #575c00;
}

.focus-within\:shadow-inside-outline-lime-900:focus-within {
  box-shadow: inset 0 0 0 2px #575c00;
}

.focus-within\:shadow-inside-outline-magenta-100[focus-within] {
  box-shadow: inset 0 0 0 2px #fff1fa;
}

.focus-within\:shadow-inside-outline-magenta-100:focus-within {
  box-shadow: inset 0 0 0 2px #fff1fa;
}

.focus-within\:shadow-inside-outline-magenta-200[focus-within] {
  box-shadow: inset 0 0 0 2px #ffd8f0;
}

.focus-within\:shadow-inside-outline-magenta-200:focus-within {
  box-shadow: inset 0 0 0 2px #ffd8f0;
}

.focus-within\:shadow-inside-outline-magenta-300[focus-within] {
  box-shadow: inset 0 0 0 2px #ffc0e4;
}

.focus-within\:shadow-inside-outline-magenta-300:focus-within {
  box-shadow: inset 0 0 0 2px #ffc0e4;
}

.focus-within\:shadow-inside-outline-magenta-400[focus-within] {
  box-shadow: inset 0 0 0 2px #f790c6;
}

.focus-within\:shadow-inside-outline-magenta-400:focus-within {
  box-shadow: inset 0 0 0 2px #f790c6;
}

.focus-within\:shadow-inside-outline-magenta-500[focus-within] {
  box-shadow: inset 0 0 0 2px #ef62a8;
}

.focus-within\:shadow-inside-outline-magenta-500:focus-within {
  box-shadow: inset 0 0 0 2px #ef62a8;
}

.focus-within\:shadow-inside-outline-magenta-600[focus-within] {
  box-shadow: inset 0 0 0 2px #e63888;
}

.focus-within\:shadow-inside-outline-magenta-600:focus-within {
  box-shadow: inset 0 0 0 2px #e63888;
}

.focus-within\:shadow-inside-outline-magenta-700[focus-within] {
  box-shadow: inset 0 0 0 2px #c41d73;
}

.focus-within\:shadow-inside-outline-magenta-700:focus-within {
  box-shadow: inset 0 0 0 2px #c41d73;
}

.focus-within\:shadow-inside-outline-magenta-800[focus-within] {
  box-shadow: inset 0 0 0 2px #a20861;
}

.focus-within\:shadow-inside-outline-magenta-800:focus-within {
  box-shadow: inset 0 0 0 2px #a20861;
}

.focus-within\:shadow-inside-outline-magenta-900[focus-within] {
  box-shadow: inset 0 0 0 2px #800051;
}

.focus-within\:shadow-inside-outline-magenta-900:focus-within {
  box-shadow: inset 0 0 0 2px #800051;
}

.focus-within\:shadow-inside-outline-orange-100[focus-within] {
  box-shadow: inset 0 0 0 2px #fff9f2;
}

.focus-within\:shadow-inside-outline-orange-100:focus-within {
  box-shadow: inset 0 0 0 2px #fff9f2;
}

.focus-within\:shadow-inside-outline-orange-200[focus-within] {
  box-shadow: inset 0 0 0 2px #ffeed7;
}

.focus-within\:shadow-inside-outline-orange-200:focus-within {
  box-shadow: inset 0 0 0 2px #ffeed7;
}

.focus-within\:shadow-inside-outline-orange-300[focus-within] {
  box-shadow: inset 0 0 0 2px #ffe3ba;
}

.focus-within\:shadow-inside-outline-orange-300:focus-within {
  box-shadow: inset 0 0 0 2px #ffe3ba;
}

.focus-within\:shadow-inside-outline-orange-400[focus-within] {
  box-shadow: inset 0 0 0 2px #ffc684;
}

.focus-within\:shadow-inside-outline-orange-400:focus-within {
  box-shadow: inset 0 0 0 2px #ffc684;
}

.focus-within\:shadow-inside-outline-orange-500[focus-within] {
  box-shadow: inset 0 0 0 2px #ffaa4f;
}

.focus-within\:shadow-inside-outline-orange-500:focus-within {
  box-shadow: inset 0 0 0 2px #ffaa4f;
}

.focus-within\:shadow-inside-outline-orange-600[focus-within] {
  box-shadow: inset 0 0 0 2px #ff8f1c;
}

.focus-within\:shadow-inside-outline-orange-600:focus-within {
  box-shadow: inset 0 0 0 2px #ff8f1c;
}

.focus-within\:shadow-inside-outline-orange-700[focus-within] {
  box-shadow: inset 0 0 0 2px #cc6e0f;
}

.focus-within\:shadow-inside-outline-orange-700:focus-within {
  box-shadow: inset 0 0 0 2px #cc6e0f;
}

.focus-within\:shadow-inside-outline-orange-800[focus-within] {
  box-shadow: inset 0 0 0 2px #995006;
}

.focus-within\:shadow-inside-outline-orange-800:focus-within {
  box-shadow: inset 0 0 0 2px #995006;
}

.focus-within\:shadow-inside-outline-orange-900[focus-within] {
  box-shadow: inset 0 0 0 2px #663300;
}

.focus-within\:shadow-inside-outline-orange-900:focus-within {
  box-shadow: inset 0 0 0 2px #663300;
}

.focus-within\:shadow-inside-outline-purple-100[focus-within] {
  box-shadow: inset 0 0 0 2px #fef2ff;
}

.focus-within\:shadow-inside-outline-purple-100:focus-within {
  box-shadow: inset 0 0 0 2px #fef2ff;
}

.focus-within\:shadow-inside-outline-purple-200[focus-within] {
  box-shadow: inset 0 0 0 2px #eed3f1;
}

.focus-within\:shadow-inside-outline-purple-200:focus-within {
  box-shadow: inset 0 0 0 2px #eed3f1;
}

.focus-within\:shadow-inside-outline-purple-300[focus-within] {
  box-shadow: inset 0 0 0 2px #dfb6e4;
}

.focus-within\:shadow-inside-outline-purple-300:focus-within {
  box-shadow: inset 0 0 0 2px #dfb6e4;
}

.focus-within\:shadow-inside-outline-purple-400[focus-within] {
  box-shadow: inset 0 0 0 2px #c186c9;
}

.focus-within\:shadow-inside-outline-purple-400:focus-within {
  box-shadow: inset 0 0 0 2px #c186c9;
}

.focus-within\:shadow-inside-outline-purple-500[focus-within] {
  box-shadow: inset 0 0 0 2px #a45dad;
}

.focus-within\:shadow-inside-outline-purple-500:focus-within {
  box-shadow: inset 0 0 0 2px #a45dad;
}

.focus-within\:shadow-inside-outline-purple-600[focus-within] {
  box-shadow: inset 0 0 0 2px #883b92;
}

.focus-within\:shadow-inside-outline-purple-600:focus-within {
  box-shadow: inset 0 0 0 2px #883b92;
}

.focus-within\:shadow-inside-outline-purple-700[focus-within] {
  box-shadow: inset 0 0 0 2px #6d2077;
}

.focus-within\:shadow-inside-outline-purple-700:focus-within {
  box-shadow: inset 0 0 0 2px #6d2077;
}

.focus-within\:shadow-inside-outline-purple-800[focus-within] {
  box-shadow: inset 0 0 0 2px #53135b;
}

.focus-within\:shadow-inside-outline-purple-800:focus-within {
  box-shadow: inset 0 0 0 2px #53135b;
}

.focus-within\:shadow-inside-outline-purple-900[focus-within] {
  box-shadow: inset 0 0 0 2px #390a40;
}

.focus-within\:shadow-inside-outline-purple-900:focus-within {
  box-shadow: inset 0 0 0 2px #390a40;
}

.focus-within\:shadow-inside-outline-raspberry-100[focus-within] {
  box-shadow: inset 0 0 0 2px #fff0fb;
}

.focus-within\:shadow-inside-outline-raspberry-100:focus-within {
  box-shadow: inset 0 0 0 2px #fff0fb;
}

.focus-within\:shadow-inside-outline-raspberry-200[focus-within] {
  box-shadow: inset 0 0 0 2px #f6cbea;
}

.focus-within\:shadow-inside-outline-raspberry-200:focus-within {
  box-shadow: inset 0 0 0 2px #f6cbea;
}

.focus-within\:shadow-inside-outline-raspberry-300[focus-within] {
  box-shadow: inset 0 0 0 2px #eda7da;
}

.focus-within\:shadow-inside-outline-raspberry-300:focus-within {
  box-shadow: inset 0 0 0 2px #eda7da;
}

.focus-within\:shadow-inside-outline-raspberry-400[focus-within] {
  box-shadow: inset 0 0 0 2px #d86fbc;
}

.focus-within\:shadow-inside-outline-raspberry-400:focus-within {
  box-shadow: inset 0 0 0 2px #d86fbc;
}

.focus-within\:shadow-inside-outline-raspberry-500[focus-within] {
  box-shadow: inset 0 0 0 2px #c43e9f;
}

.focus-within\:shadow-inside-outline-raspberry-500:focus-within {
  box-shadow: inset 0 0 0 2px #c43e9f;
}

.focus-within\:shadow-inside-outline-raspberry-600[focus-within] {
  box-shadow: inset 0 0 0 2px #af1685;
}

.focus-within\:shadow-inside-outline-raspberry-600:focus-within {
  box-shadow: inset 0 0 0 2px #af1685;
}

.focus-within\:shadow-inside-outline-raspberry-700[focus-within] {
  box-shadow: inset 0 0 0 2px #92086d;
}

.focus-within\:shadow-inside-outline-raspberry-700:focus-within {
  box-shadow: inset 0 0 0 2px #92086d;
}

.focus-within\:shadow-inside-outline-raspberry-800[focus-within] {
  box-shadow: inset 0 0 0 2px #760056;
}

.focus-within\:shadow-inside-outline-raspberry-800:focus-within {
  box-shadow: inset 0 0 0 2px #760056;
}

.focus-within\:shadow-inside-outline-raspberry-900[focus-within] {
  box-shadow: inset 0 0 0 2px #570041;
}

.focus-within\:shadow-inside-outline-raspberry-900:focus-within {
  box-shadow: inset 0 0 0 2px #570041;
}

.focus-within\:shadow-inside-outline-red-100[focus-within] {
  box-shadow: inset 0 0 0 2px #fff0f3;
}

.focus-within\:shadow-inside-outline-red-100:focus-within {
  box-shadow: inset 0 0 0 2px #fff0f3;
}

.focus-within\:shadow-inside-outline-red-200[focus-within] {
  box-shadow: inset 0 0 0 2px #FFD6DD;
}

.focus-within\:shadow-inside-outline-red-200:focus-within {
  box-shadow: inset 0 0 0 2px #FFD6DD;
}

.focus-within\:shadow-inside-outline-red-300[focus-within] {
  box-shadow: inset 0 0 0 2px #fea8b8;
}

.focus-within\:shadow-inside-outline-red-300:focus-within {
  box-shadow: inset 0 0 0 2px #fea8b8;
}

.focus-within\:shadow-inside-outline-red-400[focus-within] {
  box-shadow: inset 0 0 0 2px #f66c86;
}

.focus-within\:shadow-inside-outline-red-400:focus-within {
  box-shadow: inset 0 0 0 2px #f66c86;
}

.focus-within\:shadow-inside-outline-red-500[focus-within] {
  box-shadow: inset 0 0 0 2px #ed3457;
}

.focus-within\:shadow-inside-outline-red-500:focus-within {
  box-shadow: inset 0 0 0 2px #ed3457;
}

.focus-within\:shadow-inside-outline-red-600[focus-within] {
  box-shadow: inset 0 0 0 2px #e4002b;
}

.focus-within\:shadow-inside-outline-red-600:focus-within {
  box-shadow: inset 0 0 0 2px #e4002b;
}

.focus-within\:shadow-inside-outline-red-700[focus-within] {
  box-shadow: inset 0 0 0 2px #c60025;
}

.focus-within\:shadow-inside-outline-red-700:focus-within {
  box-shadow: inset 0 0 0 2px #c60025;
}

.focus-within\:shadow-inside-outline-red-800[focus-within] {
  box-shadow: inset 0 0 0 2px #a8001f;
}

.focus-within\:shadow-inside-outline-red-800:focus-within {
  box-shadow: inset 0 0 0 2px #a8001f;
}

.focus-within\:shadow-inside-outline-red-900[focus-within] {
  box-shadow: inset 0 0 0 2px #8a0019;
}

.focus-within\:shadow-inside-outline-red-900:focus-within {
  box-shadow: inset 0 0 0 2px #8a0019;
}

.focus-within\:shadow-inside-outline-sapphire-100[focus-within] {
  box-shadow: inset 0 0 0 2px #f2fcff;
}

.focus-within\:shadow-inside-outline-sapphire-100:focus-within {
  box-shadow: inset 0 0 0 2px #f2fcff;
}

.focus-within\:shadow-inside-outline-sapphire-200[focus-within] {
  box-shadow: inset 0 0 0 2px #d0eff8;
}

.focus-within\:shadow-inside-outline-sapphire-200:focus-within {
  box-shadow: inset 0 0 0 2px #d0eff8;
}

.focus-within\:shadow-inside-outline-sapphire-300[focus-within] {
  box-shadow: inset 0 0 0 2px #afe2f1;
}

.focus-within\:shadow-inside-outline-sapphire-300:focus-within {
  box-shadow: inset 0 0 0 2px #afe2f1;
}

.focus-within\:shadow-inside-outline-sapphire-400[focus-within] {
  box-shadow: inset 0 0 0 2px #79c8de;
}

.focus-within\:shadow-inside-outline-sapphire-400:focus-within {
  box-shadow: inset 0 0 0 2px #79c8de;
}

.focus-within\:shadow-inside-outline-sapphire-500[focus-within] {
  box-shadow: inset 0 0 0 2px #4aafcc;
}

.focus-within\:shadow-inside-outline-sapphire-500:focus-within {
  box-shadow: inset 0 0 0 2px #4aafcc;
}

.focus-within\:shadow-inside-outline-sapphire-600[focus-within] {
  box-shadow: inset 0 0 0 2px #2197b9;
}

.focus-within\:shadow-inside-outline-sapphire-600:focus-within {
  box-shadow: inset 0 0 0 2px #2197b9;
}

.focus-within\:shadow-inside-outline-sapphire-700[focus-within] {
  box-shadow: inset 0 0 0 2px #0081a6;
}

.focus-within\:shadow-inside-outline-sapphire-700:focus-within {
  box-shadow: inset 0 0 0 2px #0081a6;
}

.focus-within\:shadow-inside-outline-sapphire-800[focus-within] {
  box-shadow: inset 0 0 0 2px #006580;
}

.focus-within\:shadow-inside-outline-sapphire-800:focus-within {
  box-shadow: inset 0 0 0 2px #006580;
}

.focus-within\:shadow-inside-outline-sapphire-900[focus-within] {
  box-shadow: inset 0 0 0 2px #004759;
}

.focus-within\:shadow-inside-outline-sapphire-900:focus-within {
  box-shadow: inset 0 0 0 2px #004759;
}

.focus-within\:shadow-inside-outline-teal-100[focus-within] {
  box-shadow: inset 0 0 0 2px #f2fffe;
}

.focus-within\:shadow-inside-outline-teal-100:focus-within {
  box-shadow: inset 0 0 0 2px #f2fffe;
}

.focus-within\:shadow-inside-outline-teal-200[focus-within] {
  box-shadow: inset 0 0 0 2px #c6f7f4;
}

.focus-within\:shadow-inside-outline-teal-200:focus-within {
  box-shadow: inset 0 0 0 2px #c6f7f4;
}

.focus-within\:shadow-inside-outline-teal-300[focus-within] {
  box-shadow: inset 0 0 0 2px #9befea;
}

.focus-within\:shadow-inside-outline-teal-300:focus-within {
  box-shadow: inset 0 0 0 2px #9befea;
}

.focus-within\:shadow-inside-outline-teal-400[focus-within] {
  box-shadow: inset 0 0 0 2px #5fdad4;
}

.focus-within\:shadow-inside-outline-teal-400:focus-within {
  box-shadow: inset 0 0 0 2px #5fdad4;
}

.focus-within\:shadow-inside-outline-teal-500[focus-within] {
  box-shadow: inset 0 0 0 2px #2bc6be;
}

.focus-within\:shadow-inside-outline-teal-500:focus-within {
  box-shadow: inset 0 0 0 2px #2bc6be;
}

.focus-within\:shadow-inside-outline-teal-600[focus-within] {
  box-shadow: inset 0 0 0 2px #00b2a9;
}

.focus-within\:shadow-inside-outline-teal-600:focus-within {
  box-shadow: inset 0 0 0 2px #00b2a9;
}

.focus-within\:shadow-inside-outline-teal-700[focus-within] {
  box-shadow: inset 0 0 0 2px #00948c;
}

.focus-within\:shadow-inside-outline-teal-700:focus-within {
  box-shadow: inset 0 0 0 2px #00948c;
}

.focus-within\:shadow-inside-outline-teal-800[focus-within] {
  box-shadow: inset 0 0 0 2px #00756f;
}

.focus-within\:shadow-inside-outline-teal-800:focus-within {
  box-shadow: inset 0 0 0 2px #00756f;
}

.focus-within\:shadow-inside-outline-teal-900[focus-within] {
  box-shadow: inset 0 0 0 2px #005752;
}

.focus-within\:shadow-inside-outline-teal-900:focus-within {
  box-shadow: inset 0 0 0 2px #005752;
}

.focus-within\:shadow-inside-outline-transparent[focus-within] {
  box-shadow: inset 0 0 0 2px transparent;
}

.focus-within\:shadow-inside-outline-transparent:focus-within {
  box-shadow: inset 0 0 0 2px transparent;
}

.focus-within\:shadow-inside-outline-white[focus-within] {
  box-shadow: inset 0 0 0 2px #ffffff;
}

.focus-within\:shadow-inside-outline-white:focus-within {
  box-shadow: inset 0 0 0 2px #ffffff;
}

.focus-within\:shadow-inside-outline-white-a10[focus-within] {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1);
}

.focus-within\:shadow-inside-outline-white-a10:focus-within {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.1);
}

.focus-within\:shadow-inside-outline-white-a20[focus-within] {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
}

.focus-within\:shadow-inside-outline-white-a20:focus-within {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
}

.focus-within\:shadow-inside-outline-white-a30[focus-within] {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
}

.focus-within\:shadow-inside-outline-white-a30:focus-within {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
}

.focus-within\:shadow-inside-outline-white-a40[focus-within] {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4);
}

.focus-within\:shadow-inside-outline-white-a40:focus-within {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4);
}

.focus-within\:shadow-inside-outline-white-a50[focus-within] {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
}

.focus-within\:shadow-inside-outline-white-a50:focus-within {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5);
}

.focus-within\:shadow-inside-outline-white-a60[focus-within] {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6);
}

.focus-within\:shadow-inside-outline-white-a60:focus-within {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6);
}

.focus-within\:shadow-inside-outline-white-a70[focus-within] {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
}

.focus-within\:shadow-inside-outline-white-a70:focus-within {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.7);
}

.focus-within\:shadow-inside-outline-white-a80[focus-within] {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.8);
}

.focus-within\:shadow-inside-outline-white-a80:focus-within {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.8);
}

.focus-within\:shadow-inside-outline-white-a90[focus-within] {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.9);
}

.focus-within\:shadow-inside-outline-white-a90:focus-within {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.9);
}

.focus-within\:shadow-inside-outline-yellow-100[focus-within] {
  box-shadow: inset 0 0 0 2px #FFF9E8;
}

.focus-within\:shadow-inside-outline-yellow-100:focus-within {
  box-shadow: inset 0 0 0 2px #FFF9E8;
}

.focus-within\:shadow-inside-outline-yellow-200[focus-within] {
  box-shadow: inset 0 0 0 2px #FFF1BD;
}

.focus-within\:shadow-inside-outline-yellow-200:focus-within {
  box-shadow: inset 0 0 0 2px #FFF1BD;
}

.focus-within\:shadow-inside-outline-yellow-300[focus-within] {
  box-shadow: inset 0 0 0 2px #FFEA90;
}

.focus-within\:shadow-inside-outline-yellow-300:focus-within {
  box-shadow: inset 0 0 0 2px #FFEA90;
}

.focus-within\:shadow-inside-outline-yellow-400[focus-within] {
  box-shadow: inset 0 0 0 2px #FFD146;
}

.focus-within\:shadow-inside-outline-yellow-400:focus-within {
  box-shadow: inset 0 0 0 2px #FFD146;
}

.focus-within\:shadow-inside-outline-yellow-500[focus-within] {
  box-shadow: inset 0 0 0 2px #FEBA00;
}

.focus-within\:shadow-inside-outline-yellow-500:focus-within {
  box-shadow: inset 0 0 0 2px #FEBA00;
}

.focus-within\:shadow-inside-outline-yellow-600[focus-within] {
  box-shadow: inset 0 0 0 2px #D49A00;
}

.focus-within\:shadow-inside-outline-yellow-600:focus-within {
  box-shadow: inset 0 0 0 2px #D49A00;
}

.focus-within\:shadow-inside-outline-yellow-700[focus-within] {
  box-shadow: inset 0 0 0 2px #AA7A00;
}

.focus-within\:shadow-inside-outline-yellow-700:focus-within {
  box-shadow: inset 0 0 0 2px #AA7A00;
}

.focus-within\:shadow-inside-outline-yellow-800[focus-within] {
  box-shadow: inset 0 0 0 2px #815B00;
}

.focus-within\:shadow-inside-outline-yellow-800:focus-within {
  box-shadow: inset 0 0 0 2px #815B00;
}

.focus-within\:shadow-inside-outline-yellow-900[focus-within] {
  box-shadow: inset 0 0 0 2px #573D00;
}

.focus-within\:shadow-inside-outline-yellow-900:focus-within {
  box-shadow: inset 0 0 0 2px #573D00;
}

.focus-within\:shadow-none[focus-within] {
  box-shadow: none;
}

.focus-within\:shadow-none:focus-within {
  box-shadow: none;
}

.fill-current {
  fill: currentColor;
}

.stroke-current {
  stroke: currentColor;
}

.stroke-0 {
  stroke-width: 0;
}

.stroke-1 {
  stroke-width: 1;
}

.stroke-2 {
  stroke-width: 2;
}

.table-auto {
  table-layout: auto;
}

.table-fixed {
  table-layout: fixed;
}

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

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

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

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

.text-black {
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.text-blue-100 {
  --text-opacity: 1;
  color: #f2f8ff;
  color: rgba(242, 248, 255, var(--text-opacity));
}

.text-blue-150 {
  --text-opacity: 1;
  color: #E6EFFB;
  color: rgba(230, 239, 251, var(--text-opacity));
}

.text-blue-200 {
  --text-opacity: 1;
  color: #d6e3f4;
  color: rgba(214, 227, 244, var(--text-opacity));
}

.text-blue-300 {
  --text-opacity: 1;
  color: #bbcfea;
  color: rgba(187, 207, 234, var(--text-opacity));
}

.text-blue-400 {
  --text-opacity: 1;
  color: #8dabd4;
  color: rgba(141, 171, 212, var(--text-opacity));
}

.text-blue-500 {
  --text-opacity: 1;
  color: #648abf;
  color: rgba(100, 138, 191, var(--text-opacity));
}

.text-blue-600 {
  --text-opacity: 1;
  color: #426da9;
  color: rgba(66, 109, 169, var(--text-opacity));
}

.text-blue-700 {
  --text-opacity: 1;
  color: #1d4f91;
  color: rgba(29, 79, 145, var(--text-opacity));
}

.text-blue-800 {
  --text-opacity: 1;
  color: #123f7a;
  color: rgba(18, 63, 122, var(--text-opacity));
}

.text-blue-900 {
  --text-opacity: 1;
  color: #0a3163;
  color: rgba(10, 49, 99, var(--text-opacity));
}

.text-gray-100 {
  --text-opacity: 1;
  color: #f6f6f6;
  color: rgba(246, 246, 246, var(--text-opacity));
}

.text-gray-200 {
  --text-opacity: 1;
  color: #eaeaea;
  color: rgba(234, 234, 234, var(--text-opacity));
}

.text-gray-300 {
  --text-opacity: 1;
  color: #d6d6d6;
  color: rgba(214, 214, 214, var(--text-opacity));
}

.text-gray-400 {
  --text-opacity: 1;
  color: #c1c1c1;
  color: rgba(193, 193, 193, var(--text-opacity));
}

.text-gray-500 {
  --text-opacity: 1;
  color: #a7a7a7;
  color: rgba(167, 167, 167, var(--text-opacity));
}

.text-gray-600 {
  --text-opacity: 1;
  color: #8c8c8c;
  color: rgba(140, 140, 140, var(--text-opacity));
}

.text-gray-700 {
  --text-opacity: 1;
  color: #717171;
  color: rgba(113, 113, 113, var(--text-opacity));
}

.text-gray-800 {
  --text-opacity: 1;
  color: #585858;
  color: rgba(88, 88, 88, var(--text-opacity));
}

.text-gray-900 {
  --text-opacity: 1;
  color: #404040;
  color: rgba(64, 64, 64, var(--text-opacity));
}

.text-green-100 {
  --text-opacity: 1;
  color: #F2FFF5;
  color: rgba(242, 255, 245, var(--text-opacity));
}

.text-green-200 {
  --text-opacity: 1;
  color: #D0F6DB;
  color: rgba(208, 246, 219, var(--text-opacity));
}

.text-green-300 {
  --text-opacity: 1;
  color: #9AE8B4;
  color: rgba(154, 232, 180, var(--text-opacity));
}

.text-green-400 {
  --text-opacity: 1;
  color: #5CD08E;
  color: rgba(92, 208, 142, var(--text-opacity));
}

.text-green-500 {
  --text-opacity: 1;
  color: #29B769;
  color: rgba(41, 183, 105, var(--text-opacity));
}

.text-green-600 {
  --text-opacity: 1;
  color: #009f4d;
  color: rgba(0, 159, 77, var(--text-opacity));
}

.text-green-700 {
  --text-opacity: 1;
  color: #007a3b;
  color: rgba(0, 122, 59, var(--text-opacity));
}

.text-green-800 {
  --text-opacity: 1;
  color: #00612F;
  color: rgba(0, 97, 47, var(--text-opacity));
}

.text-green-900 {
  --text-opacity: 1;
  color: #004A24;
  color: rgba(0, 74, 36, var(--text-opacity));
}

.text-lime-100 {
  --text-opacity: 1;
  color: #fefff2;
  color: rgba(254, 255, 242, var(--text-opacity));
}

.text-lime-200 {
  --text-opacity: 1;
  color: #f7f9cc;
  color: rgba(247, 249, 204, var(--text-opacity));
}

.text-lime-300 {
  --text-opacity: 1;
  color: #f0f3a7;
  color: rgba(240, 243, 167, var(--text-opacity));
}

.text-lime-400 {
  --text-opacity: 1;
  color: #dce26d;
  color: rgba(220, 226, 109, var(--text-opacity));
}

.text-lime-500 {
  --text-opacity: 1;
  color: #cad03b;
  color: rgba(202, 208, 59, var(--text-opacity));
}

.text-lime-600 {
  --text-opacity: 1;
  color: #b7bf10;
  color: rgba(183, 191, 16, var(--text-opacity));
}

.text-lime-700 {
  --text-opacity: 1;
  color: #979e08;
  color: rgba(151, 158, 8, var(--text-opacity));
}

.text-lime-800 {
  --text-opacity: 1;
  color: #777d03;
  color: rgba(119, 125, 3, var(--text-opacity));
}

.text-lime-900 {
  --text-opacity: 1;
  color: #575c00;
  color: rgba(87, 92, 0, var(--text-opacity));
}

.text-magenta-100 {
  --text-opacity: 1;
  color: #fff1fa;
  color: rgba(255, 241, 250, var(--text-opacity));
}

.text-magenta-200 {
  --text-opacity: 1;
  color: #ffd8f0;
  color: rgba(255, 216, 240, var(--text-opacity));
}

.text-magenta-300 {
  --text-opacity: 1;
  color: #ffc0e4;
  color: rgba(255, 192, 228, var(--text-opacity));
}

.text-magenta-400 {
  --text-opacity: 1;
  color: #f790c6;
  color: rgba(247, 144, 198, var(--text-opacity));
}

.text-magenta-500 {
  --text-opacity: 1;
  color: #ef62a8;
  color: rgba(239, 98, 168, var(--text-opacity));
}

.text-magenta-600 {
  --text-opacity: 1;
  color: #e63888;
  color: rgba(230, 56, 136, var(--text-opacity));
}

.text-magenta-700 {
  --text-opacity: 1;
  color: #c41d73;
  color: rgba(196, 29, 115, var(--text-opacity));
}

.text-magenta-800 {
  --text-opacity: 1;
  color: #a20861;
  color: rgba(162, 8, 97, var(--text-opacity));
}

.text-magenta-900 {
  --text-opacity: 1;
  color: #800051;
  color: rgba(128, 0, 81, var(--text-opacity));
}

.text-orange-100 {
  --text-opacity: 1;
  color: #fff9f2;
  color: rgba(255, 249, 242, var(--text-opacity));
}

.text-orange-200 {
  --text-opacity: 1;
  color: #ffeed7;
  color: rgba(255, 238, 215, var(--text-opacity));
}

.text-orange-300 {
  --text-opacity: 1;
  color: #ffe3ba;
  color: rgba(255, 227, 186, var(--text-opacity));
}

.text-orange-400 {
  --text-opacity: 1;
  color: #ffc684;
  color: rgba(255, 198, 132, var(--text-opacity));
}

.text-orange-500 {
  --text-opacity: 1;
  color: #ffaa4f;
  color: rgba(255, 170, 79, var(--text-opacity));
}

.text-orange-600 {
  --text-opacity: 1;
  color: #ff8f1c;
  color: rgba(255, 143, 28, var(--text-opacity));
}

.text-orange-700 {
  --text-opacity: 1;
  color: #cc6e0f;
  color: rgba(204, 110, 15, var(--text-opacity));
}

.text-orange-800 {
  --text-opacity: 1;
  color: #995006;
  color: rgba(153, 80, 6, var(--text-opacity));
}

.text-orange-900 {
  --text-opacity: 1;
  color: #663300;
  color: rgba(102, 51, 0, var(--text-opacity));
}

.text-purple-100 {
  --text-opacity: 1;
  color: #fef2ff;
  color: rgba(254, 242, 255, var(--text-opacity));
}

.text-purple-200 {
  --text-opacity: 1;
  color: #eed3f1;
  color: rgba(238, 211, 241, var(--text-opacity));
}

.text-purple-300 {
  --text-opacity: 1;
  color: #dfb6e4;
  color: rgba(223, 182, 228, var(--text-opacity));
}

.text-purple-400 {
  --text-opacity: 1;
  color: #c186c9;
  color: rgba(193, 134, 201, var(--text-opacity));
}

.text-purple-500 {
  --text-opacity: 1;
  color: #a45dad;
  color: rgba(164, 93, 173, var(--text-opacity));
}

.text-purple-600 {
  --text-opacity: 1;
  color: #883b92;
  color: rgba(136, 59, 146, var(--text-opacity));
}

.text-purple-700 {
  --text-opacity: 1;
  color: #6d2077;
  color: rgba(109, 32, 119, var(--text-opacity));
}

.text-purple-800 {
  --text-opacity: 1;
  color: #53135b;
  color: rgba(83, 19, 91, var(--text-opacity));
}

.text-purple-900 {
  --text-opacity: 1;
  color: #390a40;
  color: rgba(57, 10, 64, var(--text-opacity));
}

.text-raspberry-100 {
  --text-opacity: 1;
  color: #fff0fb;
  color: rgba(255, 240, 251, var(--text-opacity));
}

.text-raspberry-200 {
  --text-opacity: 1;
  color: #f6cbea;
  color: rgba(246, 203, 234, var(--text-opacity));
}

.text-raspberry-300 {
  --text-opacity: 1;
  color: #eda7da;
  color: rgba(237, 167, 218, var(--text-opacity));
}

.text-raspberry-400 {
  --text-opacity: 1;
  color: #d86fbc;
  color: rgba(216, 111, 188, var(--text-opacity));
}

.text-raspberry-500 {
  --text-opacity: 1;
  color: #c43e9f;
  color: rgba(196, 62, 159, var(--text-opacity));
}

.text-raspberry-600 {
  --text-opacity: 1;
  color: #af1685;
  color: rgba(175, 22, 133, var(--text-opacity));
}

.text-raspberry-700 {
  --text-opacity: 1;
  color: #92086d;
  color: rgba(146, 8, 109, var(--text-opacity));
}

.text-raspberry-800 {
  --text-opacity: 1;
  color: #760056;
  color: rgba(118, 0, 86, var(--text-opacity));
}

.text-raspberry-900 {
  --text-opacity: 1;
  color: #570041;
  color: rgba(87, 0, 65, var(--text-opacity));
}

.text-red-100 {
  --text-opacity: 1;
  color: #fff0f3;
  color: rgba(255, 240, 243, var(--text-opacity));
}

.text-red-200 {
  --text-opacity: 1;
  color: #FFD6DD;
  color: rgba(255, 214, 221, var(--text-opacity));
}

.text-red-300 {
  --text-opacity: 1;
  color: #fea8b8;
  color: rgba(254, 168, 184, var(--text-opacity));
}

.text-red-400 {
  --text-opacity: 1;
  color: #f66c86;
  color: rgba(246, 108, 134, var(--text-opacity));
}

.text-red-500 {
  --text-opacity: 1;
  color: #ed3457;
  color: rgba(237, 52, 87, var(--text-opacity));
}

.text-red-600 {
  --text-opacity: 1;
  color: #e4002b;
  color: rgba(228, 0, 43, var(--text-opacity));
}

.text-red-700 {
  --text-opacity: 1;
  color: #c60025;
  color: rgba(198, 0, 37, var(--text-opacity));
}

.text-red-800 {
  --text-opacity: 1;
  color: #a8001f;
  color: rgba(168, 0, 31, var(--text-opacity));
}

.text-red-900 {
  --text-opacity: 1;
  color: #8a0019;
  color: rgba(138, 0, 25, var(--text-opacity));
}

.text-sapphire-100 {
  --text-opacity: 1;
  color: #f2fcff;
  color: rgba(242, 252, 255, var(--text-opacity));
}

.text-sapphire-200 {
  --text-opacity: 1;
  color: #d0eff8;
  color: rgba(208, 239, 248, var(--text-opacity));
}

.text-sapphire-300 {
  --text-opacity: 1;
  color: #afe2f1;
  color: rgba(175, 226, 241, var(--text-opacity));
}

.text-sapphire-400 {
  --text-opacity: 1;
  color: #79c8de;
  color: rgba(121, 200, 222, var(--text-opacity));
}

.text-sapphire-500 {
  --text-opacity: 1;
  color: #4aafcc;
  color: rgba(74, 175, 204, var(--text-opacity));
}

.text-sapphire-600 {
  --text-opacity: 1;
  color: #2197b9;
  color: rgba(33, 151, 185, var(--text-opacity));
}

.text-sapphire-700 {
  --text-opacity: 1;
  color: #0081a6;
  color: rgba(0, 129, 166, var(--text-opacity));
}

.text-sapphire-800 {
  --text-opacity: 1;
  color: #006580;
  color: rgba(0, 101, 128, var(--text-opacity));
}

.text-sapphire-900 {
  --text-opacity: 1;
  color: #004759;
  color: rgba(0, 71, 89, var(--text-opacity));
}

.text-teal-100 {
  --text-opacity: 1;
  color: #f2fffe;
  color: rgba(242, 255, 254, var(--text-opacity));
}

.text-teal-200 {
  --text-opacity: 1;
  color: #c6f7f4;
  color: rgba(198, 247, 244, var(--text-opacity));
}

.text-teal-300 {
  --text-opacity: 1;
  color: #9befea;
  color: rgba(155, 239, 234, var(--text-opacity));
}

.text-teal-400 {
  --text-opacity: 1;
  color: #5fdad4;
  color: rgba(95, 218, 212, var(--text-opacity));
}

.text-teal-500 {
  --text-opacity: 1;
  color: #2bc6be;
  color: rgba(43, 198, 190, var(--text-opacity));
}

.text-teal-600 {
  --text-opacity: 1;
  color: #00b2a9;
  color: rgba(0, 178, 169, var(--text-opacity));
}

.text-teal-700 {
  --text-opacity: 1;
  color: #00948c;
  color: rgba(0, 148, 140, var(--text-opacity));
}

.text-teal-800 {
  --text-opacity: 1;
  color: #00756f;
  color: rgba(0, 117, 111, var(--text-opacity));
}

.text-teal-900 {
  --text-opacity: 1;
  color: #005752;
  color: rgba(0, 87, 82, var(--text-opacity));
}

.text-transparent {
  color: transparent;
}

.text-white {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.text-white-a10 {
  color: rgba(255, 255, 255, 0.1);
}

.text-white-a20 {
  color: rgba(255, 255, 255, 0.2);
}

.text-white-a30 {
  color: rgba(255, 255, 255, 0.3);
}

.text-white-a40 {
  color: rgba(255, 255, 255, 0.4);
}

.text-white-a50 {
  color: rgba(255, 255, 255, 0.5);
}

.text-white-a60 {
  color: rgba(255, 255, 255, 0.6);
}

.text-white-a70 {
  color: rgba(255, 255, 255, 0.7);
}

.text-white-a80 {
  color: rgba(255, 255, 255, 0.8);
}

.text-white-a90 {
  color: rgba(255, 255, 255, 0.9);
}

.text-yellow-100 {
  --text-opacity: 1;
  color: #FFF9E8;
  color: rgba(255, 249, 232, var(--text-opacity));
}

.text-yellow-200 {
  --text-opacity: 1;
  color: #FFF1BD;
  color: rgba(255, 241, 189, var(--text-opacity));
}

.text-yellow-300 {
  --text-opacity: 1;
  color: #FFEA90;
  color: rgba(255, 234, 144, var(--text-opacity));
}

.text-yellow-400 {
  --text-opacity: 1;
  color: #FFD146;
  color: rgba(255, 209, 70, var(--text-opacity));
}

.text-yellow-500 {
  --text-opacity: 1;
  color: #FEBA00;
  color: rgba(254, 186, 0, var(--text-opacity));
}

.text-yellow-600 {
  --text-opacity: 1;
  color: #D49A00;
  color: rgba(212, 154, 0, var(--text-opacity));
}

.text-yellow-700 {
  --text-opacity: 1;
  color: #AA7A00;
  color: rgba(170, 122, 0, var(--text-opacity));
}

.text-yellow-800 {
  --text-opacity: 1;
  color: #815B00;
  color: rgba(129, 91, 0, var(--text-opacity));
}

.text-yellow-900 {
  --text-opacity: 1;
  color: #573D00;
  color: rgba(87, 61, 0, var(--text-opacity));
}

.hover\:text-black:hover {
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.hover\:text-blue-100:hover {
  --text-opacity: 1;
  color: #f2f8ff;
  color: rgba(242, 248, 255, var(--text-opacity));
}

.hover\:text-blue-150:hover {
  --text-opacity: 1;
  color: #E6EFFB;
  color: rgba(230, 239, 251, var(--text-opacity));
}

.hover\:text-blue-200:hover {
  --text-opacity: 1;
  color: #d6e3f4;
  color: rgba(214, 227, 244, var(--text-opacity));
}

.hover\:text-blue-300:hover {
  --text-opacity: 1;
  color: #bbcfea;
  color: rgba(187, 207, 234, var(--text-opacity));
}

.hover\:text-blue-400:hover {
  --text-opacity: 1;
  color: #8dabd4;
  color: rgba(141, 171, 212, var(--text-opacity));
}

.hover\:text-blue-500:hover {
  --text-opacity: 1;
  color: #648abf;
  color: rgba(100, 138, 191, var(--text-opacity));
}

.hover\:text-blue-600:hover {
  --text-opacity: 1;
  color: #426da9;
  color: rgba(66, 109, 169, var(--text-opacity));
}

.hover\:text-blue-700:hover {
  --text-opacity: 1;
  color: #1d4f91;
  color: rgba(29, 79, 145, var(--text-opacity));
}

.hover\:text-blue-800:hover {
  --text-opacity: 1;
  color: #123f7a;
  color: rgba(18, 63, 122, var(--text-opacity));
}

.hover\:text-blue-900:hover {
  --text-opacity: 1;
  color: #0a3163;
  color: rgba(10, 49, 99, var(--text-opacity));
}

.hover\:text-gray-100:hover {
  --text-opacity: 1;
  color: #f6f6f6;
  color: rgba(246, 246, 246, var(--text-opacity));
}

.hover\:text-gray-200:hover {
  --text-opacity: 1;
  color: #eaeaea;
  color: rgba(234, 234, 234, var(--text-opacity));
}

.hover\:text-gray-300:hover {
  --text-opacity: 1;
  color: #d6d6d6;
  color: rgba(214, 214, 214, var(--text-opacity));
}

.hover\:text-gray-400:hover {
  --text-opacity: 1;
  color: #c1c1c1;
  color: rgba(193, 193, 193, var(--text-opacity));
}

.hover\:text-gray-500:hover {
  --text-opacity: 1;
  color: #a7a7a7;
  color: rgba(167, 167, 167, var(--text-opacity));
}

.hover\:text-gray-600:hover {
  --text-opacity: 1;
  color: #8c8c8c;
  color: rgba(140, 140, 140, var(--text-opacity));
}

.hover\:text-gray-700:hover {
  --text-opacity: 1;
  color: #717171;
  color: rgba(113, 113, 113, var(--text-opacity));
}

.hover\:text-gray-800:hover {
  --text-opacity: 1;
  color: #585858;
  color: rgba(88, 88, 88, var(--text-opacity));
}

.hover\:text-gray-900:hover {
  --text-opacity: 1;
  color: #404040;
  color: rgba(64, 64, 64, var(--text-opacity));
}

.hover\:text-green-100:hover {
  --text-opacity: 1;
  color: #F2FFF5;
  color: rgba(242, 255, 245, var(--text-opacity));
}

.hover\:text-green-200:hover {
  --text-opacity: 1;
  color: #D0F6DB;
  color: rgba(208, 246, 219, var(--text-opacity));
}

.hover\:text-green-300:hover {
  --text-opacity: 1;
  color: #9AE8B4;
  color: rgba(154, 232, 180, var(--text-opacity));
}

.hover\:text-green-400:hover {
  --text-opacity: 1;
  color: #5CD08E;
  color: rgba(92, 208, 142, var(--text-opacity));
}

.hover\:text-green-500:hover {
  --text-opacity: 1;
  color: #29B769;
  color: rgba(41, 183, 105, var(--text-opacity));
}

.hover\:text-green-600:hover {
  --text-opacity: 1;
  color: #009f4d;
  color: rgba(0, 159, 77, var(--text-opacity));
}

.hover\:text-green-700:hover {
  --text-opacity: 1;
  color: #007a3b;
  color: rgba(0, 122, 59, var(--text-opacity));
}

.hover\:text-green-800:hover {
  --text-opacity: 1;
  color: #00612F;
  color: rgba(0, 97, 47, var(--text-opacity));
}

.hover\:text-green-900:hover {
  --text-opacity: 1;
  color: #004A24;
  color: rgba(0, 74, 36, var(--text-opacity));
}

.hover\:text-lime-100:hover {
  --text-opacity: 1;
  color: #fefff2;
  color: rgba(254, 255, 242, var(--text-opacity));
}

.hover\:text-lime-200:hover {
  --text-opacity: 1;
  color: #f7f9cc;
  color: rgba(247, 249, 204, var(--text-opacity));
}

.hover\:text-lime-300:hover {
  --text-opacity: 1;
  color: #f0f3a7;
  color: rgba(240, 243, 167, var(--text-opacity));
}

.hover\:text-lime-400:hover {
  --text-opacity: 1;
  color: #dce26d;
  color: rgba(220, 226, 109, var(--text-opacity));
}

.hover\:text-lime-500:hover {
  --text-opacity: 1;
  color: #cad03b;
  color: rgba(202, 208, 59, var(--text-opacity));
}

.hover\:text-lime-600:hover {
  --text-opacity: 1;
  color: #b7bf10;
  color: rgba(183, 191, 16, var(--text-opacity));
}

.hover\:text-lime-700:hover {
  --text-opacity: 1;
  color: #979e08;
  color: rgba(151, 158, 8, var(--text-opacity));
}

.hover\:text-lime-800:hover {
  --text-opacity: 1;
  color: #777d03;
  color: rgba(119, 125, 3, var(--text-opacity));
}

.hover\:text-lime-900:hover {
  --text-opacity: 1;
  color: #575c00;
  color: rgba(87, 92, 0, var(--text-opacity));
}

.hover\:text-magenta-100:hover {
  --text-opacity: 1;
  color: #fff1fa;
  color: rgba(255, 241, 250, var(--text-opacity));
}

.hover\:text-magenta-200:hover {
  --text-opacity: 1;
  color: #ffd8f0;
  color: rgba(255, 216, 240, var(--text-opacity));
}

.hover\:text-magenta-300:hover {
  --text-opacity: 1;
  color: #ffc0e4;
  color: rgba(255, 192, 228, var(--text-opacity));
}

.hover\:text-magenta-400:hover {
  --text-opacity: 1;
  color: #f790c6;
  color: rgba(247, 144, 198, var(--text-opacity));
}

.hover\:text-magenta-500:hover {
  --text-opacity: 1;
  color: #ef62a8;
  color: rgba(239, 98, 168, var(--text-opacity));
}

.hover\:text-magenta-600:hover {
  --text-opacity: 1;
  color: #e63888;
  color: rgba(230, 56, 136, var(--text-opacity));
}

.hover\:text-magenta-700:hover {
  --text-opacity: 1;
  color: #c41d73;
  color: rgba(196, 29, 115, var(--text-opacity));
}

.hover\:text-magenta-800:hover {
  --text-opacity: 1;
  color: #a20861;
  color: rgba(162, 8, 97, var(--text-opacity));
}

.hover\:text-magenta-900:hover {
  --text-opacity: 1;
  color: #800051;
  color: rgba(128, 0, 81, var(--text-opacity));
}

.hover\:text-orange-100:hover {
  --text-opacity: 1;
  color: #fff9f2;
  color: rgba(255, 249, 242, var(--text-opacity));
}

.hover\:text-orange-200:hover {
  --text-opacity: 1;
  color: #ffeed7;
  color: rgba(255, 238, 215, var(--text-opacity));
}

.hover\:text-orange-300:hover {
  --text-opacity: 1;
  color: #ffe3ba;
  color: rgba(255, 227, 186, var(--text-opacity));
}

.hover\:text-orange-400:hover {
  --text-opacity: 1;
  color: #ffc684;
  color: rgba(255, 198, 132, var(--text-opacity));
}

.hover\:text-orange-500:hover {
  --text-opacity: 1;
  color: #ffaa4f;
  color: rgba(255, 170, 79, var(--text-opacity));
}

.hover\:text-orange-600:hover {
  --text-opacity: 1;
  color: #ff8f1c;
  color: rgba(255, 143, 28, var(--text-opacity));
}

.hover\:text-orange-700:hover {
  --text-opacity: 1;
  color: #cc6e0f;
  color: rgba(204, 110, 15, var(--text-opacity));
}

.hover\:text-orange-800:hover {
  --text-opacity: 1;
  color: #995006;
  color: rgba(153, 80, 6, var(--text-opacity));
}

.hover\:text-orange-900:hover {
  --text-opacity: 1;
  color: #663300;
  color: rgba(102, 51, 0, var(--text-opacity));
}

.hover\:text-purple-100:hover {
  --text-opacity: 1;
  color: #fef2ff;
  color: rgba(254, 242, 255, var(--text-opacity));
}

.hover\:text-purple-200:hover {
  --text-opacity: 1;
  color: #eed3f1;
  color: rgba(238, 211, 241, var(--text-opacity));
}

.hover\:text-purple-300:hover {
  --text-opacity: 1;
  color: #dfb6e4;
  color: rgba(223, 182, 228, var(--text-opacity));
}

.hover\:text-purple-400:hover {
  --text-opacity: 1;
  color: #c186c9;
  color: rgba(193, 134, 201, var(--text-opacity));
}

.hover\:text-purple-500:hover {
  --text-opacity: 1;
  color: #a45dad;
  color: rgba(164, 93, 173, var(--text-opacity));
}

.hover\:text-purple-600:hover {
  --text-opacity: 1;
  color: #883b92;
  color: rgba(136, 59, 146, var(--text-opacity));
}

.hover\:text-purple-700:hover {
  --text-opacity: 1;
  color: #6d2077;
  color: rgba(109, 32, 119, var(--text-opacity));
}

.hover\:text-purple-800:hover {
  --text-opacity: 1;
  color: #53135b;
  color: rgba(83, 19, 91, var(--text-opacity));
}

.hover\:text-purple-900:hover {
  --text-opacity: 1;
  color: #390a40;
  color: rgba(57, 10, 64, var(--text-opacity));
}

.hover\:text-raspberry-100:hover {
  --text-opacity: 1;
  color: #fff0fb;
  color: rgba(255, 240, 251, var(--text-opacity));
}

.hover\:text-raspberry-200:hover {
  --text-opacity: 1;
  color: #f6cbea;
  color: rgba(246, 203, 234, var(--text-opacity));
}

.hover\:text-raspberry-300:hover {
  --text-opacity: 1;
  color: #eda7da;
  color: rgba(237, 167, 218, var(--text-opacity));
}

.hover\:text-raspberry-400:hover {
  --text-opacity: 1;
  color: #d86fbc;
  color: rgba(216, 111, 188, var(--text-opacity));
}

.hover\:text-raspberry-500:hover {
  --text-opacity: 1;
  color: #c43e9f;
  color: rgba(196, 62, 159, var(--text-opacity));
}

.hover\:text-raspberry-600:hover {
  --text-opacity: 1;
  color: #af1685;
  color: rgba(175, 22, 133, var(--text-opacity));
}

.hover\:text-raspberry-700:hover {
  --text-opacity: 1;
  color: #92086d;
  color: rgba(146, 8, 109, var(--text-opacity));
}

.hover\:text-raspberry-800:hover {
  --text-opacity: 1;
  color: #760056;
  color: rgba(118, 0, 86, var(--text-opacity));
}

.hover\:text-raspberry-900:hover {
  --text-opacity: 1;
  color: #570041;
  color: rgba(87, 0, 65, var(--text-opacity));
}

.hover\:text-red-100:hover {
  --text-opacity: 1;
  color: #fff0f3;
  color: rgba(255, 240, 243, var(--text-opacity));
}

.hover\:text-red-200:hover {
  --text-opacity: 1;
  color: #FFD6DD;
  color: rgba(255, 214, 221, var(--text-opacity));
}

.hover\:text-red-300:hover {
  --text-opacity: 1;
  color: #fea8b8;
  color: rgba(254, 168, 184, var(--text-opacity));
}

.hover\:text-red-400:hover {
  --text-opacity: 1;
  color: #f66c86;
  color: rgba(246, 108, 134, var(--text-opacity));
}

.hover\:text-red-500:hover {
  --text-opacity: 1;
  color: #ed3457;
  color: rgba(237, 52, 87, var(--text-opacity));
}

.hover\:text-red-600:hover {
  --text-opacity: 1;
  color: #e4002b;
  color: rgba(228, 0, 43, var(--text-opacity));
}

.hover\:text-red-700:hover {
  --text-opacity: 1;
  color: #c60025;
  color: rgba(198, 0, 37, var(--text-opacity));
}

.hover\:text-red-800:hover {
  --text-opacity: 1;
  color: #a8001f;
  color: rgba(168, 0, 31, var(--text-opacity));
}

.hover\:text-red-900:hover {
  --text-opacity: 1;
  color: #8a0019;
  color: rgba(138, 0, 25, var(--text-opacity));
}

.hover\:text-sapphire-100:hover {
  --text-opacity: 1;
  color: #f2fcff;
  color: rgba(242, 252, 255, var(--text-opacity));
}

.hover\:text-sapphire-200:hover {
  --text-opacity: 1;
  color: #d0eff8;
  color: rgba(208, 239, 248, var(--text-opacity));
}

.hover\:text-sapphire-300:hover {
  --text-opacity: 1;
  color: #afe2f1;
  color: rgba(175, 226, 241, var(--text-opacity));
}

.hover\:text-sapphire-400:hover {
  --text-opacity: 1;
  color: #79c8de;
  color: rgba(121, 200, 222, var(--text-opacity));
}

.hover\:text-sapphire-500:hover {
  --text-opacity: 1;
  color: #4aafcc;
  color: rgba(74, 175, 204, var(--text-opacity));
}

.hover\:text-sapphire-600:hover {
  --text-opacity: 1;
  color: #2197b9;
  color: rgba(33, 151, 185, var(--text-opacity));
}

.hover\:text-sapphire-700:hover {
  --text-opacity: 1;
  color: #0081a6;
  color: rgba(0, 129, 166, var(--text-opacity));
}

.hover\:text-sapphire-800:hover {
  --text-opacity: 1;
  color: #006580;
  color: rgba(0, 101, 128, var(--text-opacity));
}

.hover\:text-sapphire-900:hover {
  --text-opacity: 1;
  color: #004759;
  color: rgba(0, 71, 89, var(--text-opacity));
}

.hover\:text-teal-100:hover {
  --text-opacity: 1;
  color: #f2fffe;
  color: rgba(242, 255, 254, var(--text-opacity));
}

.hover\:text-teal-200:hover {
  --text-opacity: 1;
  color: #c6f7f4;
  color: rgba(198, 247, 244, var(--text-opacity));
}

.hover\:text-teal-300:hover {
  --text-opacity: 1;
  color: #9befea;
  color: rgba(155, 239, 234, var(--text-opacity));
}

.hover\:text-teal-400:hover {
  --text-opacity: 1;
  color: #5fdad4;
  color: rgba(95, 218, 212, var(--text-opacity));
}

.hover\:text-teal-500:hover {
  --text-opacity: 1;
  color: #2bc6be;
  color: rgba(43, 198, 190, var(--text-opacity));
}

.hover\:text-teal-600:hover {
  --text-opacity: 1;
  color: #00b2a9;
  color: rgba(0, 178, 169, var(--text-opacity));
}

.hover\:text-teal-700:hover {
  --text-opacity: 1;
  color: #00948c;
  color: rgba(0, 148, 140, var(--text-opacity));
}

.hover\:text-teal-800:hover {
  --text-opacity: 1;
  color: #00756f;
  color: rgba(0, 117, 111, var(--text-opacity));
}

.hover\:text-teal-900:hover {
  --text-opacity: 1;
  color: #005752;
  color: rgba(0, 87, 82, var(--text-opacity));
}

.hover\:text-transparent:hover {
  color: transparent;
}

.hover\:text-white:hover {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.hover\:text-white-a10:hover {
  color: rgba(255, 255, 255, 0.1);
}

.hover\:text-white-a20:hover {
  color: rgba(255, 255, 255, 0.2);
}

.hover\:text-white-a30:hover {
  color: rgba(255, 255, 255, 0.3);
}

.hover\:text-white-a40:hover {
  color: rgba(255, 255, 255, 0.4);
}

.hover\:text-white-a50:hover {
  color: rgba(255, 255, 255, 0.5);
}

.hover\:text-white-a60:hover {
  color: rgba(255, 255, 255, 0.6);
}

.hover\:text-white-a70:hover {
  color: rgba(255, 255, 255, 0.7);
}

.hover\:text-white-a80:hover {
  color: rgba(255, 255, 255, 0.8);
}

.hover\:text-white-a90:hover {
  color: rgba(255, 255, 255, 0.9);
}

.hover\:text-yellow-100:hover {
  --text-opacity: 1;
  color: #FFF9E8;
  color: rgba(255, 249, 232, var(--text-opacity));
}

.hover\:text-yellow-200:hover {
  --text-opacity: 1;
  color: #FFF1BD;
  color: rgba(255, 241, 189, var(--text-opacity));
}

.hover\:text-yellow-300:hover {
  --text-opacity: 1;
  color: #FFEA90;
  color: rgba(255, 234, 144, var(--text-opacity));
}

.hover\:text-yellow-400:hover {
  --text-opacity: 1;
  color: #FFD146;
  color: rgba(255, 209, 70, var(--text-opacity));
}

.hover\:text-yellow-500:hover {
  --text-opacity: 1;
  color: #FEBA00;
  color: rgba(254, 186, 0, var(--text-opacity));
}

.hover\:text-yellow-600:hover {
  --text-opacity: 1;
  color: #D49A00;
  color: rgba(212, 154, 0, var(--text-opacity));
}

.hover\:text-yellow-700:hover {
  --text-opacity: 1;
  color: #AA7A00;
  color: rgba(170, 122, 0, var(--text-opacity));
}

.hover\:text-yellow-800:hover {
  --text-opacity: 1;
  color: #815B00;
  color: rgba(129, 91, 0, var(--text-opacity));
}

.hover\:text-yellow-900:hover {
  --text-opacity: 1;
  color: #573D00;
  color: rgba(87, 61, 0, var(--text-opacity));
}

.focus\:text-black:focus {
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.focus\:text-blue-100:focus {
  --text-opacity: 1;
  color: #f2f8ff;
  color: rgba(242, 248, 255, var(--text-opacity));
}

.focus\:text-blue-150:focus {
  --text-opacity: 1;
  color: #E6EFFB;
  color: rgba(230, 239, 251, var(--text-opacity));
}

.focus\:text-blue-200:focus {
  --text-opacity: 1;
  color: #d6e3f4;
  color: rgba(214, 227, 244, var(--text-opacity));
}

.focus\:text-blue-300:focus {
  --text-opacity: 1;
  color: #bbcfea;
  color: rgba(187, 207, 234, var(--text-opacity));
}

.focus\:text-blue-400:focus {
  --text-opacity: 1;
  color: #8dabd4;
  color: rgba(141, 171, 212, var(--text-opacity));
}

.focus\:text-blue-500:focus {
  --text-opacity: 1;
  color: #648abf;
  color: rgba(100, 138, 191, var(--text-opacity));
}

.focus\:text-blue-600:focus {
  --text-opacity: 1;
  color: #426da9;
  color: rgba(66, 109, 169, var(--text-opacity));
}

.focus\:text-blue-700:focus {
  --text-opacity: 1;
  color: #1d4f91;
  color: rgba(29, 79, 145, var(--text-opacity));
}

.focus\:text-blue-800:focus {
  --text-opacity: 1;
  color: #123f7a;
  color: rgba(18, 63, 122, var(--text-opacity));
}

.focus\:text-blue-900:focus {
  --text-opacity: 1;
  color: #0a3163;
  color: rgba(10, 49, 99, var(--text-opacity));
}

.focus\:text-gray-100:focus {
  --text-opacity: 1;
  color: #f6f6f6;
  color: rgba(246, 246, 246, var(--text-opacity));
}

.focus\:text-gray-200:focus {
  --text-opacity: 1;
  color: #eaeaea;
  color: rgba(234, 234, 234, var(--text-opacity));
}

.focus\:text-gray-300:focus {
  --text-opacity: 1;
  color: #d6d6d6;
  color: rgba(214, 214, 214, var(--text-opacity));
}

.focus\:text-gray-400:focus {
  --text-opacity: 1;
  color: #c1c1c1;
  color: rgba(193, 193, 193, var(--text-opacity));
}

.focus\:text-gray-500:focus {
  --text-opacity: 1;
  color: #a7a7a7;
  color: rgba(167, 167, 167, var(--text-opacity));
}

.focus\:text-gray-600:focus {
  --text-opacity: 1;
  color: #8c8c8c;
  color: rgba(140, 140, 140, var(--text-opacity));
}

.focus\:text-gray-700:focus {
  --text-opacity: 1;
  color: #717171;
  color: rgba(113, 113, 113, var(--text-opacity));
}

.focus\:text-gray-800:focus {
  --text-opacity: 1;
  color: #585858;
  color: rgba(88, 88, 88, var(--text-opacity));
}

.focus\:text-gray-900:focus {
  --text-opacity: 1;
  color: #404040;
  color: rgba(64, 64, 64, var(--text-opacity));
}

.focus\:text-green-100:focus {
  --text-opacity: 1;
  color: #F2FFF5;
  color: rgba(242, 255, 245, var(--text-opacity));
}

.focus\:text-green-200:focus {
  --text-opacity: 1;
  color: #D0F6DB;
  color: rgba(208, 246, 219, var(--text-opacity));
}

.focus\:text-green-300:focus {
  --text-opacity: 1;
  color: #9AE8B4;
  color: rgba(154, 232, 180, var(--text-opacity));
}

.focus\:text-green-400:focus {
  --text-opacity: 1;
  color: #5CD08E;
  color: rgba(92, 208, 142, var(--text-opacity));
}

.focus\:text-green-500:focus {
  --text-opacity: 1;
  color: #29B769;
  color: rgba(41, 183, 105, var(--text-opacity));
}

.focus\:text-green-600:focus {
  --text-opacity: 1;
  color: #009f4d;
  color: rgba(0, 159, 77, var(--text-opacity));
}

.focus\:text-green-700:focus {
  --text-opacity: 1;
  color: #007a3b;
  color: rgba(0, 122, 59, var(--text-opacity));
}

.focus\:text-green-800:focus {
  --text-opacity: 1;
  color: #00612F;
  color: rgba(0, 97, 47, var(--text-opacity));
}

.focus\:text-green-900:focus {
  --text-opacity: 1;
  color: #004A24;
  color: rgba(0, 74, 36, var(--text-opacity));
}

.focus\:text-lime-100:focus {
  --text-opacity: 1;
  color: #fefff2;
  color: rgba(254, 255, 242, var(--text-opacity));
}

.focus\:text-lime-200:focus {
  --text-opacity: 1;
  color: #f7f9cc;
  color: rgba(247, 249, 204, var(--text-opacity));
}

.focus\:text-lime-300:focus {
  --text-opacity: 1;
  color: #f0f3a7;
  color: rgba(240, 243, 167, var(--text-opacity));
}

.focus\:text-lime-400:focus {
  --text-opacity: 1;
  color: #dce26d;
  color: rgba(220, 226, 109, var(--text-opacity));
}

.focus\:text-lime-500:focus {
  --text-opacity: 1;
  color: #cad03b;
  color: rgba(202, 208, 59, var(--text-opacity));
}

.focus\:text-lime-600:focus {
  --text-opacity: 1;
  color: #b7bf10;
  color: rgba(183, 191, 16, var(--text-opacity));
}

.focus\:text-lime-700:focus {
  --text-opacity: 1;
  color: #979e08;
  color: rgba(151, 158, 8, var(--text-opacity));
}

.focus\:text-lime-800:focus {
  --text-opacity: 1;
  color: #777d03;
  color: rgba(119, 125, 3, var(--text-opacity));
}

.focus\:text-lime-900:focus {
  --text-opacity: 1;
  color: #575c00;
  color: rgba(87, 92, 0, var(--text-opacity));
}

.focus\:text-magenta-100:focus {
  --text-opacity: 1;
  color: #fff1fa;
  color: rgba(255, 241, 250, var(--text-opacity));
}

.focus\:text-magenta-200:focus {
  --text-opacity: 1;
  color: #ffd8f0;
  color: rgba(255, 216, 240, var(--text-opacity));
}

.focus\:text-magenta-300:focus {
  --text-opacity: 1;
  color: #ffc0e4;
  color: rgba(255, 192, 228, var(--text-opacity));
}

.focus\:text-magenta-400:focus {
  --text-opacity: 1;
  color: #f790c6;
  color: rgba(247, 144, 198, var(--text-opacity));
}

.focus\:text-magenta-500:focus {
  --text-opacity: 1;
  color: #ef62a8;
  color: rgba(239, 98, 168, var(--text-opacity));
}

.focus\:text-magenta-600:focus {
  --text-opacity: 1;
  color: #e63888;
  color: rgba(230, 56, 136, var(--text-opacity));
}

.focus\:text-magenta-700:focus {
  --text-opacity: 1;
  color: #c41d73;
  color: rgba(196, 29, 115, var(--text-opacity));
}

.focus\:text-magenta-800:focus {
  --text-opacity: 1;
  color: #a20861;
  color: rgba(162, 8, 97, var(--text-opacity));
}

.focus\:text-magenta-900:focus {
  --text-opacity: 1;
  color: #800051;
  color: rgba(128, 0, 81, var(--text-opacity));
}

.focus\:text-orange-100:focus {
  --text-opacity: 1;
  color: #fff9f2;
  color: rgba(255, 249, 242, var(--text-opacity));
}

.focus\:text-orange-200:focus {
  --text-opacity: 1;
  color: #ffeed7;
  color: rgba(255, 238, 215, var(--text-opacity));
}

.focus\:text-orange-300:focus {
  --text-opacity: 1;
  color: #ffe3ba;
  color: rgba(255, 227, 186, var(--text-opacity));
}

.focus\:text-orange-400:focus {
  --text-opacity: 1;
  color: #ffc684;
  color: rgba(255, 198, 132, var(--text-opacity));
}

.focus\:text-orange-500:focus {
  --text-opacity: 1;
  color: #ffaa4f;
  color: rgba(255, 170, 79, var(--text-opacity));
}

.focus\:text-orange-600:focus {
  --text-opacity: 1;
  color: #ff8f1c;
  color: rgba(255, 143, 28, var(--text-opacity));
}

.focus\:text-orange-700:focus {
  --text-opacity: 1;
  color: #cc6e0f;
  color: rgba(204, 110, 15, var(--text-opacity));
}

.focus\:text-orange-800:focus {
  --text-opacity: 1;
  color: #995006;
  color: rgba(153, 80, 6, var(--text-opacity));
}

.focus\:text-orange-900:focus {
  --text-opacity: 1;
  color: #663300;
  color: rgba(102, 51, 0, var(--text-opacity));
}

.focus\:text-purple-100:focus {
  --text-opacity: 1;
  color: #fef2ff;
  color: rgba(254, 242, 255, var(--text-opacity));
}

.focus\:text-purple-200:focus {
  --text-opacity: 1;
  color: #eed3f1;
  color: rgba(238, 211, 241, var(--text-opacity));
}

.focus\:text-purple-300:focus {
  --text-opacity: 1;
  color: #dfb6e4;
  color: rgba(223, 182, 228, var(--text-opacity));
}

.focus\:text-purple-400:focus {
  --text-opacity: 1;
  color: #c186c9;
  color: rgba(193, 134, 201, var(--text-opacity));
}

.focus\:text-purple-500:focus {
  --text-opacity: 1;
  color: #a45dad;
  color: rgba(164, 93, 173, var(--text-opacity));
}

.focus\:text-purple-600:focus {
  --text-opacity: 1;
  color: #883b92;
  color: rgba(136, 59, 146, var(--text-opacity));
}

.focus\:text-purple-700:focus {
  --text-opacity: 1;
  color: #6d2077;
  color: rgba(109, 32, 119, var(--text-opacity));
}

.focus\:text-purple-800:focus {
  --text-opacity: 1;
  color: #53135b;
  color: rgba(83, 19, 91, var(--text-opacity));
}

.focus\:text-purple-900:focus {
  --text-opacity: 1;
  color: #390a40;
  color: rgba(57, 10, 64, var(--text-opacity));
}

.focus\:text-raspberry-100:focus {
  --text-opacity: 1;
  color: #fff0fb;
  color: rgba(255, 240, 251, var(--text-opacity));
}

.focus\:text-raspberry-200:focus {
  --text-opacity: 1;
  color: #f6cbea;
  color: rgba(246, 203, 234, var(--text-opacity));
}

.focus\:text-raspberry-300:focus {
  --text-opacity: 1;
  color: #eda7da;
  color: rgba(237, 167, 218, var(--text-opacity));
}

.focus\:text-raspberry-400:focus {
  --text-opacity: 1;
  color: #d86fbc;
  color: rgba(216, 111, 188, var(--text-opacity));
}

.focus\:text-raspberry-500:focus {
  --text-opacity: 1;
  color: #c43e9f;
  color: rgba(196, 62, 159, var(--text-opacity));
}

.focus\:text-raspberry-600:focus {
  --text-opacity: 1;
  color: #af1685;
  color: rgba(175, 22, 133, var(--text-opacity));
}

.focus\:text-raspberry-700:focus {
  --text-opacity: 1;
  color: #92086d;
  color: rgba(146, 8, 109, var(--text-opacity));
}

.focus\:text-raspberry-800:focus {
  --text-opacity: 1;
  color: #760056;
  color: rgba(118, 0, 86, var(--text-opacity));
}

.focus\:text-raspberry-900:focus {
  --text-opacity: 1;
  color: #570041;
  color: rgba(87, 0, 65, var(--text-opacity));
}

.focus\:text-red-100:focus {
  --text-opacity: 1;
  color: #fff0f3;
  color: rgba(255, 240, 243, var(--text-opacity));
}

.focus\:text-red-200:focus {
  --text-opacity: 1;
  color: #FFD6DD;
  color: rgba(255, 214, 221, var(--text-opacity));
}

.focus\:text-red-300:focus {
  --text-opacity: 1;
  color: #fea8b8;
  color: rgba(254, 168, 184, var(--text-opacity));
}

.focus\:text-red-400:focus {
  --text-opacity: 1;
  color: #f66c86;
  color: rgba(246, 108, 134, var(--text-opacity));
}

.focus\:text-red-500:focus {
  --text-opacity: 1;
  color: #ed3457;
  color: rgba(237, 52, 87, var(--text-opacity));
}

.focus\:text-red-600:focus {
  --text-opacity: 1;
  color: #e4002b;
  color: rgba(228, 0, 43, var(--text-opacity));
}

.focus\:text-red-700:focus {
  --text-opacity: 1;
  color: #c60025;
  color: rgba(198, 0, 37, var(--text-opacity));
}

.focus\:text-red-800:focus {
  --text-opacity: 1;
  color: #a8001f;
  color: rgba(168, 0, 31, var(--text-opacity));
}

.focus\:text-red-900:focus {
  --text-opacity: 1;
  color: #8a0019;
  color: rgba(138, 0, 25, var(--text-opacity));
}

.focus\:text-sapphire-100:focus {
  --text-opacity: 1;
  color: #f2fcff;
  color: rgba(242, 252, 255, var(--text-opacity));
}

.focus\:text-sapphire-200:focus {
  --text-opacity: 1;
  color: #d0eff8;
  color: rgba(208, 239, 248, var(--text-opacity));
}

.focus\:text-sapphire-300:focus {
  --text-opacity: 1;
  color: #afe2f1;
  color: rgba(175, 226, 241, var(--text-opacity));
}

.focus\:text-sapphire-400:focus {
  --text-opacity: 1;
  color: #79c8de;
  color: rgba(121, 200, 222, var(--text-opacity));
}

.focus\:text-sapphire-500:focus {
  --text-opacity: 1;
  color: #4aafcc;
  color: rgba(74, 175, 204, var(--text-opacity));
}

.focus\:text-sapphire-600:focus {
  --text-opacity: 1;
  color: #2197b9;
  color: rgba(33, 151, 185, var(--text-opacity));
}

.focus\:text-sapphire-700:focus {
  --text-opacity: 1;
  color: #0081a6;
  color: rgba(0, 129, 166, var(--text-opacity));
}

.focus\:text-sapphire-800:focus {
  --text-opacity: 1;
  color: #006580;
  color: rgba(0, 101, 128, var(--text-opacity));
}

.focus\:text-sapphire-900:focus {
  --text-opacity: 1;
  color: #004759;
  color: rgba(0, 71, 89, var(--text-opacity));
}

.focus\:text-teal-100:focus {
  --text-opacity: 1;
  color: #f2fffe;
  color: rgba(242, 255, 254, var(--text-opacity));
}

.focus\:text-teal-200:focus {
  --text-opacity: 1;
  color: #c6f7f4;
  color: rgba(198, 247, 244, var(--text-opacity));
}

.focus\:text-teal-300:focus {
  --text-opacity: 1;
  color: #9befea;
  color: rgba(155, 239, 234, var(--text-opacity));
}

.focus\:text-teal-400:focus {
  --text-opacity: 1;
  color: #5fdad4;
  color: rgba(95, 218, 212, var(--text-opacity));
}

.focus\:text-teal-500:focus {
  --text-opacity: 1;
  color: #2bc6be;
  color: rgba(43, 198, 190, var(--text-opacity));
}

.focus\:text-teal-600:focus {
  --text-opacity: 1;
  color: #00b2a9;
  color: rgba(0, 178, 169, var(--text-opacity));
}

.focus\:text-teal-700:focus {
  --text-opacity: 1;
  color: #00948c;
  color: rgba(0, 148, 140, var(--text-opacity));
}

.focus\:text-teal-800:focus {
  --text-opacity: 1;
  color: #00756f;
  color: rgba(0, 117, 111, var(--text-opacity));
}

.focus\:text-teal-900:focus {
  --text-opacity: 1;
  color: #005752;
  color: rgba(0, 87, 82, var(--text-opacity));
}

.focus\:text-transparent:focus {
  color: transparent;
}

.focus\:text-white:focus {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.focus\:text-white-a10:focus {
  color: rgba(255, 255, 255, 0.1);
}

.focus\:text-white-a20:focus {
  color: rgba(255, 255, 255, 0.2);
}

.focus\:text-white-a30:focus {
  color: rgba(255, 255, 255, 0.3);
}

.focus\:text-white-a40:focus {
  color: rgba(255, 255, 255, 0.4);
}

.focus\:text-white-a50:focus {
  color: rgba(255, 255, 255, 0.5);
}

.focus\:text-white-a60:focus {
  color: rgba(255, 255, 255, 0.6);
}

.focus\:text-white-a70:focus {
  color: rgba(255, 255, 255, 0.7);
}

.focus\:text-white-a80:focus {
  color: rgba(255, 255, 255, 0.8);
}

.focus\:text-white-a90:focus {
  color: rgba(255, 255, 255, 0.9);
}

.focus\:text-yellow-100:focus {
  --text-opacity: 1;
  color: #FFF9E8;
  color: rgba(255, 249, 232, var(--text-opacity));
}

.focus\:text-yellow-200:focus {
  --text-opacity: 1;
  color: #FFF1BD;
  color: rgba(255, 241, 189, var(--text-opacity));
}

.focus\:text-yellow-300:focus {
  --text-opacity: 1;
  color: #FFEA90;
  color: rgba(255, 234, 144, var(--text-opacity));
}

.focus\:text-yellow-400:focus {
  --text-opacity: 1;
  color: #FFD146;
  color: rgba(255, 209, 70, var(--text-opacity));
}

.focus\:text-yellow-500:focus {
  --text-opacity: 1;
  color: #FEBA00;
  color: rgba(254, 186, 0, var(--text-opacity));
}

.focus\:text-yellow-600:focus {
  --text-opacity: 1;
  color: #D49A00;
  color: rgba(212, 154, 0, var(--text-opacity));
}

.focus\:text-yellow-700:focus {
  --text-opacity: 1;
  color: #AA7A00;
  color: rgba(170, 122, 0, var(--text-opacity));
}

.focus\:text-yellow-800:focus {
  --text-opacity: 1;
  color: #815B00;
  color: rgba(129, 91, 0, var(--text-opacity));
}

.focus\:text-yellow-900:focus {
  --text-opacity: 1;
  color: #573D00;
  color: rgba(87, 61, 0, var(--text-opacity));
}

.active\:text-black:active {
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.active\:text-blue-100:active {
  --text-opacity: 1;
  color: #f2f8ff;
  color: rgba(242, 248, 255, var(--text-opacity));
}

.active\:text-blue-150:active {
  --text-opacity: 1;
  color: #E6EFFB;
  color: rgba(230, 239, 251, var(--text-opacity));
}

.active\:text-blue-200:active {
  --text-opacity: 1;
  color: #d6e3f4;
  color: rgba(214, 227, 244, var(--text-opacity));
}

.active\:text-blue-300:active {
  --text-opacity: 1;
  color: #bbcfea;
  color: rgba(187, 207, 234, var(--text-opacity));
}

.active\:text-blue-400:active {
  --text-opacity: 1;
  color: #8dabd4;
  color: rgba(141, 171, 212, var(--text-opacity));
}

.active\:text-blue-500:active {
  --text-opacity: 1;
  color: #648abf;
  color: rgba(100, 138, 191, var(--text-opacity));
}

.active\:text-blue-600:active {
  --text-opacity: 1;
  color: #426da9;
  color: rgba(66, 109, 169, var(--text-opacity));
}

.active\:text-blue-700:active {
  --text-opacity: 1;
  color: #1d4f91;
  color: rgba(29, 79, 145, var(--text-opacity));
}

.active\:text-blue-800:active {
  --text-opacity: 1;
  color: #123f7a;
  color: rgba(18, 63, 122, var(--text-opacity));
}

.active\:text-blue-900:active {
  --text-opacity: 1;
  color: #0a3163;
  color: rgba(10, 49, 99, var(--text-opacity));
}

.active\:text-gray-100:active {
  --text-opacity: 1;
  color: #f6f6f6;
  color: rgba(246, 246, 246, var(--text-opacity));
}

.active\:text-gray-200:active {
  --text-opacity: 1;
  color: #eaeaea;
  color: rgba(234, 234, 234, var(--text-opacity));
}

.active\:text-gray-300:active {
  --text-opacity: 1;
  color: #d6d6d6;
  color: rgba(214, 214, 214, var(--text-opacity));
}

.active\:text-gray-400:active {
  --text-opacity: 1;
  color: #c1c1c1;
  color: rgba(193, 193, 193, var(--text-opacity));
}

.active\:text-gray-500:active {
  --text-opacity: 1;
  color: #a7a7a7;
  color: rgba(167, 167, 167, var(--text-opacity));
}

.active\:text-gray-600:active {
  --text-opacity: 1;
  color: #8c8c8c;
  color: rgba(140, 140, 140, var(--text-opacity));
}

.active\:text-gray-700:active {
  --text-opacity: 1;
  color: #717171;
  color: rgba(113, 113, 113, var(--text-opacity));
}

.active\:text-gray-800:active {
  --text-opacity: 1;
  color: #585858;
  color: rgba(88, 88, 88, var(--text-opacity));
}

.active\:text-gray-900:active {
  --text-opacity: 1;
  color: #404040;
  color: rgba(64, 64, 64, var(--text-opacity));
}

.active\:text-green-100:active {
  --text-opacity: 1;
  color: #F2FFF5;
  color: rgba(242, 255, 245, var(--text-opacity));
}

.active\:text-green-200:active {
  --text-opacity: 1;
  color: #D0F6DB;
  color: rgba(208, 246, 219, var(--text-opacity));
}

.active\:text-green-300:active {
  --text-opacity: 1;
  color: #9AE8B4;
  color: rgba(154, 232, 180, var(--text-opacity));
}

.active\:text-green-400:active {
  --text-opacity: 1;
  color: #5CD08E;
  color: rgba(92, 208, 142, var(--text-opacity));
}

.active\:text-green-500:active {
  --text-opacity: 1;
  color: #29B769;
  color: rgba(41, 183, 105, var(--text-opacity));
}

.active\:text-green-600:active {
  --text-opacity: 1;
  color: #009f4d;
  color: rgba(0, 159, 77, var(--text-opacity));
}

.active\:text-green-700:active {
  --text-opacity: 1;
  color: #007a3b;
  color: rgba(0, 122, 59, var(--text-opacity));
}

.active\:text-green-800:active {
  --text-opacity: 1;
  color: #00612F;
  color: rgba(0, 97, 47, var(--text-opacity));
}

.active\:text-green-900:active {
  --text-opacity: 1;
  color: #004A24;
  color: rgba(0, 74, 36, var(--text-opacity));
}

.active\:text-lime-100:active {
  --text-opacity: 1;
  color: #fefff2;
  color: rgba(254, 255, 242, var(--text-opacity));
}

.active\:text-lime-200:active {
  --text-opacity: 1;
  color: #f7f9cc;
  color: rgba(247, 249, 204, var(--text-opacity));
}

.active\:text-lime-300:active {
  --text-opacity: 1;
  color: #f0f3a7;
  color: rgba(240, 243, 167, var(--text-opacity));
}

.active\:text-lime-400:active {
  --text-opacity: 1;
  color: #dce26d;
  color: rgba(220, 226, 109, var(--text-opacity));
}

.active\:text-lime-500:active {
  --text-opacity: 1;
  color: #cad03b;
  color: rgba(202, 208, 59, var(--text-opacity));
}

.active\:text-lime-600:active {
  --text-opacity: 1;
  color: #b7bf10;
  color: rgba(183, 191, 16, var(--text-opacity));
}

.active\:text-lime-700:active {
  --text-opacity: 1;
  color: #979e08;
  color: rgba(151, 158, 8, var(--text-opacity));
}

.active\:text-lime-800:active {
  --text-opacity: 1;
  color: #777d03;
  color: rgba(119, 125, 3, var(--text-opacity));
}

.active\:text-lime-900:active {
  --text-opacity: 1;
  color: #575c00;
  color: rgba(87, 92, 0, var(--text-opacity));
}

.active\:text-magenta-100:active {
  --text-opacity: 1;
  color: #fff1fa;
  color: rgba(255, 241, 250, var(--text-opacity));
}

.active\:text-magenta-200:active {
  --text-opacity: 1;
  color: #ffd8f0;
  color: rgba(255, 216, 240, var(--text-opacity));
}

.active\:text-magenta-300:active {
  --text-opacity: 1;
  color: #ffc0e4;
  color: rgba(255, 192, 228, var(--text-opacity));
}

.active\:text-magenta-400:active {
  --text-opacity: 1;
  color: #f790c6;
  color: rgba(247, 144, 198, var(--text-opacity));
}

.active\:text-magenta-500:active {
  --text-opacity: 1;
  color: #ef62a8;
  color: rgba(239, 98, 168, var(--text-opacity));
}

.active\:text-magenta-600:active {
  --text-opacity: 1;
  color: #e63888;
  color: rgba(230, 56, 136, var(--text-opacity));
}

.active\:text-magenta-700:active {
  --text-opacity: 1;
  color: #c41d73;
  color: rgba(196, 29, 115, var(--text-opacity));
}

.active\:text-magenta-800:active {
  --text-opacity: 1;
  color: #a20861;
  color: rgba(162, 8, 97, var(--text-opacity));
}

.active\:text-magenta-900:active {
  --text-opacity: 1;
  color: #800051;
  color: rgba(128, 0, 81, var(--text-opacity));
}

.active\:text-orange-100:active {
  --text-opacity: 1;
  color: #fff9f2;
  color: rgba(255, 249, 242, var(--text-opacity));
}

.active\:text-orange-200:active {
  --text-opacity: 1;
  color: #ffeed7;
  color: rgba(255, 238, 215, var(--text-opacity));
}

.active\:text-orange-300:active {
  --text-opacity: 1;
  color: #ffe3ba;
  color: rgba(255, 227, 186, var(--text-opacity));
}

.active\:text-orange-400:active {
  --text-opacity: 1;
  color: #ffc684;
  color: rgba(255, 198, 132, var(--text-opacity));
}

.active\:text-orange-500:active {
  --text-opacity: 1;
  color: #ffaa4f;
  color: rgba(255, 170, 79, var(--text-opacity));
}

.active\:text-orange-600:active {
  --text-opacity: 1;
  color: #ff8f1c;
  color: rgba(255, 143, 28, var(--text-opacity));
}

.active\:text-orange-700:active {
  --text-opacity: 1;
  color: #cc6e0f;
  color: rgba(204, 110, 15, var(--text-opacity));
}

.active\:text-orange-800:active {
  --text-opacity: 1;
  color: #995006;
  color: rgba(153, 80, 6, var(--text-opacity));
}

.active\:text-orange-900:active {
  --text-opacity: 1;
  color: #663300;
  color: rgba(102, 51, 0, var(--text-opacity));
}

.active\:text-purple-100:active {
  --text-opacity: 1;
  color: #fef2ff;
  color: rgba(254, 242, 255, var(--text-opacity));
}

.active\:text-purple-200:active {
  --text-opacity: 1;
  color: #eed3f1;
  color: rgba(238, 211, 241, var(--text-opacity));
}

.active\:text-purple-300:active {
  --text-opacity: 1;
  color: #dfb6e4;
  color: rgba(223, 182, 228, var(--text-opacity));
}

.active\:text-purple-400:active {
  --text-opacity: 1;
  color: #c186c9;
  color: rgba(193, 134, 201, var(--text-opacity));
}

.active\:text-purple-500:active {
  --text-opacity: 1;
  color: #a45dad;
  color: rgba(164, 93, 173, var(--text-opacity));
}

.active\:text-purple-600:active {
  --text-opacity: 1;
  color: #883b92;
  color: rgba(136, 59, 146, var(--text-opacity));
}

.active\:text-purple-700:active {
  --text-opacity: 1;
  color: #6d2077;
  color: rgba(109, 32, 119, var(--text-opacity));
}

.active\:text-purple-800:active {
  --text-opacity: 1;
  color: #53135b;
  color: rgba(83, 19, 91, var(--text-opacity));
}

.active\:text-purple-900:active {
  --text-opacity: 1;
  color: #390a40;
  color: rgba(57, 10, 64, var(--text-opacity));
}

.active\:text-raspberry-100:active {
  --text-opacity: 1;
  color: #fff0fb;
  color: rgba(255, 240, 251, var(--text-opacity));
}

.active\:text-raspberry-200:active {
  --text-opacity: 1;
  color: #f6cbea;
  color: rgba(246, 203, 234, var(--text-opacity));
}

.active\:text-raspberry-300:active {
  --text-opacity: 1;
  color: #eda7da;
  color: rgba(237, 167, 218, var(--text-opacity));
}

.active\:text-raspberry-400:active {
  --text-opacity: 1;
  color: #d86fbc;
  color: rgba(216, 111, 188, var(--text-opacity));
}

.active\:text-raspberry-500:active {
  --text-opacity: 1;
  color: #c43e9f;
  color: rgba(196, 62, 159, var(--text-opacity));
}

.active\:text-raspberry-600:active {
  --text-opacity: 1;
  color: #af1685;
  color: rgba(175, 22, 133, var(--text-opacity));
}

.active\:text-raspberry-700:active {
  --text-opacity: 1;
  color: #92086d;
  color: rgba(146, 8, 109, var(--text-opacity));
}

.active\:text-raspberry-800:active {
  --text-opacity: 1;
  color: #760056;
  color: rgba(118, 0, 86, var(--text-opacity));
}

.active\:text-raspberry-900:active {
  --text-opacity: 1;
  color: #570041;
  color: rgba(87, 0, 65, var(--text-opacity));
}

.active\:text-red-100:active {
  --text-opacity: 1;
  color: #fff0f3;
  color: rgba(255, 240, 243, var(--text-opacity));
}

.active\:text-red-200:active {
  --text-opacity: 1;
  color: #FFD6DD;
  color: rgba(255, 214, 221, var(--text-opacity));
}

.active\:text-red-300:active {
  --text-opacity: 1;
  color: #fea8b8;
  color: rgba(254, 168, 184, var(--text-opacity));
}

.active\:text-red-400:active {
  --text-opacity: 1;
  color: #f66c86;
  color: rgba(246, 108, 134, var(--text-opacity));
}

.active\:text-red-500:active {
  --text-opacity: 1;
  color: #ed3457;
  color: rgba(237, 52, 87, var(--text-opacity));
}

.active\:text-red-600:active {
  --text-opacity: 1;
  color: #e4002b;
  color: rgba(228, 0, 43, var(--text-opacity));
}

.active\:text-red-700:active {
  --text-opacity: 1;
  color: #c60025;
  color: rgba(198, 0, 37, var(--text-opacity));
}

.active\:text-red-800:active {
  --text-opacity: 1;
  color: #a8001f;
  color: rgba(168, 0, 31, var(--text-opacity));
}

.active\:text-red-900:active {
  --text-opacity: 1;
  color: #8a0019;
  color: rgba(138, 0, 25, var(--text-opacity));
}

.active\:text-sapphire-100:active {
  --text-opacity: 1;
  color: #f2fcff;
  color: rgba(242, 252, 255, var(--text-opacity));
}

.active\:text-sapphire-200:active {
  --text-opacity: 1;
  color: #d0eff8;
  color: rgba(208, 239, 248, var(--text-opacity));
}

.active\:text-sapphire-300:active {
  --text-opacity: 1;
  color: #afe2f1;
  color: rgba(175, 226, 241, var(--text-opacity));
}

.active\:text-sapphire-400:active {
  --text-opacity: 1;
  color: #79c8de;
  color: rgba(121, 200, 222, var(--text-opacity));
}

.active\:text-sapphire-500:active {
  --text-opacity: 1;
  color: #4aafcc;
  color: rgba(74, 175, 204, var(--text-opacity));
}

.active\:text-sapphire-600:active {
  --text-opacity: 1;
  color: #2197b9;
  color: rgba(33, 151, 185, var(--text-opacity));
}

.active\:text-sapphire-700:active {
  --text-opacity: 1;
  color: #0081a6;
  color: rgba(0, 129, 166, var(--text-opacity));
}

.active\:text-sapphire-800:active {
  --text-opacity: 1;
  color: #006580;
  color: rgba(0, 101, 128, var(--text-opacity));
}

.active\:text-sapphire-900:active {
  --text-opacity: 1;
  color: #004759;
  color: rgba(0, 71, 89, var(--text-opacity));
}

.active\:text-teal-100:active {
  --text-opacity: 1;
  color: #f2fffe;
  color: rgba(242, 255, 254, var(--text-opacity));
}

.active\:text-teal-200:active {
  --text-opacity: 1;
  color: #c6f7f4;
  color: rgba(198, 247, 244, var(--text-opacity));
}

.active\:text-teal-300:active {
  --text-opacity: 1;
  color: #9befea;
  color: rgba(155, 239, 234, var(--text-opacity));
}

.active\:text-teal-400:active {
  --text-opacity: 1;
  color: #5fdad4;
  color: rgba(95, 218, 212, var(--text-opacity));
}

.active\:text-teal-500:active {
  --text-opacity: 1;
  color: #2bc6be;
  color: rgba(43, 198, 190, var(--text-opacity));
}

.active\:text-teal-600:active {
  --text-opacity: 1;
  color: #00b2a9;
  color: rgba(0, 178, 169, var(--text-opacity));
}

.active\:text-teal-700:active {
  --text-opacity: 1;
  color: #00948c;
  color: rgba(0, 148, 140, var(--text-opacity));
}

.active\:text-teal-800:active {
  --text-opacity: 1;
  color: #00756f;
  color: rgba(0, 117, 111, var(--text-opacity));
}

.active\:text-teal-900:active {
  --text-opacity: 1;
  color: #005752;
  color: rgba(0, 87, 82, var(--text-opacity));
}

.active\:text-transparent:active {
  color: transparent;
}

.active\:text-white:active {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.active\:text-white-a10:active {
  color: rgba(255, 255, 255, 0.1);
}

.active\:text-white-a20:active {
  color: rgba(255, 255, 255, 0.2);
}

.active\:text-white-a30:active {
  color: rgba(255, 255, 255, 0.3);
}

.active\:text-white-a40:active {
  color: rgba(255, 255, 255, 0.4);
}

.active\:text-white-a50:active {
  color: rgba(255, 255, 255, 0.5);
}

.active\:text-white-a60:active {
  color: rgba(255, 255, 255, 0.6);
}

.active\:text-white-a70:active {
  color: rgba(255, 255, 255, 0.7);
}

.active\:text-white-a80:active {
  color: rgba(255, 255, 255, 0.8);
}

.active\:text-white-a90:active {
  color: rgba(255, 255, 255, 0.9);
}

.active\:text-yellow-100:active {
  --text-opacity: 1;
  color: #FFF9E8;
  color: rgba(255, 249, 232, var(--text-opacity));
}

.active\:text-yellow-200:active {
  --text-opacity: 1;
  color: #FFF1BD;
  color: rgba(255, 241, 189, var(--text-opacity));
}

.active\:text-yellow-300:active {
  --text-opacity: 1;
  color: #FFEA90;
  color: rgba(255, 234, 144, var(--text-opacity));
}

.active\:text-yellow-400:active {
  --text-opacity: 1;
  color: #FFD146;
  color: rgba(255, 209, 70, var(--text-opacity));
}

.active\:text-yellow-500:active {
  --text-opacity: 1;
  color: #FEBA00;
  color: rgba(254, 186, 0, var(--text-opacity));
}

.active\:text-yellow-600:active {
  --text-opacity: 1;
  color: #D49A00;
  color: rgba(212, 154, 0, var(--text-opacity));
}

.active\:text-yellow-700:active {
  --text-opacity: 1;
  color: #AA7A00;
  color: rgba(170, 122, 0, var(--text-opacity));
}

.active\:text-yellow-800:active {
  --text-opacity: 1;
  color: #815B00;
  color: rgba(129, 91, 0, var(--text-opacity));
}

.active\:text-yellow-900:active {
  --text-opacity: 1;
  color: #573D00;
  color: rgba(87, 61, 0, var(--text-opacity));
}

.disabled\:text-black:disabled {
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.disabled\:text-blue-100:disabled {
  --text-opacity: 1;
  color: #f2f8ff;
  color: rgba(242, 248, 255, var(--text-opacity));
}

.disabled\:text-blue-150:disabled {
  --text-opacity: 1;
  color: #E6EFFB;
  color: rgba(230, 239, 251, var(--text-opacity));
}

.disabled\:text-blue-200:disabled {
  --text-opacity: 1;
  color: #d6e3f4;
  color: rgba(214, 227, 244, var(--text-opacity));
}

.disabled\:text-blue-300:disabled {
  --text-opacity: 1;
  color: #bbcfea;
  color: rgba(187, 207, 234, var(--text-opacity));
}

.disabled\:text-blue-400:disabled {
  --text-opacity: 1;
  color: #8dabd4;
  color: rgba(141, 171, 212, var(--text-opacity));
}

.disabled\:text-blue-500:disabled {
  --text-opacity: 1;
  color: #648abf;
  color: rgba(100, 138, 191, var(--text-opacity));
}

.disabled\:text-blue-600:disabled {
  --text-opacity: 1;
  color: #426da9;
  color: rgba(66, 109, 169, var(--text-opacity));
}

.disabled\:text-blue-700:disabled {
  --text-opacity: 1;
  color: #1d4f91;
  color: rgba(29, 79, 145, var(--text-opacity));
}

.disabled\:text-blue-800:disabled {
  --text-opacity: 1;
  color: #123f7a;
  color: rgba(18, 63, 122, var(--text-opacity));
}

.disabled\:text-blue-900:disabled {
  --text-opacity: 1;
  color: #0a3163;
  color: rgba(10, 49, 99, var(--text-opacity));
}

.disabled\:text-gray-100:disabled {
  --text-opacity: 1;
  color: #f6f6f6;
  color: rgba(246, 246, 246, var(--text-opacity));
}

.disabled\:text-gray-200:disabled {
  --text-opacity: 1;
  color: #eaeaea;
  color: rgba(234, 234, 234, var(--text-opacity));
}

.disabled\:text-gray-300:disabled {
  --text-opacity: 1;
  color: #d6d6d6;
  color: rgba(214, 214, 214, var(--text-opacity));
}

.disabled\:text-gray-400:disabled {
  --text-opacity: 1;
  color: #c1c1c1;
  color: rgba(193, 193, 193, var(--text-opacity));
}

.disabled\:text-gray-500:disabled {
  --text-opacity: 1;
  color: #a7a7a7;
  color: rgba(167, 167, 167, var(--text-opacity));
}

.disabled\:text-gray-600:disabled {
  --text-opacity: 1;
  color: #8c8c8c;
  color: rgba(140, 140, 140, var(--text-opacity));
}

.disabled\:text-gray-700:disabled {
  --text-opacity: 1;
  color: #717171;
  color: rgba(113, 113, 113, var(--text-opacity));
}

.disabled\:text-gray-800:disabled {
  --text-opacity: 1;
  color: #585858;
  color: rgba(88, 88, 88, var(--text-opacity));
}

.disabled\:text-gray-900:disabled {
  --text-opacity: 1;
  color: #404040;
  color: rgba(64, 64, 64, var(--text-opacity));
}

.disabled\:text-green-100:disabled {
  --text-opacity: 1;
  color: #F2FFF5;
  color: rgba(242, 255, 245, var(--text-opacity));
}

.disabled\:text-green-200:disabled {
  --text-opacity: 1;
  color: #D0F6DB;
  color: rgba(208, 246, 219, var(--text-opacity));
}

.disabled\:text-green-300:disabled {
  --text-opacity: 1;
  color: #9AE8B4;
  color: rgba(154, 232, 180, var(--text-opacity));
}

.disabled\:text-green-400:disabled {
  --text-opacity: 1;
  color: #5CD08E;
  color: rgba(92, 208, 142, var(--text-opacity));
}

.disabled\:text-green-500:disabled {
  --text-opacity: 1;
  color: #29B769;
  color: rgba(41, 183, 105, var(--text-opacity));
}

.disabled\:text-green-600:disabled {
  --text-opacity: 1;
  color: #009f4d;
  color: rgba(0, 159, 77, var(--text-opacity));
}

.disabled\:text-green-700:disabled {
  --text-opacity: 1;
  color: #007a3b;
  color: rgba(0, 122, 59, var(--text-opacity));
}

.disabled\:text-green-800:disabled {
  --text-opacity: 1;
  color: #00612F;
  color: rgba(0, 97, 47, var(--text-opacity));
}

.disabled\:text-green-900:disabled {
  --text-opacity: 1;
  color: #004A24;
  color: rgba(0, 74, 36, var(--text-opacity));
}

.disabled\:text-lime-100:disabled {
  --text-opacity: 1;
  color: #fefff2;
  color: rgba(254, 255, 242, var(--text-opacity));
}

.disabled\:text-lime-200:disabled {
  --text-opacity: 1;
  color: #f7f9cc;
  color: rgba(247, 249, 204, var(--text-opacity));
}

.disabled\:text-lime-300:disabled {
  --text-opacity: 1;
  color: #f0f3a7;
  color: rgba(240, 243, 167, var(--text-opacity));
}

.disabled\:text-lime-400:disabled {
  --text-opacity: 1;
  color: #dce26d;
  color: rgba(220, 226, 109, var(--text-opacity));
}

.disabled\:text-lime-500:disabled {
  --text-opacity: 1;
  color: #cad03b;
  color: rgba(202, 208, 59, var(--text-opacity));
}

.disabled\:text-lime-600:disabled {
  --text-opacity: 1;
  color: #b7bf10;
  color: rgba(183, 191, 16, var(--text-opacity));
}

.disabled\:text-lime-700:disabled {
  --text-opacity: 1;
  color: #979e08;
  color: rgba(151, 158, 8, var(--text-opacity));
}

.disabled\:text-lime-800:disabled {
  --text-opacity: 1;
  color: #777d03;
  color: rgba(119, 125, 3, var(--text-opacity));
}

.disabled\:text-lime-900:disabled {
  --text-opacity: 1;
  color: #575c00;
  color: rgba(87, 92, 0, var(--text-opacity));
}

.disabled\:text-magenta-100:disabled {
  --text-opacity: 1;
  color: #fff1fa;
  color: rgba(255, 241, 250, var(--text-opacity));
}

.disabled\:text-magenta-200:disabled {
  --text-opacity: 1;
  color: #ffd8f0;
  color: rgba(255, 216, 240, var(--text-opacity));
}

.disabled\:text-magenta-300:disabled {
  --text-opacity: 1;
  color: #ffc0e4;
  color: rgba(255, 192, 228, var(--text-opacity));
}

.disabled\:text-magenta-400:disabled {
  --text-opacity: 1;
  color: #f790c6;
  color: rgba(247, 144, 198, var(--text-opacity));
}

.disabled\:text-magenta-500:disabled {
  --text-opacity: 1;
  color: #ef62a8;
  color: rgba(239, 98, 168, var(--text-opacity));
}

.disabled\:text-magenta-600:disabled {
  --text-opacity: 1;
  color: #e63888;
  color: rgba(230, 56, 136, var(--text-opacity));
}

.disabled\:text-magenta-700:disabled {
  --text-opacity: 1;
  color: #c41d73;
  color: rgba(196, 29, 115, var(--text-opacity));
}

.disabled\:text-magenta-800:disabled {
  --text-opacity: 1;
  color: #a20861;
  color: rgba(162, 8, 97, var(--text-opacity));
}

.disabled\:text-magenta-900:disabled {
  --text-opacity: 1;
  color: #800051;
  color: rgba(128, 0, 81, var(--text-opacity));
}

.disabled\:text-orange-100:disabled {
  --text-opacity: 1;
  color: #fff9f2;
  color: rgba(255, 249, 242, var(--text-opacity));
}

.disabled\:text-orange-200:disabled {
  --text-opacity: 1;
  color: #ffeed7;
  color: rgba(255, 238, 215, var(--text-opacity));
}

.disabled\:text-orange-300:disabled {
  --text-opacity: 1;
  color: #ffe3ba;
  color: rgba(255, 227, 186, var(--text-opacity));
}

.disabled\:text-orange-400:disabled {
  --text-opacity: 1;
  color: #ffc684;
  color: rgba(255, 198, 132, var(--text-opacity));
}

.disabled\:text-orange-500:disabled {
  --text-opacity: 1;
  color: #ffaa4f;
  color: rgba(255, 170, 79, var(--text-opacity));
}

.disabled\:text-orange-600:disabled {
  --text-opacity: 1;
  color: #ff8f1c;
  color: rgba(255, 143, 28, var(--text-opacity));
}

.disabled\:text-orange-700:disabled {
  --text-opacity: 1;
  color: #cc6e0f;
  color: rgba(204, 110, 15, var(--text-opacity));
}

.disabled\:text-orange-800:disabled {
  --text-opacity: 1;
  color: #995006;
  color: rgba(153, 80, 6, var(--text-opacity));
}

.disabled\:text-orange-900:disabled {
  --text-opacity: 1;
  color: #663300;
  color: rgba(102, 51, 0, var(--text-opacity));
}

.disabled\:text-purple-100:disabled {
  --text-opacity: 1;
  color: #fef2ff;
  color: rgba(254, 242, 255, var(--text-opacity));
}

.disabled\:text-purple-200:disabled {
  --text-opacity: 1;
  color: #eed3f1;
  color: rgba(238, 211, 241, var(--text-opacity));
}

.disabled\:text-purple-300:disabled {
  --text-opacity: 1;
  color: #dfb6e4;
  color: rgba(223, 182, 228, var(--text-opacity));
}

.disabled\:text-purple-400:disabled {
  --text-opacity: 1;
  color: #c186c9;
  color: rgba(193, 134, 201, var(--text-opacity));
}

.disabled\:text-purple-500:disabled {
  --text-opacity: 1;
  color: #a45dad;
  color: rgba(164, 93, 173, var(--text-opacity));
}

.disabled\:text-purple-600:disabled {
  --text-opacity: 1;
  color: #883b92;
  color: rgba(136, 59, 146, var(--text-opacity));
}

.disabled\:text-purple-700:disabled {
  --text-opacity: 1;
  color: #6d2077;
  color: rgba(109, 32, 119, var(--text-opacity));
}

.disabled\:text-purple-800:disabled {
  --text-opacity: 1;
  color: #53135b;
  color: rgba(83, 19, 91, var(--text-opacity));
}

.disabled\:text-purple-900:disabled {
  --text-opacity: 1;
  color: #390a40;
  color: rgba(57, 10, 64, var(--text-opacity));
}

.disabled\:text-raspberry-100:disabled {
  --text-opacity: 1;
  color: #fff0fb;
  color: rgba(255, 240, 251, var(--text-opacity));
}

.disabled\:text-raspberry-200:disabled {
  --text-opacity: 1;
  color: #f6cbea;
  color: rgba(246, 203, 234, var(--text-opacity));
}

.disabled\:text-raspberry-300:disabled {
  --text-opacity: 1;
  color: #eda7da;
  color: rgba(237, 167, 218, var(--text-opacity));
}

.disabled\:text-raspberry-400:disabled {
  --text-opacity: 1;
  color: #d86fbc;
  color: rgba(216, 111, 188, var(--text-opacity));
}

.disabled\:text-raspberry-500:disabled {
  --text-opacity: 1;
  color: #c43e9f;
  color: rgba(196, 62, 159, var(--text-opacity));
}

.disabled\:text-raspberry-600:disabled {
  --text-opacity: 1;
  color: #af1685;
  color: rgba(175, 22, 133, var(--text-opacity));
}

.disabled\:text-raspberry-700:disabled {
  --text-opacity: 1;
  color: #92086d;
  color: rgba(146, 8, 109, var(--text-opacity));
}

.disabled\:text-raspberry-800:disabled {
  --text-opacity: 1;
  color: #760056;
  color: rgba(118, 0, 86, var(--text-opacity));
}

.disabled\:text-raspberry-900:disabled {
  --text-opacity: 1;
  color: #570041;
  color: rgba(87, 0, 65, var(--text-opacity));
}

.disabled\:text-red-100:disabled {
  --text-opacity: 1;
  color: #fff0f3;
  color: rgba(255, 240, 243, var(--text-opacity));
}

.disabled\:text-red-200:disabled {
  --text-opacity: 1;
  color: #FFD6DD;
  color: rgba(255, 214, 221, var(--text-opacity));
}

.disabled\:text-red-300:disabled {
  --text-opacity: 1;
  color: #fea8b8;
  color: rgba(254, 168, 184, var(--text-opacity));
}

.disabled\:text-red-400:disabled {
  --text-opacity: 1;
  color: #f66c86;
  color: rgba(246, 108, 134, var(--text-opacity));
}

.disabled\:text-red-500:disabled {
  --text-opacity: 1;
  color: #ed3457;
  color: rgba(237, 52, 87, var(--text-opacity));
}

.disabled\:text-red-600:disabled {
  --text-opacity: 1;
  color: #e4002b;
  color: rgba(228, 0, 43, var(--text-opacity));
}

.disabled\:text-red-700:disabled {
  --text-opacity: 1;
  color: #c60025;
  color: rgba(198, 0, 37, var(--text-opacity));
}

.disabled\:text-red-800:disabled {
  --text-opacity: 1;
  color: #a8001f;
  color: rgba(168, 0, 31, var(--text-opacity));
}

.disabled\:text-red-900:disabled {
  --text-opacity: 1;
  color: #8a0019;
  color: rgba(138, 0, 25, var(--text-opacity));
}

.disabled\:text-sapphire-100:disabled {
  --text-opacity: 1;
  color: #f2fcff;
  color: rgba(242, 252, 255, var(--text-opacity));
}

.disabled\:text-sapphire-200:disabled {
  --text-opacity: 1;
  color: #d0eff8;
  color: rgba(208, 239, 248, var(--text-opacity));
}

.disabled\:text-sapphire-300:disabled {
  --text-opacity: 1;
  color: #afe2f1;
  color: rgba(175, 226, 241, var(--text-opacity));
}

.disabled\:text-sapphire-400:disabled {
  --text-opacity: 1;
  color: #79c8de;
  color: rgba(121, 200, 222, var(--text-opacity));
}

.disabled\:text-sapphire-500:disabled {
  --text-opacity: 1;
  color: #4aafcc;
  color: rgba(74, 175, 204, var(--text-opacity));
}

.disabled\:text-sapphire-600:disabled {
  --text-opacity: 1;
  color: #2197b9;
  color: rgba(33, 151, 185, var(--text-opacity));
}

.disabled\:text-sapphire-700:disabled {
  --text-opacity: 1;
  color: #0081a6;
  color: rgba(0, 129, 166, var(--text-opacity));
}

.disabled\:text-sapphire-800:disabled {
  --text-opacity: 1;
  color: #006580;
  color: rgba(0, 101, 128, var(--text-opacity));
}

.disabled\:text-sapphire-900:disabled {
  --text-opacity: 1;
  color: #004759;
  color: rgba(0, 71, 89, var(--text-opacity));
}

.disabled\:text-teal-100:disabled {
  --text-opacity: 1;
  color: #f2fffe;
  color: rgba(242, 255, 254, var(--text-opacity));
}

.disabled\:text-teal-200:disabled {
  --text-opacity: 1;
  color: #c6f7f4;
  color: rgba(198, 247, 244, var(--text-opacity));
}

.disabled\:text-teal-300:disabled {
  --text-opacity: 1;
  color: #9befea;
  color: rgba(155, 239, 234, var(--text-opacity));
}

.disabled\:text-teal-400:disabled {
  --text-opacity: 1;
  color: #5fdad4;
  color: rgba(95, 218, 212, var(--text-opacity));
}

.disabled\:text-teal-500:disabled {
  --text-opacity: 1;
  color: #2bc6be;
  color: rgba(43, 198, 190, var(--text-opacity));
}

.disabled\:text-teal-600:disabled {
  --text-opacity: 1;
  color: #00b2a9;
  color: rgba(0, 178, 169, var(--text-opacity));
}

.disabled\:text-teal-700:disabled {
  --text-opacity: 1;
  color: #00948c;
  color: rgba(0, 148, 140, var(--text-opacity));
}

.disabled\:text-teal-800:disabled {
  --text-opacity: 1;
  color: #00756f;
  color: rgba(0, 117, 111, var(--text-opacity));
}

.disabled\:text-teal-900:disabled {
  --text-opacity: 1;
  color: #005752;
  color: rgba(0, 87, 82, var(--text-opacity));
}

.disabled\:text-transparent:disabled {
  color: transparent;
}

.disabled\:text-white:disabled {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.disabled\:text-white-a10:disabled {
  color: rgba(255, 255, 255, 0.1);
}

.disabled\:text-white-a20:disabled {
  color: rgba(255, 255, 255, 0.2);
}

.disabled\:text-white-a30:disabled {
  color: rgba(255, 255, 255, 0.3);
}

.disabled\:text-white-a40:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.disabled\:text-white-a50:disabled {
  color: rgba(255, 255, 255, 0.5);
}

.disabled\:text-white-a60:disabled {
  color: rgba(255, 255, 255, 0.6);
}

.disabled\:text-white-a70:disabled {
  color: rgba(255, 255, 255, 0.7);
}

.disabled\:text-white-a80:disabled {
  color: rgba(255, 255, 255, 0.8);
}

.disabled\:text-white-a90:disabled {
  color: rgba(255, 255, 255, 0.9);
}

.disabled\:text-yellow-100:disabled {
  --text-opacity: 1;
  color: #FFF9E8;
  color: rgba(255, 249, 232, var(--text-opacity));
}

.disabled\:text-yellow-200:disabled {
  --text-opacity: 1;
  color: #FFF1BD;
  color: rgba(255, 241, 189, var(--text-opacity));
}

.disabled\:text-yellow-300:disabled {
  --text-opacity: 1;
  color: #FFEA90;
  color: rgba(255, 234, 144, var(--text-opacity));
}

.disabled\:text-yellow-400:disabled {
  --text-opacity: 1;
  color: #FFD146;
  color: rgba(255, 209, 70, var(--text-opacity));
}

.disabled\:text-yellow-500:disabled {
  --text-opacity: 1;
  color: #FEBA00;
  color: rgba(254, 186, 0, var(--text-opacity));
}

.disabled\:text-yellow-600:disabled {
  --text-opacity: 1;
  color: #D49A00;
  color: rgba(212, 154, 0, var(--text-opacity));
}

.disabled\:text-yellow-700:disabled {
  --text-opacity: 1;
  color: #AA7A00;
  color: rgba(170, 122, 0, var(--text-opacity));
}

.disabled\:text-yellow-800:disabled {
  --text-opacity: 1;
  color: #815B00;
  color: rgba(129, 91, 0, var(--text-opacity));
}

.disabled\:text-yellow-900:disabled {
  --text-opacity: 1;
  color: #573D00;
  color: rgba(87, 61, 0, var(--text-opacity));
}

.placeholder\:text-black::-moz-placeholder {
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.placeholder\:text-black:-ms-input-placeholder {
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.placeholder\:text-black::placeholder {
  --text-opacity: 1;
  color: #333333;
  color: rgba(51, 51, 51, var(--text-opacity));
}

.placeholder\:text-blue-100::-moz-placeholder {
  --text-opacity: 1;
  color: #f2f8ff;
  color: rgba(242, 248, 255, var(--text-opacity));
}

.placeholder\:text-blue-100:-ms-input-placeholder {
  --text-opacity: 1;
  color: #f2f8ff;
  color: rgba(242, 248, 255, var(--text-opacity));
}

.placeholder\:text-blue-100::placeholder {
  --text-opacity: 1;
  color: #f2f8ff;
  color: rgba(242, 248, 255, var(--text-opacity));
}

.placeholder\:text-blue-150::-moz-placeholder {
  --text-opacity: 1;
  color: #E6EFFB;
  color: rgba(230, 239, 251, var(--text-opacity));
}

.placeholder\:text-blue-150:-ms-input-placeholder {
  --text-opacity: 1;
  color: #E6EFFB;
  color: rgba(230, 239, 251, var(--text-opacity));
}

.placeholder\:text-blue-150::placeholder {
  --text-opacity: 1;
  color: #E6EFFB;
  color: rgba(230, 239, 251, var(--text-opacity));
}

.placeholder\:text-blue-200::-moz-placeholder {
  --text-opacity: 1;
  color: #d6e3f4;
  color: rgba(214, 227, 244, var(--text-opacity));
}

.placeholder\:text-blue-200:-ms-input-placeholder {
  --text-opacity: 1;
  color: #d6e3f4;
  color: rgba(214, 227, 244, var(--text-opacity));
}

.placeholder\:text-blue-200::placeholder {
  --text-opacity: 1;
  color: #d6e3f4;
  color: rgba(214, 227, 244, var(--text-opacity));
}

.placeholder\:text-blue-300::-moz-placeholder {
  --text-opacity: 1;
  color: #bbcfea;
  color: rgba(187, 207, 234, var(--text-opacity));
}

.placeholder\:text-blue-300:-ms-input-placeholder {
  --text-opacity: 1;
  color: #bbcfea;
  color: rgba(187, 207, 234, var(--text-opacity));
}

.placeholder\:text-blue-300::placeholder {
  --text-opacity: 1;
  color: #bbcfea;
  color: rgba(187, 207, 234, var(--text-opacity));
}

.placeholder\:text-blue-400::-moz-placeholder {
  --text-opacity: 1;
  color: #8dabd4;
  color: rgba(141, 171, 212, var(--text-opacity));
}

.placeholder\:text-blue-400:-ms-input-placeholder {
  --text-opacity: 1;
  color: #8dabd4;
  color: rgba(141, 171, 212, var(--text-opacity));
}

.placeholder\:text-blue-400::placeholder {
  --text-opacity: 1;
  color: #8dabd4;
  color: rgba(141, 171, 212, var(--text-opacity));
}

.placeholder\:text-blue-500::-moz-placeholder {
  --text-opacity: 1;
  color: #648abf;
  color: rgba(100, 138, 191, var(--text-opacity));
}

.placeholder\:text-blue-500:-ms-input-placeholder {
  --text-opacity: 1;
  color: #648abf;
  color: rgba(100, 138, 191, var(--text-opacity));
}

.placeholder\:text-blue-500::placeholder {
  --text-opacity: 1;
  color: #648abf;
  color: rgba(100, 138, 191, var(--text-opacity));
}

.placeholder\:text-blue-600::-moz-placeholder {
  --text-opacity: 1;
  color: #426da9;
  color: rgba(66, 109, 169, var(--text-opacity));
}

.placeholder\:text-blue-600:-ms-input-placeholder {
  --text-opacity: 1;
  color: #426da9;
  color: rgba(66, 109, 169, var(--text-opacity));
}

.placeholder\:text-blue-600::placeholder {
  --text-opacity: 1;
  color: #426da9;
  color: rgba(66, 109, 169, var(--text-opacity));
}

.placeholder\:text-blue-700::-moz-placeholder {
  --text-opacity: 1;
  color: #1d4f91;
  color: rgba(29, 79, 145, var(--text-opacity));
}

.placeholder\:text-blue-700:-ms-input-placeholder {
  --text-opacity: 1;
  color: #1d4f91;
  color: rgba(29, 79, 145, var(--text-opacity));
}

.placeholder\:text-blue-700::placeholder {
  --text-opacity: 1;
  color: #1d4f91;
  color: rgba(29, 79, 145, var(--text-opacity));
}

.placeholder\:text-blue-800::-moz-placeholder {
  --text-opacity: 1;
  color: #123f7a;
  color: rgba(18, 63, 122, var(--text-opacity));
}

.placeholder\:text-blue-800:-ms-input-placeholder {
  --text-opacity: 1;
  color: #123f7a;
  color: rgba(18, 63, 122, var(--text-opacity));
}

.placeholder\:text-blue-800::placeholder {
  --text-opacity: 1;
  color: #123f7a;
  color: rgba(18, 63, 122, var(--text-opacity));
}

.placeholder\:text-blue-900::-moz-placeholder {
  --text-opacity: 1;
  color: #0a3163;
  color: rgba(10, 49, 99, var(--text-opacity));
}

.placeholder\:text-blue-900:-ms-input-placeholder {
  --text-opacity: 1;
  color: #0a3163;
  color: rgba(10, 49, 99, var(--text-opacity));
}

.placeholder\:text-blue-900::placeholder {
  --text-opacity: 1;
  color: #0a3163;
  color: rgba(10, 49, 99, var(--text-opacity));
}

.placeholder\:text-gray-100::-moz-placeholder {
  --text-opacity: 1;
  color: #f6f6f6;
  color: rgba(246, 246, 246, var(--text-opacity));
}

.placeholder\:text-gray-100:-ms-input-placeholder {
  --text-opacity: 1;
  color: #f6f6f6;
  color: rgba(246, 246, 246, var(--text-opacity));
}

.placeholder\:text-gray-100::placeholder {
  --text-opacity: 1;
  color: #f6f6f6;
  color: rgba(246, 246, 246, var(--text-opacity));
}

.placeholder\:text-gray-200::-moz-placeholder {
  --text-opacity: 1;
  color: #eaeaea;
  color: rgba(234, 234, 234, var(--text-opacity));
}

.placeholder\:text-gray-200:-ms-input-placeholder {
  --text-opacity: 1;
  color: #eaeaea;
  color: rgba(234, 234, 234, var(--text-opacity));
}

.placeholder\:text-gray-200::placeholder {
  --text-opacity: 1;
  color: #eaeaea;
  color: rgba(234, 234, 234, var(--text-opacity));
}

.placeholder\:text-gray-300::-moz-placeholder {
  --text-opacity: 1;
  color: #d6d6d6;
  color: rgba(214, 214, 214, var(--text-opacity));
}

.placeholder\:text-gray-300:-ms-input-placeholder {
  --text-opacity: 1;
  color: #d6d6d6;
  color: rgba(214, 214, 214, var(--text-opacity));
}

.placeholder\:text-gray-300::placeholder {
  --text-opacity: 1;
  color: #d6d6d6;
  color: rgba(214, 214, 214, var(--text-opacity));
}

.placeholder\:text-gray-400::-moz-placeholder {
  --text-opacity: 1;
  color: #c1c1c1;
  color: rgba(193, 193, 193, var(--text-opacity));
}

.placeholder\:text-gray-400:-ms-input-placeholder {
  --text-opacity: 1;
  color: #c1c1c1;
  color: rgba(193, 193, 193, var(--text-opacity));
}

.placeholder\:text-gray-400::placeholder {
  --text-opacity: 1;
  color: #c1c1c1;
  color: rgba(193, 193, 193, var(--text-opacity));
}

.placeholder\:text-gray-500::-moz-placeholder {
  --text-opacity: 1;
  color: #a7a7a7;
  color: rgba(167, 167, 167, var(--text-opacity));
}

.placeholder\:text-gray-500:-ms-input-placeholder {
  --text-opacity: 1;
  color: #a7a7a7;
  color: rgba(167, 167, 167, var(--text-opacity));
}

.placeholder\:text-gray-500::placeholder {
  --text-opacity: 1;
  color: #a7a7a7;
  color: rgba(167, 167, 167, var(--text-opacity));
}

.placeholder\:text-gray-600::-moz-placeholder {
  --text-opacity: 1;
  color: #8c8c8c;
  color: rgba(140, 140, 140, var(--text-opacity));
}

.placeholder\:text-gray-600:-ms-input-placeholder {
  --text-opacity: 1;
  color: #8c8c8c;
  color: rgba(140, 140, 140, var(--text-opacity));
}

.placeholder\:text-gray-600::placeholder {
  --text-opacity: 1;
  color: #8c8c8c;
  color: rgba(140, 140, 140, var(--text-opacity));
}

.placeholder\:text-gray-700::-moz-placeholder {
  --text-opacity: 1;
  color: #717171;
  color: rgba(113, 113, 113, var(--text-opacity));
}

.placeholder\:text-gray-700:-ms-input-placeholder {
  --text-opacity: 1;
  color: #717171;
  color: rgba(113, 113, 113, var(--text-opacity));
}

.placeholder\:text-gray-700::placeholder {
  --text-opacity: 1;
  color: #717171;
  color: rgba(113, 113, 113, var(--text-opacity));
}

.placeholder\:text-gray-800::-moz-placeholder {
  --text-opacity: 1;
  color: #585858;
  color: rgba(88, 88, 88, var(--text-opacity));
}

.placeholder\:text-gray-800:-ms-input-placeholder {
  --text-opacity: 1;
  color: #585858;
  color: rgba(88, 88, 88, var(--text-opacity));
}

.placeholder\:text-gray-800::placeholder {
  --text-opacity: 1;
  color: #585858;
  color: rgba(88, 88, 88, var(--text-opacity));
}

.placeholder\:text-gray-900::-moz-placeholder {
  --text-opacity: 1;
  color: #404040;
  color: rgba(64, 64, 64, var(--text-opacity));
}

.placeholder\:text-gray-900:-ms-input-placeholder {
  --text-opacity: 1;
  color: #404040;
  color: rgba(64, 64, 64, var(--text-opacity));
}

.placeholder\:text-gray-900::placeholder {
  --text-opacity: 1;
  color: #404040;
  color: rgba(64, 64, 64, var(--text-opacity));
}

.placeholder\:text-green-100::-moz-placeholder {
  --text-opacity: 1;
  color: #F2FFF5;
  color: rgba(242, 255, 245, var(--text-opacity));
}

.placeholder\:text-green-100:-ms-input-placeholder {
  --text-opacity: 1;
  color: #F2FFF5;
  color: rgba(242, 255, 245, var(--text-opacity));
}

.placeholder\:text-green-100::placeholder {
  --text-opacity: 1;
  color: #F2FFF5;
  color: rgba(242, 255, 245, var(--text-opacity));
}

.placeholder\:text-green-200::-moz-placeholder {
  --text-opacity: 1;
  color: #D0F6DB;
  color: rgba(208, 246, 219, var(--text-opacity));
}

.placeholder\:text-green-200:-ms-input-placeholder {
  --text-opacity: 1;
  color: #D0F6DB;
  color: rgba(208, 246, 219, var(--text-opacity));
}

.placeholder\:text-green-200::placeholder {
  --text-opacity: 1;
  color: #D0F6DB;
  color: rgba(208, 246, 219, var(--text-opacity));
}

.placeholder\:text-green-300::-moz-placeholder {
  --text-opacity: 1;
  color: #9AE8B4;
  color: rgba(154, 232, 180, var(--text-opacity));
}

.placeholder\:text-green-300:-ms-input-placeholder {
  --text-opacity: 1;
  color: #9AE8B4;
  color: rgba(154, 232, 180, var(--text-opacity));
}

.placeholder\:text-green-300::placeholder {
  --text-opacity: 1;
  color: #9AE8B4;
  color: rgba(154, 232, 180, var(--text-opacity));
}

.placeholder\:text-green-400::-moz-placeholder {
  --text-opacity: 1;
  color: #5CD08E;
  color: rgba(92, 208, 142, var(--text-opacity));
}

.placeholder\:text-green-400:-ms-input-placeholder {
  --text-opacity: 1;
  color: #5CD08E;
  color: rgba(92, 208, 142, var(--text-opacity));
}

.placeholder\:text-green-400::placeholder {
  --text-opacity: 1;
  color: #5CD08E;
  color: rgba(92, 208, 142, var(--text-opacity));
}

.placeholder\:text-green-500::-moz-placeholder {
  --text-opacity: 1;
  color: #29B769;
  color: rgba(41, 183, 105, var(--text-opacity));
}

.placeholder\:text-green-500:-ms-input-placeholder {
  --text-opacity: 1;
  color: #29B769;
  color: rgba(41, 183, 105, var(--text-opacity));
}

.placeholder\:text-green-500::placeholder {
  --text-opacity: 1;
  color: #29B769;
  color: rgba(41, 183, 105, var(--text-opacity));
}

.placeholder\:text-green-600::-moz-placeholder {
  --text-opacity: 1;
  color: #009f4d;
  color: rgba(0, 159, 77, var(--text-opacity));
}

.placeholder\:text-green-600:-ms-input-placeholder {
  --text-opacity: 1;
  color: #009f4d;
  color: rgba(0, 159, 77, var(--text-opacity));
}

.placeholder\:text-green-600::placeholder {
  --text-opacity: 1;
  color: #009f4d;
  color: rgba(0, 159, 77, var(--text-opacity));
}

.placeholder\:text-green-700::-moz-placeholder {
  --text-opacity: 1;
  color: #007a3b;
  color: rgba(0, 122, 59, var(--text-opacity));
}

.placeholder\:text-green-700:-ms-input-placeholder {
  --text-opacity: 1;
  color: #007a3b;
  color: rgba(0, 122, 59, var(--text-opacity));
}

.placeholder\:text-green-700::placeholder {
  --text-opacity: 1;
  color: #007a3b;
  color: rgba(0, 122, 59, var(--text-opacity));
}

.placeholder\:text-green-800::-moz-placeholder {
  --text-opacity: 1;
  color: #00612F;
  color: rgba(0, 97, 47, var(--text-opacity));
}

.placeholder\:text-green-800:-ms-input-placeholder {
  --text-opacity: 1;
  color: #00612F;
  color: rgba(0, 97, 47, var(--text-opacity));
}

.placeholder\:text-green-800::placeholder {
  --text-opacity: 1;
  color: #00612F;
  color: rgba(0, 97, 47, var(--text-opacity));
}

.placeholder\:text-green-900::-moz-placeholder {
  --text-opacity: 1;
  color: #004A24;
  color: rgba(0, 74, 36, var(--text-opacity));
}

.placeholder\:text-green-900:-ms-input-placeholder {
  --text-opacity: 1;
  color: #004A24;
  color: rgba(0, 74, 36, var(--text-opacity));
}

.placeholder\:text-green-900::placeholder {
  --text-opacity: 1;
  color: #004A24;
  color: rgba(0, 74, 36, var(--text-opacity));
}

.placeholder\:text-lime-100::-moz-placeholder {
  --text-opacity: 1;
  color: #fefff2;
  color: rgba(254, 255, 242, var(--text-opacity));
}

.placeholder\:text-lime-100:-ms-input-placeholder {
  --text-opacity: 1;
  color: #fefff2;
  color: rgba(254, 255, 242, var(--text-opacity));
}

.placeholder\:text-lime-100::placeholder {
  --text-opacity: 1;
  color: #fefff2;
  color: rgba(254, 255, 242, var(--text-opacity));
}

.placeholder\:text-lime-200::-moz-placeholder {
  --text-opacity: 1;
  color: #f7f9cc;
  color: rgba(247, 249, 204, var(--text-opacity));
}

.placeholder\:text-lime-200:-ms-input-placeholder {
  --text-opacity: 1;
  color: #f7f9cc;
  color: rgba(247, 249, 204, var(--text-opacity));
}

.placeholder\:text-lime-200::placeholder {
  --text-opacity: 1;
  color: #f7f9cc;
  color: rgba(247, 249, 204, var(--text-opacity));
}

.placeholder\:text-lime-300::-moz-placeholder {
  --text-opacity: 1;
  color: #f0f3a7;
  color: rgba(240, 243, 167, var(--text-opacity));
}

.placeholder\:text-lime-300:-ms-input-placeholder {
  --text-opacity: 1;
  color: #f0f3a7;
  color: rgba(240, 243, 167, var(--text-opacity));
}

.placeholder\:text-lime-300::placeholder {
  --text-opacity: 1;
  color: #f0f3a7;
  color: rgba(240, 243, 167, var(--text-opacity));
}

.placeholder\:text-lime-400::-moz-placeholder {
  --text-opacity: 1;
  color: #dce26d;
  color: rgba(220, 226, 109, var(--text-opacity));
}

.placeholder\:text-lime-400:-ms-input-placeholder {
  --text-opacity: 1;
  color: #dce26d;
  color: rgba(220, 226, 109, var(--text-opacity));
}

.placeholder\:text-lime-400::placeholder {
  --text-opacity: 1;
  color: #dce26d;
  color: rgba(220, 226, 109, var(--text-opacity));
}

.placeholder\:text-lime-500::-moz-placeholder {
  --text-opacity: 1;
  color: #cad03b;
  color: rgba(202, 208, 59, var(--text-opacity));
}

.placeholder\:text-lime-500:-ms-input-placeholder {
  --text-opacity: 1;
  color: #cad03b;
  color: rgba(202, 208, 59, var(--text-opacity));
}

.placeholder\:text-lime-500::placeholder {
  --text-opacity: 1;
  color: #cad03b;
  color: rgba(202, 208, 59, var(--text-opacity));
}

.placeholder\:text-lime-600::-moz-placeholder {
  --text-opacity: 1;
  color: #b7bf10;
  color: rgba(183, 191, 16, var(--text-opacity));
}

.placeholder\:text-lime-600:-ms-input-placeholder {
  --text-opacity: 1;
  color: #b7bf10;
  color: rgba(183, 191, 16, var(--text-opacity));
}

.placeholder\:text-lime-600::placeholder {
  --text-opacity: 1;
  color: #b7bf10;
  color: rgba(183, 191, 16, var(--text-opacity));
}

.placeholder\:text-lime-700::-moz-placeholder {
  --text-opacity: 1;
  color: #979e08;
  color: rgba(151, 158, 8, var(--text-opacity));
}

.placeholder\:text-lime-700:-ms-input-placeholder {
  --text-opacity: 1;
  color: #979e08;
  color: rgba(151, 158, 8, var(--text-opacity));
}

.placeholder\:text-lime-700::placeholder {
  --text-opacity: 1;
  color: #979e08;
  color: rgba(151, 158, 8, var(--text-opacity));
}

.placeholder\:text-lime-800::-moz-placeholder {
  --text-opacity: 1;
  color: #777d03;
  color: rgba(119, 125, 3, var(--text-opacity));
}

.placeholder\:text-lime-800:-ms-input-placeholder {
  --text-opacity: 1;
  color: #777d03;
  color: rgba(119, 125, 3, var(--text-opacity));
}

.placeholder\:text-lime-800::placeholder {
  --text-opacity: 1;
  color: #777d03;
  color: rgba(119, 125, 3, var(--text-opacity));
}

.placeholder\:text-lime-900::-moz-placeholder {
  --text-opacity: 1;
  color: #575c00;
  color: rgba(87, 92, 0, var(--text-opacity));
}

.placeholder\:text-lime-900:-ms-input-placeholder {
  --text-opacity: 1;
  color: #575c00;
  color: rgba(87, 92, 0, var(--text-opacity));
}

.placeholder\:text-lime-900::placeholder {
  --text-opacity: 1;
  color: #575c00;
  color: rgba(87, 92, 0, var(--text-opacity));
}

.placeholder\:text-magenta-100::-moz-placeholder {
  --text-opacity: 1;
  color: #fff1fa;
  color: rgba(255, 241, 250, var(--text-opacity));
}

.placeholder\:text-magenta-100:-ms-input-placeholder {
  --text-opacity: 1;
  color: #fff1fa;
  color: rgba(255, 241, 250, var(--text-opacity));
}

.placeholder\:text-magenta-100::placeholder {
  --text-opacity: 1;
  color: #fff1fa;
  color: rgba(255, 241, 250, var(--text-opacity));
}

.placeholder\:text-magenta-200::-moz-placeholder {
  --text-opacity: 1;
  color: #ffd8f0;
  color: rgba(255, 216, 240, var(--text-opacity));
}

.placeholder\:text-magenta-200:-ms-input-placeholder {
  --text-opacity: 1;
  color: #ffd8f0;
  color: rgba(255, 216, 240, var(--text-opacity));
}

.placeholder\:text-magenta-200::placeholder {
  --text-opacity: 1;
  color: #ffd8f0;
  color: rgba(255, 216, 240, var(--text-opacity));
}

.placeholder\:text-magenta-300::-moz-placeholder {
  --text-opacity: 1;
  color: #ffc0e4;
  color: rgba(255, 192, 228, var(--text-opacity));
}

.placeholder\:text-magenta-300:-ms-input-placeholder {
  --text-opacity: 1;
  color: #ffc0e4;
  color: rgba(255, 192, 228, var(--text-opacity));
}

.placeholder\:text-magenta-300::placeholder {
  --text-opacity: 1;
  color: #ffc0e4;
  color: rgba(255, 192, 228, var(--text-opacity));
}

.placeholder\:text-magenta-400::-moz-placeholder {
  --text-opacity: 1;
  color: #f790c6;
  color: rgba(247, 144, 198, var(--text-opacity));
}

.placeholder\:text-magenta-400:-ms-input-placeholder {
  --text-opacity: 1;
  color: #f790c6;
  color: rgba(247, 144, 198, var(--text-opacity));
}

.placeholder\:text-magenta-400::placeholder {
  --text-opacity: 1;
  color: #f790c6;
  color: rgba(247, 144, 198, var(--text-opacity));
}

.placeholder\:text-magenta-500::-moz-placeholder {
  --text-opacity: 1;
  color: #ef62a8;
  color: rgba(239, 98, 168, var(--text-opacity));
}

.placeholder\:text-magenta-500:-ms-input-placeholder {
  --text-opacity: 1;
  color: #ef62a8;
  color: rgba(239, 98, 168, var(--text-opacity));
}

.placeholder\:text-magenta-500::placeholder {
  --text-opacity: 1;
  color: #ef62a8;
  color: rgba(239, 98, 168, var(--text-opacity));
}

.placeholder\:text-magenta-600::-moz-placeholder {
  --text-opacity: 1;
  color: #e63888;
  color: rgba(230, 56, 136, var(--text-opacity));
}

.placeholder\:text-magenta-600:-ms-input-placeholder {
  --text-opacity: 1;
  color: #e63888;
  color: rgba(230, 56, 136, var(--text-opacity));
}

.placeholder\:text-magenta-600::placeholder {
  --text-opacity: 1;
  color: #e63888;
  color: rgba(230, 56, 136, var(--text-opacity));
}

.placeholder\:text-magenta-700::-moz-placeholder {
  --text-opacity: 1;
  color: #c41d73;
  color: rgba(196, 29, 115, var(--text-opacity));
}

.placeholder\:text-magenta-700:-ms-input-placeholder {
  --text-opacity: 1;
  color: #c41d73;
  color: rgba(196, 29, 115, var(--text-opacity));
}

.placeholder\:text-magenta-700::placeholder {
  --text-opacity: 1;
  color: #c41d73;
  color: rgba(196, 29, 115, var(--text-opacity));
}

.placeholder\:text-magenta-800::-moz-placeholder {
  --text-opacity: 1;
  color: #a20861;
  color: rgba(162, 8, 97, var(--text-opacity));
}

.placeholder\:text-magenta-800:-ms-input-placeholder {
  --text-opacity: 1;
  color: #a20861;
  color: rgba(162, 8, 97, var(--text-opacity));
}

.placeholder\:text-magenta-800::placeholder {
  --text-opacity: 1;
  color: #a20861;
  color: rgba(162, 8, 97, var(--text-opacity));
}

.placeholder\:text-magenta-900::-moz-placeholder {
  --text-opacity: 1;
  color: #800051;
  color: rgba(128, 0, 81, var(--text-opacity));
}

.placeholder\:text-magenta-900:-ms-input-placeholder {
  --text-opacity: 1;
  color: #800051;
  color: rgba(128, 0, 81, var(--text-opacity));
}

.placeholder\:text-magenta-900::placeholder {
  --text-opacity: 1;
  color: #800051;
  color: rgba(128, 0, 81, var(--text-opacity));
}

.placeholder\:text-orange-100::-moz-placeholder {
  --text-opacity: 1;
  color: #fff9f2;
  color: rgba(255, 249, 242, var(--text-opacity));
}

.placeholder\:text-orange-100:-ms-input-placeholder {
  --text-opacity: 1;
  color: #fff9f2;
  color: rgba(255, 249, 242, var(--text-opacity));
}

.placeholder\:text-orange-100::placeholder {
  --text-opacity: 1;
  color: #fff9f2;
  color: rgba(255, 249, 242, var(--text-opacity));
}

.placeholder\:text-orange-200::-moz-placeholder {
  --text-opacity: 1;
  color: #ffeed7;
  color: rgba(255, 238, 215, var(--text-opacity));
}

.placeholder\:text-orange-200:-ms-input-placeholder {
  --text-opacity: 1;
  color: #ffeed7;
  color: rgba(255, 238, 215, var(--text-opacity));
}

.placeholder\:text-orange-200::placeholder {
  --text-opacity: 1;
  color: #ffeed7;
  color: rgba(255, 238, 215, var(--text-opacity));
}

.placeholder\:text-orange-300::-moz-placeholder {
  --text-opacity: 1;
  color: #ffe3ba;
  color: rgba(255, 227, 186, var(--text-opacity));
}

.placeholder\:text-orange-300:-ms-input-placeholder {
  --text-opacity: 1;
  color: #ffe3ba;
  color: rgba(255, 227, 186, var(--text-opacity));
}

.placeholder\:text-orange-300::placeholder {
  --text-opacity: 1;
  color: #ffe3ba;
  color: rgba(255, 227, 186, var(--text-opacity));
}

.placeholder\:text-orange-400::-moz-placeholder {
  --text-opacity: 1;
  color: #ffc684;
  color: rgba(255, 198, 132, var(--text-opacity));
}

.placeholder\:text-orange-400:-ms-input-placeholder {
  --text-opacity: 1;
  color: #ffc684;
  color: rgba(255, 198, 132, var(--text-opacity));
}

.placeholder\:text-orange-400::placeholder {
  --text-opacity: 1;
  color: #ffc684;
  color: rgba(255, 198, 132, var(--text-opacity));
}

.placeholder\:text-orange-500::-moz-placeholder {
  --text-opacity: 1;
  color: #ffaa4f;
  color: rgba(255, 170, 79, var(--text-opacity));
}

.placeholder\:text-orange-500:-ms-input-placeholder {
  --text-opacity: 1;
  color: #ffaa4f;
  color: rgba(255, 170, 79, var(--text-opacity));
}

.placeholder\:text-orange-500::placeholder {
  --text-opacity: 1;
  color: #ffaa4f;
  color: rgba(255, 170, 79, var(--text-opacity));
}

.placeholder\:text-orange-600::-moz-placeholder {
  --text-opacity: 1;
  color: #ff8f1c;
  color: rgba(255, 143, 28, var(--text-opacity));
}

.placeholder\:text-orange-600:-ms-input-placeholder {
  --text-opacity: 1;
  color: #ff8f1c;
  color: rgba(255, 143, 28, var(--text-opacity));
}

.placeholder\:text-orange-600::placeholder {
  --text-opacity: 1;
  color: #ff8f1c;
  color: rgba(255, 143, 28, var(--text-opacity));
}

.placeholder\:text-orange-700::-moz-placeholder {
  --text-opacity: 1;
  color: #cc6e0f;
  color: rgba(204, 110, 15, var(--text-opacity));
}

.placeholder\:text-orange-700:-ms-input-placeholder {
  --text-opacity: 1;
  color: #cc6e0f;
  color: rgba(204, 110, 15, var(--text-opacity));
}

.placeholder\:text-orange-700::placeholder {
  --text-opacity: 1;
  color: #cc6e0f;
  color: rgba(204, 110, 15, var(--text-opacity));
}

.placeholder\:text-orange-800::-moz-placeholder {
  --text-opacity: 1;
  color: #995006;
  color: rgba(153, 80, 6, var(--text-opacity));
}

.placeholder\:text-orange-800:-ms-input-placeholder {
  --text-opacity: 1;
  color: #995006;
  color: rgba(153, 80, 6, var(--text-opacity));
}

.placeholder\:text-orange-800::placeholder {
  --text-opacity: 1;
  color: #995006;
  color: rgba(153, 80, 6, var(--text-opacity));
}

.placeholder\:text-orange-900::-moz-placeholder {
  --text-opacity: 1;
  color: #663300;
  color: rgba(102, 51, 0, var(--text-opacity));
}

.placeholder\:text-orange-900:-ms-input-placeholder {
  --text-opacity: 1;
  color: #663300;
  color: rgba(102, 51, 0, var(--text-opacity));
}

.placeholder\:text-orange-900::placeholder {
  --text-opacity: 1;
  color: #663300;
  color: rgba(102, 51, 0, var(--text-opacity));
}

.placeholder\:text-purple-100::-moz-placeholder {
  --text-opacity: 1;
  color: #fef2ff;
  color: rgba(254, 242, 255, var(--text-opacity));
}

.placeholder\:text-purple-100:-ms-input-placeholder {
  --text-opacity: 1;
  color: #fef2ff;
  color: rgba(254, 242, 255, var(--text-opacity));
}

.placeholder\:text-purple-100::placeholder {
  --text-opacity: 1;
  color: #fef2ff;
  color: rgba(254, 242, 255, var(--text-opacity));
}

.placeholder\:text-purple-200::-moz-placeholder {
  --text-opacity: 1;
  color: #eed3f1;
  color: rgba(238, 211, 241, var(--text-opacity));
}

.placeholder\:text-purple-200:-ms-input-placeholder {
  --text-opacity: 1;
  color: #eed3f1;
  color: rgba(238, 211, 241, var(--text-opacity));
}

.placeholder\:text-purple-200::placeholder {
  --text-opacity: 1;
  color: #eed3f1;
  color: rgba(238, 211, 241, var(--text-opacity));
}

.placeholder\:text-purple-300::-moz-placeholder {
  --text-opacity: 1;
  color: #dfb6e4;
  color: rgba(223, 182, 228, var(--text-opacity));
}

.placeholder\:text-purple-300:-ms-input-placeholder {
  --text-opacity: 1;
  color: #dfb6e4;
  color: rgba(223, 182, 228, var(--text-opacity));
}

.placeholder\:text-purple-300::placeholder {
  --text-opacity: 1;
  color: #dfb6e4;
  color: rgba(223, 182, 228, var(--text-opacity));
}

.placeholder\:text-purple-400::-moz-placeholder {
  --text-opacity: 1;
  color: #c186c9;
  color: rgba(193, 134, 201, var(--text-opacity));
}

.placeholder\:text-purple-400:-ms-input-placeholder {
  --text-opacity: 1;
  color: #c186c9;
  color: rgba(193, 134, 201, var(--text-opacity));
}

.placeholder\:text-purple-400::placeholder {
  --text-opacity: 1;
  color: #c186c9;
  color: rgba(193, 134, 201, var(--text-opacity));
}

.placeholder\:text-purple-500::-moz-placeholder {
  --text-opacity: 1;
  color: #a45dad;
  color: rgba(164, 93, 173, var(--text-opacity));
}

.placeholder\:text-purple-500:-ms-input-placeholder {
  --text-opacity: 1;
  color: #a45dad;
  color: rgba(164, 93, 173, var(--text-opacity));
}

.placeholder\:text-purple-500::placeholder {
  --text-opacity: 1;
  color: #a45dad;
  color: rgba(164, 93, 173, var(--text-opacity));
}

.placeholder\:text-purple-600::-moz-placeholder {
  --text-opacity: 1;
  color: #883b92;
  color: rgba(136, 59, 146, var(--text-opacity));
}

.placeholder\:text-purple-600:-ms-input-placeholder {
  --text-opacity: 1;
  color: #883b92;
  color: rgba(136, 59, 146, var(--text-opacity));
}

.placeholder\:text-purple-600::placeholder {
  --text-opacity: 1;
  color: #883b92;
  color: rgba(136, 59, 146, var(--text-opacity));
}

.placeholder\:text-purple-700::-moz-placeholder {
  --text-opacity: 1;
  color: #6d2077;
  color: rgba(109, 32, 119, var(--text-opacity));
}

.placeholder\:text-purple-700:-ms-input-placeholder {
  --text-opacity: 1;
  color: #6d2077;
  color: rgba(109, 32, 119, var(--text-opacity));
}

.placeholder\:text-purple-700::placeholder {
  --text-opacity: 1;
  color: #6d2077;
  color: rgba(109, 32, 119, var(--text-opacity));
}

.placeholder\:text-purple-800::-moz-placeholder {
  --text-opacity: 1;
  color: #53135b;
  color: rgba(83, 19, 91, var(--text-opacity));
}

.placeholder\:text-purple-800:-ms-input-placeholder {
  --text-opacity: 1;
  color: #53135b;
  color: rgba(83, 19, 91, var(--text-opacity));
}

.placeholder\:text-purple-800::placeholder {
  --text-opacity: 1;
  color: #53135b;
  color: rgba(83, 19, 91, var(--text-opacity));
}

.placeholder\:text-purple-900::-moz-placeholder {
  --text-opacity: 1;
  color: #390a40;
  color: rgba(57, 10, 64, var(--text-opacity));
}

.placeholder\:text-purple-900:-ms-input-placeholder {
  --text-opacity: 1;
  color: #390a40;
  color: rgba(57, 10, 64, var(--text-opacity));
}

.placeholder\:text-purple-900::placeholder {
  --text-opacity: 1;
  color: #390a40;
  color: rgba(57, 10, 64, var(--text-opacity));
}

.placeholder\:text-raspberry-100::-moz-placeholder {
  --text-opacity: 1;
  color: #fff0fb;
  color: rgba(255, 240, 251, var(--text-opacity));
}

.placeholder\:text-raspberry-100:-ms-input-placeholder {
  --text-opacity: 1;
  color: #fff0fb;
  color: rgba(255, 240, 251, var(--text-opacity));
}

.placeholder\:text-raspberry-100::placeholder {
  --text-opacity: 1;
  color: #fff0fb;
  color: rgba(255, 240, 251, var(--text-opacity));
}

.placeholder\:text-raspberry-200::-moz-placeholder {
  --text-opacity: 1;
  color: #f6cbea;
  color: rgba(246, 203, 234, var(--text-opacity));
}

.placeholder\:text-raspberry-200:-ms-input-placeholder {
  --text-opacity: 1;
  color: #f6cbea;
  color: rgba(246, 203, 234, var(--text-opacity));
}

.placeholder\:text-raspberry-200::placeholder {
  --text-opacity: 1;
  color: #f6cbea;
  color: rgba(246, 203, 234, var(--text-opacity));
}

.placeholder\:text-raspberry-300::-moz-placeholder {
  --text-opacity: 1;
  color: #eda7da;
  color: rgba(237, 167, 218, var(--text-opacity));
}

.placeholder\:text-raspberry-300:-ms-input-placeholder {
  --text-opacity: 1;
  color: #eda7da;
  color: rgba(237, 167, 218, var(--text-opacity));
}

.placeholder\:text-raspberry-300::placeholder {
  --text-opacity: 1;
  color: #eda7da;
  color: rgba(237, 167, 218, var(--text-opacity));
}

.placeholder\:text-raspberry-400::-moz-placeholder {
  --text-opacity: 1;
  color: #d86fbc;
  color: rgba(216, 111, 188, var(--text-opacity));
}

.placeholder\:text-raspberry-400:-ms-input-placeholder {
  --text-opacity: 1;
  color: #d86fbc;
  color: rgba(216, 111, 188, var(--text-opacity));
}

.placeholder\:text-raspberry-400::placeholder {
  --text-opacity: 1;
  color: #d86fbc;
  color: rgba(216, 111, 188, var(--text-opacity));
}

.placeholder\:text-raspberry-500::-moz-placeholder {
  --text-opacity: 1;
  color: #c43e9f;
  color: rgba(196, 62, 159, var(--text-opacity));
}

.placeholder\:text-raspberry-500:-ms-input-placeholder {
  --text-opacity: 1;
  color: #c43e9f;
  color: rgba(196, 62, 159, var(--text-opacity));
}

.placeholder\:text-raspberry-500::placeholder {
  --text-opacity: 1;
  color: #c43e9f;
  color: rgba(196, 62, 159, var(--text-opacity));
}

.placeholder\:text-raspberry-600::-moz-placeholder {
  --text-opacity: 1;
  color: #af1685;
  color: rgba(175, 22, 133, var(--text-opacity));
}

.placeholder\:text-raspberry-600:-ms-input-placeholder {
  --text-opacity: 1;
  color: #af1685;
  color: rgba(175, 22, 133, var(--text-opacity));
}

.placeholder\:text-raspberry-600::placeholder {
  --text-opacity: 1;
  color: #af1685;
  color: rgba(175, 22, 133, var(--text-opacity));
}

.placeholder\:text-raspberry-700::-moz-placeholder {
  --text-opacity: 1;
  color: #92086d;
  color: rgba(146, 8, 109, var(--text-opacity));
}

.placeholder\:text-raspberry-700:-ms-input-placeholder {
  --text-opacity: 1;
  color: #92086d;
  color: rgba(146, 8, 109, var(--text-opacity));
}

.placeholder\:text-raspberry-700::placeholder {
  --text-opacity: 1;
  color: #92086d;
  color: rgba(146, 8, 109, var(--text-opacity));
}

.placeholder\:text-raspberry-800::-moz-placeholder {
  --text-opacity: 1;
  color: #760056;
  color: rgba(118, 0, 86, var(--text-opacity));
}

.placeholder\:text-raspberry-800:-ms-input-placeholder {
  --text-opacity: 1;
  color: #760056;
  color: rgba(118, 0, 86, var(--text-opacity));
}

.placeholder\:text-raspberry-800::placeholder {
  --text-opacity: 1;
  color: #760056;
  color: rgba(118, 0, 86, var(--text-opacity));
}

.placeholder\:text-raspberry-900::-moz-placeholder {
  --text-opacity: 1;
  color: #570041;
  color: rgba(87, 0, 65, var(--text-opacity));
}

.placeholder\:text-raspberry-900:-ms-input-placeholder {
  --text-opacity: 1;
  color: #570041;
  color: rgba(87, 0, 65, var(--text-opacity));
}

.placeholder\:text-raspberry-900::placeholder {
  --text-opacity: 1;
  color: #570041;
  color: rgba(87, 0, 65, var(--text-opacity));
}

.placeholder\:text-red-100::-moz-placeholder {
  --text-opacity: 1;
  color: #fff0f3;
  color: rgba(255, 240, 243, var(--text-opacity));
}

.placeholder\:text-red-100:-ms-input-placeholder {
  --text-opacity: 1;
  color: #fff0f3;
  color: rgba(255, 240, 243, var(--text-opacity));
}

.placeholder\:text-red-100::placeholder {
  --text-opacity: 1;
  color: #fff0f3;
  color: rgba(255, 240, 243, var(--text-opacity));
}

.placeholder\:text-red-200::-moz-placeholder {
  --text-opacity: 1;
  color: #FFD6DD;
  color: rgba(255, 214, 221, var(--text-opacity));
}

.placeholder\:text-red-200:-ms-input-placeholder {
  --text-opacity: 1;
  color: #FFD6DD;
  color: rgba(255, 214, 221, var(--text-opacity));
}

.placeholder\:text-red-200::placeholder {
  --text-opacity: 1;
  color: #FFD6DD;
  color: rgba(255, 214, 221, var(--text-opacity));
}

.placeholder\:text-red-300::-moz-placeholder {
  --text-opacity: 1;
  color: #fea8b8;
  color: rgba(254, 168, 184, var(--text-opacity));
}

.placeholder\:text-red-300:-ms-input-placeholder {
  --text-opacity: 1;
  color: #fea8b8;
  color: rgba(254, 168, 184, var(--text-opacity));
}

.placeholder\:text-red-300::placeholder {
  --text-opacity: 1;
  color: #fea8b8;
  color: rgba(254, 168, 184, var(--text-opacity));
}

.placeholder\:text-red-400::-moz-placeholder {
  --text-opacity: 1;
  color: #f66c86;
  color: rgba(246, 108, 134, var(--text-opacity));
}

.placeholder\:text-red-400:-ms-input-placeholder {
  --text-opacity: 1;
  color: #f66c86;
  color: rgba(246, 108, 134, var(--text-opacity));
}

.placeholder\:text-red-400::placeholder {
  --text-opacity: 1;
  color: #f66c86;
  color: rgba(246, 108, 134, var(--text-opacity));
}

.placeholder\:text-red-500::-moz-placeholder {
  --text-opacity: 1;
  color: #ed3457;
  color: rgba(237, 52, 87, var(--text-opacity));
}

.placeholder\:text-red-500:-ms-input-placeholder {
  --text-opacity: 1;
  color: #ed3457;
  color: rgba(237, 52, 87, var(--text-opacity));
}

.placeholder\:text-red-500::placeholder {
  --text-opacity: 1;
  color: #ed3457;
  color: rgba(237, 52, 87, var(--text-opacity));
}

.placeholder\:text-red-600::-moz-placeholder {
  --text-opacity: 1;
  color: #e4002b;
  color: rgba(228, 0, 43, var(--text-opacity));
}

.placeholder\:text-red-600:-ms-input-placeholder {
  --text-opacity: 1;
  color: #e4002b;
  color: rgba(228, 0, 43, var(--text-opacity));
}

.placeholder\:text-red-600::placeholder {
  --text-opacity: 1;
  color: #e4002b;
  color: rgba(228, 0, 43, var(--text-opacity));
}

.placeholder\:text-red-700::-moz-placeholder {
  --text-opacity: 1;
  color: #c60025;
  color: rgba(198, 0, 37, var(--text-opacity));
}

.placeholder\:text-red-700:-ms-input-placeholder {
  --text-opacity: 1;
  color: #c60025;
  color: rgba(198, 0, 37, var(--text-opacity));
}

.placeholder\:text-red-700::placeholder {
  --text-opacity: 1;
  color: #c60025;
  color: rgba(198, 0, 37, var(--text-opacity));
}

.placeholder\:text-red-800::-moz-placeholder {
  --text-opacity: 1;
  color: #a8001f;
  color: rgba(168, 0, 31, var(--text-opacity));
}

.placeholder\:text-red-800:-ms-input-placeholder {
  --text-opacity: 1;
  color: #a8001f;
  color: rgba(168, 0, 31, var(--text-opacity));
}

.placeholder\:text-red-800::placeholder {
  --text-opacity: 1;
  color: #a8001f;
  color: rgba(168, 0, 31, var(--text-opacity));
}

.placeholder\:text-red-900::-moz-placeholder {
  --text-opacity: 1;
  color: #8a0019;
  color: rgba(138, 0, 25, var(--text-opacity));
}

.placeholder\:text-red-900:-ms-input-placeholder {
  --text-opacity: 1;
  color: #8a0019;
  color: rgba(138, 0, 25, var(--text-opacity));
}

.placeholder\:text-red-900::placeholder {
  --text-opacity: 1;
  color: #8a0019;
  color: rgba(138, 0, 25, var(--text-opacity));
}

.placeholder\:text-sapphire-100::-moz-placeholder {
  --text-opacity: 1;
  color: #f2fcff;
  color: rgba(242, 252, 255, var(--text-opacity));
}

.placeholder\:text-sapphire-100:-ms-input-placeholder {
  --text-opacity: 1;
  color: #f2fcff;
  color: rgba(242, 252, 255, var(--text-opacity));
}

.placeholder\:text-sapphire-100::placeholder {
  --text-opacity: 1;
  color: #f2fcff;
  color: rgba(242, 252, 255, var(--text-opacity));
}

.placeholder\:text-sapphire-200::-moz-placeholder {
  --text-opacity: 1;
  color: #d0eff8;
  color: rgba(208, 239, 248, var(--text-opacity));
}

.placeholder\:text-sapphire-200:-ms-input-placeholder {
  --text-opacity: 1;
  color: #d0eff8;
  color: rgba(208, 239, 248, var(--text-opacity));
}

.placeholder\:text-sapphire-200::placeholder {
  --text-opacity: 1;
  color: #d0eff8;
  color: rgba(208, 239, 248, var(--text-opacity));
}

.placeholder\:text-sapphire-300::-moz-placeholder {
  --text-opacity: 1;
  color: #afe2f1;
  color: rgba(175, 226, 241, var(--text-opacity));
}

.placeholder\:text-sapphire-300:-ms-input-placeholder {
  --text-opacity: 1;
  color: #afe2f1;
  color: rgba(175, 226, 241, var(--text-opacity));
}

.placeholder\:text-sapphire-300::placeholder {
  --text-opacity: 1;
  color: #afe2f1;
  color: rgba(175, 226, 241, var(--text-opacity));
}

.placeholder\:text-sapphire-400::-moz-placeholder {
  --text-opacity: 1;
  color: #79c8de;
  color: rgba(121, 200, 222, var(--text-opacity));
}

.placeholder\:text-sapphire-400:-ms-input-placeholder {
  --text-opacity: 1;
  color: #79c8de;
  color: rgba(121, 200, 222, var(--text-opacity));
}

.placeholder\:text-sapphire-400::placeholder {
  --text-opacity: 1;
  color: #79c8de;
  color: rgba(121, 200, 222, var(--text-opacity));
}

.placeholder\:text-sapphire-500::-moz-placeholder {
  --text-opacity: 1;
  color: #4aafcc;
  color: rgba(74, 175, 204, var(--text-opacity));
}

.placeholder\:text-sapphire-500:-ms-input-placeholder {
  --text-opacity: 1;
  color: #4aafcc;
  color: rgba(74, 175, 204, var(--text-opacity));
}

.placeholder\:text-sapphire-500::placeholder {
  --text-opacity: 1;
  color: #4aafcc;
  color: rgba(74, 175, 204, var(--text-opacity));
}

.placeholder\:text-sapphire-600::-moz-placeholder {
  --text-opacity: 1;
  color: #2197b9;
  color: rgba(33, 151, 185, var(--text-opacity));
}

.placeholder\:text-sapphire-600:-ms-input-placeholder {
  --text-opacity: 1;
  color: #2197b9;
  color: rgba(33, 151, 185, var(--text-opacity));
}

.placeholder\:text-sapphire-600::placeholder {
  --text-opacity: 1;
  color: #2197b9;
  color: rgba(33, 151, 185, var(--text-opacity));
}

.placeholder\:text-sapphire-700::-moz-placeholder {
  --text-opacity: 1;
  color: #0081a6;
  color: rgba(0, 129, 166, var(--text-opacity));
}

.placeholder\:text-sapphire-700:-ms-input-placeholder {
  --text-opacity: 1;
  color: #0081a6;
  color: rgba(0, 129, 166, var(--text-opacity));
}

.placeholder\:text-sapphire-700::placeholder {
  --text-opacity: 1;
  color: #0081a6;
  color: rgba(0, 129, 166, var(--text-opacity));
}

.placeholder\:text-sapphire-800::-moz-placeholder {
  --text-opacity: 1;
  color: #006580;
  color: rgba(0, 101, 128, var(--text-opacity));
}

.placeholder\:text-sapphire-800:-ms-input-placeholder {
  --text-opacity: 1;
  color: #006580;
  color: rgba(0, 101, 128, var(--text-opacity));
}

.placeholder\:text-sapphire-800::placeholder {
  --text-opacity: 1;
  color: #006580;
  color: rgba(0, 101, 128, var(--text-opacity));
}

.placeholder\:text-sapphire-900::-moz-placeholder {
  --text-opacity: 1;
  color: #004759;
  color: rgba(0, 71, 89, var(--text-opacity));
}

.placeholder\:text-sapphire-900:-ms-input-placeholder {
  --text-opacity: 1;
  color: #004759;
  color: rgba(0, 71, 89, var(--text-opacity));
}

.placeholder\:text-sapphire-900::placeholder {
  --text-opacity: 1;
  color: #004759;
  color: rgba(0, 71, 89, var(--text-opacity));
}

.placeholder\:text-teal-100::-moz-placeholder {
  --text-opacity: 1;
  color: #f2fffe;
  color: rgba(242, 255, 254, var(--text-opacity));
}

.placeholder\:text-teal-100:-ms-input-placeholder {
  --text-opacity: 1;
  color: #f2fffe;
  color: rgba(242, 255, 254, var(--text-opacity));
}

.placeholder\:text-teal-100::placeholder {
  --text-opacity: 1;
  color: #f2fffe;
  color: rgba(242, 255, 254, var(--text-opacity));
}

.placeholder\:text-teal-200::-moz-placeholder {
  --text-opacity: 1;
  color: #c6f7f4;
  color: rgba(198, 247, 244, var(--text-opacity));
}

.placeholder\:text-teal-200:-ms-input-placeholder {
  --text-opacity: 1;
  color: #c6f7f4;
  color: rgba(198, 247, 244, var(--text-opacity));
}

.placeholder\:text-teal-200::placeholder {
  --text-opacity: 1;
  color: #c6f7f4;
  color: rgba(198, 247, 244, var(--text-opacity));
}

.placeholder\:text-teal-300::-moz-placeholder {
  --text-opacity: 1;
  color: #9befea;
  color: rgba(155, 239, 234, var(--text-opacity));
}

.placeholder\:text-teal-300:-ms-input-placeholder {
  --text-opacity: 1;
  color: #9befea;
  color: rgba(155, 239, 234, var(--text-opacity));
}

.placeholder\:text-teal-300::placeholder {
  --text-opacity: 1;
  color: #9befea;
  color: rgba(155, 239, 234, var(--text-opacity));
}

.placeholder\:text-teal-400::-moz-placeholder {
  --text-opacity: 1;
  color: #5fdad4;
  color: rgba(95, 218, 212, var(--text-opacity));
}

.placeholder\:text-teal-400:-ms-input-placeholder {
  --text-opacity: 1;
  color: #5fdad4;
  color: rgba(95, 218, 212, var(--text-opacity));
}

.placeholder\:text-teal-400::placeholder {
  --text-opacity: 1;
  color: #5fdad4;
  color: rgba(95, 218, 212, var(--text-opacity));
}

.placeholder\:text-teal-500::-moz-placeholder {
  --text-opacity: 1;
  color: #2bc6be;
  color: rgba(43, 198, 190, var(--text-opacity));
}

.placeholder\:text-teal-500:-ms-input-placeholder {
  --text-opacity: 1;
  color: #2bc6be;
  color: rgba(43, 198, 190, var(--text-opacity));
}

.placeholder\:text-teal-500::placeholder {
  --text-opacity: 1;
  color: #2bc6be;
  color: rgba(43, 198, 190, var(--text-opacity));
}

.placeholder\:text-teal-600::-moz-placeholder {
  --text-opacity: 1;
  color: #00b2a9;
  color: rgba(0, 178, 169, var(--text-opacity));
}

.placeholder\:text-teal-600:-ms-input-placeholder {
  --text-opacity: 1;
  color: #00b2a9;
  color: rgba(0, 178, 169, var(--text-opacity));
}

.placeholder\:text-teal-600::placeholder {
  --text-opacity: 1;
  color: #00b2a9;
  color: rgba(0, 178, 169, var(--text-opacity));
}

.placeholder\:text-teal-700::-moz-placeholder {
  --text-opacity: 1;
  color: #00948c;
  color: rgba(0, 148, 140, var(--text-opacity));
}

.placeholder\:text-teal-700:-ms-input-placeholder {
  --text-opacity: 1;
  color: #00948c;
  color: rgba(0, 148, 140, var(--text-opacity));
}

.placeholder\:text-teal-700::placeholder {
  --text-opacity: 1;
  color: #00948c;
  color: rgba(0, 148, 140, var(--text-opacity));
}

.placeholder\:text-teal-800::-moz-placeholder {
  --text-opacity: 1;
  color: #00756f;
  color: rgba(0, 117, 111, var(--text-opacity));
}

.placeholder\:text-teal-800:-ms-input-placeholder {
  --text-opacity: 1;
  color: #00756f;
  color: rgba(0, 117, 111, var(--text-opacity));
}

.placeholder\:text-teal-800::placeholder {
  --text-opacity: 1;
  color: #00756f;
  color: rgba(0, 117, 111, var(--text-opacity));
}

.placeholder\:text-teal-900::-moz-placeholder {
  --text-opacity: 1;
  color: #005752;
  color: rgba(0, 87, 82, var(--text-opacity));
}

.placeholder\:text-teal-900:-ms-input-placeholder {
  --text-opacity: 1;
  color: #005752;
  color: rgba(0, 87, 82, var(--text-opacity));
}

.placeholder\:text-teal-900::placeholder {
  --text-opacity: 1;
  color: #005752;
  color: rgba(0, 87, 82, var(--text-opacity));
}

.placeholder\:text-transparent::-moz-placeholder {
  color: transparent;
}

.placeholder\:text-transparent:-ms-input-placeholder {
  color: transparent;
}

.placeholder\:text-transparent::placeholder {
  color: transparent;
}

.placeholder\:text-white::-moz-placeholder {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.placeholder\:text-white:-ms-input-placeholder {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.placeholder\:text-white::placeholder {
  --text-opacity: 1;
  color: #ffffff;
  color: rgba(255, 255, 255, var(--text-opacity));
}

.placeholder\:text-white-a10::-moz-placeholder {
  color: rgba(255, 255, 255, 0.1);
}

.placeholder\:text-white-a10:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.1);
}

.placeholder\:text-white-a10::placeholder {
  color: rgba(255, 255, 255, 0.1);
}

.placeholder\:text-white-a20::-moz-placeholder {
  color: rgba(255, 255, 255, 0.2);
}

.placeholder\:text-white-a20:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}

.placeholder\:text-white-a20::placeholder {
  color: rgba(255, 255, 255, 0.2);
}

.placeholder\:text-white-a30::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.placeholder\:text-white-a30:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.placeholder\:text-white-a30::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.placeholder\:text-white-a40::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.placeholder\:text-white-a40:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.placeholder\:text-white-a40::placeholder {
  color: rgba(255, 255, 255, 0.4);
}

.placeholder\:text-white-a50::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.placeholder\:text-white-a50:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.placeholder\:text-white-a50::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.placeholder\:text-white-a60::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.placeholder\:text-white-a60:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.placeholder\:text-white-a60::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.placeholder\:text-white-a70::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.placeholder\:text-white-a70:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.placeholder\:text-white-a70::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.placeholder\:text-white-a80::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.placeholder\:text-white-a80:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.placeholder\:text-white-a80::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.placeholder\:text-white-a90::-moz-placeholder {
  color: rgba(255, 255, 255, 0.9);
}

.placeholder\:text-white-a90:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.9);
}

.placeholder\:text-white-a90::placeholder {
  color: rgba(255, 255, 255, 0.9);
}

.placeholder\:text-yellow-100::-moz-placeholder {
  --text-opacity: 1;
  color: #FFF9E8;
  color: rgba(255, 249, 232, var(--text-opacity));
}

.placeholder\:text-yellow-100:-ms-input-placeholder {
  --text-opacity: 1;
  color: #FFF9E8;
  color: rgba(255, 249, 232, var(--text-opacity));
}

.placeholder\:text-yellow-100::placeholder {
  --text-opacity: 1;
  color: #FFF9E8;
  color: rgba(255, 249, 232, var(--text-opacity));
}

.placeholder\:text-yellow-200::-moz-placeholder {
  --text-opacity: 1;
  color: #FFF1BD;
  color: rgba(255, 241, 189, var(--text-opacity));
}

.placeholder\:text-yellow-200:-ms-input-placeholder {
  --text-opacity: 1;
  color: #FFF1BD;
  color: rgba(255, 241, 189, var(--text-opacity));
}

.placeholder\:text-yellow-200::placeholder {
  --text-opacity: 1;
  color: #FFF1BD;
  color: rgba(255, 241, 189, var(--text-opacity));
}

.placeholder\:text-yellow-300::-moz-placeholder {
  --text-opacity: 1;
  color: #FFEA90;
  color: rgba(255, 234, 144, var(--text-opacity));
}

.placeholder\:text-yellow-300:-ms-input-placeholder {
  --text-opacity: 1;
  color: #FFEA90;
  color: rgba(255, 234, 144, var(--text-opacity));
}

.placeholder\:text-yellow-300::placeholder {
  --text-opacity: 1;
  color: #FFEA90;
  color: rgba(255, 234, 144, var(--text-opacity));
}

.placeholder\:text-yellow-400::-moz-placeholder {
  --text-opacity: 1;
  color: #FFD146;
  color: rgba(255, 209, 70, var(--text-opacity));
}

.placeholder\:text-yellow-400:-ms-input-placeholder {
  --text-opacity: 1;
  color: #FFD146;
  color: rgba(255, 209, 70, var(--text-opacity));
}

.placeholder\:text-yellow-400::placeholder {
  --text-opacity: 1;
  color: #FFD146;
  color: rgba(255, 209, 70, var(--text-opacity));
}

.placeholder\:text-yellow-500::-moz-placeholder {
  --text-opacity: 1;
  color: #FEBA00;
  color: rgba(254, 186, 0, var(--text-opacity));
}

.placeholder\:text-yellow-500:-ms-input-placeholder {
  --text-opacity: 1;
  color: #FEBA00;
  color: rgba(254, 186, 0, var(--text-opacity));
}

.placeholder\:text-yellow-500::placeholder {
  --text-opacity: 1;
  color: #FEBA00;
  color: rgba(254, 186, 0, var(--text-opacity));
}

.placeholder\:text-yellow-600::-moz-placeholder {
  --text-opacity: 1;
  color: #D49A00;
  color: rgba(212, 154, 0, var(--text-opacity));
}

.placeholder\:text-yellow-600:-ms-input-placeholder {
  --text-opacity: 1;
  color: #D49A00;
  color: rgba(212, 154, 0, var(--text-opacity));
}

.placeholder\:text-yellow-600::placeholder {
  --text-opacity: 1;
  color: #D49A00;
  color: rgba(212, 154, 0, var(--text-opacity));
}

.placeholder\:text-yellow-700::-moz-placeholder {
  --text-opacity: 1;
  color: #AA7A00;
  color: rgba(170, 122, 0, var(--text-opacity));
}

.placeholder\:text-yellow-700:-ms-input-placeholder {
  --text-opacity: 1;
  color: #AA7A00;
  color: rgba(170, 122, 0, var(--text-opacity));
}

.placeholder\:text-yellow-700::placeholder {
  --text-opacity: 1;
  color: #AA7A00;
  color: rgba(170, 122, 0, var(--text-opacity));
}

.placeholder\:text-yellow-800::-moz-placeholder {
  --text-opacity: 1;
  color: #815B00;
  color: rgba(129, 91, 0, var(--text-opacity));
}

.placeholder\:text-yellow-800:-ms-input-placeholder {
  --text-opacity: 1;
  color: #815B00;
  color: rgba(129, 91, 0, var(--text-opacity));
}

.placeholder\:text-yellow-800::placeholder {
  --text-opacity: 1;
  color: #815B00;
  color: rgba(129, 91, 0, var(--text-opacity));
}

.placeholder\:text-yellow-900::-moz-placeholder {
  --text-opacity: 1;
  color: #573D00;
  color: rgba(87, 61, 0, var(--text-opacity));
}

.placeholder\:text-yellow-900:-ms-input-placeholder {
  --text-opacity: 1;
  color: #573D00;
  color: rgba(87, 61, 0, var(--text-opacity));
}

.placeholder\:text-yellow-900::placeholder {
  --text-opacity: 1;
  color: #573D00;
  color: rgba(87, 61, 0, var(--text-opacity));
}

.text-opacity-0 {
  --text-opacity: 0;
}

.text-opacity-25 {
  --text-opacity: 0.25;
}

.text-opacity-50 {
  --text-opacity: 0.5;
}

.text-opacity-75 {
  --text-opacity: 0.75;
}

.text-opacity-100 {
  --text-opacity: 1;
}

.hover\:text-opacity-0:hover {
  --text-opacity: 0;
}

.hover\:text-opacity-25:hover {
  --text-opacity: 0.25;
}

.hover\:text-opacity-50:hover {
  --text-opacity: 0.5;
}

.hover\:text-opacity-75:hover {
  --text-opacity: 0.75;
}

.hover\:text-opacity-100:hover {
  --text-opacity: 1;
}

.focus\:text-opacity-0:focus {
  --text-opacity: 0;
}

.focus\:text-opacity-25:focus {
  --text-opacity: 0.25;
}

.focus\:text-opacity-50:focus {
  --text-opacity: 0.5;
}

.focus\:text-opacity-75:focus {
  --text-opacity: 0.75;
}

.focus\:text-opacity-100:focus {
  --text-opacity: 1;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.underline {
  text-decoration: underline;
}

.line-through {
  text-decoration: line-through;
}

.no-underline {
  text-decoration: none;
}

.hover\:underline:hover {
  text-decoration: underline;
}

.hover\:line-through:hover {
  text-decoration: line-through;
}

.hover\:no-underline:hover {
  text-decoration: none;
}

.focus\:underline:focus {
  text-decoration: underline;
}

.focus\:line-through:focus {
  text-decoration: line-through;
}

.focus\:no-underline:focus {
  text-decoration: none;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions {
  --font-variant-numeric-ordinal: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-slashed-zero: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-figure: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-spacing: var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-fraction: var(--tailwind-empty,/*!*/ /*!*/);
  font-variant-numeric: var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction);
}

.normal-nums {
  font-variant-numeric: normal;
}

.ordinal {
  --font-variant-numeric-ordinal: ordinal;
}

.slashed-zero {
  --font-variant-numeric-slashed-zero: slashed-zero;
}

.lining-nums {
  --font-variant-numeric-figure: lining-nums;
}

.oldstyle-nums {
  --font-variant-numeric-figure: oldstyle-nums;
}

.proportional-nums {
  --font-variant-numeric-spacing: proportional-nums;
}

.tabular-nums {
  --font-variant-numeric-spacing: tabular-nums;
}

.diagonal-fractions {
  --font-variant-numeric-fraction: diagonal-fractions;
}

.stacked-fractions {
  --font-variant-numeric-fraction: stacked-fractions;
}

.tracking-tighter {
  letter-spacing: -0.05em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-normal {
  letter-spacing: 0;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.select-text {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
      -ms-user-select: all;
          user-select: all;
}

.select-auto {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}

.align-baseline {
  vertical-align: baseline;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.align-text-top {
  vertical-align: text-top;
}

.align-text-bottom {
  vertical-align: text-bottom;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-no-wrap {
  white-space: nowrap;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

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

.break-normal {
  word-wrap: normal;
  overflow-wrap: normal;
  word-break: normal;
}

.break-words {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.w-0 {
  width: 0;
}

.w-1 {
  width: 1px;
}

.w-4 {
  width: 4px;
}

.w-8 {
  width: 8px;
}

.w-12 {
  width: 12px;
}

.w-16 {
  width: 16px;
}

.w-20 {
  width: 20px;
}

.w-24 {
  width: 24px;
}

.w-28 {
  width: 28px;
}

.w-32 {
  width: 32px;
}

.w-36 {
  width: 36px;
}

.w-40 {
  width: 40px;
}

.w-44 {
  width: 44px;
}

.w-48 {
  width: 48px;
}

.w-52 {
  width: 52px;
}

.w-56 {
  width: 56px;
}

.w-64 {
  width: 64px;
}

.w-68 {
  width: 68px;
}

.w-72 {
  width: 72px;
}

.w-80 {
  width: 80px;
}

.w-96 {
  width: 96px;
}

.w-128 {
  width: 128px;
}

.w-160 {
  width: 160px;
}

.w-192 {
  width: 192px;
}

.w-224 {
  width: 224px;
}

.w-256 {
  width: 256px;
}

.w-512 {
  width: 512px;
}

.w-auto {
  width: auto;
}

.w-1\/2 {
  width: 50%;
}

.w-full {
  width: 100%;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-auto {
  z-index: auto;
}

.gap-0 {
  grid-gap: 0;
  gap: 0;
}

.gap-1 {
  grid-gap: 1px;
  gap: 1px;
}

.gap-4 {
  grid-gap: 4px;
  gap: 4px;
}

.gap-8 {
  grid-gap: 8px;
  gap: 8px;
}

.gap-12 {
  grid-gap: 12px;
  gap: 12px;
}

.gap-16 {
  grid-gap: 16px;
  gap: 16px;
}

.gap-20 {
  grid-gap: 20px;
  gap: 20px;
}

.gap-24 {
  grid-gap: 24px;
  gap: 24px;
}

.gap-28 {
  grid-gap: 28px;
  gap: 28px;
}

.gap-32 {
  grid-gap: 32px;
  gap: 32px;
}

.gap-36 {
  grid-gap: 36px;
  gap: 36px;
}

.gap-40 {
  grid-gap: 40px;
  gap: 40px;
}

.gap-44 {
  grid-gap: 44px;
  gap: 44px;
}

.gap-48 {
  grid-gap: 48px;
  gap: 48px;
}

.gap-52 {
  grid-gap: 52px;
  gap: 52px;
}

.gap-56 {
  grid-gap: 56px;
  gap: 56px;
}

.gap-64 {
  grid-gap: 64px;
  gap: 64px;
}

.gap-68 {
  grid-gap: 68px;
  gap: 68px;
}

.gap-72 {
  grid-gap: 72px;
  gap: 72px;
}

.gap-80 {
  grid-gap: 80px;
  gap: 80px;
}

.gap-96 {
  grid-gap: 96px;
  gap: 96px;
}

.gap-128 {
  grid-gap: 128px;
  gap: 128px;
}

.gap-160 {
  grid-gap: 160px;
  gap: 160px;
}

.gap-192 {
  grid-gap: 192px;
  gap: 192px;
}

.gap-224 {
  grid-gap: 224px;
  gap: 224px;
}

.gap-256 {
  grid-gap: 256px;
  gap: 256px;
}

.gap-512 {
  grid-gap: 512px;
  gap: 512px;
}

.col-gap-0 {
  grid-column-gap: 0;
  -moz-column-gap: 0;
       column-gap: 0;
}

.col-gap-1 {
  grid-column-gap: 1px;
  -moz-column-gap: 1px;
       column-gap: 1px;
}

.col-gap-4 {
  grid-column-gap: 4px;
  -moz-column-gap: 4px;
       column-gap: 4px;
}

.col-gap-8 {
  grid-column-gap: 8px;
  -moz-column-gap: 8px;
       column-gap: 8px;
}

.col-gap-12 {
  grid-column-gap: 12px;
  -moz-column-gap: 12px;
       column-gap: 12px;
}

.col-gap-16 {
  grid-column-gap: 16px;
  -moz-column-gap: 16px;
       column-gap: 16px;
}

.col-gap-20 {
  grid-column-gap: 20px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}

.col-gap-24 {
  grid-column-gap: 24px;
  -moz-column-gap: 24px;
       column-gap: 24px;
}

.col-gap-28 {
  grid-column-gap: 28px;
  -moz-column-gap: 28px;
       column-gap: 28px;
}

.col-gap-32 {
  grid-column-gap: 32px;
  -moz-column-gap: 32px;
       column-gap: 32px;
}

.col-gap-36 {
  grid-column-gap: 36px;
  -moz-column-gap: 36px;
       column-gap: 36px;
}

.col-gap-40 {
  grid-column-gap: 40px;
  -moz-column-gap: 40px;
       column-gap: 40px;
}

.col-gap-44 {
  grid-column-gap: 44px;
  -moz-column-gap: 44px;
       column-gap: 44px;
}

.col-gap-48 {
  grid-column-gap: 48px;
  -moz-column-gap: 48px;
       column-gap: 48px;
}

.col-gap-52 {
  grid-column-gap: 52px;
  -moz-column-gap: 52px;
       column-gap: 52px;
}

.col-gap-56 {
  grid-column-gap: 56px;
  -moz-column-gap: 56px;
       column-gap: 56px;
}

.col-gap-64 {
  grid-column-gap: 64px;
  -moz-column-gap: 64px;
       column-gap: 64px;
}

.col-gap-68 {
  grid-column-gap: 68px;
  -moz-column-gap: 68px;
       column-gap: 68px;
}

.col-gap-72 {
  grid-column-gap: 72px;
  -moz-column-gap: 72px;
       column-gap: 72px;
}

.col-gap-80 {
  grid-column-gap: 80px;
  -moz-column-gap: 80px;
       column-gap: 80px;
}

.col-gap-96 {
  grid-column-gap: 96px;
  -moz-column-gap: 96px;
       column-gap: 96px;
}

.col-gap-128 {
  grid-column-gap: 128px;
  -moz-column-gap: 128px;
       column-gap: 128px;
}

.col-gap-160 {
  grid-column-gap: 160px;
  -moz-column-gap: 160px;
       column-gap: 160px;
}

.col-gap-192 {
  grid-column-gap: 192px;
  -moz-column-gap: 192px;
       column-gap: 192px;
}

.col-gap-224 {
  grid-column-gap: 224px;
  -moz-column-gap: 224px;
       column-gap: 224px;
}

.col-gap-256 {
  grid-column-gap: 256px;
  -moz-column-gap: 256px;
       column-gap: 256px;
}

.col-gap-512 {
  grid-column-gap: 512px;
  -moz-column-gap: 512px;
       column-gap: 512px;
}

.gap-x-0 {
  grid-column-gap: 0;
  -moz-column-gap: 0;
       column-gap: 0;
}

.gap-x-1 {
  grid-column-gap: 1px;
  -moz-column-gap: 1px;
       column-gap: 1px;
}

.gap-x-4 {
  grid-column-gap: 4px;
  -moz-column-gap: 4px;
       column-gap: 4px;
}

.gap-x-8 {
  grid-column-gap: 8px;
  -moz-column-gap: 8px;
       column-gap: 8px;
}

.gap-x-12 {
  grid-column-gap: 12px;
  -moz-column-gap: 12px;
       column-gap: 12px;
}

.gap-x-16 {
  grid-column-gap: 16px;
  -moz-column-gap: 16px;
       column-gap: 16px;
}

.gap-x-20 {
  grid-column-gap: 20px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}

.gap-x-24 {
  grid-column-gap: 24px;
  -moz-column-gap: 24px;
       column-gap: 24px;
}

.gap-x-28 {
  grid-column-gap: 28px;
  -moz-column-gap: 28px;
       column-gap: 28px;
}

.gap-x-32 {
  grid-column-gap: 32px;
  -moz-column-gap: 32px;
       column-gap: 32px;
}

.gap-x-36 {
  grid-column-gap: 36px;
  -moz-column-gap: 36px;
       column-gap: 36px;
}

.gap-x-40 {
  grid-column-gap: 40px;
  -moz-column-gap: 40px;
       column-gap: 40px;
}

.gap-x-44 {
  grid-column-gap: 44px;
  -moz-column-gap: 44px;
       column-gap: 44px;
}

.gap-x-48 {
  grid-column-gap: 48px;
  -moz-column-gap: 48px;
       column-gap: 48px;
}

.gap-x-52 {
  grid-column-gap: 52px;
  -moz-column-gap: 52px;
       column-gap: 52px;
}

.gap-x-56 {
  grid-column-gap: 56px;
  -moz-column-gap: 56px;
       column-gap: 56px;
}

.gap-x-64 {
  grid-column-gap: 64px;
  -moz-column-gap: 64px;
       column-gap: 64px;
}

.gap-x-68 {
  grid-column-gap: 68px;
  -moz-column-gap: 68px;
       column-gap: 68px;
}

.gap-x-72 {
  grid-column-gap: 72px;
  -moz-column-gap: 72px;
       column-gap: 72px;
}

.gap-x-80 {
  grid-column-gap: 80px;
  -moz-column-gap: 80px;
       column-gap: 80px;
}

.gap-x-96 {
  grid-column-gap: 96px;
  -moz-column-gap: 96px;
       column-gap: 96px;
}

.gap-x-128 {
  grid-column-gap: 128px;
  -moz-column-gap: 128px;
       column-gap: 128px;
}

.gap-x-160 {
  grid-column-gap: 160px;
  -moz-column-gap: 160px;
       column-gap: 160px;
}

.gap-x-192 {
  grid-column-gap: 192px;
  -moz-column-gap: 192px;
       column-gap: 192px;
}

.gap-x-224 {
  grid-column-gap: 224px;
  -moz-column-gap: 224px;
       column-gap: 224px;
}

.gap-x-256 {
  grid-column-gap: 256px;
  -moz-column-gap: 256px;
       column-gap: 256px;
}

.gap-x-512 {
  grid-column-gap: 512px;
  -moz-column-gap: 512px;
       column-gap: 512px;
}

.row-gap-0 {
  grid-row-gap: 0;
  row-gap: 0;
}

.row-gap-1 {
  grid-row-gap: 1px;
  row-gap: 1px;
}

.row-gap-4 {
  grid-row-gap: 4px;
  row-gap: 4px;
}

.row-gap-8 {
  grid-row-gap: 8px;
  row-gap: 8px;
}

.row-gap-12 {
  grid-row-gap: 12px;
  row-gap: 12px;
}

.row-gap-16 {
  grid-row-gap: 16px;
  row-gap: 16px;
}

.row-gap-20 {
  grid-row-gap: 20px;
  row-gap: 20px;
}

.row-gap-24 {
  grid-row-gap: 24px;
  row-gap: 24px;
}

.row-gap-28 {
  grid-row-gap: 28px;
  row-gap: 28px;
}

.row-gap-32 {
  grid-row-gap: 32px;
  row-gap: 32px;
}

.row-gap-36 {
  grid-row-gap: 36px;
  row-gap: 36px;
}

.row-gap-40 {
  grid-row-gap: 40px;
  row-gap: 40px;
}

.row-gap-44 {
  grid-row-gap: 44px;
  row-gap: 44px;
}

.row-gap-48 {
  grid-row-gap: 48px;
  row-gap: 48px;
}

.row-gap-52 {
  grid-row-gap: 52px;
  row-gap: 52px;
}

.row-gap-56 {
  grid-row-gap: 56px;
  row-gap: 56px;
}

.row-gap-64 {
  grid-row-gap: 64px;
  row-gap: 64px;
}

.row-gap-68 {
  grid-row-gap: 68px;
  row-gap: 68px;
}

.row-gap-72 {
  grid-row-gap: 72px;
  row-gap: 72px;
}

.row-gap-80 {
  grid-row-gap: 80px;
  row-gap: 80px;
}

.row-gap-96 {
  grid-row-gap: 96px;
  row-gap: 96px;
}

.row-gap-128 {
  grid-row-gap: 128px;
  row-gap: 128px;
}

.row-gap-160 {
  grid-row-gap: 160px;
  row-gap: 160px;
}

.row-gap-192 {
  grid-row-gap: 192px;
  row-gap: 192px;
}

.row-gap-224 {
  grid-row-gap: 224px;
  row-gap: 224px;
}

.row-gap-256 {
  grid-row-gap: 256px;
  row-gap: 256px;
}

.row-gap-512 {
  grid-row-gap: 512px;
  row-gap: 512px;
}

.gap-y-0 {
  grid-row-gap: 0;
  row-gap: 0;
}

.gap-y-1 {
  grid-row-gap: 1px;
  row-gap: 1px;
}

.gap-y-4 {
  grid-row-gap: 4px;
  row-gap: 4px;
}

.gap-y-8 {
  grid-row-gap: 8px;
  row-gap: 8px;
}

.gap-y-12 {
  grid-row-gap: 12px;
  row-gap: 12px;
}

.gap-y-16 {
  grid-row-gap: 16px;
  row-gap: 16px;
}

.gap-y-20 {
  grid-row-gap: 20px;
  row-gap: 20px;
}

.gap-y-24 {
  grid-row-gap: 24px;
  row-gap: 24px;
}

.gap-y-28 {
  grid-row-gap: 28px;
  row-gap: 28px;
}

.gap-y-32 {
  grid-row-gap: 32px;
  row-gap: 32px;
}

.gap-y-36 {
  grid-row-gap: 36px;
  row-gap: 36px;
}

.gap-y-40 {
  grid-row-gap: 40px;
  row-gap: 40px;
}

.gap-y-44 {
  grid-row-gap: 44px;
  row-gap: 44px;
}

.gap-y-48 {
  grid-row-gap: 48px;
  row-gap: 48px;
}

.gap-y-52 {
  grid-row-gap: 52px;
  row-gap: 52px;
}

.gap-y-56 {
  grid-row-gap: 56px;
  row-gap: 56px;
}

.gap-y-64 {
  grid-row-gap: 64px;
  row-gap: 64px;
}

.gap-y-68 {
  grid-row-gap: 68px;
  row-gap: 68px;
}

.gap-y-72 {
  grid-row-gap: 72px;
  row-gap: 72px;
}

.gap-y-80 {
  grid-row-gap: 80px;
  row-gap: 80px;
}

.gap-y-96 {
  grid-row-gap: 96px;
  row-gap: 96px;
}

.gap-y-128 {
  grid-row-gap: 128px;
  row-gap: 128px;
}

.gap-y-160 {
  grid-row-gap: 160px;
  row-gap: 160px;
}

.gap-y-192 {
  grid-row-gap: 192px;
  row-gap: 192px;
}

.gap-y-224 {
  grid-row-gap: 224px;
  row-gap: 224px;
}

.gap-y-256 {
  grid-row-gap: 256px;
  row-gap: 256px;
}

.gap-y-512 {
  grid-row-gap: 512px;
  row-gap: 512px;
}

.grid-flow-row {
  grid-auto-flow: row;
}

.grid-flow-col {
  grid-auto-flow: column;
}

.grid-flow-row-dense {
  grid-auto-flow: row dense;
}

.grid-flow-col-dense {
  grid-auto-flow: column dense;
}

.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-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-none {
  grid-template-columns: none;
}

.auto-cols-auto {
  grid-auto-columns: auto;
}

.auto-cols-min {
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
}

.auto-cols-max {
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
}

.auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr);
}

.col-auto {
  grid-column: auto;
}

.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-11 {
  grid-column: span 11 / span 11;
}

.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;
}

.col-start-13 {
  grid-column-start: 13;
}

.col-start-auto {
  grid-column-start: auto;
}

.col-end-1 {
  grid-column-end: 1;
}

.col-end-2 {
  grid-column-end: 2;
}

.col-end-3 {
  grid-column-end: 3;
}

.col-end-4 {
  grid-column-end: 4;
}

.col-end-5 {
  grid-column-end: 5;
}

.col-end-6 {
  grid-column-end: 6;
}

.col-end-7 {
  grid-column-end: 7;
}

.col-end-8 {
  grid-column-end: 8;
}

.col-end-9 {
  grid-column-end: 9;
}

.col-end-10 {
  grid-column-end: 10;
}

.col-end-11 {
  grid-column-end: 11;
}

.col-end-12 {
  grid-column-end: 12;
}

.col-end-13 {
  grid-column-end: 13;
}

.col-end-auto {
  grid-column-end: auto;
}

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.grid-rows-none {
  grid-template-rows: none;
}

.auto-rows-auto {
  grid-auto-rows: auto;
}

.auto-rows-min {
  grid-auto-rows: -webkit-min-content;
  grid-auto-rows: min-content;
}

.auto-rows-max {
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}

.auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr);
}

.row-auto {
  grid-row: auto;
}

.row-span-1 {
  grid-row: span 1 / span 1;
}

.row-span-2 {
  grid-row: span 2 / span 2;
}

.row-span-3 {
  grid-row: span 3 / span 3;
}

.row-span-4 {
  grid-row: span 4 / span 4;
}

.row-span-5 {
  grid-row: span 5 / span 5;
}

.row-span-6 {
  grid-row: span 6 / span 6;
}

.row-span-full {
  grid-row: 1 / -1;
}

.row-start-1 {
  grid-row-start: 1;
}

.row-start-2 {
  grid-row-start: 2;
}

.row-start-3 {
  grid-row-start: 3;
}

.row-start-4 {
  grid-row-start: 4;
}

.row-start-5 {
  grid-row-start: 5;
}

.row-start-6 {
  grid-row-start: 6;
}

.row-start-7 {
  grid-row-start: 7;
}

.row-start-auto {
  grid-row-start: auto;
}

.row-end-1 {
  grid-row-end: 1;
}

.row-end-2 {
  grid-row-end: 2;
}

.row-end-3 {
  grid-row-end: 3;
}

.row-end-4 {
  grid-row-end: 4;
}

.row-end-5 {
  grid-row-end: 5;
}

.row-end-6 {
  grid-row-end: 6;
}

.row-end-7 {
  grid-row-end: 7;
}

.row-end-auto {
  grid-row-end: auto;
}

.transform {
  --transform-translate-x: 0;
  --transform-translate-y: 0;
  --transform-rotate: 0;
  --transform-skew-x: 0;
  --transform-skew-y: 0;
  --transform-scale-x: 1;
  --transform-scale-y: 1;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}

.transform-none {
  transform: none;
}

.origin-center {
  transform-origin: center;
}

.origin-top {
  transform-origin: top;
}

.origin-top-right {
  transform-origin: top right;
}

.origin-right {
  transform-origin: right;
}

.origin-bottom-right {
  transform-origin: bottom right;
}

.origin-bottom {
  transform-origin: bottom;
}

.origin-bottom-left {
  transform-origin: bottom left;
}

.origin-left {
  transform-origin: left;
}

.origin-top-left {
  transform-origin: top left;
}

.scale-0 {
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}

.scale-50 {
  --transform-scale-x: .5;
  --transform-scale-y: .5;
}

.scale-75 {
  --transform-scale-x: .75;
  --transform-scale-y: .75;
}

.scale-90 {
  --transform-scale-x: .9;
  --transform-scale-y: .9;
}

.scale-95 {
  --transform-scale-x: .95;
  --transform-scale-y: .95;
}

.scale-100 {
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}

.scale-105 {
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}

.scale-110 {
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}

.scale-125 {
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}

.scale-150 {
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}

.scale-x-0 {
  --transform-scale-x: 0;
}

.scale-x-50 {
  --transform-scale-x: .5;
}

.scale-x-75 {
  --transform-scale-x: .75;
}

.scale-x-90 {
  --transform-scale-x: .9;
}

.scale-x-95 {
  --transform-scale-x: .95;
}

.scale-x-100 {
  --transform-scale-x: 1;
}

.scale-x-105 {
  --transform-scale-x: 1.05;
}

.scale-x-110 {
  --transform-scale-x: 1.1;
}

.scale-x-125 {
  --transform-scale-x: 1.25;
}

.scale-x-150 {
  --transform-scale-x: 1.5;
}

.scale-y-0 {
  --transform-scale-y: 0;
}

.scale-y-50 {
  --transform-scale-y: .5;
}

.scale-y-75 {
  --transform-scale-y: .75;
}

.scale-y-90 {
  --transform-scale-y: .9;
}

.scale-y-95 {
  --transform-scale-y: .95;
}

.scale-y-100 {
  --transform-scale-y: 1;
}

.scale-y-105 {
  --transform-scale-y: 1.05;
}

.scale-y-110 {
  --transform-scale-y: 1.1;
}

.scale-y-125 {
  --transform-scale-y: 1.25;
}

.scale-y-150 {
  --transform-scale-y: 1.5;
}

.hover\:scale-0:hover {
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}

.hover\:scale-50:hover {
  --transform-scale-x: .5;
  --transform-scale-y: .5;
}

.hover\:scale-75:hover {
  --transform-scale-x: .75;
  --transform-scale-y: .75;
}

.hover\:scale-90:hover {
  --transform-scale-x: .9;
  --transform-scale-y: .9;
}

.hover\:scale-95:hover {
  --transform-scale-x: .95;
  --transform-scale-y: .95;
}

.hover\:scale-100:hover {
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}

.hover\:scale-105:hover {
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}

.hover\:scale-110:hover {
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}

.hover\:scale-125:hover {
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}

.hover\:scale-150:hover {
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}

.hover\:scale-x-0:hover {
  --transform-scale-x: 0;
}

.hover\:scale-x-50:hover {
  --transform-scale-x: .5;
}

.hover\:scale-x-75:hover {
  --transform-scale-x: .75;
}

.hover\:scale-x-90:hover {
  --transform-scale-x: .9;
}

.hover\:scale-x-95:hover {
  --transform-scale-x: .95;
}

.hover\:scale-x-100:hover {
  --transform-scale-x: 1;
}

.hover\:scale-x-105:hover {
  --transform-scale-x: 1.05;
}

.hover\:scale-x-110:hover {
  --transform-scale-x: 1.1;
}

.hover\:scale-x-125:hover {
  --transform-scale-x: 1.25;
}

.hover\:scale-x-150:hover {
  --transform-scale-x: 1.5;
}

.hover\:scale-y-0:hover {
  --transform-scale-y: 0;
}

.hover\:scale-y-50:hover {
  --transform-scale-y: .5;
}

.hover\:scale-y-75:hover {
  --transform-scale-y: .75;
}

.hover\:scale-y-90:hover {
  --transform-scale-y: .9;
}

.hover\:scale-y-95:hover {
  --transform-scale-y: .95;
}

.hover\:scale-y-100:hover {
  --transform-scale-y: 1;
}

.hover\:scale-y-105:hover {
  --transform-scale-y: 1.05;
}

.hover\:scale-y-110:hover {
  --transform-scale-y: 1.1;
}

.hover\:scale-y-125:hover {
  --transform-scale-y: 1.25;
}

.hover\:scale-y-150:hover {
  --transform-scale-y: 1.5;
}

.focus\:scale-0:focus {
  --transform-scale-x: 0;
  --transform-scale-y: 0;
}

.focus\:scale-50:focus {
  --transform-scale-x: .5;
  --transform-scale-y: .5;
}

.focus\:scale-75:focus {
  --transform-scale-x: .75;
  --transform-scale-y: .75;
}

.focus\:scale-90:focus {
  --transform-scale-x: .9;
  --transform-scale-y: .9;
}

.focus\:scale-95:focus {
  --transform-scale-x: .95;
  --transform-scale-y: .95;
}

.focus\:scale-100:focus {
  --transform-scale-x: 1;
  --transform-scale-y: 1;
}

.focus\:scale-105:focus {
  --transform-scale-x: 1.05;
  --transform-scale-y: 1.05;
}

.focus\:scale-110:focus {
  --transform-scale-x: 1.1;
  --transform-scale-y: 1.1;
}

.focus\:scale-125:focus {
  --transform-scale-x: 1.25;
  --transform-scale-y: 1.25;
}

.focus\:scale-150:focus {
  --transform-scale-x: 1.5;
  --transform-scale-y: 1.5;
}

.focus\:scale-x-0:focus {
  --transform-scale-x: 0;
}

.focus\:scale-x-50:focus {
  --transform-scale-x: .5;
}

.focus\:scale-x-75:focus {
  --transform-scale-x: .75;
}

.focus\:scale-x-90:focus {
  --transform-scale-x: .9;
}

.focus\:scale-x-95:focus {
  --transform-scale-x: .95;
}

.focus\:scale-x-100:focus {
  --transform-scale-x: 1;
}

.focus\:scale-x-105:focus {
  --transform-scale-x: 1.05;
}

.focus\:scale-x-110:focus {
  --transform-scale-x: 1.1;
}

.focus\:scale-x-125:focus {
  --transform-scale-x: 1.25;
}

.focus\:scale-x-150:focus {
  --transform-scale-x: 1.5;
}

.focus\:scale-y-0:focus {
  --transform-scale-y: 0;
}

.focus\:scale-y-50:focus {
  --transform-scale-y: .5;
}

.focus\:scale-y-75:focus {
  --transform-scale-y: .75;
}

.focus\:scale-y-90:focus {
  --transform-scale-y: .9;
}

.focus\:scale-y-95:focus {
  --transform-scale-y: .95;
}

.focus\:scale-y-100:focus {
  --transform-scale-y: 1;
}

.focus\:scale-y-105:focus {
  --transform-scale-y: 1.05;
}

.focus\:scale-y-110:focus {
  --transform-scale-y: 1.1;
}

.focus\:scale-y-125:focus {
  --transform-scale-y: 1.25;
}

.focus\:scale-y-150:focus {
  --transform-scale-y: 1.5;
}

.rotate-0 {
  --transform-rotate: 0;
}

.rotate-1 {
  --transform-rotate: 1deg;
}

.rotate-2 {
  --transform-rotate: 2deg;
}

.rotate-3 {
  --transform-rotate: 3deg;
}

.rotate-6 {
  --transform-rotate: 6deg;
}

.rotate-12 {
  --transform-rotate: 12deg;
}

.rotate-45 {
  --transform-rotate: 45deg;
}

.rotate-90 {
  --transform-rotate: 90deg;
}

.rotate-180 {
  --transform-rotate: 180deg;
}

.-rotate-180 {
  --transform-rotate: -180deg;
}

.-rotate-90 {
  --transform-rotate: -90deg;
}

.-rotate-45 {
  --transform-rotate: -45deg;
}

.-rotate-12 {
  --transform-rotate: -12deg;
}

.-rotate-6 {
  --transform-rotate: -6deg;
}

.-rotate-3 {
  --transform-rotate: -3deg;
}

.-rotate-2 {
  --transform-rotate: -2deg;
}

.-rotate-1 {
  --transform-rotate: -1deg;
}

.hover\:rotate-0:hover {
  --transform-rotate: 0;
}

.hover\:rotate-1:hover {
  --transform-rotate: 1deg;
}

.hover\:rotate-2:hover {
  --transform-rotate: 2deg;
}

.hover\:rotate-3:hover {
  --transform-rotate: 3deg;
}

.hover\:rotate-6:hover {
  --transform-rotate: 6deg;
}

.hover\:rotate-12:hover {
  --transform-rotate: 12deg;
}

.hover\:rotate-45:hover {
  --transform-rotate: 45deg;
}

.hover\:rotate-90:hover {
  --transform-rotate: 90deg;
}

.hover\:rotate-180:hover {
  --transform-rotate: 180deg;
}

.hover\:-rotate-180:hover {
  --transform-rotate: -180deg;
}

.hover\:-rotate-90:hover {
  --transform-rotate: -90deg;
}

.hover\:-rotate-45:hover {
  --transform-rotate: -45deg;
}

.hover\:-rotate-12:hover {
  --transform-rotate: -12deg;
}

.hover\:-rotate-6:hover {
  --transform-rotate: -6deg;
}

.hover\:-rotate-3:hover {
  --transform-rotate: -3deg;
}

.hover\:-rotate-2:hover {
  --transform-rotate: -2deg;
}

.hover\:-rotate-1:hover {
  --transform-rotate: -1deg;
}

.focus\:rotate-0:focus {
  --transform-rotate: 0;
}

.focus\:rotate-1:focus {
  --transform-rotate: 1deg;
}

.focus\:rotate-2:focus {
  --transform-rotate: 2deg;
}

.focus\:rotate-3:focus {
  --transform-rotate: 3deg;
}

.focus\:rotate-6:focus {
  --transform-rotate: 6deg;
}

.focus\:rotate-12:focus {
  --transform-rotate: 12deg;
}

.focus\:rotate-45:focus {
  --transform-rotate: 45deg;
}

.focus\:rotate-90:focus {
  --transform-rotate: 90deg;
}

.focus\:rotate-180:focus {
  --transform-rotate: 180deg;
}

.focus\:-rotate-180:focus {
  --transform-rotate: -180deg;
}

.focus\:-rotate-90:focus {
  --transform-rotate: -90deg;
}

.focus\:-rotate-45:focus {
  --transform-rotate: -45deg;
}

.focus\:-rotate-12:focus {
  --transform-rotate: -12deg;
}

.focus\:-rotate-6:focus {
  --transform-rotate: -6deg;
}

.focus\:-rotate-3:focus {
  --transform-rotate: -3deg;
}

.focus\:-rotate-2:focus {
  --transform-rotate: -2deg;
}

.focus\:-rotate-1:focus {
  --transform-rotate: -1deg;
}

.translate-x-0 {
  --transform-translate-x: 0;
}

.translate-x-1 {
  --transform-translate-x: 1px;
}

.translate-x-4 {
  --transform-translate-x: 4px;
}

.translate-x-8 {
  --transform-translate-x: 8px;
}

.translate-x-12 {
  --transform-translate-x: 12px;
}

.translate-x-16 {
  --transform-translate-x: 16px;
}

.translate-x-20 {
  --transform-translate-x: 20px;
}

.translate-x-24 {
  --transform-translate-x: 24px;
}

.translate-x-28 {
  --transform-translate-x: 28px;
}

.translate-x-32 {
  --transform-translate-x: 32px;
}

.translate-x-36 {
  --transform-translate-x: 36px;
}

.translate-x-40 {
  --transform-translate-x: 40px;
}

.translate-x-44 {
  --transform-translate-x: 44px;
}

.translate-x-48 {
  --transform-translate-x: 48px;
}

.translate-x-52 {
  --transform-translate-x: 52px;
}

.translate-x-56 {
  --transform-translate-x: 56px;
}

.translate-x-64 {
  --transform-translate-x: 64px;
}

.translate-x-68 {
  --transform-translate-x: 68px;
}

.translate-x-72 {
  --transform-translate-x: 72px;
}

.translate-x-80 {
  --transform-translate-x: 80px;
}

.translate-x-96 {
  --transform-translate-x: 96px;
}

.translate-x-128 {
  --transform-translate-x: 128px;
}

.translate-x-160 {
  --transform-translate-x: 160px;
}

.translate-x-192 {
  --transform-translate-x: 192px;
}

.translate-x-224 {
  --transform-translate-x: 224px;
}

.translate-x-256 {
  --transform-translate-x: 256px;
}

.translate-x-512 {
  --transform-translate-x: 512px;
}

.-translate-x-1 {
  --transform-translate-x: -1px;
}

.-translate-x-4 {
  --transform-translate-x: -4px;
}

.-translate-x-8 {
  --transform-translate-x: -8px;
}

.-translate-x-12 {
  --transform-translate-x: -12px;
}

.-translate-x-16 {
  --transform-translate-x: -16px;
}

.-translate-x-20 {
  --transform-translate-x: -20px;
}

.-translate-x-24 {
  --transform-translate-x: -24px;
}

.-translate-x-28 {
  --transform-translate-x: -28px;
}

.-translate-x-32 {
  --transform-translate-x: -32px;
}

.-translate-x-36 {
  --transform-translate-x: -36px;
}

.-translate-x-40 {
  --transform-translate-x: -40px;
}

.-translate-x-44 {
  --transform-translate-x: -44px;
}

.-translate-x-48 {
  --transform-translate-x: -48px;
}

.-translate-x-52 {
  --transform-translate-x: -52px;
}

.-translate-x-56 {
  --transform-translate-x: -56px;
}

.-translate-x-64 {
  --transform-translate-x: -64px;
}

.-translate-x-68 {
  --transform-translate-x: -68px;
}

.-translate-x-72 {
  --transform-translate-x: -72px;
}

.-translate-x-80 {
  --transform-translate-x: -80px;
}

.-translate-x-96 {
  --transform-translate-x: -96px;
}

.-translate-x-128 {
  --transform-translate-x: -128px;
}

.-translate-x-160 {
  --transform-translate-x: -160px;
}

.-translate-x-192 {
  --transform-translate-x: -192px;
}

.-translate-x-224 {
  --transform-translate-x: -224px;
}

.-translate-x-256 {
  --transform-translate-x: -256px;
}

.-translate-x-512 {
  --transform-translate-x: -512px;
}

.-translate-x-full {
  --transform-translate-x: -100%;
}

.-translate-x-1\/2 {
  --transform-translate-x: -50%;
}

.translate-x-1\/2 {
  --transform-translate-x: 50%;
}

.translate-x-full {
  --transform-translate-x: 100%;
}

.translate-y-0 {
  --transform-translate-y: 0;
}

.translate-y-1 {
  --transform-translate-y: 1px;
}

.translate-y-4 {
  --transform-translate-y: 4px;
}

.translate-y-8 {
  --transform-translate-y: 8px;
}

.translate-y-12 {
  --transform-translate-y: 12px;
}

.translate-y-16 {
  --transform-translate-y: 16px;
}

.translate-y-20 {
  --transform-translate-y: 20px;
}

.translate-y-24 {
  --transform-translate-y: 24px;
}

.translate-y-28 {
  --transform-translate-y: 28px;
}

.translate-y-32 {
  --transform-translate-y: 32px;
}

.translate-y-36 {
  --transform-translate-y: 36px;
}

.translate-y-40 {
  --transform-translate-y: 40px;
}

.translate-y-44 {
  --transform-translate-y: 44px;
}

.translate-y-48 {
  --transform-translate-y: 48px;
}

.translate-y-52 {
  --transform-translate-y: 52px;
}

.translate-y-56 {
  --transform-translate-y: 56px;
}

.translate-y-64 {
  --transform-translate-y: 64px;
}

.translate-y-68 {
  --transform-translate-y: 68px;
}

.translate-y-72 {
  --transform-translate-y: 72px;
}

.translate-y-80 {
  --transform-translate-y: 80px;
}

.translate-y-96 {
  --transform-translate-y: 96px;
}

.translate-y-128 {
  --transform-translate-y: 128px;
}

.translate-y-160 {
  --transform-translate-y: 160px;
}

.translate-y-192 {
  --transform-translate-y: 192px;
}

.translate-y-224 {
  --transform-translate-y: 224px;
}

.translate-y-256 {
  --transform-translate-y: 256px;
}

.translate-y-512 {
  --transform-translate-y: 512px;
}

.-translate-y-1 {
  --transform-translate-y: -1px;
}

.-translate-y-4 {
  --transform-translate-y: -4px;
}

.-translate-y-8 {
  --transform-translate-y: -8px;
}

.-translate-y-12 {
  --transform-translate-y: -12px;
}

.-translate-y-16 {
  --transform-translate-y: -16px;
}

.-translate-y-20 {
  --transform-translate-y: -20px;
}

.-translate-y-24 {
  --transform-translate-y: -24px;
}

.-translate-y-28 {
  --transform-translate-y: -28px;
}

.-translate-y-32 {
  --transform-translate-y: -32px;
}

.-translate-y-36 {
  --transform-translate-y: -36px;
}

.-translate-y-40 {
  --transform-translate-y: -40px;
}

.-translate-y-44 {
  --transform-translate-y: -44px;
}

.-translate-y-48 {
  --transform-translate-y: -48px;
}

.-translate-y-52 {
  --transform-translate-y: -52px;
}

.-translate-y-56 {
  --transform-translate-y: -56px;
}

.-translate-y-64 {
  --transform-translate-y: -64px;
}

.-translate-y-68 {
  --transform-translate-y: -68px;
}

.-translate-y-72 {
  --transform-translate-y: -72px;
}

.-translate-y-80 {
  --transform-translate-y: -80px;
}

.-translate-y-96 {
  --transform-translate-y: -96px;
}

.-translate-y-128 {
  --transform-translate-y: -128px;
}

.-translate-y-160 {
  --transform-translate-y: -160px;
}

.-translate-y-192 {
  --transform-translate-y: -192px;
}

.-translate-y-224 {
  --transform-translate-y: -224px;
}

.-translate-y-256 {
  --transform-translate-y: -256px;
}

.-translate-y-512 {
  --transform-translate-y: -512px;
}

.-translate-y-full {
  --transform-translate-y: -100%;
}

.-translate-y-1\/2 {
  --transform-translate-y: -50%;
}

.translate-y-1\/2 {
  --transform-translate-y: 50%;
}

.translate-y-full {
  --transform-translate-y: 100%;
}

.hover\:translate-x-0:hover {
  --transform-translate-x: 0;
}

.hover\:translate-x-1:hover {
  --transform-translate-x: 1px;
}

.hover\:translate-x-4:hover {
  --transform-translate-x: 4px;
}

.hover\:translate-x-8:hover {
  --transform-translate-x: 8px;
}

.hover\:translate-x-12:hover {
  --transform-translate-x: 12px;
}

.hover\:translate-x-16:hover {
  --transform-translate-x: 16px;
}

.hover\:translate-x-20:hover {
  --transform-translate-x: 20px;
}

.hover\:translate-x-24:hover {
  --transform-translate-x: 24px;
}

.hover\:translate-x-28:hover {
  --transform-translate-x: 28px;
}

.hover\:translate-x-32:hover {
  --transform-translate-x: 32px;
}

.hover\:translate-x-36:hover {
  --transform-translate-x: 36px;
}

.hover\:translate-x-40:hover {
  --transform-translate-x: 40px;
}

.hover\:translate-x-44:hover {
  --transform-translate-x: 44px;
}

.hover\:translate-x-48:hover {
  --transform-translate-x: 48px;
}

.hover\:translate-x-52:hover {
  --transform-translate-x: 52px;
}

.hover\:translate-x-56:hover {
  --transform-translate-x: 56px;
}

.hover\:translate-x-64:hover {
  --transform-translate-x: 64px;
}

.hover\:translate-x-68:hover {
  --transform-translate-x: 68px;
}

.hover\:translate-x-72:hover {
  --transform-translate-x: 72px;
}

.hover\:translate-x-80:hover {
  --transform-translate-x: 80px;
}

.hover\:translate-x-96:hover {
  --transform-translate-x: 96px;
}

.hover\:translate-x-128:hover {
  --transform-translate-x: 128px;
}

.hover\:translate-x-160:hover {
  --transform-translate-x: 160px;
}

.hover\:translate-x-192:hover {
  --transform-translate-x: 192px;
}

.hover\:translate-x-224:hover {
  --transform-translate-x: 224px;
}

.hover\:translate-x-256:hover {
  --transform-translate-x: 256px;
}

.hover\:translate-x-512:hover {
  --transform-translate-x: 512px;
}

.hover\:-translate-x-1:hover {
  --transform-translate-x: -1px;
}

.hover\:-translate-x-4:hover {
  --transform-translate-x: -4px;
}

.hover\:-translate-x-8:hover {
  --transform-translate-x: -8px;
}

.hover\:-translate-x-12:hover {
  --transform-translate-x: -12px;
}

.hover\:-translate-x-16:hover {
  --transform-translate-x: -16px;
}

.hover\:-translate-x-20:hover {
  --transform-translate-x: -20px;
}

.hover\:-translate-x-24:hover {
  --transform-translate-x: -24px;
}

.hover\:-translate-x-28:hover {
  --transform-translate-x: -28px;
}

.hover\:-translate-x-32:hover {
  --transform-translate-x: -32px;
}

.hover\:-translate-x-36:hover {
  --transform-translate-x: -36px;
}

.hover\:-translate-x-40:hover {
  --transform-translate-x: -40px;
}

.hover\:-translate-x-44:hover {
  --transform-translate-x: -44px;
}

.hover\:-translate-x-48:hover {
  --transform-translate-x: -48px;
}

.hover\:-translate-x-52:hover {
  --transform-translate-x: -52px;
}

.hover\:-translate-x-56:hover {
  --transform-translate-x: -56px;
}

.hover\:-translate-x-64:hover {
  --transform-translate-x: -64px;
}

.hover\:-translate-x-68:hover {
  --transform-translate-x: -68px;
}

.hover\:-translate-x-72:hover {
  --transform-translate-x: -72px;
}

.hover\:-translate-x-80:hover {
  --transform-translate-x: -80px;
}

.hover\:-translate-x-96:hover {
  --transform-translate-x: -96px;
}

.hover\:-translate-x-128:hover {
  --transform-translate-x: -128px;
}

.hover\:-translate-x-160:hover {
  --transform-translate-x: -160px;
}

.hover\:-translate-x-192:hover {
  --transform-translate-x: -192px;
}

.hover\:-translate-x-224:hover {
  --transform-translate-x: -224px;
}

.hover\:-translate-x-256:hover {
  --transform-translate-x: -256px;
}

.hover\:-translate-x-512:hover {
  --transform-translate-x: -512px;
}

.hover\:-translate-x-full:hover {
  --transform-translate-x: -100%;
}

.hover\:-translate-x-1\/2:hover {
  --transform-translate-x: -50%;
}

.hover\:translate-x-1\/2:hover {
  --transform-translate-x: 50%;
}

.hover\:translate-x-full:hover {
  --transform-translate-x: 100%;
}

.hover\:translate-y-0:hover {
  --transform-translate-y: 0;
}

.hover\:translate-y-1:hover {
  --transform-translate-y: 1px;
}

.hover\:translate-y-4:hover {
  --transform-translate-y: 4px;
}

.hover\:translate-y-8:hover {
  --transform-translate-y: 8px;
}

.hover\:translate-y-12:hover {
  --transform-translate-y: 12px;
}

.hover\:translate-y-16:hover {
  --transform-translate-y: 16px;
}

.hover\:translate-y-20:hover {
  --transform-translate-y: 20px;
}

.hover\:translate-y-24:hover {
  --transform-translate-y: 24px;
}

.hover\:translate-y-28:hover {
  --transform-translate-y: 28px;
}

.hover\:translate-y-32:hover {
  --transform-translate-y: 32px;
}

.hover\:translate-y-36:hover {
  --transform-translate-y: 36px;
}

.hover\:translate-y-40:hover {
  --transform-translate-y: 40px;
}

.hover\:translate-y-44:hover {
  --transform-translate-y: 44px;
}

.hover\:translate-y-48:hover {
  --transform-translate-y: 48px;
}

.hover\:translate-y-52:hover {
  --transform-translate-y: 52px;
}

.hover\:translate-y-56:hover {
  --transform-translate-y: 56px;
}

.hover\:translate-y-64:hover {
  --transform-translate-y: 64px;
}

.hover\:translate-y-68:hover {
  --transform-translate-y: 68px;
}

.hover\:translate-y-72:hover {
  --transform-translate-y: 72px;
}

.hover\:translate-y-80:hover {
  --transform-translate-y: 80px;
}

.hover\:translate-y-96:hover {
  --transform-translate-y: 96px;
}

.hover\:translate-y-128:hover {
  --transform-translate-y: 128px;
}

.hover\:translate-y-160:hover {
  --transform-translate-y: 160px;
}

.hover\:translate-y-192:hover {
  --transform-translate-y: 192px;
}

.hover\:translate-y-224:hover {
  --transform-translate-y: 224px;
}

.hover\:translate-y-256:hover {
  --transform-translate-y: 256px;
}

.hover\:translate-y-512:hover {
  --transform-translate-y: 512px;
}

.hover\:-translate-y-1:hover {
  --transform-translate-y: -1px;
}

.hover\:-translate-y-4:hover {
  --transform-translate-y: -4px;
}

.hover\:-translate-y-8:hover {
  --transform-translate-y: -8px;
}

.hover\:-translate-y-12:hover {
  --transform-translate-y: -12px;
}

.hover\:-translate-y-16:hover {
  --transform-translate-y: -16px;
}

.hover\:-translate-y-20:hover {
  --transform-translate-y: -20px;
}

.hover\:-translate-y-24:hover {
  --transform-translate-y: -24px;
}

.hover\:-translate-y-28:hover {
  --transform-translate-y: -28px;
}

.hover\:-translate-y-32:hover {
  --transform-translate-y: -32px;
}

.hover\:-translate-y-36:hover {
  --transform-translate-y: -36px;
}

.hover\:-translate-y-40:hover {
  --transform-translate-y: -40px;
}

.hover\:-translate-y-44:hover {
  --transform-translate-y: -44px;
}

.hover\:-translate-y-48:hover {
  --transform-translate-y: -48px;
}

.hover\:-translate-y-52:hover {
  --transform-translate-y: -52px;
}

.hover\:-translate-y-56:hover {
  --transform-translate-y: -56px;
}

.hover\:-translate-y-64:hover {
  --transform-translate-y: -64px;
}

.hover\:-translate-y-68:hover {
  --transform-translate-y: -68px;
}

.hover\:-translate-y-72:hover {
  --transform-translate-y: -72px;
}

.hover\:-translate-y-80:hover {
  --transform-translate-y: -80px;
}

.hover\:-translate-y-96:hover {
  --transform-translate-y: -96px;
}

.hover\:-translate-y-128:hover {
  --transform-translate-y: -128px;
}

.hover\:-translate-y-160:hover {
  --transform-translate-y: -160px;
}

.hover\:-translate-y-192:hover {
  --transform-translate-y: -192px;
}

.hover\:-translate-y-224:hover {
  --transform-translate-y: -224px;
}

.hover\:-translate-y-256:hover {
  --transform-translate-y: -256px;
}

.hover\:-translate-y-512:hover {
  --transform-translate-y: -512px;
}

.hover\:-translate-y-full:hover {
  --transform-translate-y: -100%;
}

.hover\:-translate-y-1\/2:hover {
  --transform-translate-y: -50%;
}

.hover\:translate-y-1\/2:hover {
  --transform-translate-y: 50%;
}

.hover\:translate-y-full:hover {
  --transform-translate-y: 100%;
}

.focus\:translate-x-0:focus {
  --transform-translate-x: 0;
}

.focus\:translate-x-1:focus {
  --transform-translate-x: 1px;
}

.focus\:translate-x-4:focus {
  --transform-translate-x: 4px;
}

.focus\:translate-x-8:focus {
  --transform-translate-x: 8px;
}

.focus\:translate-x-12:focus {
  --transform-translate-x: 12px;
}

.focus\:translate-x-16:focus {
  --transform-translate-x: 16px;
}

.focus\:translate-x-20:focus {
  --transform-translate-x: 20px;
}

.focus\:translate-x-24:focus {
  --transform-translate-x: 24px;
}

.focus\:translate-x-28:focus {
  --transform-translate-x: 28px;
}

.focus\:translate-x-32:focus {
  --transform-translate-x: 32px;
}

.focus\:translate-x-36:focus {
  --transform-translate-x: 36px;
}

.focus\:translate-x-40:focus {
  --transform-translate-x: 40px;
}

.focus\:translate-x-44:focus {
  --transform-translate-x: 44px;
}

.focus\:translate-x-48:focus {
  --transform-translate-x: 48px;
}

.focus\:translate-x-52:focus {
  --transform-translate-x: 52px;
}

.focus\:translate-x-56:focus {
  --transform-translate-x: 56px;
}

.focus\:translate-x-64:focus {
  --transform-translate-x: 64px;
}

.focus\:translate-x-68:focus {
  --transform-translate-x: 68px;
}

.focus\:translate-x-72:focus {
  --transform-translate-x: 72px;
}

.focus\:translate-x-80:focus {
  --transform-translate-x: 80px;
}

.focus\:translate-x-96:focus {
  --transform-translate-x: 96px;
}

.focus\:translate-x-128:focus {
  --transform-translate-x: 128px;
}

.focus\:translate-x-160:focus {
  --transform-translate-x: 160px;
}

.focus\:translate-x-192:focus {
  --transform-translate-x: 192px;
}

.focus\:translate-x-224:focus {
  --transform-translate-x: 224px;
}

.focus\:translate-x-256:focus {
  --transform-translate-x: 256px;
}

.focus\:translate-x-512:focus {
  --transform-translate-x: 512px;
}

.focus\:-translate-x-1:focus {
  --transform-translate-x: -1px;
}

.focus\:-translate-x-4:focus {
  --transform-translate-x: -4px;
}

.focus\:-translate-x-8:focus {
  --transform-translate-x: -8px;
}

.focus\:-translate-x-12:focus {
  --transform-translate-x: -12px;
}

.focus\:-translate-x-16:focus {
  --transform-translate-x: -16px;
}

.focus\:-translate-x-20:focus {
  --transform-translate-x: -20px;
}

.focus\:-translate-x-24:focus {
  --transform-translate-x: -24px;
}

.focus\:-translate-x-28:focus {
  --transform-translate-x: -28px;
}

.focus\:-translate-x-32:focus {
  --transform-translate-x: -32px;
}

.focus\:-translate-x-36:focus {
  --transform-translate-x: -36px;
}

.focus\:-translate-x-40:focus {
  --transform-translate-x: -40px;
}

.focus\:-translate-x-44:focus {
  --transform-translate-x: -44px;
}

.focus\:-translate-x-48:focus {
  --transform-translate-x: -48px;
}

.focus\:-translate-x-52:focus {
  --transform-translate-x: -52px;
}

.focus\:-translate-x-56:focus {
  --transform-translate-x: -56px;
}

.focus\:-translate-x-64:focus {
  --transform-translate-x: -64px;
}

.focus\:-translate-x-68:focus {
  --transform-translate-x: -68px;
}

.focus\:-translate-x-72:focus {
  --transform-translate-x: -72px;
}

.focus\:-translate-x-80:focus {
  --transform-translate-x: -80px;
}

.focus\:-translate-x-96:focus {
  --transform-translate-x: -96px;
}

.focus\:-translate-x-128:focus {
  --transform-translate-x: -128px;
}

.focus\:-translate-x-160:focus {
  --transform-translate-x: -160px;
}

.focus\:-translate-x-192:focus {
  --transform-translate-x: -192px;
}

.focus\:-translate-x-224:focus {
  --transform-translate-x: -224px;
}

.focus\:-translate-x-256:focus {
  --transform-translate-x: -256px;
}

.focus\:-translate-x-512:focus {
  --transform-translate-x: -512px;
}

.focus\:-translate-x-full:focus {
  --transform-translate-x: -100%;
}

.focus\:-translate-x-1\/2:focus {
  --transform-translate-x: -50%;
}

.focus\:translate-x-1\/2:focus {
  --transform-translate-x: 50%;
}

.focus\:translate-x-full:focus {
  --transform-translate-x: 100%;
}

.focus\:translate-y-0:focus {
  --transform-translate-y: 0;
}

.focus\:translate-y-1:focus {
  --transform-translate-y: 1px;
}

.focus\:translate-y-4:focus {
  --transform-translate-y: 4px;
}

.focus\:translate-y-8:focus {
  --transform-translate-y: 8px;
}

.focus\:translate-y-12:focus {
  --transform-translate-y: 12px;
}

.focus\:translate-y-16:focus {
  --transform-translate-y: 16px;
}

.focus\:translate-y-20:focus {
  --transform-translate-y: 20px;
}

.focus\:translate-y-24:focus {
  --transform-translate-y: 24px;
}

.focus\:translate-y-28:focus {
  --transform-translate-y: 28px;
}

.focus\:translate-y-32:focus {
  --transform-translate-y: 32px;
}

.focus\:translate-y-36:focus {
  --transform-translate-y: 36px;
}

.focus\:translate-y-40:focus {
  --transform-translate-y: 40px;
}

.focus\:translate-y-44:focus {
  --transform-translate-y: 44px;
}

.focus\:translate-y-48:focus {
  --transform-translate-y: 48px;
}

.focus\:translate-y-52:focus {
  --transform-translate-y: 52px;
}

.focus\:translate-y-56:focus {
  --transform-translate-y: 56px;
}

.focus\:translate-y-64:focus {
  --transform-translate-y: 64px;
}

.focus\:translate-y-68:focus {
  --transform-translate-y: 68px;
}

.focus\:translate-y-72:focus {
  --transform-translate-y: 72px;
}

.focus\:translate-y-80:focus {
  --transform-translate-y: 80px;
}

.focus\:translate-y-96:focus {
  --transform-translate-y: 96px;
}

.focus\:translate-y-128:focus {
  --transform-translate-y: 128px;
}

.focus\:translate-y-160:focus {
  --transform-translate-y: 160px;
}

.focus\:translate-y-192:focus {
  --transform-translate-y: 192px;
}

.focus\:translate-y-224:focus {
  --transform-translate-y: 224px;
}

.focus\:translate-y-256:focus {
  --transform-translate-y: 256px;
}

.focus\:translate-y-512:focus {
  --transform-translate-y: 512px;
}

.focus\:-translate-y-1:focus {
  --transform-translate-y: -1px;
}

.focus\:-translate-y-4:focus {
  --transform-translate-y: -4px;
}

.focus\:-translate-y-8:focus {
  --transform-translate-y: -8px;
}

.focus\:-translate-y-12:focus {
  --transform-translate-y: -12px;
}

.focus\:-translate-y-16:focus {
  --transform-translate-y: -16px;
}

.focus\:-translate-y-20:focus {
  --transform-translate-y: -20px;
}

.focus\:-translate-y-24:focus {
  --transform-translate-y: -24px;
}

.focus\:-translate-y-28:focus {
  --transform-translate-y: -28px;
}

.focus\:-translate-y-32:focus {
  --transform-translate-y: -32px;
}

.focus\:-translate-y-36:focus {
  --transform-translate-y: -36px;
}

.focus\:-translate-y-40:focus {
  --transform-translate-y: -40px;
}

.focus\:-translate-y-44:focus {
  --transform-translate-y: -44px;
}

.focus\:-translate-y-48:focus {
  --transform-translate-y: -48px;
}

.focus\:-translate-y-52:focus {
  --transform-translate-y: -52px;
}

.focus\:-translate-y-56:focus {
  --transform-translate-y: -56px;
}

.focus\:-translate-y-64:focus {
  --transform-translate-y: -64px;
}

.focus\:-translate-y-68:focus {
  --transform-translate-y: -68px;
}

.focus\:-translate-y-72:focus {
  --transform-translate-y: -72px;
}

.focus\:-translate-y-80:focus {
  --transform-translate-y: -80px;
}

.focus\:-translate-y-96:focus {
  --transform-translate-y: -96px;
}

.focus\:-translate-y-128:focus {
  --transform-translate-y: -128px;
}

.focus\:-translate-y-160:focus {
  --transform-translate-y: -160px;
}

.focus\:-translate-y-192:focus {
  --transform-translate-y: -192px;
}

.focus\:-translate-y-224:focus {
  --transform-translate-y: -224px;
}

.focus\:-translate-y-256:focus {
  --transform-translate-y: -256px;
}

.focus\:-translate-y-512:focus {
  --transform-translate-y: -512px;
}

.focus\:-translate-y-full:focus {
  --transform-translate-y: -100%;
}

.focus\:-translate-y-1\/2:focus {
  --transform-translate-y: -50%;
}

.focus\:translate-y-1\/2:focus {
  --transform-translate-y: 50%;
}

.focus\:translate-y-full:focus {
  --transform-translate-y: 100%;
}

.skew-x-0 {
  --transform-skew-x: 0;
}

.skew-x-1 {
  --transform-skew-x: 1deg;
}

.skew-x-2 {
  --transform-skew-x: 2deg;
}

.skew-x-3 {
  --transform-skew-x: 3deg;
}

.skew-x-6 {
  --transform-skew-x: 6deg;
}

.skew-x-12 {
  --transform-skew-x: 12deg;
}

.-skew-x-12 {
  --transform-skew-x: -12deg;
}

.-skew-x-6 {
  --transform-skew-x: -6deg;
}

.-skew-x-3 {
  --transform-skew-x: -3deg;
}

.-skew-x-2 {
  --transform-skew-x: -2deg;
}

.-skew-x-1 {
  --transform-skew-x: -1deg;
}

.skew-y-0 {
  --transform-skew-y: 0;
}

.skew-y-1 {
  --transform-skew-y: 1deg;
}

.skew-y-2 {
  --transform-skew-y: 2deg;
}

.skew-y-3 {
  --transform-skew-y: 3deg;
}

.skew-y-6 {
  --transform-skew-y: 6deg;
}

.skew-y-12 {
  --transform-skew-y: 12deg;
}

.-skew-y-12 {
  --transform-skew-y: -12deg;
}

.-skew-y-6 {
  --transform-skew-y: -6deg;
}

.-skew-y-3 {
  --transform-skew-y: -3deg;
}

.-skew-y-2 {
  --transform-skew-y: -2deg;
}

.-skew-y-1 {
  --transform-skew-y: -1deg;
}

.hover\:skew-x-0:hover {
  --transform-skew-x: 0;
}

.hover\:skew-x-1:hover {
  --transform-skew-x: 1deg;
}

.hover\:skew-x-2:hover {
  --transform-skew-x: 2deg;
}

.hover\:skew-x-3:hover {
  --transform-skew-x: 3deg;
}

.hover\:skew-x-6:hover {
  --transform-skew-x: 6deg;
}

.hover\:skew-x-12:hover {
  --transform-skew-x: 12deg;
}

.hover\:-skew-x-12:hover {
  --transform-skew-x: -12deg;
}

.hover\:-skew-x-6:hover {
  --transform-skew-x: -6deg;
}

.hover\:-skew-x-3:hover {
  --transform-skew-x: -3deg;
}

.hover\:-skew-x-2:hover {
  --transform-skew-x: -2deg;
}

.hover\:-skew-x-1:hover {
  --transform-skew-x: -1deg;
}

.hover\:skew-y-0:hover {
  --transform-skew-y: 0;
}

.hover\:skew-y-1:hover {
  --transform-skew-y: 1deg;
}

.hover\:skew-y-2:hover {
  --transform-skew-y: 2deg;
}

.hover\:skew-y-3:hover {
  --transform-skew-y: 3deg;
}

.hover\:skew-y-6:hover {
  --transform-skew-y: 6deg;
}

.hover\:skew-y-12:hover {
  --transform-skew-y: 12deg;
}

.hover\:-skew-y-12:hover {
  --transform-skew-y: -12deg;
}

.hover\:-skew-y-6:hover {
  --transform-skew-y: -6deg;
}

.hover\:-skew-y-3:hover {
  --transform-skew-y: -3deg;
}

.hover\:-skew-y-2:hover {
  --transform-skew-y: -2deg;
}

.hover\:-skew-y-1:hover {
  --transform-skew-y: -1deg;
}

.focus\:skew-x-0:focus {
  --transform-skew-x: 0;
}

.focus\:skew-x-1:focus {
  --transform-skew-x: 1deg;
}

.focus\:skew-x-2:focus {
  --transform-skew-x: 2deg;
}

.focus\:skew-x-3:focus {
  --transform-skew-x: 3deg;
}

.focus\:skew-x-6:focus {
  --transform-skew-x: 6deg;
}

.focus\:skew-x-12:focus {
  --transform-skew-x: 12deg;
}

.focus\:-skew-x-12:focus {
  --transform-skew-x: -12deg;
}

.focus\:-skew-x-6:focus {
  --transform-skew-x: -6deg;
}

.focus\:-skew-x-3:focus {
  --transform-skew-x: -3deg;
}

.focus\:-skew-x-2:focus {
  --transform-skew-x: -2deg;
}

.focus\:-skew-x-1:focus {
  --transform-skew-x: -1deg;
}

.focus\:skew-y-0:focus {
  --transform-skew-y: 0;
}

.focus\:skew-y-1:focus {
  --transform-skew-y: 1deg;
}

.focus\:skew-y-2:focus {
  --transform-skew-y: 2deg;
}

.focus\:skew-y-3:focus {
  --transform-skew-y: 3deg;
}

.focus\:skew-y-6:focus {
  --transform-skew-y: 6deg;
}

.focus\:skew-y-12:focus {
  --transform-skew-y: 12deg;
}

.focus\:-skew-y-12:focus {
  --transform-skew-y: -12deg;
}

.focus\:-skew-y-6:focus {
  --transform-skew-y: -6deg;
}

.focus\:-skew-y-3:focus {
  --transform-skew-y: -3deg;
}

.focus\:-skew-y-2:focus {
  --transform-skew-y: -2deg;
}

.focus\:-skew-y-1:focus {
  --transform-skew-y: -1deg;
}

.transition-bg {
  transition-property: background-color;
}

.transition-bg-all\,border\,shadow {
  transition-property: background-color,background-position,border,box-shadow;
}

.transition-border\,shadow {
  transition-property: border,box-shadow;
}

.transition-content {
  transition-property: font-size,opacity,padding,width,height;
}

.transition-p {
  transition-property: padding;
}

.transition-shadow {
  transition-property: box-shadow;
}

.transition-w {
  transition-property: width;
}

.transition-border {
  transition-property: border;
}

.transition-opacity {
  transition-property: opacity;
}

.transition-transform {
  transition-property: transform;
}

.ease-ease {
  transition-timing-function: ease;
}

.ease-ease-in {
  transition-timing-function: ease-in;
}

.duration-150 {
  transition-duration: 150ms;
}

.delay-150 {
  transition-delay: 150ms;
}

@-webkit-keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

@-webkit-keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@-webkit-keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.animate-none {
  -webkit-animation: none;
          animation: none;
}

.animate-spin {
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

.animate-ping {
  -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
          animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.animate-pulse {
  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
          animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-bounce {
  -webkit-animation: bounce 1s infinite;
          animation: bounce 1s infinite;
}

.transition-bg {
  transition-property: background-color;
  transition-duration: 250ms;
  transition-duration: var(--transition-duration);
}

.transition-bg-all\,border\,shadow {
  transition-property: background-color,background-position,border,box-shadow;
  transition-duration: 250ms;
  transition-duration: var(--transition-duration);
}

.transition-border\,shadow {
  transition-property: border,box-shadow;
  transition-duration: 250ms;
  transition-duration: var(--transition-duration);
}

.transition-content {
  transition-property: font-size,opacity,padding,width,height;
  transition-duration: 250ms;
  transition-duration: var(--transition-duration);
}

.transition-p {
  transition-property: padding;
  transition-duration: 250ms;
  transition-duration: var(--transition-duration);
}

.transition-shadow {
  transition-property: box-shadow;
  transition-duration: 250ms;
  transition-duration: var(--transition-duration);
}

.transition-w {
  transition-property: width;
  transition-duration: 250ms;
  transition-duration: var(--transition-duration);
}

.transition-border {
  transition-property: border;
  transition-duration: 250ms;
  transition-duration: var(--transition-duration);
}

.transition-opacity {
  transition-property: opacity;
  transition-duration: 250ms;
  transition-duration: var(--transition-duration);
}

.transition-transform {
  transition-property: transform;
  transition-duration: 250ms;
  transition-duration: var(--transition-duration);
}

.transition-150 {
  --transition-duration: 150ms;
  transition-duration: 150ms;
  transition-duration: var(--transition-duration);
}

.transition-ease {
  transition-timing-function: ease;
}

.transition-ease-in {
  transition-timing-function: ease-in;
}

.transition-delay-150 {
  transition-delay: 150ms;
}

.will-change-auto {
  will-change: auto;
}

.will-change-scroll {
  will-change: scroll-position;
}

.will-change-contents {
  will-change: contents;
}

.will-change-opacity {
  will-change: opacity;
}

.will-change-transform {
  will-change: transform;
}

.border-raspberry-600-blue-700 {
  -o-border-image: linear-gradient(to right, #af1685, #1d4f91) 50;
     border-image: linear-gradient(to right, #af1685, #1d4f91) 50;
}

.border-box {
  box-sizing: border-box;
}

.content-box {
  box-sizing: content-box;
}

.content-0 {
  font-size: 0;
  opacity: 0;
  padding: 0;
  width: 0;
  height: 0;
}

.text-fill-current {
  -webkit-text-fill-color: currentColor;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/assets/material-icons-kAwBdRge.woff2") format("woff2"), url("/assets/material-icons-Dr0goTwe.woff") format("woff");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/assets/material-icons-outlined-DZhiGvEA.woff2") format("woff2"), url("/assets/material-icons-outlined-BpWbwl2n.woff") format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/assets/material-icons-round-DrirKXBx.woff2") format("woff2"), url("/assets/material-icons-round-BDlwx-sv.woff") format("woff");
}
.material-icons-round {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/assets/material-icons-sharp-gidztirS.woff2") format("woff2"), url("/assets/material-icons-sharp-CH1KkVu7.woff") format("woff");
}
.material-icons-sharp {
  font-family: "Material Icons Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/assets/material-icons-two-tone-DuNIpaEj.woff2") format("woff2"), url("/assets/material-icons-two-tone-B7wz7mED.woff") format("woff");
}
.material-icons-two-tone {
  font-family: "Material Icons Two Tone";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("/assets/material-symbols-outlined-D-wlBPiu.woff2") format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("/assets/material-symbols-rounded-Cvc8cW0O.woff2") format("woff2");
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Symbols Sharp";
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url("/assets/material-symbols-sharp-DyCBXezw.woff2") format("woff2");
}
.material-symbols-sharp {
  font-family: "Material Symbols Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}