@charset "UTF-8";/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */

@layer properties;
.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  overflow-wrap: normal;
  clip: rect(1px, 1px, 1px, 1px);
}
.word-status-wrapper {
  position: absolute;
  top: calc(var(--spacing, 0.25rem) * 0);
  right: calc(var(--spacing, 0.25rem) * 4);
  margin-top: calc(var(--spacing, 0.25rem) * 5.5);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(var(--spacing, 0.25rem) * 3);
}
.word-status-wrapper .word-status-icon {
  display: flex;
  height: calc(var(--spacing, 0.25rem) * 4);
  align-items: center;
  justify-content: center;
  font-family: "wenicon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--text-2xl, 1.375rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, 1.4));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
}
.word-status-wrapper .word-status-icon.word-status-button {
  height: calc(var(--spacing, 0.25rem) * 8);
  width: calc(var(--spacing, 0.25rem) * 8);
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
}
.word-status-wrapper .word-status-icon.word-status-icon-phrases {
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, 1.4));
}
#app-layout {
  height: 100%;
  width: 100%;
}
#app-wrapper {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.layout-header {
  position: relative;
  z-index: 2;
  width: 100%;
  border-bottom-right-radius: var(--radius-2xl, 1rem);
  border-bottom-left-radius: var(--radius-2xl, 1rem);
  background-color: var(--color-white, #fff);
  box-shadow: 0px 1px 3px 0px rgba(0, 191, 242, 0.12), 0px 4px 8px 3px rgba(0, 191, 242, 0.12);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 400ms;
  transition-duration: 400ms;
  --tw-ease: var(--ease-wenui-outside, cubic-bezier(0.25, 1, 0.5, 1));
  transition-timing-function: var(--ease-wenui-outside, cubic-bezier(0.25, 1, 0.5, 1));
}
.layout-header .container-header {
  width: 100%;
  @media (width >= 20rem) {
    max-width: 20rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 90rem) {
    max-width: 90rem;
  }
  margin-inline: auto;
  max-width: var(--container-xl, 90rem);
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  @media (width >= 20rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
  }
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 10);
  }
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  justify-content: space-between;
}
.layout-header .tools {
  grid-column: span 6 / span 6;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: calc(var(--spacing, 0.25rem) * 2);
  padding-right: calc(var(--spacing, 0.25rem) * 4);
  @media (width >= 48rem) {
    order: 9999;
  }
  @media (width >= 48rem) {
    grid-column: span 2 / span 2;
  }
  @media (width >= 48rem) {
    padding-right: calc(var(--spacing, 0.25rem) * 0);
  }
}
.layout-header .logo {
  grid-column: span 6 / span 6;
  display: flex;
  align-items: center;
  padding-block: calc(var(--spacing, 0.25rem) * 2);
  @media (width >= 48rem) {
    grid-column: span 3 / span 3;
  }
}
.layout-header .main-menu {
  grid-column: span 12 / span 12;
  justify-self: flex-start;
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, 1.4));
  @media (width >= 48rem) {
    grid-column: span 7 / span 7;
  }
}
.layout-header .main-menu ul {
  display: flex;
  gap: calc(var(--spacing, 0.25rem) * 6);
  padding-inline: calc(var(--spacing, 0.25rem) * 2);
}
.layout-header .main-menu ul a, .layout-header .main-menu ul span {
  box-sizing: border-box;
  display: block;
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 3px;
  border-bottom-color: transparent;
  padding-block: calc(var(--spacing, 0.25rem) * 6);
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, 1.4));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-blue-500, #07185C);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 400ms;
  transition-duration: 400ms;
  --tw-ease: var(--ease-wenui-outside, cubic-bezier(0.25, 1, 0.5, 1));
  transition-timing-function: var(--ease-wenui-outside, cubic-bezier(0.25, 1, 0.5, 1));
}
.layout-header .main-menu ul a:hover, .layout-header .main-menu ul span:hover {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 3px;
  border-bottom-color: var(--color-sky-500, oklch(68.5% 0.169 237.323));
  color: var(--color-blue-500, #07185C);
}
.layout-header .main-menu ul a.is-active, .layout-header .main-menu ul span.is-active {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 3px;
  border-bottom-color: var(--color-sky-500, oklch(68.5% 0.169 237.323));
  color: var(--color-blue-500, #07185C);
  color: var(--color-sky-blue-500, #00BFF2);
}
.layout-header .main-menu ul a i, .layout-header .main-menu ul span i {
  @media (width >= 48rem) {
    display: none;
  }
}
.layout-header .main-menu ul span {
  cursor: default;
}
@media (width < 48rem) {
  .layout-header {
    margin-bottom: calc(var(--spacing, 0.25rem) * 3);
  }
  .layout-header .main-menu {
    position: fixed;
    bottom: calc(var(--spacing, 0.25rem) * 0);
    left: calc(var(--spacing, 0.25rem) * 0);
    z-index: 10;
    width: 100%;
    background-color: var(--color-grey-100, #F7F7F8);
  }
  .layout-header .main-menu .menu {
    justify-content: space-around;
  }
  .layout-header .main-menu .menu a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-block: calc(var(--spacing, 0.25rem) * 2);
    font-size: var(--text-sm, 0.875rem);
    line-height: var(--tw-leading, var(--text-sm--line-height, 1.4));
  }
}
.layout-footer {
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-slate-100, oklch(96.8% 0.007 247.896));
  background-color: var(--color-white, #fff);
  padding-block: calc(var(--spacing, 0.25rem) * 6);
  text-align: center;
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, 1.4));
  color: var(--color-slate-400, oklch(70.4% 0.04 256.788));
}
.app-main {
  display: block;
  height: 100%;
  min-height: -moz-max-content;
  min-height: max-content;
  width: 100%;
}
.layout-quiz {
  width: 100%;
  --tw-gradient-position: to bottom right in oklab;
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-indigo-50, oklch(96.2% 0.018 272.314));
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  --tw-gradient-via: var(--color-purple-50, oklch(97.7% 0.014 308.299));
  --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
  --tw-gradient-to: var(--color-pink-50, oklch(97.1% 0.014 343.198));
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  @media (width >= 48rem) {
    height: 100%;
  }
}
#app-wrapper {
  @media (width < 48rem) {
    padding-bottom: calc(var(--spacing, 0.25rem) * 20);
  }
}
.layout-main {
  position: relative;
  min-width: calc(var(--spacing, 0.25rem) * 0);
  flex: 1;
  padding-block: calc(var(--spacing, 0.25rem) * 8);
}
.layout-main .region-info {
  margin-bottom: calc(var(--spacing, 0.25rem) * 6);
  border-bottom-right-radius: var(--radius-2xl, 1rem);
  border-bottom-left-radius: var(--radius-2xl, 1rem);
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-bottom: calc(var(--spacing, 0.25rem) * 4);
  --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.layout-main .region-quiz {
  position: relative;
  margin-inline: calc(var(--spacing, 0.25rem) * 4);
  margin-block: calc(var(--spacing, 0.25rem) * 8);
  border-radius: var(--radius-2xl, 1rem);
  @media (width >= 48rem) {
    margin-inline: calc(var(--spacing, 0.25rem) * 10);
  }
  @media (width >= 48rem) {
    margin-block: calc(var(--spacing, 0.25rem) * 15);
  }
}
.layout-main .region-quiz .region-quiz-inner {
  position: relative;
  z-index: 5;
  border-radius: var(--radius-2xl, 1rem);
  background-color: var(--color-white, #fff);
  padding: calc(var(--spacing, 0.25rem) * 4);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  @media (width >= 48rem) {
    padding: calc(var(--spacing, 0.25rem) * 8);
  }
}
.layout-main .region-quiz .region-shadow {
  position: absolute;
  left: calc(var(--spacing, 0.25rem) * -2);
  height: 100%;
  width: 100%;
  border-radius: var(--radius-2xl, 1rem);
}
.slidebar {
  width: 100%;
  flex-shrink: 0;
  border-color: var(--color-grey-200, #DDDDDF);
  @media (width >= 48rem) {
    width: calc(var(--spacing, 0.25rem) * 64);
  }
  @media (width >= 48rem) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
}
.slidebar .slidebar-sticky {
  @media (width >= 48rem) {
    position: sticky;
  }
  @media (width >= 48rem) {
    top: calc(var(--spacing, 0.25rem) * 8);
  }
}
.slidebar .slidebar-container {
  border-color: var(--color-grey-200, #DDDDDF);
  @media (width >= 48rem) {
    overflow-y: auto;
  }
  @media (width >= 48rem) {
    padding-block: calc(var(--spacing, 0.25rem) * 8);
  }
  @media (width >= 48rem) {
    padding-right: calc(var(--spacing, 0.25rem) * 4);
  }
}
.slidebar .btn-filter {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  overflow: hidden;
}
.slidebar .btn-filter:before {
  position: absolute;
  top: calc(var(--spacing, 0.25rem) * 4);
  left: calc(var(--spacing, 0.25rem) * 0);
  z-index: 0;
  display: none;
  height: 2px;
  width: 100%;
  rotate: 5deg;
  overflow: hidden;
  background-color: var(--color-sky-blue-100, #BDF1FF);
  --tw-content: '';
  content: var(--tw-content);
}
.slidebar .btn-filter .label {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: calc(var(--spacing, 0.25rem) * 2);
}
.slidebar .btn-filter .label:after {
  font-family: "wenicon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--text-3xl, 1.5625rem);
  line-height: var(--tw-leading, var(--text-3xl--line-height, 1.4));
  --tw-content: "\e652";
  content: var(--tw-content);
}
.slidebar .btn-filter.is-disabled {
  cursor: not-allowed;
  color: var(--color-grey-200, #DDDDDF);
}
.slidebar .btn-filter.is-disabled:before {
  display: block;
}
.slidebar .filter-groups {
  display: flex;
  flex-wrap: wrap;
  @media (width >= 48rem) {
    flex-direction: column;
  }
}
.slidebar .filter-groups .btn-filter {
  padding-right: calc(var(--spacing, 0.25rem) * 1);
  padding-left: calc(var(--spacing, 0.25rem) * 2);
  @media (width < 48rem) {
    width: 100%;
  }
}
.slidebar .filter-group {
  width: 100%;
}
.slidebar .filter-group.filter-group-important, .slidebar .filter-group.filter-group-recite, .slidebar .filter-group.filter-group-irregular {
  width: calc(4/12 * 100%);
  padding-inline: calc(var(--spacing, 0.25rem) * 2);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, 1.4));
  @media (width >= 48rem) {
    width: 100%;
  }
}
.slidebar .filter-group.filter-group-type .filter-item {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  @media (width >= 48rem) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.slidebar .filter-group.filter-group-type .tag-all {
  grid-column: 1 / -1;
}
.slidebar .btn-tag {
  margin-bottom: calc(var(--spacing, 0.25rem) * 1);
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, 0.25rem) * 1);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  @media (width >= 48rem) {
    flex-direction: row-reverse;
  }
  @media (width >= 48rem) {
    gap: calc(var(--spacing, 0.25rem) * 3);
  }
}
.slidebar .btn-tag .label {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing, 0.25rem) * 2);
  @media (width >= 48rem) {
    flex-direction: row-reverse;
  }
}
.slidebar .btn-tag .point {
  display: block;
  height: calc(var(--spacing, 0.25rem) * 3);
  width: calc(var(--spacing, 0.25rem) * 3);
  border-radius: calc(infinity * 1px);
}
.slidebar .btn-tag.btn-tag-all {
  color: var(--color-blue-500, #07185C);
}
.slidebar .btn-filter-reset {
  cursor: pointer;
  font-family: "mmilyscandy" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, 1.4));
  color: var(--color-red-500, #EB008B);
  &:hover {
    @media (hover: hover) {
      color: var(--color-red-100, #FFB8E2);
    }
  }
}
.slidebar .btn-letter-group {
  display: grid;
  grid-template-columns: repeat(13, minmax(0, 1fr));
  gap: calc(var(--spacing, 0.25rem) * 1);
  font-family: "mmilyscandy" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  @media (width >= 48rem) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.slidebar .btn-letter-group .btn-letter {
  position: relative;
  cursor: pointer;
  font-size: var(--text-2xl, 1.375rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, 1.4));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
}
.slidebar .btn-letter-group .btn-letter:before {
  position: absolute;
  top: calc(var(--spacing, 0.25rem) * 2.5);
  left: calc(var(--spacing, 0.25rem) * 0);
  display: none;
  height: calc(var(--spacing, 0.25rem) * 1);
  width: 100%;
  rotate: 45deg;
  overflow: hidden;
  background-color: var(--color-sky-blue-100, #BDF1FF);
  --tw-content: '';
  content: var(--tw-content);
}
.slidebar .btn-letter-group .btn-letter.btn-letter-all {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: calc(var(--spacing, 0.25rem) * 1);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, 1.4));
  color: var(--color-blue-500, #07185C);
}
.slidebar .btn-letter-group .btn-letter.btn-letter-all:after {
  font-family: "wenicon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--text-3xl, 1.5625rem);
  line-height: var(--tw-leading, var(--text-3xl--line-height, 1.4));
  --tw-content: "\e652";
  content: var(--tw-content);
}
.slidebar .btn-letter-group .btn-letter:hover {
  color: var(--color-sky-500, oklch(68.5% 0.169 237.323));
}
.slidebar .btn-letter-group .btn-letter span {
  position: relative;
  z-index: 2;
}
.slidebar .btn-letter-group .btn-letter.selected {
  color: var(--color-sky-blue-500, #00BFF2);
}
.slidebar .btn-letter-group .btn-letter.not-allowed {
  cursor: not-allowed;
  color: var(--color-grey-200, #DDDDDF);
}
.slidebar .btn-letter-group .btn-letter.not-allowed:before {
  display: block;
}
.slidebar .filter-group-category .filter-item {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: calc(var(--spacing, 0.25rem) * 2);
  @media (width >= 48rem) {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.slidebar .filter-group-category .filter-item .btn-filter .label {
  gap: calc(var(--spacing, 0.25rem) * 1);
}
.slidebar .filter-group-category .filter-item .btn-filter .label span {
  font-family: "mmilyscandy" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, 1.4));
  text-transform: uppercase;
}
.slidebar .filter-group-category .filter-item .btn-filter .label:after {
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, 1.4));
}
.slidebar .filter-group {
  margin-bottom: calc(var(--spacing, 0.25rem) * 3);
  display: flex;
  flex-direction: column;
  text-align: right;
  @media (width >= 80rem) {
    margin-bottom: calc(var(--spacing, 0.25rem) * 6);
  }
}
.slidebar .filter-group .filter-group-title {
  margin-bottom: calc(var(--spacing, 0.25rem) * 1);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, 1.2));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}
.slidebar .filter-group .filter-item {
  width: 100%;
}
.is-loading {
  position: relative;
  min-height: calc(var(--spacing, 0.25rem) * 25);
}
.is-loading::after {
  pointer-events: none;
  position: absolute;
  inset: calc(var(--spacing, 0.25rem) * 0);
  z-index: 2;
  background-color: color-mix(in srgb, #fff 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white, #fff) 60%, transparent);
  }
  --tw-content: '';
  content: var(--tw-content);
}
.is-loading::before {
  position: absolute;
  top: calc(1/2 * 100%);
  left: calc(1/2 * 100%);
  z-index: 3;
  height: calc(var(--spacing, 0.25rem) * 25);
  width: calc(var(--spacing, 0.25rem) * 25);
  --tw-translate-x: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: '';
  content: var(--tw-content);
  background-image: url("/themes/wenui/dist/loading.svg");
  animation: wenui-spinner 0.8s linear infinite;
}
.is-empty {
  background-image: url("/themes/wenui/dist/list-empty.png");
  margin-block: calc(var(--spacing, 0.25rem) * 8);
  background-size: 80px;
  background-position: top;
  background-repeat: no-repeat;
  padding-top: calc(var(--spacing, 0.25rem) * 24);
  text-align: center;
  color: var(--color-grey-400, #6E7281);
}
@media (width < 48rem) {
  .admin-toolbar-control-bar {
    display: none;
  }
}
.word-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  border-radius: var(--radius-2xl, 1rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-slate-100, oklch(96.8% 0.007 247.896));
  background-color: var(--color-sky-blue-100, #BDF1FF);
  --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-drop-shadow-size: drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.05)));
  --tw-drop-shadow: drop-shadow(var(--drop-shadow-xs, 0 1px 1px rgb(0 0 0 / 0.05)));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  transition-property: box-shadow;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  &:hover {
    @media (hover: hover) {
      --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  clip-path: inset(0 round 1.35rem);
}
.word-card .word-card-content {
  position: relative;
  z-index: 1;
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: calc(var(--spacing, 0.25rem) * 1);
  border-radius: var(--radius-2xl, 1rem);
  background-color: var(--color-white, #fff);
  padding-top: calc(var(--spacing, 0.25rem) * 5);
  padding-right: calc(var(--spacing, 0.25rem) * 4);
  padding-bottom: calc(var(--spacing, 0.25rem) * 2);
  padding-left: calc(var(--spacing, 0.25rem) * 4);
  --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
  --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm, 0 1px 2px rgb(0 0 0 / 0.15)));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.word-card .word-card-more {
  position: relative;
  bottom: calc(var(--spacing, 0.25rem) * 0);
  z-index: 1;
  width: 100%;
}
.word-card .word-card-more .btn-word-card-more {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing, 0.25rem) * 1);
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 1);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, 1.4));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-sky-blue-500, #00BFF2);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
}
.word-card .word-card-more .btn-word-card-more:after {
  font-family: "wenicon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--text-2xl, 1.375rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, 1.4));
  --tw-content: '\e67d';
  content: var(--tw-content);
}
.word-card .word-card-more .btn-word-card-more span {
  text-shadow: 0px 1px 1px var(--tw-text-shadow-color, rgb(0 0 0 / 0.2));
  text-shadow: 0px 1px 1px rgb(0 0 0 / 0.2);
}
.word-card.word-card-recite .word-card-more .btn-word-card-more, .word-card.word-card-learned .word-card-more .btn-word-card-more, .word-card.word-card-important .word-card-more .btn-word-card-more {
  text-shadow: -1px -1px #333;
  color: var(--color-white, #fff);
}
.word-card.word-card-learned {
  background-color: var(--color-green-800, oklch(44.8% 0.119 151.328));
}
.word-card.word-card-recite {
  background-color: var(--color-red-800, oklch(44.4% 0.177 26.899));
}
.word-card.word-card-important {
  background-color: var(--color-sky-blue-500, #00BFF2);
}
.word-detail {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing, 0.25rem) * 4);
}
.word-detail .word-detail-header {
  margin-inline: auto;
  margin-bottom: calc(var(--spacing, 0.25rem) * 4);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  color: var(--color-grey-500, #3E414C);
}
.word-detail .word-detail-header.word-status-important .word-detail-word {
  color: var(--color-sky-blue-500, #00BFF2);
}
.word-detail .word-detail-header.word-status-recite .word-detail-word {
  color: var(--color-red-700, oklch(50.5% 0.213 27.518));
}
.word-detail .word-detail-header.word-status-learned .word-detail-word {
  color: var(--color-green-700, oklch(52.7% 0.154 150.069));
}
.word-detail .word-detail-word {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: calc(var(--spacing, 0.25rem) * 2);
  font-size: 70px;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  &:hover {
    @media (hover: hover) {
      color: var(--color-grey-300, #A6A8B0);
    }
  }
}
.word-detail .word-detail-word.phrase-detail-word {
  font-size: var(--text-7xl, 2.5rem);
  line-height: var(--tw-leading, var(--text-7xl--line-height, 1.2));
}
.word-detail .word-phonetic {
  align-items: center;
  justify-content: center;
}
.word-detail .word-phonetic .phonetic {
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, 1.4));
}
.word-detail .word-status {
  margin-top: calc(var(--spacing, 0.25rem) * 4);
  display: flex;
  gap: calc(var(--spacing, 0.25rem) * 2);
}
.word-detail .word-status .word-status-item {
  display: flex;
  align-items: center;
  border-radius: var(--radius-lg, 0.5rem);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
}
.word-detail .word-status .word-status-item .wenicon {
  border-radius: var(--radius-lg, 0.5rem);
  background-color: color-mix(in srgb, #fff 45%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white, #fff) 45%, transparent);
  }
  padding-inline: calc(var(--spacing, 0.25rem) * 2);
  padding-block: calc(var(--spacing, 0.25rem) * 1);
  font-size: var(--text-2xl, 1.375rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, 1.4));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
}
.word-detail .word-status .word-status-item .label {
  padding-inline: calc(var(--spacing, 0.25rem) * 3);
  padding-block: calc(var(--spacing, 0.25rem) * 1);
}
.word-phonetic {
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing, 0.25rem) * 1);
}
.word-phonetic .phonetic {
  font-family: var(--font-sans, 'Microsoft Yahei', 'PingFang SC', 'Helvetica Neue','Helvetica','Arial', 'sans-serif');
  color: var(--color-slate-400, oklch(70.4% 0.04 256.788));
}
.word-phonetic .is-loading {
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, 1.2));
  color: var(--color-slate-400, oklch(70.4% 0.04 256.788));
  font-style: italic;
}
.word-phonetic .is-error {
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, 1.2));
  color: var(--color-grey-300, #A6A8B0);
  font-style: italic;
}
.word-irregular {
  margin-right: calc(var(--spacing, 0.25rem) * 12);
  display: flex;
  flex-direction: column;
  gap: calc(var(--spacing, 0.25rem) * 0.5);
  border-radius: 0.25rem;
  border-inline-style: var(--tw-border-style);
  border-inline-width: 2px;
  border-color: var(--color-grey-100, #F7F7F8);
  padding-left: calc(var(--spacing, 0.25rem) * 3);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, 1.4));
}
.drupal-container {
  background-image: url(/themes/wenui/dist/bg.jpg);
  display: flex;
  flex-direction: column;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}
.drupal-container .region-header {
  width: 100%;
  @media (width >= 20rem) {
    max-width: 20rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 90rem) {
    max-width: 90rem;
  }
  margin-inline: auto;
  max-width: var(--container-xl, 90rem);
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  @media (width >= 20rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
  }
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 10);
  }
  padding-block: calc(var(--spacing, 0.25rem) * 4);
}
.drupal-container .region-header .block-branding .branding-logo {
  display: block;
  width: calc(var(--spacing, 0.25rem) * 50);
}
.drupal-container .region-header .block-branding .branding-slogan {
  visibility: hidden;
  position: absolute;
  width: calc(var(--spacing, 0.25rem) * 0);
  height: calc(var(--spacing, 0.25rem) * 0);
}
.drupal-container .region-main {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  @media (width >= 48rem) {
    padding-bottom: calc(var(--spacing, 0.25rem) * 12);
  }
}
.drupal-container .region-content {
  position: relative;
  width: 100%;
  @media (width >= 20rem) {
    max-width: 20rem;
  }
  @media (width >= 48rem) {
    max-width: 48rem;
  }
  @media (width >= 64rem) {
    max-width: 64rem;
  }
  @media (width >= 80rem) {
    max-width: 80rem;
  }
  @media (width >= 90rem) {
    max-width: 90rem;
  }
  margin-inline: auto;
  max-width: var(--container-xl, 90rem);
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  @media (width >= 20rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 4);
  }
  @media (width >= 48rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 6);
  }
  @media (width >= 64rem) {
    padding-inline: calc(var(--spacing, 0.25rem) * 10);
  }
  max-width: calc(var(--spacing, 0.25rem) * 120);
  border-radius: var(--radius-3xl, 1.5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: color-mix(in srgb, #BDF1FF 20%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--color-sky-blue-100, #BDF1FF) 20%, transparent);
  }
  padding-block: calc(var(--spacing, 0.25rem) * 4);
  --tw-drop-shadow-size: drop-shadow(0 6px 6px var(--tw-drop-shadow-color, rgba(0, 191, 242, 0.35)));
  --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl, 0 6px 6px rgba(0, 191, 242, 0.35)));
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  background: linear-gradient(to bottom, var(--color-sky-blue-100) 0%, white 35%, white 100%);
}
.drupal-container .region-content .block-title h1 {
  margin-block: calc(var(--spacing, 0.25rem) * 4);
  text-align: center;
  font-size: var(--text-xl, 1.25rem);
  line-height: var(--tw-leading, var(--text-xl--line-height, 1.4));
  --tw-leading: var(--leading-heading, 1.2);
  line-height: var(--leading-heading, 1.2);
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
}
.drupal-container .region-content form .form-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.drupal-container .region-content form .form-item .form-text {
  position: relative;
  width: 100%;
  border-radius: var(--radius-lg, 0.5rem);
  background-color: var(--color-grey-100, #F7F7F8);
  padding: calc(var(--spacing, 0.25rem) * 2);
  --tw-outline-style: none;
  outline-style: none;
}
.drupal-container .region-content form .form-item label {
  margin-bottom: calc(var(--spacing, 0.25rem) * 1);
  display: flex;
  align-items: center;
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, 1.2));
  color: var(--color-gray-500, oklch(55.1% 0.027 264.364));
}
.drupal-container .region-content form .form-item.form-item-name label:before {
  font-family: "wenicon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, 1.4));
  --tw-content: '\e694';
  content: var(--tw-content);
}
.drupal-container .region-content form .form-item.form-item-pass label:before {
  font-family: "wenicon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, 1.4));
  --tw-content: '\e62b';
  content: var(--tw-content);
}
.drupal-container .region-content form .form-actions {
  margin-top: calc(var(--spacing, 0.25rem) * 4);
  display: flex;
  gap: calc(var(--spacing, 0.25rem) * 2);
}
.drupal-container .region-content form .form-actions .button {
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.drupal-container .region-content form .form-actions .dialog-cancel {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-sky-500, oklch(68.5% 0.169 237.323));
  background-color: transparent;
  color: var(--color-sky-500, oklch(68.5% 0.169 237.323));
  &:hover {
    @media (hover: hover) {
      border-color: var(--color-blue-500, #07185C);
    }
  }
  &:hover {
    @media (hover: hover) {
      color: var(--color-blue-500, #07185C);
    }
  }
}
.drupal-container .region-content form .description,
.drupal-container .region-content form p {
  padding-block: calc(var(--spacing, 0.25rem) * 2);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, 1.2));
  color: var(--color-grey-500, #3E414C);
}
.page-user-login #task-primary ul,
.page-user-password #task-primary ul {
  gap: calc(var(--spacing, 0.25rem) * 2);
}
.page-user-login #task-primary ul li a,
.page-user-password #task-primary ul li a {
  padding: calc(var(--spacing, 0.25rem) * 2);
}
.page-user-login #task-primary .link-user-login a,
.page-user-login #task-primary .link-user-password a,
.page-user-password #task-primary .link-user-login a,
.page-user-password #task-primary .link-user-password a {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, 1.2));
  color: var(--color-sky-blue-500, #00BFF2);
}
.page-user-login #task-primary .link-user-login a:before,
.page-user-login #task-primary .link-user-password a:before,
.page-user-password #task-primary .link-user-login a:before,
.page-user-password #task-primary .link-user-password a:before {
  display: block;
  font-family: "wenicon" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--text-3xl, 1.5625rem);
  line-height: var(--tw-leading, var(--text-3xl--line-height, 1.4));
}
.page-user-login #task-primary .link-user-login a:before,
.page-user-password #task-primary .link-user-login a:before {
  --tw-content: '\e6bd';
  content: var(--tw-content);
}
.page-user-login #task-primary .link-user-password a:before,
.page-user-password #task-primary .link-user-password a:before {
  --tw-content: '\ea49';
  content: var(--tw-content);
}
.region-inside {
  width: 100%;
}
#block-wenui-primary-local-tasks {
  width: 100%;
}
table {
  margin-block: calc(var(--spacing, 0.25rem) * 6);
  width: 100%;
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-blue-300, oklch(80.9% 0.105 251.813));
}
table td {
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-blue-300, oklch(80.9% 0.105 251.813));
  padding-inline: calc(var(--spacing, 0.25rem) * 2);
  padding-block: calc(var(--spacing, 0.25rem) * 1);
}
.table {
  margin-top: calc(var(--spacing, 0.25rem) * 2);
  display: flex;
  width: 100%;
  gap: 1px;
  overflow: hidden;
  border-radius: calc(infinity * 1px);
  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.table span {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--color-sky-blue-100, #BDF1FF);
  padding: calc(var(--spacing, 0.25rem) * 2);
  text-align: center;
}
.ProseMirror {
  --tw-outline-style: none;
  outline-style: none;
}
.ProseMirror p {
  margin-bottom: calc(var(--spacing, 0.25rem) * 2);
}
.ProseMirror h1 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 4);
  font-size: var(--text-3xl, 1.5625rem);
  line-height: var(--tw-leading, var(--text-3xl--line-height, 1.4));
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
}
.ProseMirror h2 {
  margin-bottom: calc(var(--spacing, 0.25rem) * 3);
  font-size: var(--text-2xl, 1.375rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, 1.4));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
}
.ProseMirror strong {
  --tw-font-weight: var(--font-weight-bold, 700);
  font-weight: var(--font-weight-bold, 700);
}
.ProseMirror em {
  font-style: italic;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-text-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-font-weight: initial;
      --tw-border-style: solid;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-content: "";
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-text-shadow-color: initial;
      --tw-text-shadow-alpha: 100%;
      --tw-leading: initial;
    }
  }
}