@charset "UTF-8";

/*
! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: rgb(241, 245, 249);
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/

html {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, -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";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

body {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, "Microsoft Yahei", Arial, sans-serif;
  min-width: 48rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
}

body.modal-open {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

a {
  text-decoration: none;
}

a:hover {
  color: rgb(34, 197, 94);
}

p{
  margin-bottom: 1rem;
}

h1{
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

h2{
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
}

h3{
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}

h4{
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

h5{
  margin-bottom: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}

h6{
  margin-bottom: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}

.line {
  position: relative;
  width: 1px;
  min-height: 50%;
  background-color: rgb(241, 245, 249);
  -o-object-fit: cover;
  object-fit: cover;
}

.header {
  padding: 12px 0;
  position: relative;
  flex: 0 0 auto;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: rgb(241, 245, 249);
}

.content {
  min-height: calc(100vh - 48px - 70px);
  margin-left: auto;
  margin-right: auto;
  min-width: 64rem;
  max-width: 1536px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.content .center-wrap{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.content .center-wrap article{
  grid-column: span 2 / span 2;
}

.content .center-wrap aside .channeldetailaside .header {
  padding: 6px 0 !important;
}

.heading {
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: -1px;
  color: rgb(2, 6, 23);
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.heading .icon-h1{
  margin-right: 0.25rem;
  height: 1.5rem;
  width: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.heading h1, .heading h3{
  margin-bottom: 0px;
  display: flex;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.heading h1 span, .heading h3 span{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.heading .asidetitle{
  margin-bottom: 0px;
  display: flex;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.bnt {
  -moz-column-gap: 4px;
  column-gap: 4px;
  padding: 8px 16px;
  border-radius: 16px;
}

.bnt i{
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
}

.bnt-default{
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(203 213 225 / var(--tw-ring-opacity));
}

.bnt-default:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}

.bnt-default:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bnt-default:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.bnt-default:focus-visible{
  outline-width: 0px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.bnt-default:disabled{
  cursor: not-allowed;
  opacity: 0.75;
}

@media (prefers-color-scheme: dark){
  .bnt-default{
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity));
  }

  .bnt-default:hover{
    background-color: rgb(30 41 59 / 0.5);
  }

  .bnt-default:disabled{
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  }
}

.bnt-gray{
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.bnt-gray:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.bnt-gray:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.bnt-gray:disabled{
  cursor: not-allowed;
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  opacity: 0.75;
}

@media (prefers-color-scheme: dark){
  .bnt-gray{
    --tw-bg-opacity: 1;
    background-color: rgb(74 222 128 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity));
  }

  .bnt-gray:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  }

  .bnt-gray:disabled{
    --tw-bg-opacity: 1;
    background-color: rgb(74 222 128 / var(--tw-bg-opacity));
  }
}

.bnt-gray:focus-visible{
  outline-style: solid;
  outline-width: 2px;
  outline-offset: 2px;
  outline-color: #22c55e;
}

@media (prefers-color-scheme: dark){
  .bnt-gray:focus-visible{
    outline-color: #4ade80;
  }
}

.btn-loadmore{
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.btn-loadmore:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity));
}

.btn-loadmore i{
  height: 1rem;
  width: 1rem;
}

.btn-noloadmore{
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  border-radius: 9999px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.bnt-xs {
  -moz-column-gap: 4px;
  column-gap: 4px;
  font-size: 0.75rem;
  line-height: 1rem;
}

.bnt-xs i{
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  border-radius: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.copy-btn{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='black' d='M6.999 1a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2H12a2 2 0 0 0 2-2V5.5h-.002V4.414a1.5 1.5 0 0 0-.439-1.06l-1.914-1.915A1.5 1.5 0 0 0 10.585 1H6.998ZM12 12H6.999a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3v1.5a1.5 1.5 0 0 0 1.5 1.5h1.5v1.061H13V11a1 1 0 0 1-1 1Zm.791-8h-1.293a.5.5 0 0 1-.5-.5V2.207L12.791 4ZM3 4a1 1 0 0 1 1-1v8a3 3 0 0 0 3 3h5a1 1 0 0 1-1 1H6.79A3.79 3.79 0 0 1 3 11.21V4Z'/%3E%3C/svg%3E");
  position: absolute;
  right: 1rem;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.copy-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.copy-btn{
  margin: 0.25rem;
  cursor: pointer;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.breadcrumbbox{
  margin-bottom: 0.75rem;
  display: inline-flex;
  width: 100%;
  border-bottom-width: 1px;
  padding: 0px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.breadcrumbbox .breadcrumb{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.breadcrumbbox .breadcrumb .item{
  display: inline-flex;
  list-style-type: none;
}

.breadcrumbbox .breadcrumb .item > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.breadcrumbbox .breadcrumb .item{
  padding: 0px;
}

.breadcrumbbox .breadcrumb .item a {
  color: rgb(148, 163, 184);
}

.breadcrumbbox .breadcrumb .item a:hover{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.breadcrumbbox .breadcrumb .item:not(:last-child)::after {
  content: ">";
  padding: 0 4px;
  color: rgb(148, 163, 184);
}

.breadcrumbbox .breadcrumb .item .link {
  color: rgb(148, 163, 184);
}

.breadcrumbbox .breadcrumb .item .link:hover{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.breadcrumbbox .breadcrumb .item .link span {
  color: rgb(203, 213, 225);
}

.breadcrumbbox .breadcrumb .item .link span:hover {
  color: rgb(203, 213, 225);
}

.navigation{
  margin-bottom: 1rem;
  border-bottom-width: 1px;
}

.navigation .nav{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  height: 3rem;
  min-width: 64rem;
  max-width: 1536px;
  align-items: center;
  justify-content: center;
  padding-left: 2rem;
  padding-right: 2rem;
}

.navigation .logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  height: 100%;
  margin-right: 1rem;
}

.navigation .logo .img {
  position: relative;
  max-height: 35px;
}

.navigation .sort {
  display: flex;
  height: 48px;
  align-items: center;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.navigation .sort .item, .navigation .sort a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
  padding: 0px 8px;
  color: rgb(51, 65, 85);
}

.navigation .sort .item .dropdown-box, .navigation .sort a .dropdown-box {
  max-width: 100vw;
}

.navigation .sort .item .dropdown-menu, .navigation .sort a .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 1368px;
  z-index: 2;
  background-color: #ffffff;
  transition: opacity 0.3s, transform 0.3s;
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: rgb(241, 245, 249);
  opacity: 0;
  padding: 16px 8px;
  flex-wrap: wrap;
  align-items: center;
}

.navigation .sort .item .dropdown-menu .dropdown-link, .navigation .sort a .dropdown-menu .dropdown-link {
  display: flex;
  min-width: 1280px;
  max-width: 1440px;
  margin: 0 auto;
  gap: 16px;
  padding: 0 32px;
}

.navigation .sort .item .dropdown-menu > *, .navigation .sort a .dropdown-menu > * {
  flex: 1;
  max-width: 1408px;
}

.navigation .sort .item .dropdown-menu > *:not(:last-child), .navigation .sort a .dropdown-menu > *:not(:last-child) {
  margin-right: 8px;
}

.navigation .sort .item .dropdown-menu a, .navigation .sort a .dropdown-menu a {
  box-sizing: initial;
  display: block;
  align-items: initial;
  justify-content: initial;
  position: static;
  align-self: initial;
  flex: initial;
  padding: 0 8px;
  color: rgb(71, 85, 105);
}

.navigation .sort .item .dropdown-menu a:hover, .navigation .sort a .dropdown-menu a:hover {
  display: block;
  background-image: none;
  color: rgb(34, 197, 94);
}

.navigation .sort .item:hover .dropdown-menu, .navigation .sort a:hover .dropdown-menu {
  display: flex;
  opacity: 1;
}

.navigation .sort .item:hover, .navigation .sort .item a:hover, .navigation .sort a:hover, .navigation .sort a a:hover {
  display: inline-flex;
  background-image: linear-gradient(rgb(34, 197, 94), rgb(34, 197, 94));
  background-repeat: repeat-x;
  background-size: 100% 2px;
  background-position: 0 0;
  color: rgb(34, 197, 94);
}

.navigation .sort a {
  padding: 0 !important;
}

.navigation .sort .active {
  display: inline-flex;
  background-image: linear-gradient(rgb(34, 197, 94), rgb(34, 197, 94));
  background-repeat: repeat-x;
  background-size: 100% 2px;
  background-position: 0 0;
  color: rgb(34, 197, 94);
}

.navigation .rightfun{
  display: flex;
  height: 100%;
}

.navigation .rightfun .btnfun {
  cursor: pointer;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.navigation .rightfun .btnfun:hover{
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity));
}

.navigation .rightfun .btnfun i{
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
}

.navigation .rightfun .btnfun:not(:last-child)::after {
  content: "";
  right: 0px;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  height: 50%;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.searcharea{
  margin-bottom: 2rem;
}

.searcharea .searchfun {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 16px 0px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
}

.searcharea .title {
  display: flex;
  width: 413px;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
  margin-top: -8px;
}

.searcharea h1 {
  margin-top: -1px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
  margin-bottom: 0px;
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: rgb(236 72 153 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ec4899 var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);
  -webkit-background-clip: text;
          background-clip: text;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 600;
  color: transparent;
}

@media (prefers-color-scheme: dark){
  .searcharea h1{
    --tw-gradient-from: #7dd3fc var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(125 211 252 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(249 168 212 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #f9a8d4 var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);
  }
}

.searcharea small {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  letter-spacing: 0;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.searcharea .search {
  display: flex;
  width: 414px;
  height: 40px;
  align-items: center;
  padding: 0px 8px 0px 16px;
  position: relative;
  margin-bottom: -8px;
  background-color: rgb(241, 245, 249);
  border-radius: 16px;
  overflow: hidden;
}

.searcharea .search form{
  display: flex;
  width: 100%;
}

.searcharea .search input {
  cursor: pointer;
  position: relative;
  width: auto;
  flex-grow: 1;
  border-radius: 0.375rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.searcharea .search input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
}

.searcharea .search input::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
}

.searcharea .search input{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity));
}

.searcharea .search input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.searcharea .search input:disabled{
  cursor: not-allowed;
  opacity: 0.75;
}

@media (prefers-color-scheme: dark){
  .searcharea .search input{
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .searcharea .search input::-moz-placeholder{
    --tw-placeholder-opacity: 1;
    color: rgb(148 163 184 / var(--tw-placeholder-opacity));
  }

  .searcharea .search input::placeholder{
    --tw-placeholder-opacity: 1;
    color: rgb(148 163 184 / var(--tw-placeholder-opacity));
  }

  .searcharea .search input{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity));
  }
}

.searcharea .search button{
  margin-left: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.searcharea .search button i{
  height: 1.25rem;
  width: 1.25rem;
}

.searcharea .search span{
  pointer-events: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  inset-inline-end: 0px;
  display: flex;
  cursor: pointer;
  align-items: center;
  padding-inline-end: 0.625rem;
}

.searcharea .search span i{
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

@media (prefers-color-scheme: dark){
  .searcharea .search span i{
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity));
  }
}

.searcharea .searchs {
  display: flex;
  width: 414px;
  height: 40px;
  align-items: center;
  justify-content: space-between;
  padding: 0px 8px 0px 16px;
  position: relative;
  margin-bottom: -8px;
  background-color: rgb(241, 245, 249);
  border-radius: 16px;
  overflow: hidden;
}

.searcharea .searchs form{
  width: 100%;
}

.searcharea .searchs input {
  cursor: pointer;
  position: relative;
  display: block;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-inline-end: 2.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.searcharea .searchs input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
}

.searcharea .searchs input::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
}

.searcharea .searchs input{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-inset: inset;
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity));
}

.searcharea .searchs input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.searcharea .searchs input:disabled{
  cursor: not-allowed;
  opacity: 0.75;
}

@media (prefers-color-scheme: dark){
  .searcharea .searchs input{
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .searcharea .searchs input::-moz-placeholder{
    --tw-placeholder-opacity: 1;
    color: rgb(148 163 184 / var(--tw-placeholder-opacity));
  }

  .searcharea .searchs input::placeholder{
    --tw-placeholder-opacity: 1;
    color: rgb(148 163 184 / var(--tw-placeholder-opacity));
  }

  .searcharea .searchs input{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity));
  }
}

.searcharea .searchs span{
  pointer-events: none;
  position: absolute;
  top: 0px;
  bottom: 0px;
  inset-inline-end: 0px;
  display: flex;
  cursor: pointer;
  align-items: center;
  padding-inline-end: 0.625rem;
}

.searcharea .searchs span i{
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

@media (prefers-color-scheme: dark){
  .searcharea .searchs span i{
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity));
  }
}

.author{
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
}

.recommendedarea{
  margin-bottom: 2rem;
}

.recommendedarea .item-center{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.recommendedarea .item-center > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.recommendedarea .item-center{
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  padding-top: 1rem;
}

.recommendedarea .item-center > :nth-child(-n+5) {
  border-top-width: 0 !important;
}

.recommendedarea .item-center > :nth-child(5n+1) {
  border-left-width: 0 !important;
}

.recommendedarea .item{
  position: relative;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 1rem;
}

.recommendedarea .item:hover {
  cursor: pointer;
  box-shadow: 0 4px 8px 0 rgba(203, 213, 225, 0.3);
}

.recommendedarea .item:hover .cover {
  box-shadow: 0 0px 0px 0 rgba(203, 213, 225, 0.3);
}

.recommendedarea .item:hover .cover img{
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.recommendedarea .item:hover .title {
  color: rgb(34, 197, 94);
}

.recommendedarea .item .cover {
  box-shadow: 0 4px 16px 0 rgba(205, 216, 228, 0.3);
  position: relative;
  margin-bottom: 1rem;
  box-sizing: content-box;
  overflow: hidden;
  -o-object-fit: fill;
     object-fit: fill;
}

.recommendedarea .item .cover::before {
  content: "";
  background-color: #ffffff;
  /* 指定的颜色 */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  mix-blend-mode: multiply;
  /* 或其他混合模式 */
}

.recommendedarea .item .cover img {
  max-height: 100%;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -o-object-fit: fill;
     object-fit: fill;
}

.recommendedarea .item .title {
  position: relative;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
  margin-bottom: 1rem;
}

.recommendedarea .item .title:hover {
  color: rgb(34, 197, 94);
}

.recommendedarea .item .present {
  position: relative;
  align-self: stretch;
  height: 44px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.recommendedarea .item .infocollection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.recommendedarea .item .infocollection .infoextra {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0px;
  position: relative;
  flex: 0 0 auto;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.recommendedarea .item .infocollection .infoextra .icon {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0px 4px;
  position: relative;
  flex: 0 0 auto;
}

.recommendedarea .item .infocollection .infoextra .text {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0px 4px;
  position: relative;
  flex: 0 0 auto;
}

.recommendedarea .item .infocollection .infoextra .line {
  position: relative;
  width: 1px;
  min-height: 10px;
  background-color: rgb(226, 232, 240);
  -o-object-fit: cover;
  object-fit: cover;
}

.recommendedarea .item .infocollection .butfun {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  position: relative;
  flex: 0 0 auto;
  background-color: var(--green-500);
  border-radius: 4px;
  overflow: hidden;
  all: unset;
  box-sizing: border-box;
  gap: 8px;
}

.recommendedarea .item .infocollection .butfun span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(34, 197, 94);
}

.newupcenterarea, .orderlist, .downfilearea, .friendshiplinksarea{
  margin-bottom: 2rem;
}

.newupcenterarea .container, .orderlist .container, .downfilearea .container, .friendshiplinksarea .container{
  margin: auto;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.newupcenterarea .container .downurl, .orderlist .container .downurl, .downfilearea .container .downurl, .friendshiplinksarea .container .downurl{
  margin-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.newupcenterarea .container .hint, .orderlist .container .hint, .downfilearea .container .hint, .friendshiplinksarea .container .hint{
  margin-bottom: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.newupcenterarea .container .likes, .orderlist .container .likes, .downfilearea .container .likes, .friendshiplinksarea .container .likes {
  text-decoration: none;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.newupcenterarea .container .time, .orderlist .container .time, .downfilearea .container .time, .friendshiplinksarea .container .time{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.newupcenterarea .friendshiplinks, .orderlist .friendshiplinks, .downfilearea .friendshiplinks, .friendshiplinksarea .friendshiplinks{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.75rem;
}

.newupcenterarea .friendshiplinks .link, .orderlist .friendshiplinks .link, .downfilearea .friendshiplinks .link, .friendshiplinksarea .friendshiplinks .link{
  margin-bottom: 0.75rem;
  margin-right: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.newupcenterarea .friendshiplinks .link:hover, .orderlist .friendshiplinks .link:hover, .downfilearea .friendshiplinks .link:hover, .friendshiplinksarea .friendshiplinks .link:hover{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.newupcenterarea .newcenter, .orderlist .newcenter, .downfilearea .newcenter, .friendshiplinksarea .newcenter {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  padding: 8px 8px;
}

.newupcenterarea .item-center, .orderlist .item-center, .downfilearea .item-center, .friendshiplinksarea .item-center{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.newupcenterarea .item-center > :not([hidden]) ~ :not([hidden]), .orderlist .item-center > :not([hidden]) ~ :not([hidden]), .downfilearea .item-center > :not([hidden]) ~ :not([hidden]), .friendshiplinksarea .item-center > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(1px * var(--tw-divide-x-reverse));
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.newupcenterarea .item-center, .orderlist .item-center, .downfilearea .item-center, .friendshiplinksarea .item-center{
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}

.newupcenterarea .item-center > :nth-child(-n+3), .orderlist .item-center > :nth-child(-n+3), .downfilearea .item-center > :nth-child(-n+3), .friendshiplinksarea .item-center > :nth-child(-n+3) {
  border-top-width: 0 !important;
}

.newupcenterarea .item-center > :nth-child(3n+1), .orderlist .item-center > :nth-child(3n+1), .downfilearea .item-center > :nth-child(3n+1), .friendshiplinksarea .item-center > :nth-child(3n+1) {
  border-left-width: 0 !important;
}

.newupcenterarea .item-center .item, .orderlist .item-center .item, .downfilearea .item-center .item, .friendshiplinksarea .item-center .item{
  position: relative;
  height: 100%;
  width: 100%;
  padding: 1rem;
}

.newupcenterarea .item-center .item:hover, .orderlist .item-center .item:hover, .downfilearea .item-center .item:hover, .friendshiplinksarea .item-center .item:hover {
  box-shadow: 0 4px 8px 0 rgba(203, 213, 225, 0.3);
  cursor: pointer;
}

.newupcenterarea .item-center .item:hover .title, .orderlist .item-center .item:hover .title, .downfilearea .item-center .item:hover .title, .friendshiplinksarea .item-center .item:hover .title {
  color: rgb(34, 197, 94);
}

.newupcenterarea .item-center .item:hover.normal::after, .orderlist .item-center .item:hover.normal::after, .downfilearea .item-center .item:hover.normal::after, .friendshiplinksarea .item-center .item:hover.normal::after{
  --tw-bg-opacity: 0.5;
  opacity: 1;
  pointer-events: all;
}

.newupcenterarea .item-center .item:hover .downbtn, .orderlist .item-center .item:hover .downbtn, .downfilearea .item-center .item:hover .downbtn, .friendshiplinksarea .item-center .item:hover .downbtn{
  display: block;
}

.newupcenterarea .item-center .item .title, .orderlist .item-center .item .title, .downfilearea .item-center .item .title, .friendshiplinksarea .item-center .item .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 1rem;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.newupcenterarea .item-center .item .title span, .newupcenterarea .item-center .item .title .span, .orderlist .item-center .item .title span, .orderlist .item-center .item .title .span, .downfilearea .item-center .item .title span, .downfilearea .item-center .item .title .span, .friendshiplinksarea .item-center .item .title span, .friendshiplinksarea .item-center .item .title .span {
  text-align: left;
  position: relative;
  flex: 1;
  margin-top: -1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.newupcenterarea .item-center .item .title:hover, .orderlist .item-center .item .title:hover, .downfilearea .item-center .item .title:hover, .friendshiplinksarea .item-center .item .title:hover {
  color: rgb(34, 197, 94);
}

.newupcenterarea .item-center .item .title:hover span, .orderlist .item-center .item .title:hover span, .downfilearea .item-center .item .title:hover span, .friendshiplinksarea .item-center .item .title:hover span {
  color: rgb(34, 197, 94);
}

.newupcenterarea .item-center .item .present, .orderlist .item-center .item .present, .downfilearea .item-center .item .present, .friendshiplinksarea .item-center .item .present{
  margin-bottom: 0.75rem;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.newupcenterarea .item-center .item .present span, .orderlist .item-center .item .present span, .downfilearea .item-center .item .present span, .friendshiplinksarea .item-center .item .present span {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.newupcenterarea .item-center .item .info, .orderlist .item-center .item .info, .downfilearea .item-center .item .info, .friendshiplinksarea .item-center .item .info{
  display: flex;
  width: 100%;
}

.newupcenterarea .item-center .item .info > :not([hidden]) ~ :not([hidden]), .orderlist .item-center .item .info > :not([hidden]) ~ :not([hidden]), .downfilearea .item-center .item .info > :not([hidden]) ~ :not([hidden]), .friendshiplinksarea .item-center .item .info > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(2px * var(--tw-divide-x-reverse));
  border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
}

.newupcenterarea .item-center .item .info, .orderlist .item-center .item .info, .downfilearea .item-center .item .info, .friendshiplinksarea .item-center .item .info{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.newupcenterarea .item-center .item .info .sort, .newupcenterarea .item-center .item .info .status, .orderlist .item-center .item .info .sort, .orderlist .item-center .item .info .status, .downfilearea .item-center .item .info .sort, .downfilearea .item-center .item .info .status, .friendshiplinksarea .item-center .item .info .sort, .friendshiplinksarea .item-center .item .info .status{
  padding-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.newupcenterarea .item-center .item .info .text, .orderlist .item-center .item .info .text, .downfilearea .item-center .item .info .text, .friendshiplinksarea .item-center .item .info .text{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.newupcenterarea .item-center .item .line, .orderlist .item-center .item .line, .downfilearea .item-center .item .line, .friendshiplinksarea .item-center .item .line {
  position: relative;
  width: 1px;
  min-height: 10px;
  background-color: rgb(226, 232, 240);
  -o-object-fit: cover;
  object-fit: cover;
}

.newupcenterarea .item-center .item.expired .info .sort, .newupcenterarea .item-center .item.expired .info .status, .orderlist .item-center .item.expired .info .sort, .orderlist .item-center .item.expired .info .status, .downfilearea .item-center .item.expired .info .sort, .downfilearea .item-center .item.expired .info .status, .friendshiplinksarea .item-center .item.expired .info .sort, .friendshiplinksarea .item-center .item.expired .info .status{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.newupcenterarea .item-center .item.normal .downinfo, .orderlist .item-center .item.normal .downinfo, .downfilearea .item-center .item.normal .downinfo, .friendshiplinksarea .item-center .item.normal .downinfo{
  position: absolute;
  inset: 0px;
  height: auto;
  width: auto;
}

.newupcenterarea .item-center .item.normal .downinfo > :not([hidden]) ~ :not([hidden]), .orderlist .item-center .item.normal .downinfo > :not([hidden]) ~ :not([hidden]), .downfilearea .item-center .item.normal .downinfo > :not([hidden]) ~ :not([hidden]), .friendshiplinksarea .item-center .item.normal .downinfo > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.newupcenterarea .item-center .item.normal .downinfo, .orderlist .item-center .item.normal .downinfo, .downfilearea .item-center .item.normal .downinfo, .friendshiplinksarea .item-center .item.normal .downinfo{
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.newupcenterarea .item-center .item.normal .downinfo .downbtn, .orderlist .item-center .item.normal .downinfo .downbtn, .downfilearea .item-center .item.normal .downinfo .downbtn, .friendshiplinksarea .item-center .item.normal .downinfo .downbtn{
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.newupcenterarea .item-center .item.normal .downinfo .downbtn:hover, .orderlist .item-center .item.normal .downinfo .downbtn:hover, .downfilearea .item-center .item.normal .downinfo .downbtn:hover, .friendshiplinksarea .item-center .item.normal .downinfo .downbtn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.newupcenterarea .item-center .item.normal .downinfo .downbtn i, .orderlist .item-center .item.normal .downinfo .downbtn i, .downfilearea .item-center .item.normal .downinfo .downbtn i, .friendshiplinksarea .item-center .item.normal .downinfo .downbtn i{
  height: 1rem;
  width: 1rem;
}

.newupcenterarea .item-center .item.normal::after, .orderlist .item-center .item.normal::after, .downfilearea .item-center .item.normal::after, .friendshiplinksarea .item-center .item.normal::after {
  content: " ";
  position: absolute;
  inset: 0px;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0;
  transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  z-index: 5;
}

.newupcenterarea .item-center .item.normal:hover::after, .orderlist .item-center .item.normal:hover::after, .downfilearea .item-center .item.normal:hover::after, .friendshiplinksarea .item-center .item.normal:hover::after{
  --tw-bg-opacity: 0.25;
  opacity: 1;
}

.newupcenterarea .item-center .item.normal:hover .downinfo, .orderlist .item-center .item.normal:hover .downinfo, .downfilearea .item-center .item.normal:hover .downinfo, .friendshiplinksarea .item-center .item.normal:hover .downinfo{
  opacity: 1;
}

.helparea, .pagearea{
  margin-bottom: 2rem;
  display: flex;
  padding: 1rem;
}

.helparea .hintwarn, .pagearea .hintwarn{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.helparea .helpnav, .helparea .pagenav, .pagearea .helpnav, .pagearea .pagenav{
  width: 16.666667%;
}

.helparea .helpnav .sidenav, .helparea .pagenav .sidenav, .pagearea .helpnav .sidenav, .pagearea .pagenav .sidenav{
  display: flex;
  flex-direction: column;
}

.helparea .helpnav .sidenav .sidenavitem, .helparea .helpnav .sidenav .sidenavlink, .helparea .pagenav .sidenav .sidenavitem, .helparea .pagenav .sidenav .sidenavlink, .pagearea .helpnav .sidenav .sidenavitem, .pagearea .helpnav .sidenav .sidenavlink, .pagearea .pagenav .sidenav .sidenavitem, .pagearea .pagenav .sidenav .sidenavlink{
  margin-bottom: 1rem;
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.helparea .helpnav .sidenav .sidenavitem i, .helparea .helpnav .sidenav .sidenavlink i, .helparea .pagenav .sidenav .sidenavitem i, .helparea .pagenav .sidenav .sidenavlink i, .pagearea .helpnav .sidenav .sidenavitem i, .pagearea .helpnav .sidenav .sidenavlink i, .pagearea .pagenav .sidenav .sidenavitem i, .pagearea .pagenav .sidenav .sidenavlink i{
  margin-right: 0.5rem;
  height: 1.25rem;
  width: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.helparea .helpnav .sidenav .sidenavitem:hover, .helparea .helpnav .sidenav .sidenavlink:hover, .helparea .pagenav .sidenav .sidenavitem:hover, .helparea .pagenav .sidenav .sidenavlink:hover, .pagearea .helpnav .sidenav .sidenavitem:hover, .pagearea .helpnav .sidenav .sidenavlink:hover, .pagearea .pagenav .sidenav .sidenavitem:hover, .pagearea .pagenav .sidenav .sidenavlink:hover{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.helparea .helpnav .sidenav .active, .helparea .pagenav .sidenav .active, .pagearea .helpnav .sidenav .active, .pagearea .pagenav .sidenav .active{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.helparea .helpflow, .helparea .pageflow, .pagearea .helpflow, .pagearea .pageflow {
  min-height: calc(100vh - 48px - 70px - 45px);
  width: 83.333333%;
  border-left-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.helparea .body, .pagearea .body{
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.helparea .body :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.helparea .body :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.helparea .body :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.helparea .body :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.helparea .body :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.helparea .body :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.helparea .body :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.helparea .body :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.helparea .body :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.helparea .body :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.helparea .body :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.helparea .body :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.helparea .body :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.helparea .body :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.helparea .body :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.helparea .body :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.helparea .body :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
}

.helparea .body :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.helparea .body :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker, .pagearea .body :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.helparea .body :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker, .pagearea .body :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}

.helparea .body :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.helparea .body :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.helparea .body :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-left-width: 0.25rem;
  border-left-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
}

.helparea .body :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before, .pagearea .body :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: open-quote;
}

.helparea .body :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after, .pagearea .body :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: close-quote;
}

.helparea .body :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.helparea .body :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 900;
  color: inherit;
}

.helparea .body :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.helparea .body :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 800;
  color: inherit;
}

.helparea .body :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.helparea .body :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.helparea .body :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.helparea .body :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.helparea .body :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.helparea .body :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.helparea .body :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-right: 0.375em;
  padding-bottom: 0.1875em;
  padding-left: 0.375em;
}

.helparea .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.helparea .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before, .pagearea .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "`";
}

.helparea .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after, .pagearea .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: "`";
}

.helparea .body :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.helparea .body :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.helparea .body :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.875em;
}

.helparea .body :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.9em;
}

.helparea .body :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.helparea .body :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.helparea .body :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.helparea .body :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}

.helparea .body :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.helparea .body :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before, .pagearea .body :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: none;
}

.helparea .body :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after, .pagearea .body :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: none;
}

.helparea .body :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.helparea .body :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.helparea .body :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.helparea .body :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.helparea .body :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 0;
}

.helparea .body :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: baseline;
}

.helparea .body :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.helparea .body :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: top;
}

.helparea .body :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.helparea .body :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.helparea .body, .pagearea .body{
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.helparea .body :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.helparea .body :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.helparea .body :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.helparea .body :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0.375em;
}

.helparea .body :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0.375em;
}

.helparea .body :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.helparea .body :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.helparea .body :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.helparea .body :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.helparea .body :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.helparea .body :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.helparea .body :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.helparea .body :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  padding-left: 1.625em;
}

.helparea .body :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.helparea .body :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.helparea .body :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.helparea .body :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.helparea .body :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0;
}

.helparea .body :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-right: 0;
}

.helparea .body :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.helparea .body :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0;
}

.helparea .body :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-right: 0;
}

.helparea .body :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.helparea .body :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.helparea .body :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}

.helparea .body, .pagearea .body{
  font-size: 0.875rem;
  line-height: 1.7142857;
}

.helparea .body :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}

.helparea .body :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.helparea .body :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-left: 1.1111111em;
}

.helparea .body :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 2.1428571em;
  margin-top: 0;
  margin-bottom: 0.8em;
  line-height: 1.2;
}

.helparea .body :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.4285714em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  line-height: 1.4;
}

.helparea .body :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2857143em;
  margin-top: 1.5555556em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}

.helparea .body :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.4285714em;
  margin-bottom: 0.5714286em;
  line-height: 1.4285714;
}

.helparea .body :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.helparea .body :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.helparea .body :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.helparea .body :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.helparea .body :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  border-radius: 0.3125rem;
  padding-top: 0.1428571em;
  padding-right: 0.3571429em;
  padding-bottom: 0.1428571em;
  padding-left: 0.3571429em;
}

.helparea .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
}

.helparea .body :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.9em;
}

.helparea .body :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
}

.helparea .body :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  border-radius: 0.25rem;
  padding-top: 0.6666667em;
  padding-right: 1em;
  padding-bottom: 0.6666667em;
  padding-left: 1em;
}

.helparea .body :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-left: 1.5714286em;
}

.helparea .body :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-left: 1.5714286em;
}

.helparea .body :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.2857143em;
  margin-bottom: 0.2857143em;
}

.helparea .body :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0.4285714em;
}

.helparea .body :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0.4285714em;
}

.helparea .body :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}

.helparea .body :where(.prose-sm > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(.prose-sm > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}

.helparea .body :where(.prose-sm > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(.prose-sm > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.1428571em;
}

.helparea .body :where(.prose-sm > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(.prose-sm > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}

.helparea .body :where(.prose-sm > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(.prose-sm > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.1428571em;
}

.helparea .body :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}

.helparea .body :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}

.helparea .body :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}

.helparea .body :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.2857143em;
  padding-left: 1.5714286em;
}

.helparea .body :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2.8571429em;
  margin-bottom: 2.8571429em;
}

.helparea .body :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.helparea .body :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.helparea .body :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.helparea .body :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.helparea .body :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.5;
}

.helparea .body :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-right: 1em;
  padding-bottom: 0.6666667em;
  padding-left: 1em;
}

.helparea .body :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0;
}

.helparea .body :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-right: 0;
}

.helparea .body :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.6666667em;
  padding-right: 1em;
  padding-bottom: 0.6666667em;
  padding-left: 1em;
}

.helparea .body :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0;
}

.helparea .body :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-right: 0;
}

.helparea .body :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.helparea .body :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.helparea .body :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}

.helparea .body :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.helparea .body :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .pagearea .body :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}

.helparea .body, .pagearea .body{
  --tw-prose-body: #334155;
  --tw-prose-headings: #0f172a;
  --tw-prose-lead: #475569;
  --tw-prose-links: #0f172a;
  --tw-prose-bold: #0f172a;
  --tw-prose-counters: #64748b;
  --tw-prose-bullets: #cbd5e1;
  --tw-prose-hr: #e2e8f0;
  --tw-prose-quotes: #0f172a;
  --tw-prose-quote-borders: #e2e8f0;
  --tw-prose-captions: #64748b;
  --tw-prose-kbd: #0f172a;
  --tw-prose-kbd-shadows: 15 23 42;
  --tw-prose-code: #0f172a;
  --tw-prose-pre-code: #e2e8f0;
  --tw-prose-pre-bg: #1e293b;
  --tw-prose-th-borders: #cbd5e1;
  --tw-prose-td-borders: #e2e8f0;
  --tw-prose-invert-body: #cbd5e1;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #94a3b8;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #94a3b8;
  --tw-prose-invert-bullets: #475569;
  --tw-prose-invert-hr: #334155;
  --tw-prose-invert-quotes: #f1f5f9;
  --tw-prose-invert-quote-borders: #334155;
  --tw-prose-invert-captions: #94a3b8;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #cbd5e1;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #475569;
  --tw-prose-invert-td-borders: #334155;
  position: relative;
  margin-bottom: 1rem;
  max-width: none;
  overflow: hidden;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
  padding-bottom: 1rem;
}

.helparea .body :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))), .pagearea .body :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (prefers-color-scheme: dark){
  .helparea .body, .pagearea .body{
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
  }
}

.helparea .body img, .pagearea .body img {
  margin: auto;
  padding: 8px;
  max-width: 100%;
}

.downdetailarea, .articlearea, .container{
  margin-bottom: 2rem;
  padding: 1rem;
}

.downdetailarea .title, .articlearea .title, .container .title{
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.downdetailarea .infobox, .articlearea .infobox, .container .infobox{
  margin-bottom: 1rem;
  display: flex;
  width: 100%;
}

.downdetailarea .infobox > :not([hidden]) ~ :not([hidden]), .articlearea .infobox > :not([hidden]) ~ :not([hidden]), .container .infobox > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(2px * var(--tw-divide-x-reverse));
  border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
}

.downdetailarea .infobox, .articlearea .infobox, .container .infobox{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.downdetailarea .infobox > *, .articlearea .infobox > *, .container .infobox > *{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.downdetailarea .infobox > :first-child, .articlearea .infobox > :first-child, .container .infobox > :first-child{
  padding-left: 0px;
}

.downdetailarea .infobox .copyright, .articlearea .infobox .copyright, .container .infobox .copyright{
  display: flex;
  flex-shrink: 0;
  cursor: pointer;
  align-items: center;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.downdetailarea .infobox .copyright i, .articlearea .infobox .copyright i, .container .infobox .copyright i{
  height: 1rem;
  width: 1rem;
}

.downdetailarea .taglist, .articlearea .taglist, .container .taglist{
  margin-bottom: 1rem;
  display: flex;
}

.downdetailarea .taglist > :not([hidden]) ~ :not([hidden]), .articlearea .taglist > :not([hidden]) ~ :not([hidden]), .container .taglist > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.downdetailarea .taglist .tag, .articlearea .taglist .tag, .container .taglist .tag{
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.downdetailarea .taglist .tag:hover, .articlearea .taglist .tag:hover, .container .taglist .tag:hover{
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.downdetailarea .body, .articlearea .body, .container .body{
  color: var(--tw-prose-body);
  max-width: 65ch;
}

.downdetailarea .body :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.downdetailarea .body :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}

.downdetailarea .body :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}

.downdetailarea .body :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-bold);
  font-weight: 600;
}

.downdetailarea .body :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.downdetailarea .body :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.downdetailarea .body :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.downdetailarea .body :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.downdetailarea .body :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.downdetailarea .body :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.downdetailarea .body :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-alpha;
}

.downdetailarea .body :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-alpha;
}

.downdetailarea .body :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.downdetailarea .body :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.downdetailarea .body :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: upper-roman;
}

.downdetailarea .body :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: lower-roman;
}

.downdetailarea .body :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: decimal;
}

.downdetailarea .body :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-left: 1.625em;
}

.downdetailarea .body :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker, .articlearea .body :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker, .container .body :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  font-weight: 400;
  color: var(--tw-prose-counters);
}

.downdetailarea .body :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker, .articlearea .body :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker, .container .body :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker{
  color: var(--tw-prose-bullets);
}

.downdetailarea .body :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}

.downdetailarea .body :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}

.downdetailarea .body :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-left-width: 0.25rem;
  border-left-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-left: 1em;
}

.downdetailarea .body :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before, .articlearea .body :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before, .container .body :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: open-quote;
}

.downdetailarea .body :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after, .articlearea .body :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after, .container .body :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: close-quote;
}

.downdetailarea .body :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}

.downdetailarea .body :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 900;
  color: inherit;
}

.downdetailarea .body :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}

.downdetailarea .body :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 800;
  color: inherit;
}

.downdetailarea .body :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}

.downdetailarea .body :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.downdetailarea .body :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.downdetailarea .body :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 700;
  color: inherit;
}

.downdetailarea .body :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.downdetailarea .body :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}

.downdetailarea .body :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-right: 0.375em;
  padding-bottom: 0.1875em;
  padding-left: 0.375em;
}

.downdetailarea .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}

.downdetailarea .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before, .articlearea .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before, .container .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: "`";
}

.downdetailarea .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after, .articlearea .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after, .container .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: "`";
}

.downdetailarea .body :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.downdetailarea .body :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.downdetailarea .body :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.875em;
}

.downdetailarea .body :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
  font-size: 0.9em;
}

.downdetailarea .body :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.downdetailarea .body :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.downdetailarea .body :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: inherit;
}

.downdetailarea .body :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-right: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-left: 1.1428571em;
}

.downdetailarea .body :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

.downdetailarea .body :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before, .articlearea .body :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before, .container .body :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before{
  content: none;
}

.downdetailarea .body :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after, .articlearea .body :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after, .container .body :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after{
  content: none;
}

.downdetailarea .body :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  width: 100%;
  table-layout: auto;
  text-align: left;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}

.downdetailarea .body :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}

.downdetailarea .body :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.downdetailarea .body :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}

.downdetailarea .body :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-bottom-width: 0;
}

.downdetailarea .body :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: baseline;
}

.downdetailarea .body :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}

.downdetailarea .body :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  vertical-align: top;
}

.downdetailarea .body :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.downdetailarea .body :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}

.downdetailarea .body, .articlearea .body, .container .body{
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}

.downdetailarea .body :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.downdetailarea .body :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.downdetailarea .body :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.downdetailarea .body :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0.375em;
}

.downdetailarea .body :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0.375em;
}

.downdetailarea .body :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.downdetailarea .body :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.downdetailarea .body :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.downdetailarea .body :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
}

.downdetailarea .body :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.25em;
}

.downdetailarea .body :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

.downdetailarea .body :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}

.downdetailarea .body :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5em;
  padding-left: 1.625em;
}

.downdetailarea .body :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.downdetailarea .body :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.downdetailarea .body :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.downdetailarea .body :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.downdetailarea .body :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0;
}

.downdetailarea .body :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-right: 0;
}

.downdetailarea .body :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.5714286em;
  padding-right: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
}

.downdetailarea .body :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0;
}

.downdetailarea .body :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-right: 0;
}

.downdetailarea .body :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2em;
  margin-bottom: 2em;
}

.downdetailarea .body :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.downdetailarea .body :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}

.downdetailarea .body, .articlearea .body, .container .body{
  font-size: 0.875rem;
  line-height: 1.7142857;
}

.downdetailarea .body :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}

.downdetailarea .body :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2857143em;
  line-height: 1.5555556;
  margin-top: 0.8888889em;
  margin-bottom: 0.8888889em;
}

.downdetailarea .body :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.3333333em;
  margin-bottom: 1.3333333em;
  padding-left: 1.1111111em;
}

.downdetailarea .body :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 2.1428571em;
  margin-top: 0;
  margin-bottom: 0.8em;
  line-height: 1.2;
}

.downdetailarea .body :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.4285714em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
  line-height: 1.4;
}

.downdetailarea .body :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 1.2857143em;
  margin-top: 1.5555556em;
  margin-bottom: 0.4444444em;
  line-height: 1.5555556;
}

.downdetailarea .body :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.4285714em;
  margin-bottom: 0.5714286em;
  line-height: 1.4285714;
}

.downdetailarea .body :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.downdetailarea .body :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.downdetailarea .body :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.downdetailarea .body :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.downdetailarea .body :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  border-radius: 0.3125rem;
  padding-top: 0.1428571em;
  padding-right: 0.3571429em;
  padding-bottom: 0.1428571em;
  padding-left: 0.3571429em;
}

.downdetailarea .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
}

.downdetailarea .body :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.9em;
}

.downdetailarea .body :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8888889em;
}

.downdetailarea .body :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.6666667;
  margin-top: 1.6666667em;
  margin-bottom: 1.6666667em;
  border-radius: 0.25rem;
  padding-top: 0.6666667em;
  padding-right: 1em;
  padding-bottom: 0.6666667em;
  padding-left: 1em;
}

.downdetailarea .body :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-left: 1.5714286em;
}

.downdetailarea .body :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
  padding-left: 1.5714286em;
}

.downdetailarea .body :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.2857143em;
  margin-bottom: 0.2857143em;
}

.downdetailarea .body :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0.4285714em;
}

.downdetailarea .body :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0.4285714em;
}

.downdetailarea .body :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}

.downdetailarea .body :where(.prose-sm > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(.prose-sm > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(.prose-sm > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}

.downdetailarea .body :where(.prose-sm > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(.prose-sm > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(.prose-sm > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.1428571em;
}

.downdetailarea .body :where(.prose-sm > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(.prose-sm > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(.prose-sm > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}

.downdetailarea .body :where(.prose-sm > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(.prose-sm > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(.prose-sm > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 1.1428571em;
}

.downdetailarea .body :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.5714286em;
  margin-bottom: 0.5714286em;
}

.downdetailarea .body :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
  margin-bottom: 1.1428571em;
}

.downdetailarea .body :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.1428571em;
}

.downdetailarea .body :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0.2857143em;
  padding-left: 1.5714286em;
}

.downdetailarea .body :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 2.8571429em;
  margin-bottom: 2.8571429em;
}

.downdetailarea .body :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.downdetailarea .body :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.downdetailarea .body :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.downdetailarea .body :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.downdetailarea .body :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.5;
}

.downdetailarea .body :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-right: 1em;
  padding-bottom: 0.6666667em;
  padding-left: 1em;
}

.downdetailarea .body :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0;
}

.downdetailarea .body :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-right: 0;
}

.downdetailarea .body :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-top: 0.6666667em;
  padding-right: 1em;
  padding-bottom: 0.6666667em;
  padding-left: 1em;
}

.downdetailarea .body :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-left: 0;
}

.downdetailarea .body :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  padding-right: 0;
}

.downdetailarea .body :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
}

.downdetailarea .body :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
  margin-bottom: 0;
}

.downdetailarea .body :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  font-size: 0.8571429em;
  line-height: 1.3333333;
  margin-top: 0.6666667em;
}

.downdetailarea .body :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-top: 0;
}

.downdetailarea .body :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .articlearea .body :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)), .container .body :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)){
  margin-bottom: 0;
}

.downdetailarea .body, .articlearea .body, .container .body{
  --tw-prose-body: #334155;
  --tw-prose-headings: #0f172a;
  --tw-prose-lead: #475569;
  --tw-prose-links: #0f172a;
  --tw-prose-bold: #0f172a;
  --tw-prose-counters: #64748b;
  --tw-prose-bullets: #cbd5e1;
  --tw-prose-hr: #e2e8f0;
  --tw-prose-quotes: #0f172a;
  --tw-prose-quote-borders: #e2e8f0;
  --tw-prose-captions: #64748b;
  --tw-prose-kbd: #0f172a;
  --tw-prose-kbd-shadows: 15 23 42;
  --tw-prose-code: #0f172a;
  --tw-prose-pre-code: #e2e8f0;
  --tw-prose-pre-bg: #1e293b;
  --tw-prose-th-borders: #cbd5e1;
  --tw-prose-td-borders: #e2e8f0;
  --tw-prose-invert-body: #cbd5e1;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #94a3b8;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #94a3b8;
  --tw-prose-invert-bullets: #475569;
  --tw-prose-invert-hr: #334155;
  --tw-prose-invert-quotes: #f1f5f9;
  --tw-prose-invert-quote-borders: #334155;
  --tw-prose-invert-captions: #94a3b8;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #cbd5e1;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #475569;
  --tw-prose-invert-td-borders: #334155;
  position: relative;
  margin-bottom: 1rem;
  max-width: none;
  overflow: hidden;
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
  padding-bottom: 1rem;
}

.downdetailarea .body :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))), .articlearea .body :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))), .container .body :is(:where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))){
  font-size: 0.875rem;
  line-height: 1.25rem;
}

@media (prefers-color-scheme: dark){
  .downdetailarea .body, .articlearea .body, .container .body{
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
  }
}

.downdetailarea .body img, .articlearea .body img, .container .body img {
  margin: auto;
  padding: 8px;
  max-width: 100%;
}

.downdetailarea .bodymore, .articlearea .bodymore, .container .bodymore{
  pointer-events: none;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  padding-top: 5rem;
  padding-bottom: 2rem;
}

@media (prefers-color-scheme: dark){
  .downdetailarea .bodymore, .articlearea .bodymore, .container .bodymore{
    --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  }
}

.downdetailarea .bodymore button, .articlearea .bodymore button, .container .bodymore button{
  pointer-events: auto;
  position: relative;
  display: flex;
  height: 2rem;
  align-items: center;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dashed-border-box.downdetailarea .bodymore button,.dashed-border-box .articlearea .bodymore button,.dashed-border-box .container .bodymore button {
  height: 128px;
}

.downdetailarea .bodymore button:hover, .articlearea .bodymore button:hover, .container .bodymore button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.downdetailarea .bodymore button:focus, .articlearea .bodymore button:focus, .container .bodymore button:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity));
  --tw-ring-offset-width: 2px;
}

@media (prefers-color-scheme: dark){
  .downdetailarea .bodymore button, .articlearea .bodymore button, .container .bodymore button{
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  }

  .downdetailarea .bodymore button:hover, .articlearea .bodymore button:hover, .container .bodymore button:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(71 85 105 / var(--tw-bg-opacity));
  }
}

.downdetailarea .downfun, .articlearea .downfun, .container .downfun{
  margin-bottom: 1rem;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  border-top-width: 1px;
  padding-top: 1rem;
}

.downdetailarea .downfun .leftfun, .articlearea .downfun .leftfun, .container .downfun .leftfun {
  gap: 8px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

.downdetailarea .downfun .rightfun, .articlearea .downfun .rightfun, .container .downfun .rightfun{
  margin-left: auto;
  display: flex;
  align-items: center;
}

.downdetailarea .downfun .rightfun > :not([hidden]) ~ :not([hidden]), .articlearea .downfun .rightfun > :not([hidden]) ~ :not([hidden]), .container .downfun .rightfun > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.downdetailarea .downfun .rightfun, .articlearea .downfun .rightfun, .container .downfun .rightfun{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
  gap: 8px;
}

.downdetailarea .downfun .rightfun i, .articlearea .downfun .rightfun i, .container .downfun .rightfun i {
  cursor: pointer;
}

.downdetailarea .downfun .rightfun i:hover, .articlearea .downfun .rightfun i:hover, .container .downfun .rightfun i:hover {
  color: rgb(34, 197, 94);
}

.downdetailarea .downfun .rightfun .share-container, .articlearea .downfun .rightfun .share-container, .container .downfun .rightfun .share-container{
  position: relative;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
}

.downdetailarea .downfun .rightfun .share-container-arrow-top-right-on-square, .articlearea .downfun .rightfun .share-container-arrow-top-right-on-square, .container .downfun .rightfun .share-container-arrow-top-right-on-square{
  cursor: pointer;
}

.downdetailarea .downfun .rightfun .share-container-arrow-top-right-on-square:hover, .articlearea .downfun .rightfun .share-container-arrow-top-right-on-square:hover, .container .downfun .rightfun .share-container-arrow-top-right-on-square:hover {
  color: rgb(34, 197, 94);
}

.downdetailarea .downfun .rightfun .share-container:hover .share-dropdown, .articlearea .downfun .rightfun .share-container:hover .share-dropdown, .container .downfun .rightfun .share-container:hover .share-dropdown{
  opacity: 1;
}

.downdetailarea .downfun .rightfun .share-container .share-dropdown, .articlearea .downfun .rightfun .share-container .share-dropdown, .container .downfun .rightfun .share-container .share-dropdown{
  position: absolute;
  right: 0px;
  z-index: 10;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
  opacity: 0;
  --tw-shadow: 0 4px 16px 0 rgba(205,216,228,.3);
  --tw-shadow-colored: 0 4px 16px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.05;
}

.downdetailarea .downfun .rightfun .share-container .share-dropdown .link, .articlearea .downfun .rightfun .share-container .share-dropdown .link, .container .downfun .rightfun .share-container .share-dropdown .link {
  white-space: nowrap;
  display: flex;
  padding: 0.25rem;
  text-align: center;
  color: rgb(71 85 105 / var(--tw-text-opacity));
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity));
}

.downdetailarea .downfun .rightfun .share-container .share-dropdown .link:hover, .articlearea .downfun .rightfun .share-container .share-dropdown .link:hover, .container .downfun .rightfun .share-container .share-dropdown .link:hover{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.downdetailarea .downfun .rightfun .share-container .share-dropdown .link i, .articlearea .downfun .rightfun .share-container .share-dropdown .link i, .container .downfun .rightfun .share-container .share-dropdown .link i{
  height: 2rem;
  width: 2rem;
}

.dashed-border-box.downdetailarea .downfun .rightfun .share-container .share-dropdown .link i,.dashed-border-box .articlearea .downfun .rightfun .share-container .share-dropdown .link i,.dashed-border-box .container .downfun .rightfun .share-container .share-dropdown .link i {
  height: 128px;
}

.downdetailarea .downfun .rightfun .share-container .share-dropdown .wechatcoder, .articlearea .downfun .rightfun .share-container .share-dropdown .wechatcoder, .container .downfun .rightfun .share-container .share-dropdown .wechatcoder {
  width: 70px;
  padding-top: 4px;
}

.downdetailarea .downfun .rightfun .share-container .share-dropdown .wechatcoder span, .articlearea .downfun .rightfun .share-container .share-dropdown .wechatcoder span, .container .downfun .rightfun .share-container .share-dropdown .wechatcoder span {
  padding-bottom: 4px;
  display: flex;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.downdetailarea .line, .articlearea .line, .container .line {
  position: relative;
  width: 1px;
  min-height: 10px;
  background-color: rgb(226, 232, 240);
  -o-object-fit: cover;
  object-fit: cover;
}

.orderchackwrap{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 36rem;
  flex-direction: column;
  align-items: center;
}

.orderchackwrap h1{
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.orderchackwrap h1 small{
  padding-left: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.orderchackwrap .input-group{
  margin-bottom: 1rem;
  display: flex;
  width: 100%;
  align-items: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.orderchackwrap .input-group .label{
  margin-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.orderchackwrap .input-group input{
  flex: 1 1 0%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.orderchackwrap .input-group input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.orderchackwrap .input-group input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.orderchackwrap .input-group input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.orderchackwrap .input-group button{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.orderchackwrap .input-group button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.orderchackwrap .input-group button i{
  height: 0.75rem;
  width: 0.75rem;
}

.downasidearea, .articleasidearea {
  padding-bottom: 24px;
}

.channellistarea{
  margin-bottom: 2rem;
  display: flex;
}

.channellistarea .channelnewdetail{
  width: 66.666667%;
}

.channellistarea .channelnewdetail .items-wrap{
  border-right-width: 1px;
}

.channellistarea .channeldetailaside {
  padding-bottom: 24px;
  width: 33.333333%;
}

.categories{
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.categories .primary-categories,
.categories .secondary-categories{
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.categories .categoriesname{
  flex-shrink: 0;
  white-space: nowrap;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  text-align: left;
}

.categories .item{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}

.categories .item .active{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.categories li {
  text-transform: capitalize;
  display: inline;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.categories .link{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.categories .link:hover{
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.commentaarea{
  margin-bottom: 2rem;
  display: block;
}

.commentaarea .commenta{
  padding: 1rem;
}

.commentaarea .commenta .sendbody{
  display: block;
  width: 100%;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  padding: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
  outline-width: 2px;
}

.commentaarea .commenta .sendbody::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.commentaarea .commenta .sendbody::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.commentaarea .commenta .sendbody:focus{
  outline-color: #22c55e;
}

.commentaarea .commenta .commentafun{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.commentaarea .commenta .commentafun .sendcommentabtn{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.commentaarea .commenta .commentafun .sendcommentabtn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.commentaarea .commenta .commentafun .sendcommentabtn i{
  height: 1rem;
  width: 1rem;
}

.commentaarea .comments{
  padding: 1rem;
}

.commentaarea .comments .comment{
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-start;
}

.commentaarea .comments .comment > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.commentaarea .comments .comment{
  border-radius: 0.5rem;
  border-bottom-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.commentaarea .comments .avatar{
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.commentaarea .comments .avatar img{
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 9999px;
  -o-object-fit: fill;
     object-fit: fill;
}

.commentaarea .comments .contents{
  flex: 1 1 0%;
}

.commentaarea .comments .username{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.commentaarea .comments .username .datetime{
  margin-left: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.commentaarea .comments .text{
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.userdetailarea{
  margin-bottom: 2rem;
  display: block;
}

.userdetailarea .usercontainer{
  margin-bottom: 1.5rem;
  display: flex;
  width: 100%;
  align-items: center;
}

.userdetailarea .usercontainer > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.userdetailarea .usercontainer{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
}

.userdetailarea .usercontainer .avatar{
  height: 4rem;
  width: 4rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  -o-object-fit: cover;
     object-fit: cover;
}

.userdetailarea .usercontainer .info{
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
}

.userdetailarea .usercontainer .info .username{
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 600;
}

.userdetailarea .usercontainer .info .description{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.userdetailarea .usercontainer .info .stats{
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.userdetailarea .usercontainer .follow-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.userdetailarea .usercontainer .follow-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.userdetailarea .usercontainer .follow-btn i{
  height: 1rem;
  width: 1rem;
}

.tagdetailarea{
  margin-bottom: 2rem;
  display: block;
}

.topsearch{
  margin: 0.5rem;
  display: flex;
  align-items: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.topsearch::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
}

.topsearch::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
}

.topsearch:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
  --tw-ring-opacity: 0.5;
}

.topsearch .search-input{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.topsearch .search-input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
}

.topsearch .search-input::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
}

.topsearch .search-input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.topsearch .search-button{
  height: 1.25rem;
  width: 1.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.topsearch .search-button i{
  height: 1.25rem;
  width: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.topsearch .search-button i:hover{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.items-wrap{
  display: flex;
  flex-direction: column;
}

.items-wrap > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.items-wrap .item{
  height: 100%;
  width: 100%;
  padding: 1rem;
}

.items-wrap .item:hover {
  box-shadow: 0 4px 8px 0 rgba(203, 213, 225, 0.3);
  cursor: pointer;
}

.items-wrap .item:hover .title, .items-wrap .item:hover .hottitle {
  color: rgb(34, 197, 94);
}

.items-wrap .item .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 1rem;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.items-wrap .item .title span {
  text-align: left;
  position: relative;
  flex: 1;
  margin-top: -1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.items-wrap .item .title:hover {
  color: rgb(34, 197, 94);
}

.items-wrap .item .title:hover span {
  color: rgb(34, 197, 94);
}

.items-wrap .item .hottitle{
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.items-wrap .item .hottitle:hover{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.items-wrap .item .present{
  margin-bottom: 0.75rem;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.items-wrap .item .present span {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.items-wrap .item .info{
  display: flex;
  width: 100%;
}

.items-wrap .item .info > :not([hidden]) ~ :not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width: calc(2px * var(--tw-divide-x-reverse));
  border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
}

.items-wrap .item .info{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.items-wrap .item .info .sort{
  padding-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.items-wrap .item .info .text{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.items-wrap .item .line {
  position: relative;
  width: 1px;
  min-height: 10px;
  background-color: rgb(226, 232, 240);
  -o-object-fit: cover;
  object-fit: cover;
}

.items-wrap .item em{
  font-style: normal;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

#back-to-top {
  position: fixed;
  bottom: 70px;
  right: 17px;
  padding: 8px;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0.7;
  z-index: 9999;
  transition: opacity 0.3s;
  height: 2.5rem;
  width: 2.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#back-to-top:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

#back-to-top i {
  transform: rotate(315deg);
}

#back-to-top:hover {
  opacity: 1;
}

.popup-modal{
  display: none;
}

.popup-modal .modal-overlay{
  position: relative;
  z-index: 50;
}

.popup-modal .modal-overlay .overlay-bg{
  position: fixed;
  inset: 0px;
  background-color: rgb(226 232 240 / 0.75);
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

@media (prefers-color-scheme: dark){
  .popup-modal .modal-overlay .overlay-bg{
    background-color: rgb(30 41 59 / 0.75);
  }
}

.popup-modal .modal-overlay .modal-content{
  position: fixed;
  inset: 0px;
  overflow-y: auto;
}

.popup-modal .modal-overlay .modal-content .modal-center{
  display: flex;
  min-height: 100%;
  align-items: flex-end;
  justify-content: center;
  padding: 0.25rem;
  text-align: center;
}

@media (min-width: 640px){
  .popup-modal .modal-overlay .modal-content .modal-center{
    align-items: center;
    padding: 0px;
  }
}

.popup-modal .modal-overlay .modal-content .modal-center .modal-panel {
  max-width: 558px;
  position: relative;
  display: flex;
  width: 100%;
  max-width: 32rem;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  text-align: left;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

:is([dir="rtl"] .popup-modal .modal-overlay .modal-content .modal-center .modal-panel){
  text-align: right;
}

@media (prefers-color-scheme: dark){
  .popup-modal .modal-overlay .modal-content .modal-center .modal-panel{
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  }
}

@media (min-width: 640px){
  .popup-modal .modal-overlay .modal-content .modal-center .modal-panel{
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

.popup-modal .modal-overlay .modal-content .modal-center .modal-panel .modal-wrapper > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  --tw-divide-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-divide-opacity));
}

.popup-modal .modal-overlay .modal-content .modal-center .modal-panel .modal-wrapper{
  overflow: hidden;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 16px 0 rgba(205,216,228,.3);
  --tw-shadow-colored: 0 4px 16px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (prefers-color-scheme: dark){
  .popup-modal .modal-overlay .modal-content .modal-center .modal-panel .modal-wrapper > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity: 1;
    border-color: rgb(30 41 59 / var(--tw-divide-opacity));
  }

  .popup-modal .modal-overlay .modal-content .modal-center .modal-panel .modal-wrapper{
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  }
}

.popup-modal .modal-overlay .modal-content .modal-center .modal-panel .modal-wrapper .modal-heading{
  display: flex;
  align-items: center;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  color: rgb(15 23 42 / var(--tw-text-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.popup-modal .modal-overlay .modal-content .modal-center .modal-panel .modal-wrapper .modal-body{
  position: relative;
  display: grid;
  gap: 8px;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.popup-modal .modal-overlay .modal-content .modal-center .modal-panel .modal-wrapper .modal-body .modal-close{
  position: absolute;
  top: 0.5rem;
  right: 0.75rem;
}

.popup-modal .modal-overlay .modal-content .modal-center .modal-panel .modal-wrapper .modal-body .modal-close:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

@media (prefers-color-scheme: dark){
  .popup-modal .modal-overlay .modal-content .modal-center .modal-panel .modal-wrapper .modal-body .modal-close:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}

.popup-modal .modal-overlay .modal-content .modal-center .modal-panel .modal-wrapper .modal-footer{
  display: flex;
  justify-content: flex-end;
}

.popup-modal .modal-overlay .modal-content .modal-center .modal-panel .modal-wrapper .modal-footer-center{
  display: flex;
  justify-content: center;
}

.popup-modal .modal-overlay .modal-content .modal-center .modal-panel .modal-wrapper .modal-heading, .popup-modal .modal-overlay .modal-content .modal-center .modal-panel .modal-wrapper .modal-body, .popup-modal .modal-overlay .modal-content .modal-center .modal-panel .modal-wrapper .modal-footer, .popup-modal .modal-overlay .modal-content .modal-center .modal-panel .modal-wrapper .modal-footer-center{
  padding: 0.75rem;
}

.popup-modal .modal-overlay .modal-content .modal-close{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  -moz-column-gap: 0.375rem;
       column-gap: 0.375rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.popup-modal .modal-overlay .modal-content .modal-close:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.popup-modal .modal-overlay .modal-content .modal-close:focus-visible{
  outline-width: 0px;
}

.popup-modal .modal-overlay .modal-content .modal-close:disabled{
  cursor: not-allowed;
  opacity: 0.75;
}

.popup-modal .modal-overlay .modal-content .modal-close{
  z-index: 10;
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

@media (prefers-color-scheme: dark){
  .popup-modal .modal-overlay .modal-content .modal-close{
    --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity));
  }
}

.popup-modal .modal-overlay .modal-content .modal-close:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

@media (prefers-color-scheme: dark){
  .popup-modal .modal-overlay .modal-content .modal-close:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }
}

.popup-modal .modal-overlay .modal-content .modal-close{
  height: 1rem;
  width: 1rem;
}

.popup-modal .modal-overlay .modal-content .modal-close:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-inset: inset;
}

.loading-backdrop{
  position: fixed;
  inset: 0px;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
  background-color: rgb(226 232 240 / 0.75);
}

.loading-backdrop .loading-box{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  text-align: center;
  --tw-shadow: 0 4px 16px 0 rgba(205,216,228,.3);
  --tw-shadow-colored: 0 4px 16px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.loading-backdrop .loading-box .loading-spinner{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHBhdGggc3Ryb2tlLWRhc2hhcnJheT0iNjAiIHN0cm9rZS1kYXNob2Zmc2V0PSI2MCIgc3Ryb2tlLW9wYWNpdHk9Ii4zIiBkPSJNMTIgM0MxNi45NzA2IDMgMjEgNy4wMjk0NCAyMSAxMkMyMSAxNi45NzA2IDE2Ljk3MDYgMjEgMTIgMjFDNy4wMjk0NCAyMSAzIDE2Ljk3MDYgMyAxMkMzIDcuMDI5NDQgNy4wMjk0NCAzIDEyIDNaIj48YW5pbWF0ZSBmaWxsPSJmcmVlemUiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBkdXI9IjEuM3MiIHZhbHVlcz0iNjA7MCIvPjwvcGF0aD48cGF0aCBzdHJva2UtZGFzaGFycmF5PSIxNSIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjE1IiBkPSJNMTIgM0MxNi45NzA2IDMgMjEgNy4wMjk0NCAyMSAxMiI+PGFuaW1hdGUgZmlsbD0iZnJlZXplIiBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgZHVyPSIwLjNzIiB2YWx1ZXM9IjE1OzAiLz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHR5cGU9InJvdGF0ZSIgdmFsdWVzPSIwIDEyIDEyOzM2MCAxMiAxMiIvPjwvcGF0aD48L2c+PC9zdmc+");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.loading-backdrop .loading-box .loading-text{
  margin-top: 1rem;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.dashed-border-box{
  position: relative;
  overflow: hidden;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
  opacity: 0.75;
}

@media (prefers-color-scheme: dark){
  .dashed-border-box{
    --tw-border-opacity: 1;
    border-color: rgb(100 116 139 / var(--tw-border-opacity));
  }
}

.dashed-border-box.h-8 {
  height: 128px;
}

.downloadfile-info strong{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

@media (prefers-color-scheme: dark){
  .downloadfile-info strong{
    --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity));
  }
}

.downloadfile-title{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1280px;
  max-width: 32rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

@media (prefers-color-scheme: dark){
  .downloadfile-title{
    --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity));
  }
}

.downloadfile-title h3{
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 600;
}

.downloadfile-title a{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

@media (prefers-color-scheme: dark){
  .downloadfile-title a{
    --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity));
  }
}

.downloadfile-title p{
  padding-bottom: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

@media (prefers-color-scheme: dark){
  .downloadfile-title p{
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity));
  }
}

.downloadfile-title .formx{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  margin-top: 0.5rem;
  max-width: 28rem;
}

.downloadfile-title .formx > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.downloadfile-title .email-label{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.downloadfile-title .form-item{
  position: relative;
}

.downloadfile-title .email-input{
  width: 100%;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.downloadfile-title .email-input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.downloadfile-title .email-input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.downloadfile-title .email-input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
}

.downloadfile-title .email-icon{
  position: absolute;
  top: 0px;
  bottom: 0px;
  inset-inline-end: 0px;
  display: grid;
  place-content: center;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.downloadfile-title .email-icon i{
  height: 1.25rem;
  width: 1.25rem;
}

.downloadfile-pay .pay-info{
  display: flex;
  align-items: center;
  padding: 0.5rem;
}

.downloadfile-pay .payqrcode {
  box-shadow: 0 4px 16px 0 rgba(205, 216, 228, 0.3);
  border-radius: 8px;
  margin-right: 1.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  padding: 0.5rem;
}

.downloadfile-pay .payqrcode canvas {
  border: radius 8px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}

.downloadfile-pay .pay-info-mb-8{
  margin-bottom: 0.5rem;
}

.downloadfile-pay .pay-info-mb-16{
  margin-bottom: 1rem;
}

.downloadfile-pay .pay-info-title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.downloadfile-pay .pay-info-oreder{
  margin-left: 0.5rem;
  height: 100%;
  overflow: hidden;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.downloadfile-pay .pay-info-money{
  position: relative;
  margin-left: 0.5rem;
  display: inline-flex;
  font-size: 1.5rem;
  line-height: 2rem;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.downloadfile-pay .pay-info-money a{
  position: relative;
  top: 0px;
  left: 0px;
  height: 100%;
  white-space: nowrap;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.downloadfile-pay .pay-info-text{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.downloadfile-pay .pay-info-text a{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.downloadfile-pay .pay-info-kefu{
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1rem;
}

.downloadfile-pay-skeleton{
  display: flex;
}

@keyframes pulse{
  50%{
    opacity: .5;
  }
}

.downloadfile-pay-skeleton{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.downloadfile-pay-skeleton > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}

.downloadfile-pay-skeleton .payqrcode{
  height: 10rem;
  width: 10rem;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
  box-shadow: 0 4px 16px 0 rgba(205, 216, 228, 0.3);
  border-radius: 8px;
}

.downloadfile-pay-skeleton .skeleton{
  display: flex;
  flex-direction: column;
}

.downloadfile-pay-skeleton .skeleton > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.downloadfile-pay-skeleton .title{
  height: 1rem;
  width: 2rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.downloadfile-pay-skeleton .order{
  height: 1rem;
  width: 12rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.downloadfile-pay-skeleton .money{
  position: relative;
  height: 1.5rem;
  width: 10rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.downloadfile-pay-skeleton .money .money-badge{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 1rem;
  width: 4rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity));
}

.downloadfile-pay-skeleton .text{
  height: 0.75rem;
  width: 14rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.downloadfile-pay-skeleton .kefu{
  height: 0.75rem;
  width: 12rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.downloadfile-down{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1280px;
  max-width: 32rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

@media (prefers-color-scheme: dark){
  .downloadfile-down{
    --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity));
  }
}

.downloadfile-down h3{
  margin-bottom: 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
}

.downloadfile-down .down-info-mb-8{
  margin-bottom: 0.5rem;
}

.downloadfile-down .down-info-mb-16{
  margin-bottom: 1rem;
}

.downloadfile-down .down-info-title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.downloadfile-down .down-info-oreder{
  margin-left: 0.5rem;
  height: 100%;
  overflow: hidden;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.downloadfile-down .down-info-download-btn {
  border-radius: 16px;
  position: relative;
  display: inline-block;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
}

.downloadfile-down .down-info-download-btn::before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.downloadfile-down .down-info-download-btn:hover::before{
  width: 100%;
}

.downloadfile-down .down-info-download-btn:hover .download-text{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.downloadfile-down .down-info-download-btn:active::before{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.downloadfile-down .down-info-download-btn .download-text{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.downloadfile-down .down-info-download-btn .download-text i{
  margin-right: 0.5rem;
  height: 1.25rem;
  width: 1.25rem;
  vertical-align: middle;
}

.downloadfile-down .down-info-download-btn.bg-filled::before, .downloadfile-down .down-info-download-btn.bg-error::before{
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
}

.downloadfile-down .down-info-download-btn.bg-filled:hover::before, .downloadfile-down .down-info-download-btn.bg-error:hover::before{
  width: 0px;
}

.downloadfile-down .down-info-download-btn.bg-filled .download-text{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.downloadfile-down .down-info-download-btn.bg-filled:hover .download-text{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.downloadfile-down .down-info-download-btn.bg-error{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.downloadfile-down .down-info-download-btn.bg-error::before{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.downloadfile-down .down-info-download-btn.bg-error .download-text{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.downloadfile-down .down-info-download-btn.bg-error:hover .download-text{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.downloadfile-down .down-info-text{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.downloadfile-down .down-info-text a, .downloadfile-down .down-info-text span{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.downloadfile-down .down-info-kefu{
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}

.downloadfile-down .down-info-kefu > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.downloadfile-down .down-info-kefu{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.downloadfile-info-container{
  display: flex;
  align-items: center;
  padding: 0.5rem;
}

.downloadfile-info-svg-background {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTIwIDZhMiAyIDAgMCAxIDIgMnYxMGEyIDIgMCAwIDEtMiAySDRhMiAyIDAgMCAxLTItMlY2YzAtMS4xMS44OS0yIDItMmg2bDIgMmg4bS0uNzUgN0gxNlY5aC0ydjRoLTMuMjVMMTUgMTcuMjUiLz48L3N2Zz4=");
  display: inline-block;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  margin-right: 2rem;
  height: 8rem;
  width: 8rem;
  flex: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}

.downloadfile-info-file-details {
  display: grid;
  width: 100%;
  overflow-x: hidden;
}

.downloadfile-info-file-details-title{
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.downloadfile-info-file-details-info{
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
}

.downloadfile-info-file-details-info-pricex{
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.downloadfile-info-file-details-info-pricex .pricetext{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.downloadfile-info-file-details-info-pricex .payurl{
  position: relative;
  top: 0px;
  left: 0px;
  height: 100%;
  white-space: nowrap;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.downloadfile-info-file-details-info-size, .downloadfile-info-file-details-info-extension {
  text-transform: capitalize;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.downloadfile-info-file-details-info-extension{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.downloadfile-info-file-details-hint-text{
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.downloadfile-info-file-details-hint-text a, .downloadfile-info-file-details-hint-text span{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.step-2, .step-3, .step-4, .step-5, .step-6, .step-7, .step-8, .step-9, .step-10 {
  display: none;
}

.loginform{
  position: relative;
  width: 100%;
}

.loginform > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.loginform{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1.5rem;
}

.loginform .tablist{
  position: relative;
  margin-bottom: 0.25rem;
  display: flex;
  width: 100%;
  gap: 1rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  padding: 0.25rem;
}

@media (prefers-color-scheme: dark){
  .loginform .tablist{
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  }
}

.loginform .tablist .login-tabbtn{
  position: relative;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  background-color: transparent;
  padding: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.loginform .tablist .login-tabbtn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.loginform .tablist .login-tabbtn:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

@media (prefers-color-scheme: dark){
  .loginform .tablist .login-tabbtn:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  }
}

.loginform .tablist .login-tabbtn i{
  margin-right: 0.25rem;
  height: 1.25rem;
  width: 1.25rem;
}

.loginform .tablist .login-tabbtn.active{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (prefers-color-scheme: dark){
  .loginform .tablist .login-tabbtn.active{
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  }
}

.loginform .panel{
  position: relative;
  width: 100%;
}

.loginform .login-userform{
  overflow: hidden;
  border-radius: 0.5rem;
  padding: 1.5rem;
}

.loginform .label-required::after {
  content: "*";
  margin-inline-start: 0.125rem;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

@media (prefers-color-scheme: dark){
  .loginform .label-required::after{
    --tw-text-opacity: 1;
    color: rgb(248 113 113 / var(--tw-text-opacity));
  }
}

.loginform .input{
  position: relative;
  display: block;
  width: 100%;
  border-radius: 0.375rem;
  border-width: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity));
}

.loginform .input::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
}

.loginform .input::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity));
}

.loginform .input{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.loginform .input:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.loginform .input:disabled{
  cursor: not-allowed;
  opacity: 0.75;
}

@media (prefers-color-scheme: dark){
  .loginform .input{
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .loginform .input::-moz-placeholder{
    --tw-placeholder-opacity: 1;
    color: rgb(100 116 139 / var(--tw-placeholder-opacity));
  }

  .loginform .input::placeholder{
    --tw-placeholder-opacity: 1;
    color: rgb(100 116 139 / var(--tw-placeholder-opacity));
  }
}

.loginform .submitbtn{
  flex-shrink: 0;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.loginform .submitbtn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.loginform .submitbtn:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.loginform .submitbtn:disabled{
  cursor: not-allowed;
  opacity: 0.75;
}

@media (prefers-color-scheme: dark){
  .loginform .submitbtn{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

  .loginform .submitbtn:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  }
}

.loginform .login-forgetpassword{
  text-align: right;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.loginform .login-register{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.loginform .login-register .link{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

.downloadfile-pay-skeleton .skeleton-animated{
  display: flex;
  flex-direction: column;
}

.downloadfile-pay-skeleton .skeleton-animated > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.login-wechat .qr-code .qr-loading .skeleton-animated{
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  text-align: center;
}

.skeleton-animated {
  background-image: linear-gradient(90deg, rgba(250, 250, 250, 0.05), rgba(250, 250, 250, 0.1), rgba(250, 250, 250, 0.05));
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
}

.login-wechat{
  position: relative;
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.5rem;
}

.login-wechat .step-list{
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: space-between;
}

.login-wechat .step-list .step{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.login-wechat .step-list .step.active{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.login-wechat .qr-code{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height: 16rem;
  width: 16rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  --tw-shadow: 0 4px 16px 0 rgba(205,216,228,.3);
  --tw-shadow-colored: 0 4px 16px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.login-wechat .qr-code canvas{
  display: block;
  height: 100%;
  width: 100%;
  padding: 0.5rem;
}

@keyframes pulse{
  50%{
    opacity: .5;
  }
}

.login-wechat .qr-code .qr-loading{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  cursor: wait;
  border-radius: 0.5rem;
}

.login-wechat .qr-code .qr-loading .skeleton{
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  text-align: center;
}

.login-wechat .qr-code .qr-desc{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.3;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  display: none;
  cursor: pointer;
}

.float-input{
  position: relative;
  display: block;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.float-input .float-label{
  position: relative;
  display: block;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}

.float-input .float-label:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
}

.float-input .float-label input{
  display: block;
  width: 100%;
  border-radius: 0.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  background-color: transparent;
  padding: 0.75rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.float-input .float-label input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.float-input .float-label input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.float-input .float-label input:focus{
  border-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.float-input .float-label input::-moz-placeholder{
  opacity: 0;
}

.float-input .float-label input::placeholder{
  opacity: 0;
}

.float-input .float-label input:focus::-moz-placeholder{
  opacity: 1;
}

.float-input .float-label input:focus::placeholder{
  opacity: 1;
}

.float-input .float-label input:not(:-moz-placeholder-shown) ~ span{
  top: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.float-input .float-label input:focus ~ span, .float-input .float-label input:not(:placeholder-shown) ~ span{
  top: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.float-input .float-label input:not(:-moz-placeholder-shown) ~ .float-icons .icon-toggle-password{
  height: 1rem;
  width: 1rem;
  opacity: 1;
}

.float-input .float-label input:not(:placeholder-shown) ~ .float-icons .icon-toggle-password{
  height: 1rem;
  width: 1rem;
  opacity: 1;
}

.float-input .float-label input:not(:-moz-placeholder-shown) ~ .float-icons .icon-toggle-password i{
  height: 1rem;
  width: 1rem;
}

.float-input .float-label input:not(:placeholder-shown) ~ .float-icons .icon-toggle-password i{
  height: 1rem;
  width: 1rem;
}

.float-input .float-label .float-icons{
  position: absolute;
  right: 0.75rem;
  top: 50%;
  display: flex;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.float-input .float-label .float-icons .icon-toggle-password{
  cursor: pointer;
}

.float-input .float-label .float-icons .icon-status, .float-input .float-label .float-icons .icon-toggle-password{
  height: 0px;
  width: 0px;
  opacity: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.float-input .float-label span{
  pointer-events: none;
  position: absolute;
  left: 0.625rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  background-color: transparent;
  padding: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.float-input.is-valid .float-label .float-icons > :not([hidden]) ~ :not([hidden]), .float-input.is-error .float-label .float-icons > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.float-input.is-valid .float-label .float-icons .icon-status{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='black' d='M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z'/%3E%3C/svg%3E");
  display: block;
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
  opacity: 1;
}

.float-input.is-error .float-label .float-icons .icon-status{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10Zm-1-7v2h2v-2h-2Zm0-8v6h2V7h-2Z'/%3E%3C/svg%3E");
  display: block;
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
  opacity: 1;
}

.float-input .error-message{
  margin-top: 0.25rem;
  display: none;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.float-input.is-error .error-message{
  display: block;
}

.float-inputs{
  position: relative;
  display: block;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.float-inputs .float-label{
  position: relative;
  display: block;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}

.float-inputs .float-label:focus-within{
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
}

.float-inputs .float-label input{
  display: block;
  width: 100%;
  border-radius: 0.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  background-color: transparent;
  padding: 0.75rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.float-inputs .float-label input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.float-inputs .float-label input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.float-inputs .float-label input:focus{
  border-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.float-inputs .float-label input::-moz-placeholder{
  opacity: 0;
}

.float-inputs .float-label input::placeholder{
  opacity: 0;
}

.float-inputs .float-label input:focus::-moz-placeholder{
  opacity: 1;
}

.float-inputs .float-label input:focus::placeholder{
  opacity: 1;
}

.float-inputs .float-label input:not(:-moz-placeholder-shown) + .icon-status + span{
  top: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.float-inputs .float-label input:focus + .icon-status + span, .float-inputs .float-label input:not(:placeholder-shown) + .icon-status + span{
  top: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.float-inputs .float-label .icon-status{
  position: absolute;
  right: 0.75rem;
  top: 50%;
  display: none;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.float-inputs .float-label span{
  pointer-events: none;
  position: absolute;
  left: 0.625rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  background-color: transparent;
  padding: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.float-inputs.is-valid .icon-status{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='black' d='M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z'/%3E%3C/svg%3E");
  display: block;
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.float-inputs.is-error .icon-status{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10Zm-1-7v2h2v-2h-2Zm0-8v6h2V7h-2Z'/%3E%3C/svg%3E");
  display: block;
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.float-inputs .error-message{
  margin-top: 0.25rem;
  display: none;
  padding-left: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.float-inputs.is-error .error-message{
  display: block;
}

.login-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.login-footer .link{
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.verification-input{
  position: relative;
  display: block;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.verification-input .input-wrapper{
  display: flex;
  width: 100%;
}

.verification-input .input-wrapper:focus-within .input-container{
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-right-color: rgb(241 245 249 / var(--tw-border-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
}

.verification-input .input-wrapper:focus-within .img-container{
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  border-left-color: transparent;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
}

.verification-input .input-wrapper .input-container{
  position: relative;
  display: block;
  flex-grow: 1;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}

.verification-input .input-wrapper .input-container input{
  display: block;
  width: 100%;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  background-color: transparent;
  padding: 0.75rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.verification-input .input-wrapper .input-container input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.verification-input .input-wrapper .input-container input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.verification-input .input-wrapper .input-container input:focus{
  border-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.verification-input .input-wrapper .input-container input::-moz-placeholder{
  opacity: 0;
}

.verification-input .input-wrapper .input-container input::placeholder{
  opacity: 0;
}

.verification-input .input-wrapper .input-container input:focus::-moz-placeholder{
  opacity: 1;
}

.verification-input .input-wrapper .input-container input:focus::placeholder{
  opacity: 1;
}

.verification-input .input-wrapper .input-container input:not(:-moz-placeholder-shown) + span{
  top: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.verification-input .input-wrapper .input-container input:focus + span, .verification-input .input-wrapper .input-container input:not(:placeholder-shown) + span{
  top: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.verification-input .input-wrapper .input-container input:focus ~ .input-container{
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
}

.verification-input .input-wrapper .input-container input:focus ~ .img-container{
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  border-left-color: transparent;
}

.verification-input .input-wrapper .input-container span{
  pointer-events: none;
  position: absolute;
  inset-inline-start: 0.625rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.verification-input .input-wrapper .input-container .icon-status{
  position: absolute;
  right: 0.625rem;
  top: 50%;
  height: 0px;
  width: 0px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.verification-input .input-wrapper .img-container{
  position: relative;
  display: block;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  border-left-color: transparent;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: transparent;
}

.verification-input .input-wrapper .img-container button{
  height: 100%;
  width: 100%;
  border-radius: 0px;
  -o-object-fit: cover;
     object-fit: cover;
}

.verification-input .input-wrapper .img-container img{
  height: 100%;
  width: 100%;
  border-radius: 0px;
  -o-object-fit: cover;
     object-fit: cover;
}

.verification-input .error-message{
  margin-top: 0.25rem;
  display: none;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.verification-input.is-valid .input-container .icon-status{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='black' d='M512 64a448 448 0 1 1 0 896a448 448 0 0 1 0-896zm-55.808 536.384l-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336L456.192 600.384z'/%3E%3C/svg%3E");
  display: block;
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
  opacity: 1;
}

.verification-input.is-error .input-container .icon-status{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10Zm-1-7v2h2v-2h-2Zm0-8v6h2V7h-2Z'/%3E%3C/svg%3E");
  display: block;
  height: 1rem;
  width: 1rem;
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
  opacity: 1;
}

.verification-input.is-error .error-message{
  display: block;
}

.verification-inputs{
  position: relative;
  display: flex;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.verification-inputs:focus-within .input-container{
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  --tw-border-opacity: 1;
  border-right-color: rgb(241 245 249 / var(--tw-border-opacity));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
}

.verification-inputs:focus-within .img-container{
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
  border-left-color: transparent;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity));
}

.verification-inputs .input-container{
  position: relative;
  display: block;
  flex-grow: 1;
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}

.verification-inputs .input-container input{
  display: block;
  width: 100%;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  background-color: transparent;
  padding: 0.75rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.verification-inputs .input-container input::first-line::-moz-placeholder{
  color: transparent;
}

.verification-inputs .input-container input::first-line::placeholder{
  color: transparent;
}

.verification-inputs .input-container input::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.verification-inputs .input-container input::placeholder{
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.verification-inputs .input-container input:focus{
  border-color: transparent;
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.verification-inputs .input-container input:not(:-moz-placeholder-shown) + span{
  top: 0px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.verification-inputs .input-container input:focus + span, .verification-inputs .input-container input:not(:placeholder-shown) + span{
  top: 0px;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.verification-inputs .input-container span{
  pointer-events: none;
  position: absolute;
  inset-inline-start: 0.625rem;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.125rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.verification-inputs .img-container{
  position: relative;
  display: block;
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  border-left-color: transparent;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: transparent;
}

.verification-inputs .img-container img{
  height: 100%;
  width: 100%;
  border-radius: 0px;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.verification-inputs .img-container button{
  height: 100%;
  width: 100%;
  border-radius: 0px;
  -o-object-fit: cover;
     object-fit: cover;
}

.login-submitbtn{
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.login-submitbtn button{
  display: block;
  width: 100%;
  text-align: center;
}

.login-reginfo{
  position: relative;
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.5rem;
}

.login-reginfo .step-list{
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: space-between;
}

.login-reginfo .step-list .step{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

.login-reginfo .step-list .step.active{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.login-reginfo .text{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.popup-verification{
  position: fixed;
  inset: 0px;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-verification .popup-content{
  position: relative;
  width: 18rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.popup-verification .popup-content .popup-header{
  margin-bottom: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.popup-verification .popup-content .popup-body .verification-row{
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.popup-verification .popup-content .popup-body .verification-row .verification-image{
  height: 2rem;
  width: 2rem;
}

.dashed-border-box.popup-verification .popup-content .popup-body .verification-row .verification-image {
  height: 128px;
}

.popup-verification .popup-content .popup-body .verification-row .verification-image img{
  height: 100%;
  width: 100%;
}

.popup-verification .popup-content .popup-body .verification-row .verification-input{
  margin-left: 1rem;
  flex-grow: 1;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  padding: 0.5rem;
}

.popup-verification .popup-content .popup-body .verification-row .verification-input input{
  width: 100%;
}

.popup-verification .popup-content .popup-body .action-button{
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
  padding: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.popup-verification .popup-content .close-button{
  position: absolute;
  top: 0px;
  right: 0.75rem;
  cursor: pointer;
  font-size: 1.125rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity));
}

.popup-verification .popup-content .close-button:hover{
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity));
}

.dropdown {
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.dropdown i {
  display: flex;
}

.dropdown .dropdown-toggle{
  cursor: pointer;
  border-style: none;
  background-color: transparent;
}

.dropdown .dropdown-toggle:focus {
  outline: none;
}

.dropdown .dropdown-toggle .user-avatar{
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 9999px;
}

.dropdown .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 16px 0 rgba(205,216,228,.3);
  --tw-shadow-colored: 0 4px 16px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dropdown .dropdown-menu::before {
  content: "";
  position: absolute;
  top: -5px;
  right: 10px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ffffff;
  z-index: 1;
}

.dropdown .dropdown-menu::after {
  content: "";
  position: absolute;
  top: -6px;
  right: 9px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid rgb(241, 245, 249);
  z-index: 0;
}

.dropdown .dropdown-menu .dropdown-item {
  white-space: nowrap;
  display: block;
  min-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.dropdown .dropdown-menu .dropdown-item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.dropdown .dropdown-menu .dropdown-item:not(:last-child){
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}

.dropdown .dropdown-menu .share-dropdown{
  display: flex;
  align-items: center;
  justify-content: center;
}

.dropdown .dropdown-menu .share-dropdown > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.dropdown .dropdown-menu .share-dropdown{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.dropdown .dropdown-menu .share-dropdown:not(:last-child){
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}

.dropdown .dropdown-menu .share-dropdown:hover{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.dropdown .dropdown-menu .wechatcoder{
  display: block;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}

.dropdown .dropdown-menu .wechatcoder .text{
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity));
}

.dropdown .dropdown-menu .wechatcoder wxqrcode{
  height: 5rem;
  width: 5rem;
}

.dropdown:hover .dropdown-menu {
  display: inline-block;
}

.tooltip {
  animation: fadeIn 0.2s forwards;
  pointer-events: none;
  position: absolute;
  z-index: 10;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.75;
  padding: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tooltip::before {
  content: "";
  position: absolute;
  top: -0.3125rem;
  left: 50%;
  transform: translateX(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(34, 197, 94, 0.75);
}

.paginationarea{
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.paginationarea .pagination {
  display: flex;
  align-items: center;
}

.paginationarea .pagination > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(-1px * var(--tw-space-x-reverse));
  margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
}

.paginationarea .pagination{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.paginationarea .pagination li a, .paginationarea .pagination li span{
  display: flex;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.dashed-border-box.paginationarea .pagination li a,.dashed-border-box .paginationarea .pagination li span {
  height: 128px;
}

.paginationarea .pagination li a:hover, .paginationarea .pagination li span:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.paginationarea .pagination li a svg, .paginationarea .pagination li span svg{
  height: 0.625rem;
  width: 0.625rem;
}

.paginationarea .pagination li.active a, .paginationarea .pagination li.active span{
  z-index: 10;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.paginationarea .pagination li.active a:hover, .paginationarea .pagination li.active span:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}

.paginationarea .pagination li.disabled a, .paginationarea .pagination li.disabled span{
  cursor: not-allowed;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.jq-toast-wrap {
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  width: 250px;
  pointer-events: none !important;
  letter-spacing: normal;
  z-index: 9000 !important;
}

.jq-toast-wrap, .jq-toast-wrap * {
  margin: 0;
  padding: 0;
}

.jq-toast-wrap.bottom-left {
  bottom: 20px;
  left: 20px;
}

.jq-toast-wrap.bottom-right {
  bottom: 20px;
  right: 40px;
}

.jq-toast-wrap.top-left {
  top: 20px;
  left: 20px;
}

.jq-toast-wrap.top-right {
  top: 20px;
  right: 40px;
}

.jq-toast-single {
  display: block;
  width: 100%;
  padding: 10px;
  margin: 0 0 5px;
  border-radius: 4px;
  position: relative;
  pointer-events: all !important;
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 4px 16px 0 rgba(205,216,228,.3);
  --tw-shadow-colored: 0 4px 16px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.jq-toast-single h2 {
  font-family: arial, sans-serif;
  margin: 0 0 7px;
  background: 0 0;
  color: inherit;
  letter-spacing: normal;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.jq-toast-single a {
  text-decoration: none;
  border-bottom: 1px solid #fff;
  padding-bottom: 3px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.jq-toast-single ul {
  margin: 0 0 0 15px;
  background: 0 0;
  padding: 0;
}

.jq-toast-single ul li {
  list-style-type: disc !important;
  line-height: 17px;
  background: 0 0;
  margin: 0;
  padding: 0;
  letter-spacing: normal;
}

.close-jq-toast-single {
  position: absolute;
  top: 3px;
  right: 7px;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.jq-toast-loader {
  display: block;
  position: absolute;
  top: -2px;
  height: 5px;
  width: 0;
  left: 0;
  border-radius: 5px;
  background: red;
}

.jq-toast-loader.jq-toast-loaded {
  width: 100%;
}

.footer{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  min-width: 100%;
  gap: 0.5rem;
  border-top-width: 1px;
  -o-object-position: center;
     object-position: center;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity));
}

.footer p{
  margin-bottom: 0px;
}

.jq-has-icon {
  padding: 10px 10px 10px 50px;
  background-repeat: no-repeat;
  background-position: 16px;
}

.jq-icon-info {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMSAxN2gydi02aC0ydjZabTEtOHEuNDI1IDAgLjcxMy0uMjg4VDEzIDhxMC0uNDI1LS4yODgtLjcxM1QxMiA3cS0uNDI1IDAtLjcxMy4yODhUMTEgOHEwIC40MjUuMjg4LjcxM1QxMiA5Wm0wIDEzcS0yLjA3NSAwLTMuOS0uNzg4dC0zLjE3NS0yLjEzN3EtMS4zNS0xLjM1LTIuMTM3LTMuMTc1VDIgMTJxMC0yLjA3NS43ODgtMy45dDIuMTM3LTMuMTc1cTEuMzUtMS4zNSAzLjE3NS0yLjEzN1QxMiAycTIuMDc1IDAgMy45Ljc4OHQzLjE3NSAyLjEzN3ExLjM1IDEuMzUgMi4xMzggMy4xNzVUMjIgMTJxMCAyLjA3NS0uNzg4IDMuOXQtMi4xMzcgMy4xNzVxLTEuMzUgMS4zNS0zLjE3NSAyLjEzOFQxMiAyMlptMC0ycTMuMzUgMCA1LjY3NS0yLjMyNVQyMCAxMnEwLTMuMzUtMi4zMjUtNS42NzVUMTIgNFE4LjY1IDQgNi4zMjUgNi4zMjVUNCAxMnEwIDMuMzUgMi4zMjUgNS42NzVUMTIgMjBabTAtOFoiLz48L3N2Zz4=");
  background-image: var(--svg);
  background-repeat: no-repeat;
  background-size: 20px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.jq-icon-warning {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjggMjgiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNi40MDggNC4xNzJjLTEuMDQ1LTEuODk2LTMuNzctMS44OTYtNC44MTUgMEwyLjM1IDIwLjkyYy0xLjAxMSAxLjgzMy4zMTQgNC4wNzggMi40MDggNC4wNzhIMjMuMjRjMi4wOTMgMCAzLjQyLTIuMjQ1IDIuNDA4LTQuMDc4bC05LjI0LTE2Ljc1Wk0xNSAyMGExIDEgMCAxIDEtMiAwYTEgMSAwIDAgMSAyIDBabS0xLjc1LTMuMjV2LTYuNWEuNzUuNzUgMCAwIDEgMS41IDB2Ni41YS43NS43NSAwIDAgMS0xLjUgMFoiLz48L3N2Zz4=");
  background-image: var(--svg);
  background-repeat: no-repeat;
  background-size: 20px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.jq-icon-error {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xNi43MDcgMi4yOTNBLjk5Ni45OTYgMCAwIDAgMTYgMkg4YS45OTYuOTk2IDAgMCAwLS43MDcuMjkzbC01IDVBLjk5Ni45OTYgMCAwIDAgMiA4djhjMCAuMjY2LjEwNS41Mi4yOTMuNzA3bDUgNUEuOTk2Ljk5NiAwIDAgMCA4IDIyaDhjLjI2NiAwIC41Mi0uMTA1LjcwNy0uMjkzbDUtNUEuOTk2Ljk5NiAwIDAgMCAyMiAxNlY4YS45OTYuOTk2IDAgMCAwLS4yOTMtLjcwN2wtNS01ek0xMyAxN2gtMnYtMmgydjJ6bTAtNGgtMlY3aDJ2NnoiLz48L3N2Zz4=");
  background-image: var(--svg);
  background-repeat: no-repeat;
  background-size: 20px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.jq-icon-success {
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMzYgMzYiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOCAyYTE2IDE2IDAgMSAwIDE2IDE2QTE2IDE2IDAgMCAwIDE4IDJ6bTEwLjQ1IDEwLjYzTDE1LjMxIDI1Ljc2TDcuNTUgMThhMS40IDEuNCAwIDAgMSAyLTJsNS43OCA1Ljc4TDI2LjQ1IDEzLjYzeiIgLz48L3N2Zz4=");
  background-image: var(--svg);
  background-repeat: no-repeat;
  background-size: 20px;
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}

code.code {
  padding: 3px 5px;
}

.code {
  color: #ffffff;
  background: #1e293b;
}

.code ::-moz-selection, .code::-moz-selection {
  background-color: #475569;
  color: #ffffff;
}

.code ::selection, .code::selection {
  background-color: #475569;
  color: #ffffff;
}

.code-comment {
  color: #475569;
}

.code-tag {
  color: #62d6e8;
}

.code-operator, .code-punctuation, .code-subst {
  color: #ffffff;
}

.code-operator {
  opacity: 0.7;
}

.code-bullet, .code-deletion, .code-name, .code-selector-tag, .code-template-variable, .code-variable {
  color: #fb7185;
}

.code-attr, .code-link, .code-literal, .code-number, .code-symbol, .code-variable.constant_ {
  color: #d946ef;
}

.code-class .code-title, .code-title, .code-title.class_ {
  color: #22c55e;
}

.code-strong {
  font-weight: 700;
  color: #22c55e;
}

.code-addition, .code-code, .code-string, .code-title.class_.inherited__ {
  color: #a3e635;
}

.code-built_in, .code-doctag, .code-keyword.code-atrule, .code-quote, .code-regexp {
  color: #7dd3fc;
}

.code-attribute, .code-function .code-title, .code-section, .code-title.function_, .ruby .code-property {
  color: #0ea5e9;
}

.diff .code-meta, .code-keyword, .code-template-tag, .code-type {
  color: #d946ef;
}

.code-emphasis {
  color: #d946ef;
  font-style: italic;
}

.code-meta, .code-meta .code-keyword, .code-meta .code-string {
  color: #22c55e;
}

.code-meta .code-keyword, .code-meta-keyword {
  font-weight: 700;
}

.icon-magnifying-glass{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m21 21l-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z'/%3E%3C/svg%3E");
}

.icon-square-3-stack-3d {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg4ODg4OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTYuNDI5IDkuNzVMMi4yNSAxMmw0LjE3OSAyLjI1bTAtNC41bDUuNTcxIDNsNS41NzEtM20tMTEuMTQyIDBMMi4yNSA3LjVMMTIgMi4yNWw5Ljc1IDUuMjVsLTQuMTc5IDIuMjVtMCAwTDIxLjc1IDEybC00LjE3OSAyLjI1bTAgMGw0LjE3OSAyLjI1TDEyIDIxLjc1TDIuMjUgMTYuNWw0LjE3OS0yLjI1bTExLjE0MiAwbC01LjU3MSAzbC01LjU3MS0zIi8+PC9zdmc+");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-question-mark-circle {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg4ODg4OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTkuODc5IDcuNTE5YzEuMTcxLTEuMDI1IDMuMDcxLTEuMDI1IDQuMjQyIDBjMS4xNzIgMS4wMjUgMS4xNzIgMi42ODcgMCAzLjcxMmMtLjIwMy4xNzktLjQzLjMyNi0uNjcuNDQyYy0uNzQ1LjM2MS0xLjQ1Ljk5OS0xLjQ1IDEuODI3di43NU0yMSAxMmE5IDkgMCAxIDEtMTggMGE5IDkgMCAwIDEgMTggMFptLTkgNS4yNWguMDA4di4wMDhIMTJ2LS4wMDhaIi8+PC9zdmc+");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-user-circle-20-solid {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxwYXRoIGZpbGw9IiM4ODg4ODgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4IDEwYTggOCAwIDEgMS0xNiAwYTggOCAwIDAgMSAxNiAwWm0tNS41LTIuNWEyLjUgMi41IDAgMSAxLTUgMGEyLjUgMi41IDAgMCAxIDUgMFpNMTAgMTJhNS45OSA1Ljk5IDAgMCAwLTQuNzkzIDIuMzlBNi40ODMgNi40ODMgMCAwIDAgMTAgMTYuNWE2LjQ4MyA2LjQ4MyAwIDAgMCA0Ljc5My0yLjExQTUuOTkgNS45OSAwIDAgMCAxMCAxMloiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-rocket-launch {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg4ODg4OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTE1LjU5IDE0LjM3YTYgNiAwIDAgMS01Ljg0IDcuMzh2LTQuOG01Ljg0LTIuNThhMTQuOTggMTQuOTggMCAwIDAgNi4xNi0xMi4xMkExNC45OCAxNC45OCAwIDAgMCA5LjYzMSA4LjQxbTUuOTYgNS45NmExNC45MjYgMTQuOTI2IDAgMCAxLTUuODQxIDIuNThtLS4xMTktOC41NGE2IDYgMCAwIDAtNy4zODEgNS44NGg0LjhtMi41ODEtNS44NGExNC45MjcgMTQuOTI3IDAgMCAwLTIuNTggNS44NG0yLjY5OSAyLjdhMTUuNTMgMTUuNTMgMCAwIDEtLjMxMS4wNmExNS4wOSAxNS4wOSAwIDAgMS0yLjQ0OC0yLjQ0OGExNC45IDE0LjkgMCAwIDEgLjA2LS4zMTJtLTIuMjQgMi4zOWE0LjQ5MyA0LjQ5MyAwIDAgMC0xLjc1NyA0LjMwNmE0LjQ5MyA0LjQ5MyAwIDAgMCA0LjMwNi0xLjc1OE0xNi41IDlhMS41IDEuNSAwIDEgMS0zIDBhMS41IDEuNSAwIDAgMSAzIDBaIi8+PC9zdmc+");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-arrow-down-tray {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS41IDE3YTQuNSA0LjUgMCAwIDEtMS40NC04Ljc2NWE0LjUgNC41IDAgMCAxIDguMzAyLTMuMDQ2YTMuNSAzLjUgMCAwIDEgNC41MDQgNC4yNzJBNCA0IDAgMCAxIDE1IDE3SDUuNVptNS4yNS05LjI1YS43NS43NSAwIDAgMC0xLjUgMHY0LjU5bC0xLjk1LTIuMWEuNzUuNzUgMCAxIDAtMS4xIDEuMDJsMy4yNSAzLjVhLjc1Ljc1IDAgMCAwIDEuMSAwbDMuMjUtMy41YS43NS43NSAwIDEgMC0xLjEtMS4wMmwtMS45NSAyLjFWNy43NVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-hand-thumb-up {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNNi42MzMgMTAuNWMuODA2IDAgMS41MzMtLjQ0NiAyLjAzMS0xLjA4YTkuMDQxIDkuMDQxIDAgMCAxIDIuODYxLTIuNGMuNzIzLS4zODQgMS4zNS0uOTU2IDEuNjUzLTEuNzE1YTQuNDk4IDQuNDk4IDAgMCAwIC4zMjItMS42NzJWM2EuNzUuNzUgMCAwIDEgLjc1LS43NUEyLjI1IDIuMjUgMCAwIDEgMTYuNSA0LjVjMCAxLjE1Mi0uMjYgMi4yNDMtLjcyMyAzLjIxOGMtLjI2Ni41NTguMTA3IDEuMjgyLjcyNSAxLjI4MmgzLjEyNmMxLjAyNiAwIDEuOTQ1LjY5NCAyLjA1NCAxLjcxNWMuMDQ1LjQyMi4wNjguODUuMDY4IDEuMjg1YTExLjk1IDExLjk1IDAgMCAxLTIuNjQ5IDcuNTIxYy0uMzg4LjQ4Mi0uOTg3LjcyOS0xLjYwNS43MjlIMTMuNDhhNC41MyA0LjUzIDAgMCAxLTEuNDIzLS4yM2wtMy4xMTQtMS4wNGE0LjUwMSA0LjUwMSAwIDAgMC0xLjQyMy0uMjNINS45MDRNMTQuMjUgOWgyLjI1TTUuOTA0IDE4Ljc1Yy4wODMuMjA1LjE3My40MDUuMjcuNjAyYy4xOTcuNC0uMDc4Ljg5OC0uNTIzLjg5OGgtLjkwOGMtLjg4OSAwLTEuNzEzLS41MTgtMS45NzItMS4zNjhhMTIgMTIgMCAwIDEtLjUyMS0zLjUwN2MwLTEuNTUzLjI5NS0zLjAzNi44MzEtNC4zOThDMy4zODcgMTAuMjAzIDQuMTY3IDkuNzUgNSA5Ljc1aDEuMDUzYy40NzIgMCAuNzQ1LjU1Ni41Ljk2YTguOTU4IDguOTU4IDAgMCAwLTEuMzAyIDQuNjY1YTguOTcgOC45NyAwIDAgMCAuNjU0IDMuMzc1WiIvPjwvc3ZnPg==");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-heart {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMjEgOC4yNWMwLTIuNDg1LTIuMDk5LTQuNS00LjY4OC00LjVjLTEuOTM1IDAtMy41OTcgMS4xMjYtNC4zMTIgMi43MzNjLS43MTUtMS42MDctMi4zNzctMi43MzMtNC4zMTMtMi43MzNDNS4xIDMuNzUgMyA1Ljc2NSAzIDguMjVjMCA3LjIyIDkgMTIgOSAxMnM5LTQuNzggOS0xMloiLz48L3N2Zz4=");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-heart-20-solid {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0ibTkuNjUzIDE2LjkxNWwtLjAwNS0uMDAzbC0uMDE5LS4wMWEyMC43NTkgMjAuNzU5IDAgMCAxLTEuMTYyLS42ODJhMjIuMDQ1IDIyLjA0NSAwIDAgMS0yLjU4Mi0xLjlDNC4wNDUgMTIuNzMzIDIgMTAuMzUyIDIgNy41YTQuNSA0LjUgMCAwIDEgOC0yLjgyOEE0LjUgNC41IDAgMCAxIDE4IDcuNWMwIDIuODUyLTIuMDQ0IDUuMjMzLTMuODg1IDYuODJhMjIuMDQ5IDIyLjA0OSAwIDAgMS0zLjc0NCAyLjU4MmwtLjAxOS4wMWwtLjAwNS4wMDNoLS4wMDJhLjczOS43MzkgMCAwIDEtLjY5LjAwMWwtLjAwMi0uMDAxWiIvPjwvc3ZnPg==");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-arrow-top-right-on-square {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTMuNSA2SDUuMjVBMi4yNSAyLjI1IDAgMCAwIDMgOC4yNXYxMC41QTIuMjUgMi4yNSAwIDAgMCA1LjI1IDIxaDEwLjVBMi4yNSAyLjI1IDAgMCAwIDE4IDE4Ljc1VjEwLjVtLTEwLjUgNkwyMSAzbTAgMGgtNS4yNU0yMSAzdjUuMjUiLz48L3N2Zz4=");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-cloud-arrow-up-20-solid {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS41IDE3YTQuNSA0LjUgMCAwIDEtMS40NC04Ljc2NWE0LjUgNC41IDAgMCAxIDguMzAyLTMuMDQ2YTMuNSAzLjUgMCAwIDEgNC41MDQgNC4yNzJBNCA0IDAgMCAxIDE1IDE3SDUuNVptMy43NS0yLjc1YS43NS43NSAwIDAgMCAxLjUgMFY5LjY2bDEuOTUgMi4xYS43NS43NSAwIDEgMCAxLjEtMS4wMmwtMy4yNS0zLjVhLjc1Ljc1IDAgMCAwLTEuMSAwbC0zLjI1IDMuNWEuNzUuNzUgMCAxIDAgMS4xIDEuMDJsMS45NS0yLjF2NC41OVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-qq-circle-filled {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik01MTIgNjRDMjY0LjYgNjQgNjQgMjY0LjYgNjQgNTEyczIwMC42IDQ0OCA0NDggNDQ4czQ0OC0yMDAuNiA0NDgtNDQ4Uzc1OS40IDY0IDUxMiA2NHptMjEwLjUgNjEyLjRjLTExLjUgMS40LTQ0LjktNTIuNy00NC45LTUyLjdjMCAzMS4zLTE2LjIgNzIuMi01MS4xIDEwMS44YzE2LjkgNS4yIDU0LjkgMTkuMiA0NS45IDM0LjRjLTcuMyAxMi4zLTEyNS42IDcuOS0xNTkuOCA0Yy0zNC4yIDMuOC0xNTIuNSA4LjMtMTU5LjgtNGMtOS4xLTE1LjIgMjguOS0yOS4yIDQ1LjgtMzQuNGMtMzUtMjkuNS01MS4xLTcwLjQtNTEuMS0xMDEuOGMwIDAtMzMuNCA1NC4xLTQ0LjkgNTIuN2MtNS40LS43LTEyLjQtMjkuNiA5LjQtOTkuN2MxMC4zLTMzIDIyLTYwLjUgNDAuMi0xMDUuOGMtMy4xLTExNi45IDQ1LjMtMjE1IDE2MC40LTIxNWMxMTMuOSAwIDE2My4zIDk2LjEgMTYwLjQgMjE1YzE4LjEgNDUuMiAyOS45IDcyLjggNDAuMiAxMDUuOGMyMS43IDcwLjEgMTQuNiA5OS4xIDkuMyA5OS43eiIvPjwvc3ZnPg==");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-sharp-wechat {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTE1Ljg1IDguMTRjLjM5IDAgLjc3LjAzIDEuMTQuMDhDMTYuMzEgNS4yNSAxMy4xOSAzIDkuNDQgM2MtNC4yNSAwLTcuNyAyLjg4LTcuNyA2LjQzYzAgMi4wNSAxLjE1IDMuODYgMi45NCA1LjA0TDMuNjcgMTYuNWwyLjc2LTEuMTljLjU5LjIxIDEuMjEuMzggMS44Ny40N2MtLjA5LS4zOS0uMTQtLjc5LS4xNC0xLjIxYy0uMDEtMy41NCAzLjQ0LTYuNDMgNy42OS02LjQzek0xMiA1Ljg5YS45Ni45NiAwIDEgMSAwIDEuOTJhLjk2Ljk2IDAgMCAxIDAtMS45MnpNNi44NyA3LjgyYS45Ni45NiAwIDEgMSAwLTEuOTJhLjk2Ljk2IDAgMCAxIDAgMS45MnoiLz48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMi4yNiAxNC41N2MwLTIuODQtMi44Ny01LjE0LTYuNDEtNS4xNHMtNi40MSAyLjMtNi40MSA1LjE0czIuODcgNS4xNCA2LjQxIDUuMTRjLjU4IDAgMS4xNC0uMDggMS42Ny0uMkwyMC45OCAyMWwtMS4yLTIuNGMxLjUtLjk0IDIuNDgtMi4zOCAyLjQ4LTQuMDN6bS04LjM0LS4zMmEuOTYuOTYgMCAxIDEgLjk2LS45NmMuMDEuNTMtLjQzLjk2LS45Ni45NnptMy44NSAwYS45Ni45NiAwIDEgMSAwLTEuOTJhLjk2Ljk2IDAgMCAxIDAgMS45MnoiLz48L3N2Zz4=");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-content-copy-sharp {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTcgMThWMmgxM3YxNkg3Wm0tNCA0VjZoMnYxNGgxMXYySDNaIi8+PC9zdmc+");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-weibo-circle-outlined {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik01MTIgNjRDMjY0LjYgNjQgNjQgMjY0LjYgNjQgNTEyczIwMC42IDQ0OCA0NDggNDQ4czQ0OC0yMDAuNiA0NDgtNDQ4Uzc1OS40IDY0IDUxMiA2NHptLTQ0LjQgNjcyQzM1My4xIDczNiAyMzYgNjgwLjQgMjM2IDU4OC45YzAtNDcuOCAzMC4yLTEwMy4xIDgyLjMtMTU1LjNjNjkuNS02OS42IDE1MC42LTEwMS40IDE4MS4xLTcwLjhjMTMuNSAxMy41IDE0LjggMzYuOCA2LjEgNjQuNmMtNC41IDE0IDEzLjEgNi4zIDEzLjEgNi4zYzU2LjItMjMuNiAxMDUuMi0yNSAxMjMuMS43YzkuNiAxMy43IDguNiAzMi44LS4yIDU1LjFjLTQuMSAxMC4yIDEuMyAxMS44IDkgMTQuMWMzMS43IDkuOCA2Ni45IDMzLjYgNjYuOSA3NS41Yy4yIDY5LjUtOTkuNyAxNTYuOS0yNDkuOCAxNTYuOXptMjA3LjMtMjkwLjhhMzQuOSAzNC45IDAgMCAwLTcuMi0zNC4xYTM0LjY4IDM0LjY4IDAgMCAwLTMzLjEtMTAuN2ExOC4yNCAxOC4yNCAwIDAgMS03LjYtMzUuN2MyNC4xLTUuMSA1MC4xIDIuMyA2Ny43IDIxLjljMTcuNyAxOS42IDIyLjQgNDYuMyAxNC45IDY5LjhhMTguMTMgMTguMTMgMCAwIDEtMjIuOSAxMS43YTE4LjE4IDE4LjE4IDAgMCAxLTExLjgtMjIuOXptMTA2IDM0LjNzMCAuMSAwIDBhMjEuMSAyMS4xIDAgMCAxLTI2LjYgMTMuN2EyMS4xOSAyMS4xOSAwIDAgMS0xMy42LTI2LjdjMTEtMzQuMiA0LTczLjItMjEuNy0xMDEuOGExMDQuMDQgMTA0LjA0IDAgMCAwLTk4LjktMzIuMWEyMS4xNCAyMS4xNCAwIDAgMS0yNS4xLTE2LjNhMjEuMDcgMjEuMDcgMCAwIDEgMTYuMi0yNS4xYzQ5LjQtMTAuNSAxMDIuOCA0LjggMTM5LjEgNDUuMWMzNi4zIDQwLjIgNDYuMSA5NS4xIDMwLjYgMTQzLjJ6bS0zMzQuNSA2LjFjLTkxLjQgOS0xNjAuNyA2NS4xLTE1NC43IDEyNS4yYzUuOSA2MC4xIDg0LjggMTAxLjUgMTc2LjIgOTIuNWM5MS40LTkuMSAxNjAuNy02NS4xIDE1NC43LTEyNS4zYy01LjktNjAuMS04NC44LTEwMS41LTE3Ni4yLTkyLjR6bTgwLjIgMTQxLjdjLTE4LjcgNDIuMy03Mi4zIDY0LjgtMTE3LjggNTAuMWMtNDMuOS0xNC4yLTYyLjUtNTcuNy00My4zLTk2LjhjMTguOS0zOC40IDY4LTYwLjEgMTExLjUtNDguOGM0NSAxMS43IDY4IDU0LjIgNDkuNiA5NS41em0tOTMtMzIuMmMtMTQuMi01LjktMzIuNC4yLTQxLjIgMTMuOWMtOC44IDEzLjgtNC43IDMwLjIgOS4zIDM2LjZjMTQuMyA2LjUgMzMuMi4zIDQyLTEzLjhjOC44LTE0LjMgNC4yLTMwLjYtMTAuMS0zNi43em0zNC45LTE0LjVjLTUuNC0yLjItMTIuMi41LTE1LjQgNS44Yy0zLjEgNS40LTEuNCAxMS41IDQuMSAxMy44YzUuNSAyLjMgMTIuNi0uMyAxNS44LTUuOGMzLTUuNiAxLTExLjgtNC41LTEzLjh6Ii8+PC9zdmc+");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-weibo-circle-outlinedx {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZwogICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz0iaC00IHctNCIKICAgICAgICAgICAgICAgICAgICAgICAgZmlsbD0iY3VycmVudENvbG9yIgogICAgICAgICAgICAgICAgICAgICAgICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgICAgICAgICAgICAgICAgICAgICAgIGFyaWEtaGlkZGVuPSJ0cnVlIgogICAgICAgICAgICAgICAgPgogICAgICAgICAgICAgICAgICAgIDxwYXRoCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkPSJNMjIgMTJjMC01LjUyMy00LjQ3Ny0xMC0xMC0xMFMyIDYuNDc3IDIgMTJjMCA0Ljk5MSAzLjY1NyA5LjEyOCA4LjQzOCA5Ljg3OHYtNi45ODdoLTIuNTRWMTJoMi41NFY5Ljc5N2MwLTIuNTA2IDEuNDkyLTMuODkgMy43NzctMy44OSAxLjA5NCAwIDIuMjM4LjE5NSAyLjIzOC4xOTV2Mi40NmgtMS4yNmMtMS4yNDMgMC0xLjYzLjc3MS0xLjYzIDEuNTYyVjEyaDIuNzczbC0uNDQzIDIuODloLTIuMzN2Ni45ODhDMTguMzQzIDIxLjEyOCAyMiAxNi45OTEgMjIgMTJ6IgogICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgICAgICAgICAgICAgIC8+CiAgICAgICAgICAgICAgICA8L3N2Zz4=");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-close {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTYuNCAxOUw1IDE3LjZsNS42LTUuNkw1IDYuNEw2LjQgNWw1LjYgNS42TDE3LjYgNUwxOSA2LjRMMTMuNCAxMmw1LjYgNS42bC0xLjQgMS40bC01LjYtNS42TDYuNCAxOVoiLz48L3N2Zz4=");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-alternate-email {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTEyIDIycS0yLjA3NSAwLTMuOS0uNzg4dC0zLjE3NS0yLjEzN3EtMS4zNS0xLjM1LTIuMTM3LTMuMTc1VDIgMTJxMC0yLjA3NS43ODgtMy45dDIuMTM3LTMuMTc1cTEuMzUtMS4zNSAzLjE3NS0yLjEzN1QxMiAycTIuMDc1IDAgMy45Ljc4OHQzLjE3NSAyLjEzN3ExLjM1IDEuMzUgMi4xMzggMy4xNzVUMjIgMTJ2MS40NXEwIDEuNDc1LTEuMDEyIDIuNTEzVDE4LjUgMTdxLS44NzUgMC0xLjY1LS4zNzV0LTEuMy0xLjA3NXEtLjcyNS43MjUtMS42MzggMS4wODhUMTIgMTdxLTIuMDc1IDAtMy41MzgtMS40NjNUNyAxMnEwLTIuMDc1IDEuNDYzLTMuNTM4VDEyIDdxMi4wNzUgMCAzLjUzOCAxLjQ2M1QxNyAxMnYxLjQ1cTAgLjY1LjQyNSAxLjFUMTguNSAxNXEuNjUgMCAxLjA3NS0uNDV0LjQyNS0xLjFWMTJxMC0zLjM1LTIuMzI1LTUuNjc1VDEyIDRROC42NSA0IDYuMzI1IDYuMzI1VDQgMTJxMCAzLjM1IDIuMzI1IDUuNjc1VDEyIDIwaDV2MmgtNVptMC03cTEuMjUgMCAyLjEyNS0uODc1VDE1IDEycTAtMS4yNS0uODc1LTIuMTI1VDEyIDlxLTEuMjUgMC0yLjEyNS44NzVUOSAxMnEwIDEuMjUuODc1IDIuMTI1VDEyIDE1WiIvPjwvc3ZnPg==");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-uploading-loop {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHBhdGggc3Ryb2tlLWRhc2hhcnJheT0iMiA0IiBzdHJva2UtZGFzaG9mZnNldD0iNiIgZD0iTTEyIDIxQzcuMDI5NDQgMjEgMyAxNi45NzA2IDMgMTJDMyA3LjAyOTQ0IDcuMDI5NDQgMyAxMiAzIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSI2OzAiLz48L3BhdGg+PHBhdGggc3Ryb2tlLWRhc2hhcnJheT0iMzAiIHN0cm9rZS1kYXNob2Zmc2V0PSIzMCIgZD0iTTEyIDNDMTYuOTcwNiAzIDIxIDcuMDI5NDQgMjEgMTJDMjEgMTYuOTcwNiAxNi45NzA2IDIxIDEyIDIxIj48YW5pbWF0ZSBmaWxsPSJmcmVlemUiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBiZWdpbj0iMC4xcyIgZHVyPSIwLjNzIiB2YWx1ZXM9IjMwOzAiLz48L3BhdGg+PHBhdGggc3Ryb2tlLWRhc2hhcnJheT0iMTAiIHN0cm9rZS1kYXNob2Zmc2V0PSIxMCIgZD0iTTEyIDE2di03LjUiPjxhbmltYXRlIGZpbGw9ImZyZWV6ZSIgYXR0cmlidXRlTmFtZT0ic3Ryb2tlLWRhc2hvZmZzZXQiIGJlZ2luPSIwLjVzIiBkdXI9IjAuMnMiIHZhbHVlcz0iMTA7MCIvPjwvcGF0aD48cGF0aCBzdHJva2UtZGFzaGFycmF5PSI2IiBzdHJva2UtZGFzaG9mZnNldD0iNiIgZD0iTTEyIDguNWwzLjUgMy41TTEyIDguNWwtMy41IDMuNSI+PGFuaW1hdGUgZmlsbD0iZnJlZXplIiBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgYmVnaW49IjAuN3MiIGR1cj0iMC4ycyIgdmFsdWVzPSI2OzAiLz48L3BhdGg+PC9nPjwvc3ZnPg==");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-downloading-loop {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHBhdGggc3Ryb2tlLWRhc2hhcnJheT0iMiA0IiBzdHJva2UtZGFzaG9mZnNldD0iNiIgZD0iTTEyIDNDMTYuOTcwNiAzIDIxIDcuMDI5NDQgMjEgMTJDMjEgMTYuOTcwNiAxNi45NzA2IDIxIDEyIDIxIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgZHVyPSIwLjZzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSI2OzAiLz48L3BhdGg+PHBhdGggc3Ryb2tlLWRhc2hhcnJheT0iMzAiIHN0cm9rZS1kYXNob2Zmc2V0PSIzMCIgZD0iTTEyIDIxQzcuMDI5NDQgMjEgMyAxNi45NzA2IDMgMTJDMyA3LjAyOTQ0IDcuMDI5NDQgMyAxMiAzIj48YW5pbWF0ZSBmaWxsPSJmcmVlemUiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBiZWdpbj0iMC4xcyIgZHVyPSIwLjNzIiB2YWx1ZXM9IjMwOzAiLz48L3BhdGg+PHBhdGggc3Ryb2tlLWRhc2hhcnJheT0iMTAiIHN0cm9rZS1kYXNob2Zmc2V0PSIxMCIgZD0iTTEyIDh2Ny41Ij48YW5pbWF0ZSBmaWxsPSJmcmVlemUiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBiZWdpbj0iMC41cyIgZHVyPSIwLjJzIiB2YWx1ZXM9IjEwOzAiLz48L3BhdGg+PHBhdGggc3Ryb2tlLWRhc2hhcnJheT0iNiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjYiIGQ9Ik0xMiAxNS41bDMuNSAtMy41TTEyIDE1LjVsLTMuNSAtMy41Ij48YW5pbWF0ZSBmaWxsPSJmcmVlemUiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBiZWdpbj0iMC43cyIgZHVyPSIwLjJzIiB2YWx1ZXM9IjY7MCIvPjwvcGF0aD48L2c+PC9zdmc+");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-loading-twotone-loop {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHBhdGggc3Ryb2tlLWRhc2hhcnJheT0iNjAiIHN0cm9rZS1kYXNob2Zmc2V0PSI2MCIgc3Ryb2tlLW9wYWNpdHk9Ii4zIiBkPSJNMTIgM0MxNi45NzA2IDMgMjEgNy4wMjk0NCAyMSAxMkMyMSAxNi45NzA2IDE2Ljk3MDYgMjEgMTIgMjFDNy4wMjk0NCAyMSAzIDE2Ljk3MDYgMyAxMkMzIDcuMDI5NDQgNy4wMjk0NCAzIDEyIDNaIj48YW5pbWF0ZSBmaWxsPSJmcmVlemUiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBkdXI9IjEuM3MiIHZhbHVlcz0iNjA7MCIvPjwvcGF0aD48cGF0aCBzdHJva2UtZGFzaGFycmF5PSIxNSIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjE1IiBkPSJNMTIgM0MxNi45NzA2IDMgMjEgNy4wMjk0NCAyMSAxMiI+PGFuaW1hdGUgZmlsbD0iZnJlZXplIiBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgZHVyPSIwLjNzIiB2YWx1ZXM9IjE1OzAiLz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGR1cj0iMS41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHR5cGU9InJvdGF0ZSIgdmFsdWVzPSIwIDEyIDEyOzM2MCAxMiAxMiIvPjwvcGF0aD48L2c+PC9zdmc+");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-error-filled {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtOSAyMmwzLTNtMy0zbC0zIDNtMCAwbC0zLTNtMyAzbDMgM201LTQuMzkzYzEuNDk0LS41ODUgMy0xLjkxOCAzLTQuNjA3YzAtNC0zLjMzMy01LTUtNWMwLTIgMC02LTYtNlM2IDYgNiA4Yy0xLjY2NyAwLTUgMS01IDVjMCAyLjY4OSAxLjUwNiA0LjAyMiAzIDQuNjA3Ii8+PC9zdmc+");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-login-circle-fill {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTEwIDExSDIuMDQ4Yy41MDItNS4wNTMgNC43NjUtOSA5Ljk1LTljNS41MjMgMCAxMCA0LjQ3NyAxMCAxMHMtNC40NzcgMTAtMTAgMTBjLTUuMTg1IDAtOS40NDgtMy45NDctOS45NS05aDcuOTV2M2w1LTRsLTUtNHYzWiIvPjwvc3ZnPg==");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-baseline-qrcode {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTEgMWgxMHYxMEgxVjF6bTIgMnY2aDZWM0gzeiIvPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNSA1aDJ2Mkg1eiIvPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTEzIDFoMTB2MTBIMTNWMXptMiAydjZoNlYzaC02eiIvPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTcgNWgydjJoLTJ6Ii8+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMSAxM2gxMHYxMEgxVjEzem0yIDJ2Nmg2di02SDN6Ii8+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01IDE3aDJ2Mkg1eiIvPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTIzIDE5aC00djRoLTZWMTNoMWgtMXY2aDJ2Mmgydi02aC0ydi0yaC0xaDN2MmgydjJoMnYtNGgydjZ6bTAgMnYyaC0ydi0yaDJ6Ii8+PC9zdmc+");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon-success-filled {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik01MTIgNjRhNDQ4IDQ0OCAwIDEgMSAwIDg5NmE0NDggNDQ4IDAgMCAxIDAtODk2em0tNTUuODA4IDUzNi4zODRsLTk5LjUyLTk5LjU4NGEzOC40IDM4LjQgMCAxIDAtNTQuMzM2IDU0LjMzNmwxMjYuNzIgMTI2LjcyYTM4LjI3MiAzOC4yNzIgMCAwIDAgNTQuMzM2IDBsMjYyLjQtMjYyLjQ2NGEzOC40IDM4LjQgMCAxIDAtNTQuMjcyLTU0LjMzNkw0NTYuMTkyIDYwMC4zODR6Ii8+PC9zdmc+");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 1;
}

.icon-error-warning-fill {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  --svg: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTEyIDIyQzYuNDc3IDIyIDIgMTcuNTIzIDIgMTJTNi40NzcgMiAxMiAyczEwIDQuNDc3IDEwIDEwcy00LjQ3NyAxMC0xMCAxMFptLTEtN3YyaDJ2LTJoLTJabTAtOHY2aDJWN2gtMloiLz48L3N2Zz4=");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 1;
}

.icon-eye-outline{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 9a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3m0-4.5c5 0 9.27 3.11 11 7.5c-1.73 4.39-6 7.5-11 7.5S2.73 16.39 1 12c1.73-4.39 6-7.5 11-7.5M3.18 12a9.821 9.821 0 0 0 17.64 0a9.821 9.821 0 0 0-17.64 0Z'/%3E%3C/svg%3E");
}

.icon-eye-off-outline{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M2 5.27L3.28 4L20 20.72L18.73 22l-3.08-3.08c-1.15.38-2.37.58-3.65.58c-5 0-9.27-3.11-11-7.5c.69-1.76 1.79-3.31 3.19-4.54L2 5.27M12 9a3 3 0 0 1 3 3a3 3 0 0 1-.17 1L11 9.17A3 3 0 0 1 12 9m0-4.5c5 0 9.27 3.11 11 7.5a11.79 11.79 0 0 1-4 5.19l-1.42-1.43A9.862 9.862 0 0 0 20.82 12A9.821 9.821 0 0 0 12 6.5c-1.09 0-2.16.18-3.16.5L7.3 5.47c1.44-.62 3.03-.97 4.7-.97M3.18 12A9.821 9.821 0 0 0 12 17.5c.69 0 1.37-.07 2-.21L11.72 15A3.064 3.064 0 0 1 9 12.28L5.6 8.87c-.99.85-1.82 1.91-2.42 3.13Z'/%3E%3C/svg%3E");
}

.icon-symbols-upload-file-sharp{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 19h2v-4.175l1.6 1.6L16 15l-4-4l-4 4l1.425 1.4L11 14.825V19Zm-7 3V2h10l6 6v14H4Zm9-13h5l-5-5v5Z'/%3E%3C/svg%3E");
}

.icon-share{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.217 10.907a2.25 2.25 0 1 0 0 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186l9.566-5.314m-9.566 7.5l9.566 5.314m0 0a2.25 2.25 0 1 0 3.935 2.186a2.25 2.25 0 0 0-3.935-2.186Zm0-12.814a2.25 2.25 0 1 0 3.933-2.185a2.25 2.25 0 0 0-3.933 2.185Z'/%3E%3C/svg%3E");
  height: 1.5rem;
  width: 1.5rem;
}

.icon-bars-arrow-down-solid{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M2.25 4.5A.75.75 0 0 1 3 3.75h14.25a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75Zm0 4.5A.75.75 0 0 1 3 8.25h9.75a.75.75 0 0 1 0 1.5H3A.75.75 0 0 1 2.25 9Zm15-.75A.75.75 0 0 1 18 9v10.19l2.47-2.47a.75.75 0 1 1 1.06 1.06l-3.75 3.75a.75.75 0 0 1-1.06 0l-3.75-3.75a.75.75 0 1 1 1.06-1.06l2.47 2.47V9a.75.75 0 0 1 .75-.75Zm-15 5.25a.75.75 0 0 1 .75-.75h9.75a.75.75 0 0 1 0 1.5H3a.75.75 0 0 1-.75-.75Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.icon-fire-20-solid{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M13.5 4.938a7 7 0 1 1-9.006 1.737c.202-.257.59-.218.793.039c.278.352.594.672.943.954c.332.269.786-.049.773-.476a5.977 5.977 0 0 1 .572-2.759a6.026 6.026 0 0 1 2.486-2.665c.247-.14.55-.016.677.238A6.967 6.967 0 0 0 13.5 4.938ZM14 12a4 4 0 0 1-4 4c-1.913 0-3.52-1.398-3.91-3.182c-.093-.429.44-.643.814-.413a4.043 4.043 0 0 0 1.601.564c.303.038.531-.24.51-.544a5.975 5.975 0 0 1 1.315-4.192a.447.447 0 0 1 .431-.16A4.001 4.001 0 0 1 14 12Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.icon-tag-20-solid{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M5.5 3A2.5 2.5 0 0 0 3 5.5v2.879a2.5 2.5 0 0 0 .732 1.767l6.5 6.5a2.5 2.5 0 0 0 3.536 0l2.878-2.878a2.5 2.5 0 0 0 0-3.536l-6.5-6.5A2.5 2.5 0 0 0 8.38 3H5.5ZM6 7a1 1 0 1 0 0-2a1 1 0 0 0 0 2Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.icon-code-bracket-square-20-solid{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M4.25 2A2.25 2.25 0 0 0 2 4.25v11.5A2.25 2.25 0 0 0 4.25 18h11.5A2.25 2.25 0 0 0 18 15.75V4.25A2.25 2.25 0 0 0 15.75 2H4.25Zm4.03 6.28a.75.75 0 0 0-1.06-1.06L4.97 9.47a.75.75 0 0 0 0 1.06l2.25 2.25a.75.75 0 0 0 1.06-1.06L6.56 10l1.72-1.72Zm4.5-1.06a.75.75 0 1 0-1.06 1.06L13.44 10l-1.72 1.72a.75.75 0 1 0 1.06 1.06l2.25-2.25a.75.75 0 0 0 0-1.06l-2.25-2.25Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.icon-code-bracket-20-solid{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M6.28 5.22a.75.75 0 0 1 0 1.06L2.56 10l3.72 3.72a.75.75 0 0 1-1.06 1.06L.97 10.53a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Zm7.44 0a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L17.44 10l-3.72-3.72a.75.75 0 0 1 0-1.06Zm-2.343-3.209a.75.75 0 0 1 .612.867l-2.5 14.5a.75.75 0 0 1-1.478-.255l2.5-14.5a.75.75 0 0 1 .866-.612Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.icon-document-copy-16-regular{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath fill='black' d='M6.999 1a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2H12a2 2 0 0 0 2-2V5.5h-.002V4.414a1.5 1.5 0 0 0-.439-1.06l-1.914-1.915A1.5 1.5 0 0 0 10.585 1H6.998ZM12 12H6.999a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h3v1.5a1.5 1.5 0 0 0 1.5 1.5h1.5v1.061H13V11a1 1 0 0 1-1 1Zm.791-8h-1.293a.5.5 0 0 1-.5-.5V2.207L12.791 4ZM3 4a1 1 0 0 1 1-1v8a3 3 0 0 0 3 3h5a1 1 0 0 1-1 1H6.79A3.79 3.79 0 0 1 3 11.21V4Z'/%3E%3C/svg%3E");
}

.icon-design-copyright-circle-filled{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='black' d='M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64zm5.4 670c-110 0-173.4-73.2-173.4-194.9v-52.3C344 364.2 407.4 290 517.3 290c94.3 0 162.7 60.7 162.7 147.4c0 2.6-2.1 4.7-4.7 4.7h-56.7c-4.2 0-7.6-3.2-8-7.4c-4-49.5-40-83.4-93-83.4c-65.3 0-102.1 48.5-102.1 135.5v52.6c0 85.7 36.9 133.6 102.1 133.6c52.8 0 88.7-31.7 93-77.8c.4-4.1 3.8-7.3 8-7.3h56.8c2.6 0 4.7 2.1 4.7 4.7c0 82.6-68.7 141.4-162.7 141.4z'/%3E%3C/svg%3E");
}

.icon-document-arrow-down{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m.75 12l3 3m0 0l3-3m-3 3v-6m-1.5-9H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z'/%3E%3C/svg%3E");
}

.icon-magnifying-glass-solid{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M10.5 3.75a6.75 6.75 0 1 0 0 13.5a6.75 6.75 0 0 0 0-13.5ZM2.25 10.5a8.25 8.25 0 1 1 14.59 5.28l4.69 4.69a.75.75 0 1 1-1.06 1.06l-4.69-4.69A8.25 8.25 0 0 1 2.25 10.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.icon-phone-arrow-down-left{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.25 9.75v-4.5m0 4.5h4.5m-4.5 0l6-6m-3 18c-8.284 0-15-6.716-15-15V4.5A2.25 2.25 0 0 1 4.5 2.25h1.372c.516 0 .966.351 1.091.852l1.106 4.423c.11.44-.054.902-.417 1.173l-1.293.97a1.062 1.062 0 0 0-.38 1.21a12.035 12.035 0 0 0 7.143 7.143c.441.162.928-.004 1.21-.38l.97-1.293a1.125 1.125 0 0 1 1.173-.417l4.423 1.106c.5.125.852.575.852 1.091V19.5a2.25 2.25 0 0 1-2.25 2.25h-2.25Z'/%3E%3C/svg%3E");
}

.icon-command-line{
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6.75 7.5l3 2.25l-3 2.25m4.5 0h3m-9 8.25h13.5A2.25 2.25 0 0 0 21 18V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v12a2.25 2.25 0 0 0 2.25 2.25Z'/%3E%3C/svg%3E");
}