@import url("https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap");

/*
! tailwindcss v3.3.1 | 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: #e5e7eb;
  /* 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-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;
}

/*
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;
}

[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --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);
  border-color: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder{
  color: #6b7280;
  opacity: 1;
}

input::placeholder,textarea::placeholder{
  color: #6b7280;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper{
  padding: 0;
}

::-webkit-date-and-time-value{
  min-height: 1.5em;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
  padding-top: 0;
  padding-bottom: 0;
}

select{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

[multiple]{
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}

[type='checkbox'],[type='radio']{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #6b7280;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

[type='checkbox']{
  border-radius: 0px;
}

[type='radio']{
  border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --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);
}

[type='checkbox']:checked,[type='radio']:checked{
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

[type='radio']:checked{
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
  border-color: transparent;
  background-color: currentColor;
}

[type='checkbox']:indeterminate{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
  border-color: transparent;
  background-color: currentColor;
}

[type='file']{
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

[type='file']:focus{
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}

html {
  overscroll-behavior: none;
  /* cursor: url('https://res.cloudinary.com/dxvwwrbr4/image/upload/v1729241700/kiss-cursor-64x64_wchdfx.png'), auto !important; */
}

html:has(.onboarding) {
  font-size: 10px;
}

@media screen and (min-width: 1024px) {
  html:has(.onboarding) {
    font-size: 16px;
  }

  html:has(.new-story) {
    font-size: 16px;
  }
}

@media screen and (min-width: 1280px) {
  html:has(.onboarding) {
    font-size: 18px;
  }

  html:has(.new-story) {
    font-size: 18px;
  }
}

@media screen and (min-width: 1536px) {
  html:has(.onboarding) {
    font-size: 20px;
  }

  html:has(.new-story) {
    font-size: 20px;
  }
}

*, ::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-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-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:  ;
}

.container{
  width: 100%;
}

@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}

.hero-arrow-down-tray{
  --hero-arrow-down-tray: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">  <path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3"/></svg>');
  -webkit-mask: var(--hero-arrow-down-tray);
  mask: var(--hero-arrow-down-tray);
  background-color: currentColor;
  vertical-align: middle;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}

.hero-arrow-path{
  --hero-arrow-path: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">  <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99"/></svg>');
  -webkit-mask: var(--hero-arrow-path);
  mask: var(--hero-arrow-path);
  background-color: currentColor;
  vertical-align: middle;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}

.hero-arrow-uturn-left{
  --hero-arrow-uturn-left: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">  <path stroke-linecap="round" stroke-linejoin="round" d="M9 15L3 9m0 0l6-6M3 9h12a6 6 0 010 12h-3"/></svg>');
  -webkit-mask: var(--hero-arrow-uturn-left);
  mask: var(--hero-arrow-uturn-left);
  background-color: currentColor;
  vertical-align: middle;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}

.hero-clipboard{
  --hero-clipboard: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">  <path stroke-linecap="round" stroke-linejoin="round" d="M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184"/></svg>');
  -webkit-mask: var(--hero-clipboard);
  mask: var(--hero-clipboard);
  background-color: currentColor;
  vertical-align: middle;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}

.hero-cloud-arrow-up{
  --hero-cloud-arrow-up: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">  <path stroke-linecap="round" stroke-linejoin="round" d="M12 16.5V9.75m0 0l3 3m-3-3l-3 3M6.75 19.5a4.5 4.5 0 01-1.41-8.775 5.25 5.25 0 0110.233-2.33 3 3 0 013.758 3.848A3.752 3.752 0 0118 19.5H6.75z"/></svg>');
  -webkit-mask: var(--hero-cloud-arrow-up);
  mask: var(--hero-cloud-arrow-up);
  background-color: currentColor;
  vertical-align: middle;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}

.hero-exclamation-circle-mini{
  --hero-exclamation-circle-mini: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">  <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"/></svg>');
  -webkit-mask: var(--hero-exclamation-circle-mini);
  mask: var(--hero-exclamation-circle-mini);
  background-color: currentColor;
  vertical-align: middle;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}

.hero-exclamation-triangle{
  --hero-exclamation-triangle: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">  <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"/></svg>');
  -webkit-mask: var(--hero-exclamation-triangle);
  mask: var(--hero-exclamation-triangle);
  background-color: currentColor;
  vertical-align: middle;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}

.hero-link{
  --hero-link: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">  <path stroke-linecap="round" stroke-linejoin="round" d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"/></svg>');
  -webkit-mask: var(--hero-link);
  mask: var(--hero-link);
  background-color: currentColor;
  vertical-align: middle;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}

.hero-play{
  --hero-play: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">  <path stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.348a1.125 1.125 0 010 1.971l-11.54 6.347a1.125 1.125 0 01-1.667-.985V5.653z"/></svg>');
  -webkit-mask: var(--hero-play);
  mask: var(--hero-play);
  background-color: currentColor;
  vertical-align: middle;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}

.hero-plus{
  --hero-plus: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">  <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/></svg>');
  -webkit-mask: var(--hero-plus);
  mask: var(--hero-plus);
  background-color: currentColor;
  vertical-align: middle;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}

.hero-speaker-wave{
  --hero-speaker-wave: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">  <path stroke-linecap="round" stroke-linejoin="round" d="M19.114 5.636a9 9 0 010 12.728M16.463 8.288a5.25 5.25 0 010 7.424M6.75 8.25l4.72-4.72a.75.75 0 011.28.53v15.88a.75.75 0 01-1.28.53l-4.72-4.72H4.51c-.88 0-1.704-.507-1.938-1.354A9.01 9.01 0 012.25 12c0-.83.112-1.633.322-2.396C2.806 8.756 3.63 8.25 4.51 8.25H6.75z"/></svg>');
  -webkit-mask: var(--hero-speaker-wave);
  mask: var(--hero-speaker-wave);
  background-color: currentColor;
  vertical-align: middle;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}

.hero-trash{
  --hero-trash: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">  <path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"/></svg>');
  -webkit-mask: var(--hero-trash);
  mask: var(--hero-trash);
  background-color: currentColor;
  vertical-align: middle;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}

.hero-x-mark{
  --hero-x-mark: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/></svg>');
  -webkit-mask: var(--hero-x-mark);
  mask: var(--hero-x-mark);
  background-color: currentColor;
  vertical-align: middle;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}

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

.pointer-events-none{
  pointer-events: none;
}

.pointer-events-auto{
  pointer-events: auto;
}

.visible{
  visibility: visible;
}

.invisible{
  visibility: hidden;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.inset-0{
  inset: 0px;
}

.inset-2{
  inset: 0.5rem;
}

.inset-4{
  inset: 1rem;
}

.inset-6{
  inset: 1.5rem;
}

.-inset-x-10{
  left: -2.5rem;
  right: -2.5rem;
}

.inset-x-0{
  left: 0px;
  right: 0px;
}

.inset-y-0{
  top: 0px;
  bottom: 0px;
}

.-bottom-\[1px\]{
  bottom: -1px;
}

.-left-1\/2{
  left: -50%;
}

.-right-\[30px\]{
  right: -30px;
}

.-top-12{
  top: -3rem;
}

.-top-\[2px\]{
  top: -2px;
}

.bottom-0{
  bottom: 0px;
}

.bottom-10{
  bottom: 2.5rem;
}

.bottom-14{
  bottom: 3.5rem;
}

.bottom-16{
  bottom: 4rem;
}

.bottom-2{
  bottom: 0.5rem;
}

.bottom-20{
  bottom: 5rem;
}

.bottom-24{
  bottom: 6rem;
}

.bottom-4{
  bottom: 1rem;
}

.bottom-8{
  bottom: 2rem;
}

.bottom-\[10\%\]{
  bottom: 10%;
}

.bottom-\[100px\]{
  bottom: 100px;
}

.end-2{
  inset-inline-end: 0.5rem;
}

.end-2\.5{
  inset-inline-end: 0.625rem;
}

.left-0{
  left: 0px;
}

.left-1{
  left: 0.25rem;
}

.left-1\/2{
  left: 50%;
}

.left-2{
  left: 0.5rem;
}

.left-4{
  left: 1rem;
}

.left-8{
  left: 2rem;
}

.left-\[1\%\]{
  left: 1%;
}

.left-\[150px\]{
  left: 150px;
}

.left-\[5vmin\]{
  left: 5vmin;
}

.left-full{
  left: 100%;
}

.right-0{
  right: 0px;
}

.right-1{
  right: 0.25rem;
}

.right-12{
  right: 3rem;
}

.right-2{
  right: 0.5rem;
}

.right-3{
  right: 0.75rem;
}

.right-4{
  right: 1rem;
}

.right-5{
  right: 1.25rem;
}

.right-8{
  right: 2rem;
}

.right-\[1\%\]{
  right: 1%;
}

.right-\[5vmin\]{
  right: 5vmin;
}

.right-\[70px\]{
  right: 70px;
}

.start-0{
  inset-inline-start: 0px;
}

.top-0{
  top: 0px;
}

.top-1{
  top: 0.25rem;
}

.top-1\/2{
  top: 50%;
}

.top-10{
  top: 2.5rem;
}

.top-12{
  top: 3rem;
}

.top-2{
  top: 0.5rem;
}

.top-20{
  top: 5rem;
}

.top-3{
  top: 0.75rem;
}

.top-4{
  top: 1rem;
}

.top-5{
  top: 1.25rem;
}

.top-8{
  top: 2rem;
}

.top-\[100\%\]{
  top: 100%;
}

.top-\[11px\]{
  top: 11px;
}

.top-\[120px\]{
  top: 120px;
}

.top-\[1px\]{
  top: 1px;
}

.top-\[3\%\]{
  top: 3%;
}

.top-\[5vmin\]{
  top: 5vmin;
}

.top-\[calc\(50\%-15px\)\]{
  top: calc(50% - 15px);
}

.z-0{
  z-index: 0;
}

.z-10{
  z-index: 10;
}

.z-20{
  z-index: 20;
}

.z-30{
  z-index: 30;
}

.z-40{
  z-index: 40;
}

.z-50{
  z-index: 50;
}

.z-\[-1\]{
  z-index: -1;
}

.z-\[-2\]{
  z-index: -2;
}

.z-\[10000\]{
  z-index: 10000;
}

.z-\[100\]{
  z-index: 100;
}

.z-\[500\]{
  z-index: 500;
}

.z-\[60\]{
  z-index: 60;
}

.z-\[70\]{
  z-index: 70;
}

.z-\[90\]{
  z-index: 90;
}

.z-\[99999\]{
  z-index: 99999;
}

.z-\[9999\]{
  z-index: 9999;
}

.z-\[999\]{
  z-index: 999;
}

.z-\[99\]{
  z-index: 99;
}

.m-0{
  margin: 0px;
}

.m-1{
  margin: 0.25rem;
}

.m-2{
  margin: 0.5rem;
}

.m-4{
  margin: 1rem;
}

.m-6{
  margin: 1.5rem;
}

.m-8{
  margin: 2rem;
}

.m-\[20\%\]{
  margin: 20%;
}

.m-auto{
  margin: auto;
}

.-mx-2{
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.-my-4{
  margin-top: -1rem;
  margin-bottom: -1rem;
}

.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-\[10\%\]{
  margin-left: 10%;
  margin-right: 10%;
}

.mx-\[5\%\]{
  margin-left: 5%;
  margin-right: 5%;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-5{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.my-8{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.-mb-1{
  margin-bottom: -0.25rem;
}

.-mb-1\.5{
  margin-bottom: -0.375rem;
}

.-ml-10{
  margin-left: -2.5rem;
}

.-ml-2{
  margin-left: -0.5rem;
}

.-ml-\[12px\]{
  margin-left: -12px;
}

.-mt-10{
  margin-top: -2.5rem;
}

.-mt-14{
  margin-top: -3.5rem;
}

.-mt-2{
  margin-top: -0.5rem;
}

.-mt-\[15px\]{
  margin-top: -15px;
}

.-mt-\[52px\]{
  margin-top: -52px;
}

.mb-1{
  margin-bottom: 0.25rem;
}

.mb-10{
  margin-bottom: 2.5rem;
}

.mb-12{
  margin-bottom: 3rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mb-5{
  margin-bottom: 1.25rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.mb-7{
  margin-bottom: 1.75rem;
}

.mb-8{
  margin-bottom: 2rem;
}

.me-1{
  -webkit-margin-end: 0.25rem;
          margin-inline-end: 0.25rem;
}

.me-1\.5{
  -webkit-margin-end: 0.375rem;
          margin-inline-end: 0.375rem;
}

.me-2{
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
}

.ml-2{
  margin-left: 0.5rem;
}

.ml-3{
  margin-left: 0.75rem;
}

.ml-4{
  margin-left: 1rem;
}

.ml-5{
  margin-left: 1.25rem;
}

.mr-1{
  margin-right: 0.25rem;
}

.mr-2{
  margin-right: 0.5rem;
}

.mr-4{
  margin-right: 1rem;
}

.ms-3{
  -webkit-margin-start: 0.75rem;
          margin-inline-start: 0.75rem;
}

.ms-auto{
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}

.mt-0{
  margin-top: 0px;
}

.mt-0\.5{
  margin-top: 0.125rem;
}

.mt-1{
  margin-top: 0.25rem;
}

.mt-10{
  margin-top: 2.5rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-24{
  margin-top: 6rem;
}

.mt-3{
  margin-top: 0.75rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-5{
  margin-top: 1.25rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-8{
  margin-top: 2rem;
}

.mt-\[10rem\]{
  margin-top: 10rem;
}

.mt-\[16px\]{
  margin-top: 16px;
}

.mt-\[48px\]{
  margin-top: 48px;
}

.box-border{
  box-sizing: border-box;
}

.block{
  display: block;
}

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

.flex{
  display: flex;
}

.inline-flex{
  display: inline-flex;
}

.table{
  display: table;
}

.flow-root{
  display: flow-root;
}

.grid{
  display: grid;
}

.contents{
  display: contents;
}

.hidden{
  display: none;
}

.aspect-\[2\/3\]{
  aspect-ratio: 2/3;
}

.aspect-\[2\/4\]{
  aspect-ratio: 2/4;
}

.aspect-\[9\/16\]{
  aspect-ratio: 9/16;
}

.aspect-auto{
  aspect-ratio: auto;
}

.aspect-square{
  aspect-ratio: 1 / 1;
}

.aspect-video{
  aspect-ratio: 16 / 9;
}

.h-0{
  height: 0px;
}

.h-1{
  height: 0.25rem;
}

.h-1\.5{
  height: 0.375rem;
}

.h-1\/2{
  height: 50%;
}

.h-1\/3{
  height: 33.333333%;
}

.h-1\/4{
  height: 25%;
}

.h-1\/5{
  height: 20%;
}

.h-10{
  height: 2.5rem;
}

.h-12{
  height: 3rem;
}

.h-14{
  height: 3.5rem;
}

.h-16{
  height: 4rem;
}

.h-2{
  height: 0.5rem;
}

.h-20{
  height: 5rem;
}

.h-24{
  height: 6rem;
}

.h-28{
  height: 7rem;
}

.h-3{
  height: 0.75rem;
}

.h-3\/4{
  height: 75%;
}

.h-32{
  height: 8rem;
}

.h-4{
  height: 1rem;
}

.h-4\/5{
  height: 80%;
}

.h-40{
  height: 10rem;
}

.h-48{
  height: 12rem;
}

.h-5{
  height: 1.25rem;
}

.h-6{
  height: 1.5rem;
}

.h-7{
  height: 1.75rem;
}

.h-8{
  height: 2rem;
}

.h-\[10\%\]{
  height: 10%;
}

.h-\[100\%\]{
  height: 100%;
}

.h-\[1000\%\]{
  height: 1000%;
}

.h-\[100dvh\]{
  height: 100dvh;
}

.h-\[100px\]{
  height: 100px;
}

.h-\[100svh\]{
  height: 100svh;
}

.h-\[100vh\]{
  height: 100vh;
}

.h-\[124px\]{
  height: 124px;
}

.h-\[128px\]{
  height: 128px;
}

.h-\[12px\]{
  height: 12px;
}

.h-\[13px\]{
  height: 13px;
}

.h-\[14rem\]{
  height: 14rem;
}

.h-\[150px\]{
  height: 150px;
}

.h-\[159px\]{
  height: 159px;
}

.h-\[175px\]{
  height: 175px;
}

.h-\[20\%\]{
  height: 20%;
}

.h-\[200px\]{
  height: 200px;
}

.h-\[20px\]{
  height: 20px;
}

.h-\[250px\]{
  height: 250px;
}

.h-\[280px\]{
  height: 280px;
}

.h-\[28px\]{
  height: 28px;
}

.h-\[3\.5rem\]{
  height: 3.5rem;
}

.h-\[315px\]{
  height: 315px;
}

.h-\[32px\]{
  height: 32px;
}

.h-\[330px\]{
  height: 330px;
}

.h-\[350px\]{
  height: 350px;
}

.h-\[38px\]{
  height: 38px;
}

.h-\[3rem\]{
  height: 3rem;
}

.h-\[40px\]{
  height: 40px;
}

.h-\[42px\]{
  height: 42px;
}

.h-\[4rem\]{
  height: 4rem;
}

.h-\[50\%\]{
  height: 50%;
}

.h-\[50px\]{
  height: 50px;
}

.h-\[52px\]{
  height: 52px;
}

.h-\[55px\]{
  height: 55px;
}

.h-\[5px\]{
  height: 5px;
}

.h-\[60px\]{
  height: 60px;
}

.h-\[63px\]{
  height: 63px;
}

.h-\[64px\]{
  height: 64px;
}

.h-\[65px\]{
  height: 65px;
}

.h-\[75px\]{
  height: 75px;
}

.h-\[80\%\]{
  height: 80%;
}

.h-\[82px\]{
  height: 82px;
}

.h-\[8px\]{
  height: 8px;
}

.h-\[90\%\]{
  height: 90%;
}

.h-\[94\%\]{
  height: 94%;
}

.h-\[9px\]{
  height: 9px;
}

.h-\[calc\(100\%-1rem\)\]{
  height: calc(100% - 1rem);
}

.h-\[calc\(100\%-3rem\)\]{
  height: calc(100% - 3rem);
}

.h-\[calc\(100\%-4rem\)\]{
  height: calc(100% - 4rem);
}

.h-\[calc\(100\%-52px\)\]{
  height: calc(100% - 52px);
}

.h-\[calc\(100\%-64px\)\]{
  height: calc(100% - 64px);
}

.h-\[calc\(100\%-70px\)\]{
  height: calc(100% - 70px);
}

.h-\[calc\(100\%-75px\)\]{
  height: calc(100% - 75px);
}

.h-\[calc\(100dvh-4rem\)\]{
  height: calc(100dvh - 4rem);
}

.h-\[calc\(20\%\+75px\)\]{
  height: calc(20% + 75px);
}

.h-\[calc\(20\%-75px\)\]{
  height: calc(20% - 75px);
}

.h-\[calc\(50\%\+75px\)\]{
  height: calc(50% + 75px);
}

.h-\[calc\(50\%-75px\)\]{
  height: calc(50% - 75px);
}

.h-\[calc\(80\%\+75px\)\]{
  height: calc(80% + 75px);
}

.h-\[calc\(80\%-75px\)\]{
  height: calc(80% - 75px);
}

.h-auto{
  height: auto;
}

.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}

.h-full{
  height: 100%;
}

.h-max{
  height: -moz-max-content;
  height: max-content;
}

.h-screen{
  height: 100vh;
}

.max-h-64{
  max-height: 16rem;
}

.max-h-\[100\%\]{
  max-height: 100%;
}

.max-h-\[100px\]{
  max-height: 100px;
}

.max-h-\[120px\]{
  max-height: 120px;
}

.max-h-\[13px\]{
  max-height: 13px;
}

.max-h-\[140px\]{
  max-height: 140px;
}

.max-h-\[25\%\]{
  max-height: 25%;
}

.max-h-\[25dvh\]{
  max-height: 25dvh;
}

.max-h-\[25rem\]{
  max-height: 25rem;
}

.max-h-\[80px\]{
  max-height: 80px;
}

.max-h-\[calc\(10\%-1rem\)\]{
  max-height: calc(10% - 1rem);
}

.max-h-\[calc\(100\%-1rem\)\]{
  max-height: calc(100% - 1rem);
}

.max-h-\[calc\(100vh-100px\)\]{
  max-height: calc(100vh - 100px);
}

.max-h-\[calc\(30\%-1rem\)\]{
  max-height: calc(30% - 1rem);
}

.max-h-\[calc\(50\%-1rem\)\]{
  max-height: calc(50% - 1rem);
}

.max-h-\[calc\(70\%-1rem\)\]{
  max-height: calc(70% - 1rem);
}

.max-h-\[calc\(90\%-1rem\)\]{
  max-height: calc(90% - 1rem);
}

.max-h-full{
  max-height: 100%;
}

.min-h-0{
  min-height: 0px;
}

.min-h-\[145px\]{
  min-height: 145px;
}

.min-h-\[150px\]{
  min-height: 150px;
}

.min-h-\[190px\]{
  min-height: 190px;
}

.min-h-\[60px\]{
  min-height: 60px;
}

.min-h-\[6rem\]{
  min-height: 6rem;
}

.min-h-\[80px\]{
  min-height: 80px;
}

.min-h-\[auto\]{
  min-height: auto;
}

.min-h-screen{
  min-height: 100vh;
}

.w-0{
  width: 0px;
}

.w-1{
  width: 0.25rem;
}

.w-1\/2{
  width: 50%;
}

.w-1\/4{
  width: 25%;
}

.w-1\/5{
  width: 20%;
}

.w-1\/6{
  width: 16.666667%;
}

.w-10{
  width: 2.5rem;
}

.w-11{
  width: 2.75rem;
}

.w-12{
  width: 3rem;
}

.w-16{
  width: 4rem;
}

.w-2{
  width: 0.5rem;
}

.w-20{
  width: 5rem;
}

.w-24{
  width: 6rem;
}

.w-28{
  width: 7rem;
}

.w-3{
  width: 0.75rem;
}

.w-3\/12{
  width: 25%;
}

.w-3\/4{
  width: 75%;
}

.w-3\/5{
  width: 60%;
}

.w-32{
  width: 8rem;
}

.w-4{
  width: 1rem;
}

.w-4\/12{
  width: 33.333333%;
}

.w-4\/5{
  width: 80%;
}

.w-40{
  width: 10rem;
}

.w-48{
  width: 12rem;
}

.w-5{
  width: 1.25rem;
}

.w-5\/12{
  width: 41.666667%;
}

.w-6{
  width: 1.5rem;
}

.w-60{
  width: 15rem;
}

.w-64{
  width: 16rem;
}

.w-7{
  width: 1.75rem;
}

.w-8{
  width: 2rem;
}

.w-8\/12{
  width: 66.666667%;
}

.w-80{
  width: 20rem;
}

.w-\[1000\%\]{
  width: 1000%;
}

.w-\[100dvw\]{
  width: 100dvw;
}

.w-\[100px\]{
  width: 100px;
}

.w-\[100svw\]{
  width: 100svw;
}

.w-\[100vw\]{
  width: 100vw;
}

.w-\[124px\]{
  width: 124px;
}

.w-\[128px\]{
  width: 128px;
}

.w-\[12px\]{
  width: 12px;
}

.w-\[13\%\]{
  width: 13%;
}

.w-\[13px\]{
  width: 13px;
}

.w-\[145px\]{
  width: 145px;
}

.w-\[14rem\]{
  width: 14rem;
}

.w-\[150px\]{
  width: 150px;
}

.w-\[18rem\]{
  width: 18rem;
}

.w-\[200px\]{
  width: 200px;
}

.w-\[20px\]{
  width: 20px;
}

.w-\[24rem\]{
  width: 24rem;
}

.w-\[280px\]{
  width: 280px;
}

.w-\[28px\]{
  width: 28px;
}

.w-\[290px\]{
  width: 290px;
}

.w-\[315px\]{
  width: 315px;
}

.w-\[32px\]{
  width: 32px;
}

.w-\[330px\]{
  width: 330px;
}

.w-\[360px\]{
  width: 360px;
}

.w-\[38px\]{
  width: 38px;
}

.w-\[4\.5rem\]{
  width: 4.5rem;
}

.w-\[40px\]{
  width: 40px;
}

.w-\[42px\]{
  width: 42px;
}

.w-\[44px\]{
  width: 44px;
}

.w-\[500px\]{
  width: 500px;
}

.w-\[53px\]{
  width: 53px;
}

.w-\[5rem\]{
  width: 5rem;
}

.w-\[60\%\]{
  width: 60%;
}

.w-\[60px\]{
  width: 60px;
}

.w-\[63px\]{
  width: 63px;
}

.w-\[65px\]{
  width: 65px;
}

.w-\[72px\]{
  width: 72px;
}

.w-\[75px\]{
  width: 75px;
}

.w-\[8\%\]{
  width: 8%;
}

.w-\[80\%\]{
  width: 80%;
}

.w-\[80px\]{
  width: 80px;
}

.w-\[82px\]{
  width: 82px;
}

.w-\[85px\]{
  width: 85px;
}

.w-\[8px\]{
  width: 8px;
}

.w-\[90\%\]{
  width: 90%;
}

.w-\[95\%\]{
  width: 95%;
}

.w-\[9px\]{
  width: 9px;
}

.w-\[calc\(100\%-135px\)\]{
  width: calc(100% - 135px);
}

.w-\[calc\(100\%_15px\)\]{
  width: calc(100% 15px);
}

.w-\[calc\(100\%_8px\)\]{
  width: calc(100% 8px);
}

.w-\[calc\(25\%_-_8px\)\]{
  width: calc(25% - 8px);
}

.w-auto{
  width: auto;
}

.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}

.w-full{
  width: 100%;
}

.w-max{
  width: -moz-max-content;
  width: max-content;
}

.w-px{
  width: 1px;
}

.w-screen{
  width: 100vw;
}

.min-w-0{
  min-width: 0px;
}

.min-w-\[12px\]{
  min-width: 12px;
}

.min-w-\[13px\]{
  min-width: 13px;
}

.min-w-\[150px\]{
  min-width: 150px;
}

.min-w-\[18rem\]{
  min-width: 18rem;
}

.min-w-\[43px\]{
  min-width: 43px;
}

.min-w-\[4px\]{
  min-width: 4px;
}

.min-w-\[50\%\]{
  min-width: 50%;
}

.min-w-\[60px\]{
  min-width: 60px;
}

.max-w-3xl{
  max-width: 48rem;
}

.max-w-\[100\%\]{
  max-width: 100%;
}

.max-w-\[100px\]{
  max-width: 100px;
}

.max-w-\[25\%\]{
  max-width: 25%;
}

.max-w-\[300px\]{
  max-width: 300px;
}

.max-w-\[400px\]{
  max-width: 400px;
}

.max-w-\[42px\]{
  max-width: 42px;
}

.max-w-\[53px\]{
  max-width: 53px;
}

.max-w-\[600px\]{
  max-width: 600px;
}

.max-w-\[75\%\]{
  max-width: 75%;
}

.max-w-\[80\%\]{
  max-width: 80%;
}

.max-w-\[80px\]{
  max-width: 80px;
}

.max-w-full{
  max-width: 100%;
}

.max-w-lg{
  max-width: 32rem;
}

.max-w-md{
  max-width: 28rem;
}

.max-w-screen-xl{
  max-width: 1280px;
}

.max-w-sm{
  max-width: 24rem;
}

.max-w-xl{
  max-width: 36rem;
}

.max-w-xs{
  max-width: 20rem;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-auto{
  flex: 1 1 auto;
}

.flex-none{
  flex: none;
}

.shrink-0{
  flex-shrink: 0;
}

.flex-grow{
  flex-grow: 1;
}

.grow{
  flex-grow: 1;
}

.grow-\[6\]{
  flex-grow: 6;
}

.table-auto{
  table-layout: auto;
}

.border-collapse{
  border-collapse: collapse;
}

.origin-bottom-right{
  transform-origin: bottom right;
}

.-translate-x-1\/2{
  --tw-translate-x: -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));
}

.-translate-x-\[120\%\]{
  --tw-translate-x: -120%;
  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));
}

.-translate-x-full{
  --tw-translate-x: -100%;
  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));
}

.-translate-y-1\/2{
  --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));
}

.-translate-y-full{
  --tw-translate-y: -100%;
  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));
}

.translate-x-0{
  --tw-translate-x: 0px;
  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));
}

.translate-x-\[120\%\]{
  --tw-translate-x: 120%;
  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));
}

.translate-x-\[20px\]{
  --tw-translate-x: 20px;
  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));
}

.translate-x-full{
  --tw-translate-x: 100%;
  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));
}

.translate-y-0{
  --tw-translate-y: 0px;
  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));
}

.translate-y-\[30\%\]{
  --tw-translate-y: 30%;
  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));
}

.translate-y-full{
  --tw-translate-y: 100%;
  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));
}

.rotate-45{
  --tw-rotate: 45deg;
  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));
}

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

.scale-0{
  --tw-scale-x: 0;
  --tw-scale-y: 0;
  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));
}

.scale-\[\.6\]{
  --tw-scale-x: .6;
  --tw-scale-y: .6;
  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));
}

.scale-\[0\.15\]{
  --tw-scale-x: 0.15;
  --tw-scale-y: 0.15;
  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));
}

.scale-\[1\]{
  --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));
}

.scale-\[30\%\]{
  --tw-scale-x: 30%;
  --tw-scale-y: 30%;
  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));
}

.-scale-x-100{
  --tw-scale-x: -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));
}

.scale-x-\[-1\]{
  --tw-scale-x: -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));
}

.transform{
  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));
}

@keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}

.animate-ping-slow{
  animation: ping 2.5s cubic-bezier(0, 0, 0.2, 1) infinite;
}

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

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

@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

.animate-spin{
  animation: spin 1s linear infinite;
}

.cursor-auto{
  cursor: auto;
}

.cursor-grab{
  cursor: grab;
}

.cursor-not-allowed{
  cursor: not-allowed;
}

.cursor-pointer{
  cursor: pointer;
}

.cursor-text{
  cursor: text;
}

.select-none{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.resize-none{
  resize: none;
}

.resize{
  resize: both;
}

.list-disc{
  list-style-type: disc;
}

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

.auto-cols-fr{
  grid-auto-columns: minmax(0, 1fr);
}

.grid-flow-row{
  grid-auto-flow: row;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5{
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6{
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.flex-row{
  flex-direction: row;
}

.flex-row-reverse{
  flex-direction: row-reverse;
}

.flex-col{
  flex-direction: column;
}

.flex-col-reverse{
  flex-direction: column-reverse;
}

.flex-wrap{
  flex-wrap: wrap;
}

.flex-nowrap{
  flex-wrap: nowrap;
}

.place-items-center{
  place-items: center;
}

.content-center{
  align-content: center;
}

.items-start{
  align-items: flex-start;
}

.items-end{
  align-items: flex-end;
}

.items-center{
  align-items: center;
}

.items-baseline{
  align-items: baseline;
}

.items-stretch{
  align-items: stretch;
}

.justify-start{
  justify-content: flex-start;
}

.justify-end{
  justify-content: flex-end;
}

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.justify-around{
  justify-content: space-around;
}

.justify-stretch{
  justify-content: stretch;
}

.gap-0{
  gap: 0px;
}

.gap-0\.5{
  gap: 0.125rem;
}

.gap-1{
  gap: 0.25rem;
}

.gap-10{
  gap: 2.5rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-3{
  gap: 0.75rem;
}

.gap-4{
  gap: 1rem;
}

.gap-5{
  gap: 1.25rem;
}

.gap-\[10px\]{
  gap: 10px;
}

.gap-\[15px\]{
  gap: 15px;
}

.gap-\[4px\]{
  gap: 4px;
}

.gap-\[8px\]{
  gap: 8px;
}

.space-x-2 > :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)));
}

.space-x-4 > :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)));
}

.space-y-2 > :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));
}

.space-y-4 > :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));
}

.divide-y > :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));
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}

.self-start{
  align-self: flex-start;
}

.self-end{
  align-self: flex-end;
}

.self-center{
  align-self: center;
}

.overflow-auto{
  overflow: auto;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-clip{
  overflow: clip;
}

.overflow-scroll{
  overflow: scroll;
}

.overflow-x-auto{
  overflow-x: auto;
}

.overflow-y-auto{
  overflow-y: auto;
}

.overflow-x-hidden{
  overflow-x: hidden;
}

.overflow-y-hidden{
  overflow-y: hidden;
}

.overflow-x-scroll{
  overflow-x: scroll;
}

.overflow-y-scroll{
  overflow-y: scroll;
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-ellipsis{
  text-overflow: ellipsis;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.whitespace-pre-line{
  white-space: pre-line;
}

.whitespace-break-spaces{
  white-space: break-spaces;
}

.break-words{
  overflow-wrap: break-word;
}

.rounded{
  border-radius: 0.25rem;
}

.rounded-2xl{
  border-radius: 1rem;
}

.rounded-3xl{
  border-radius: 1.5rem;
}

.rounded-\[10px\]{
  border-radius: 10px;
}

.rounded-\[12px\]{
  border-radius: 12px;
}

.rounded-\[16px\]{
  border-radius: 16px;
}

.rounded-\[20px\]{
  border-radius: 20px;
}

.rounded-\[24px\]{
  border-radius: 24px;
}

.rounded-\[34px\]{
  border-radius: 34px;
}

.rounded-\[38px\]{
  border-radius: 38px;
}

.rounded-\[50\%\]{
  border-radius: 50%;
}

.rounded-\[6px\]{
  border-radius: 6px;
}

.rounded-\[8px\]{
  border-radius: 8px;
}

.rounded-custom-34{
  border-radius: 34px;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-lg{
  border-radius: 0.5rem;
}

.rounded-md{
  border-radius: 0.375rem;
}

.rounded-sm{
  border-radius: 0.125rem;
}

.rounded-xl{
  border-radius: 0.75rem;
}

.rounded-b-\[12px\]{
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.rounded-b-\[34px\]{
  border-bottom-right-radius: 34px;
  border-bottom-left-radius: 34px;
}

.rounded-b-\[38px\]{
  border-bottom-right-radius: 38px;
  border-bottom-left-radius: 38px;
}

.rounded-b-\[6px\]{
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.rounded-l-2xl{
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-t-\[12px\]{
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.rounded-t-\[34px\]{
  border-top-left-radius: 34px;
  border-top-right-radius: 34px;
}

.rounded-t-\[38px\]{
  border-top-left-radius: 38px;
  border-top-right-radius: 38px;
}

.rounded-t-custom-34{
  border-top-left-radius: 34px;
  border-top-right-radius: 34px;
}

.border{
  border-width: 1px;
}

.border-0{
  border-width: 0px;
}

.border-2{
  border-width: 2px;
}

.border-8{
  border-width: 8px;
}

.border-b{
  border-bottom-width: 1px;
}

.border-b-2{
  border-bottom-width: 2px;
}

.border-r-0{
  border-right-width: 0px;
}

.border-t{
  border-top-width: 1px;
}

.border-t-2{
  border-top-width: 2px;
}

.border-solid{
  border-style: solid;
}

.border-dashed{
  border-style: dashed;
}

.border-none{
  border-style: none;
}

.border-\[\#635bff\]{
  --tw-border-opacity: 1;
  border-color: rgb(99 91 255 / var(--tw-border-opacity));
}

.border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.border-brand-primary{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-brand-primary) / var(--tw-border-opacity));
}

.border-brand-secondary{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-brand-secondary) / var(--tw-border-opacity));
}

.border-content{
  --tw-border-opacity: 1;
  border-color: rgb(var(--content-color) / var(--tw-border-opacity));
}

.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.border-gray-400{
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.border-gray-600{
  --tw-border-opacity: 1;
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
}

.border-green-500{
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity));
}

.border-green-800{
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity));
}

.border-orange-500{
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity));
}

.border-red-500{
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity));
}

.border-red-700{
  --tw-border-opacity: 1;
  border-color: rgb(185 28 28 / var(--tw-border-opacity));
}

.border-rose-400{
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133 / var(--tw-border-opacity));
}

.border-transparent{
  border-color: transparent;
}

.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-white\/10{
  border-color: rgb(255 255 255 / 0.1);
}

.border-white\/20{
  border-color: rgb(255 255 255 / 0.2);
}

.border-white\/30{
  border-color: rgb(255 255 255 / 0.3);
}

.border-zinc-100{
  --tw-border-opacity: 1;
  border-color: rgb(244 244 245 / var(--tw-border-opacity));
}

.border-zinc-300{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 216 / var(--tw-border-opacity));
}

.border-zinc-600{
  --tw-border-opacity: 1;
  border-color: rgb(82 82 91 / var(--tw-border-opacity));
}

.border-zinc-900\/10{
  border-color: rgb(24 24 27 / 0.1);
}

.bg-\[\#000000\]{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-\[\#00F0FF\]\/80{
  background-color: rgb(0 240 255 / 0.8);
}

.bg-\[\#0f0f0f\]{
  --tw-bg-opacity: 1;
  background-color: rgb(15 15 15 / var(--tw-bg-opacity));
}

.bg-\[\#212121\]{
  --tw-bg-opacity: 1;
  background-color: rgb(33 33 33 / var(--tw-bg-opacity));
}

.bg-\[\#507779\]\/30{
  background-color: rgb(80 119 121 / 0.3);
}

.bg-\[\#50F509\]\/10{
  background-color: rgb(80 245 9 / 0.1);
}

.bg-\[\#672f95\]{
  --tw-bg-opacity: 1;
  background-color: rgb(103 47 149 / var(--tw-bg-opacity));
}

.bg-\[\#86FF4D\]{
  --tw-bg-opacity: 1;
  background-color: rgb(134 255 77 / var(--tw-bg-opacity));
}

.bg-\[\#86FF4D\]\/10{
  background-color: rgb(134 255 77 / 0.1);
}

.bg-\[\#C20000\]{
  --tw-bg-opacity: 1;
  background-color: rgb(194 0 0 / var(--tw-bg-opacity));
}

.bg-\[\#a4ff4c\]\/50{
  background-color: rgb(164 255 76 / 0.5);
}

.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-black\/10{
  background-color: rgb(0 0 0 / 0.1);
}

.bg-black\/20{
  background-color: rgb(0 0 0 / 0.2);
}

.bg-black\/30{
  background-color: rgb(0 0 0 / 0.3);
}

.bg-black\/40{
  background-color: rgb(0 0 0 / 0.4);
}

.bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}

.bg-black\/60{
  background-color: rgb(0 0 0 / 0.6);
}

.bg-black\/80{
  background-color: rgb(0 0 0 / 0.8);
}

.bg-black\/90{
  background-color: rgb(0 0 0 / 0.9);
}

.bg-blue-100{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.bg-blue-700{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}

.bg-blue-900{
  --tw-bg-opacity: 1;
  background-color: rgb(30 58 138 / var(--tw-bg-opacity));
}

.bg-brand-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-brand-primary) / var(--tw-bg-opacity));
}

.bg-brand-primary\/40{
  background-color: rgb(var(--color-brand-primary) / 0.4);
}

.bg-brand-primary\/50{
  background-color: rgb(var(--color-brand-primary) / 0.5);
}

.bg-brand-primary\/60{
  background-color: rgb(var(--color-brand-primary) / 0.6);
}

.bg-brand-primary\/80{
  background-color: rgb(var(--color-brand-primary) / 0.8);
}

.bg-brand-secondary{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--color-brand-secondary) / var(--tw-bg-opacity));
}

.bg-brand-secondary\/20{
  background-color: rgb(var(--color-brand-secondary) / 0.2);
}

.bg-brand-secondary\/30{
  background-color: rgb(var(--color-brand-secondary) / 0.3);
}

.bg-brand-secondary\/60{
  background-color: rgb(var(--color-brand-secondary) / 0.6);
}

.bg-content{
  --tw-bg-opacity: 1;
  background-color: rgb(var(--content-color) / var(--tw-bg-opacity));
}

.bg-content\/20{
  background-color: rgb(var(--content-color) / 0.2);
}

.bg-content\/30{
  background-color: rgb(var(--content-color) / 0.3);
}

.bg-content\/40{
  background-color: rgb(var(--content-color) / 0.4);
}

.bg-content\/50{
  background-color: rgb(var(--content-color) / 0.5);
}

.bg-emerald-200{
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208 / var(--tw-bg-opacity));
}

.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.bg-gray-300{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-gray-600{
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.bg-gray-700{
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

.bg-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.bg-gray-900{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

.bg-green-100{
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}

.bg-green-300\/60{
  background-color: rgb(134 239 172 / 0.6);
}

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

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

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

.bg-green-600\/80{
  background-color: rgb(22 163 74 / 0.8);
}

.bg-green-700{
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
}

.bg-green-800{
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity));
}

.bg-lime-400{
  --tw-bg-opacity: 1;
  background-color: rgb(163 230 53 / var(--tw-bg-opacity));
}

.bg-neutral-100{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}

.bg-neutral-800{
  --tw-bg-opacity: 1;
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}

.bg-neutral-900{
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity));
}

.bg-orange-100{
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}

.bg-orange-500{
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
}

.bg-pink-200{
  --tw-bg-opacity: 1;
  background-color: rgb(251 207 232 / var(--tw-bg-opacity));
}

.bg-purple-400\/70{
  background-color: rgb(192 132 252 / 0.7);
}

.bg-red-400{
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}

.bg-red-500{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.bg-red-600{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.bg-red-600\/40{
  background-color: rgb(220 38 38 / 0.4);
}

.bg-red-700{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
}

.bg-red-900{
  --tw-bg-opacity: 1;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity));
}

.bg-sky-400{
  --tw-bg-opacity: 1;
  background-color: rgb(56 189 248 / var(--tw-bg-opacity));
}

.bg-sky-500{
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
}

.bg-sky-600{
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
}

.bg-sky-700{
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / var(--tw-bg-opacity));
}

.bg-sky-900{
  --tw-bg-opacity: 1;
  background-color: rgb(12 74 110 / var(--tw-bg-opacity));
}

.bg-slate-100{
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.bg-slate-200{
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}

.bg-slate-50\/10{
  background-color: rgb(248 250 252 / 0.1);
}

.bg-slate-600{
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.bg-slate-700{
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.bg-slate-800{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

.bg-slate-900\/80{
  background-color: rgb(15 23 42 / 0.8);
}

.bg-transparent{
  background-color: transparent;
}

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

.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}

.bg-white\/20{
  background-color: rgb(255 255 255 / 0.2);
}

.bg-white\/30{
  background-color: rgb(255 255 255 / 0.3);
}

.bg-yellow-300{
  --tw-bg-opacity: 1;
  background-color: rgb(253 224 71 / var(--tw-bg-opacity));
}

.bg-yellow-400{
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}

.bg-yellow-500{
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}

.bg-yellow-600{
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity));
}

.bg-yellow-700{
  --tw-bg-opacity: 1;
  background-color: rgb(161 98 7 / var(--tw-bg-opacity));
}

.bg-zinc-100{
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity));
}

.bg-zinc-200{
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity));
}

.bg-zinc-300{
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 216 / var(--tw-bg-opacity));
}

.bg-zinc-400{
  --tw-bg-opacity: 1;
  background-color: rgb(161 161 170 / var(--tw-bg-opacity));
}

.bg-zinc-500{
  --tw-bg-opacity: 1;
  background-color: rgb(113 113 122 / var(--tw-bg-opacity));
}

.bg-zinc-500\/40{
  background-color: rgb(113 113 122 / 0.4);
}

.bg-zinc-800\/50{
  background-color: rgb(39 39 42 / 0.5);
}

.bg-opacity-20{
  --tw-bg-opacity: 0.2;
}

.bg-opacity-50{
  --tw-bg-opacity: 0.5;
}

.bg-\[radial-gradient\(\#ffffff33_1px\2c \#000_1px\)\]{
  background-image: radial-gradient(#ffffff33 1px,#000 1px);
}

.bg-\[url\(\'https\:\/\/png\.pngtree\.com\/background\/20230616\/original\/pngtree-faceted-abstract-background-in-3d-with-shimmering-iridescent-metallic-texture-of-picture-image_3653595\.jpg\'\)\]{
  background-image: url('https://png.pngtree.com/background/20230616/original/pngtree-faceted-abstract-background-in-3d-with-shimmering-iridescent-metallic-texture-of-picture-image_3653595.jpg');
}

.bg-gradient-to-b{
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-br{
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t{
  background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-gradient-to-tr{
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}

.from-brand-primary\/100{
  --tw-gradient-from: rgb(var(--color-brand-primary) / 1) var(--tw-gradient-from-position);
  --tw-gradient-from-position:  ;
  --tw-gradient-to: rgb(var(--color-brand-primary) / 0)  var(--tw-gradient-from-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-cyan-200{
  --tw-gradient-from: #a5f3fc var(--tw-gradient-from-position);
  --tw-gradient-from-position:  ;
  --tw-gradient-to: rgb(165 243 252 / 0)  var(--tw-gradient-from-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-600{
  --tw-gradient-from: #4b5563 var(--tw-gradient-from-position);
  --tw-gradient-from-position:  ;
  --tw-gradient-to: rgb(75 85 99 / 0)  var(--tw-gradient-from-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-950{
  --tw-gradient-from: #030712 var(--tw-gradient-from-position);
  --tw-gradient-from-position:  ;
  --tw-gradient-to: rgb(3 7 18 / 0)  var(--tw-gradient-from-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-500{
  --tw-gradient-from: #6366f1 var(--tw-gradient-from-position);
  --tw-gradient-from-position:  ;
  --tw-gradient-to: rgb(99 102 241 / 0)  var(--tw-gradient-from-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-500{
  --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
  --tw-gradient-from-position:  ;
  --tw-gradient-to: rgb(168 85 247 / 0)  var(--tw-gradient-from-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-rose-400{
  --tw-gradient-from: #fb7185 var(--tw-gradient-from-position);
  --tw-gradient-from-position:  ;
  --tw-gradient-to: rgb(251 113 133 / 0)  var(--tw-gradient-from-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-sky-300{
  --tw-gradient-from: #7dd3fc var(--tw-gradient-from-position);
  --tw-gradient-from-position:  ;
  --tw-gradient-to: rgb(125 211 252 / 0)  var(--tw-gradient-from-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-transparent{
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-from-position:  ;
  --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-from-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-indigo-500{
  --tw-gradient-via-position:  ;
  --tw-gradient-to: rgb(99 102 241 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), #6366f1 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-neutral-500{
  --tw-gradient-via-position:  ;
  --tw-gradient-to: rgb(115 115 115 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), #737373 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-purple-500{
  --tw-gradient-via-position:  ;
  --tw-gradient-to: rgb(168 85 247 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-violet-500{
  --tw-gradient-via-position:  ;
  --tw-gradient-to: rgb(139 92 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
  --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-blue-700{
  --tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
}

.to-brand-secondary\/100{
  --tw-gradient-to: rgb(var(--color-brand-secondary) / 1) var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
}

.to-emerald-200{
  --tw-gradient-to: #a7f3d0 var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
}

.to-gray-900{
  --tw-gradient-to: #111827 var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
}

.to-pink-500{
  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
}

.to-purple-500{
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
}

.to-sky-800{
  --tw-gradient-to: #075985 var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
}

.to-transparent{
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-to-position:  ;
}

.bg-\[size\:20px_20px\]{
  background-size: 20px 20px;
}

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

.bg-no-repeat{
  background-repeat: no-repeat;
}

.fill-\[\#86FF4D\]{
  fill: #86FF4D;
}

.fill-blue-600{
  fill: #2563eb;
}

.fill-brand-primary{
  fill: rgb(var(--color-brand-primary) / 1);
}

.fill-current{
  fill: currentColor;
}

.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.object-fill{
  -o-object-fit: fill;
     object-fit: fill;
}

.object-center{
  -o-object-position: center;
     object-position: center;
}

.p-0{
  padding: 0px;
}

.p-0\.5{
  padding: 0.125rem;
}

.p-1{
  padding: 0.25rem;
}

.p-2{
  padding: 0.5rem;
}

.p-2\.5{
  padding: 0.625rem;
}

.p-3{
  padding: 0.75rem;
}

.p-4{
  padding: 1rem;
}

.p-5{
  padding: 1.25rem;
}

.p-6{
  padding: 1.5rem;
}

.p-8{
  padding: 2rem;
}

.p-\[10\%\]{
  padding: 10%;
}

.p-\[10px\]{
  padding: 10px;
}

.p-\[13px\]{
  padding: 13px;
}

.p-\[9px\]{
  padding: 9px;
}

.px-0{
  padding-left: 0px;
  padding-right: 0px;
}

.px-0\.5{
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-10{
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.px-14{
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-\[11px\]{
  padding-left: 11px;
  padding-right: 11px;
}

.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-8{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.py-\[7px\]{
  padding-top: 7px;
  padding-bottom: 7px;
}

.py-\[calc\(theme\(spacing\.2\)-1px\)\]{
  padding-top: calc(0.5rem - 1px);
  padding-bottom: calc(0.5rem - 1px);
}

.py-px{
  padding-top: 1px;
  padding-bottom: 1px;
}

.pb-1{
  padding-bottom: 0.25rem;
}

.pb-12{
  padding-bottom: 3rem;
}

.pb-2{
  padding-bottom: 0.5rem;
}

.pb-20{
  padding-bottom: 5rem;
}

.pb-4{
  padding-bottom: 1rem;
}

.pb-6{
  padding-bottom: 1.5rem;
}

.pb-\[3px\]{
  padding-bottom: 3px;
}

.pb-\[5\%\]{
  padding-bottom: 5%;
}

.pe-1{
  -webkit-padding-end: 0.25rem;
          padding-inline-end: 0.25rem;
}

.pl-16{
  padding-left: 4rem;
}

.pl-2{
  padding-left: 0.5rem;
}

.pl-4{
  padding-left: 1rem;
}

.pr-0{
  padding-right: 0px;
}

.ps-10{
  -webkit-padding-start: 2.5rem;
          padding-inline-start: 2.5rem;
}

.ps-3{
  -webkit-padding-start: 0.75rem;
          padding-inline-start: 0.75rem;
}

.ps-3\.5{
  -webkit-padding-start: 0.875rem;
          padding-inline-start: 0.875rem;
}

.pt-2{
  padding-top: 0.5rem;
}

.pt-3{
  padding-top: 0.75rem;
}

.pt-4{
  padding-top: 1rem;
}

.pt-8{
  padding-top: 2rem;
}

.pt-\[110px\]{
  padding-top: 110px;
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

.text-start{
  text-align: start;
}

.align-middle{
  vertical-align: middle;
}

.font-comic{
  font-family: Comic Neue, sans-serif;
}

.font-main{
  font-family: Inter, 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";
}

.font-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font-sans{
  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";
}

.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl{
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl{
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl{
  font-size: 3rem;
  line-height: 1;
}

.text-\[1\.5vmin\]{
  font-size: 1.5vmin;
}

.text-\[100px\]{
  font-size: 100px;
}

.text-\[12px\]{
  font-size: 12px;
}

.text-\[15px\]{
  font-size: 15px;
}

.text-\[16px\]{
  font-size: 16px;
}

.text-\[180px\]{
  font-size: 180px;
}

.text-\[18px\]{
  font-size: 18px;
}

.text-\[20px\]{
  font-size: 20px;
}

.text-\[21px\]{
  font-size: 21px;
}

.text-\[22px\]{
  font-size: 22px;
}

.text-\[23px\]{
  font-size: 23px;
}

.text-\[24px\]{
  font-size: 24px;
}

.text-\[25px\]{
  font-size: 25px;
}

.text-\[26px\]{
  font-size: 26px;
}

.text-\[27px\]{
  font-size: 27px;
}

.text-\[28px\]{
  font-size: 28px;
}

.text-\[30px\]{
  font-size: 30px;
}

.text-\[32px\]{
  font-size: 32px;
}

.text-\[35px\]{
  font-size: 35px;
}

.text-\[37px\]{
  font-size: 37px;
}

.text-\[38px\]{
  font-size: 38px;
}

.text-\[40px\]{
  font-size: 40px;
}

.text-\[42px\]{
  font-size: 42px;
}

.text-\[45px\]{
  font-size: 45px;
}

.text-\[46px\]{
  font-size: 46px;
}

.text-\[48px\]{
  font-size: 48px;
}

.text-\[50px\]{
  font-size: 50px;
}

.text-\[66\.07px\]{
  font-size: 66.07px;
}

.text-\[70px\]{
  font-size: 70px;
}

.text-\[8px\]{
  font-size: 8px;
}

.text-\[8rem\]{
  font-size: 8rem;
}

.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-black{
  font-weight: 900;
}

.font-bold{
  font-weight: 700;
}

.font-extrabold{
  font-weight: 800;
}

.font-medium{
  font-weight: 500;
}

.font-normal{
  font-weight: 400;
}

.font-semibold{
  font-weight: 600;
}

.font-thin{
  font-weight: 100;
}

.uppercase{
  text-transform: uppercase;
}

.lowercase{
  text-transform: lowercase;
}

.capitalize{
  text-transform: capitalize;
}

.italic{
  font-style: italic;
}

.leading-6{
  line-height: 1.5rem;
}

.leading-9{
  line-height: 2.25rem;
}

.leading-\[1\.6\]{
  line-height: 1.6;
}

.leading-\[32px\]{
  line-height: 32px;
}

.leading-\[35px\]{
  line-height: 35px;
}

.leading-\[38px\]{
  line-height: 38px;
}

.leading-\[50px\]{
  line-height: 50px;
}

.leading-\[52\.85px\]{
  line-height: 52.85px;
}

.leading-\[52px\]{
  line-height: 52px;
}

.leading-\[56px\]{
  line-height: 56px;
}

.leading-none{
  line-height: 1;
}

.leading-tight{
  line-height: 1.25;
}

.tracking-\[-0\.05em\]{
  letter-spacing: -0.05em;
}

.tracking-\[-0\.1em\]{
  letter-spacing: -0.1em;
}

.tracking-tight{
  letter-spacing: -0.025em;
}

.tracking-tighter{
  letter-spacing: -0.05em;
}

.tracking-widest{
  letter-spacing: 0.1em;
}

.text-\[\#00D1FF\]{
  --tw-text-opacity: 1;
  color: rgb(0 209 255 / var(--tw-text-opacity));
}

.text-\[\#635bff\]{
  --tw-text-opacity: 1;
  color: rgb(99 91 255 / var(--tw-text-opacity));
}

.text-\[\#86FF4D\]{
  --tw-text-opacity: 1;
  color: rgb(134 255 77 / var(--tw-text-opacity));
}

.text-\[\#87FF4E\]{
  --tw-text-opacity: 1;
  color: rgb(135 255 78 / var(--tw-text-opacity));
}

.text-\[\#FF4D98\]{
  --tw-text-opacity: 1;
  color: rgb(255 77 152 / var(--tw-text-opacity));
}

.text-\[\#a4ff4c\]{
  --tw-text-opacity: 1;
  color: rgb(164 255 76 / var(--tw-text-opacity));
}

.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.text-blue-500{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}

.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity));
}

.text-blue-700{
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity));
}

.text-blue-800{
  --tw-text-opacity: 1;
  color: rgb(30 64 175 / var(--tw-text-opacity));
}

.text-brand-primary{
  --tw-text-opacity: 1;
  color: rgb(var(--color-brand-primary) / var(--tw-text-opacity));
}

.text-brand-primary\/30{
  color: rgb(var(--color-brand-primary) / 0.3);
}

.text-brand-secondary{
  --tw-text-opacity: 1;
  color: rgb(var(--color-brand-secondary) / var(--tw-text-opacity));
}

.text-brand-secondary\/60{
  color: rgb(var(--color-brand-secondary) / 0.6);
}

.text-content{
  --tw-text-opacity: 1;
  color: rgb(var(--content-color) / var(--tw-text-opacity));
}

.text-gray-200{
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.text-gray-300{
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-gray-50{
  --tw-text-opacity: 1;
  color: rgb(249 250 251 / var(--tw-text-opacity));
}

.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-green-500{
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}

.text-green-600{
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}

.text-green-800{
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity));
}

.text-neutral-100{
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / var(--tw-text-opacity));
}

.text-neutral-100\/50{
  color: rgb(245 245 245 / 0.5);
}

.text-neutral-300{
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}

.text-orange-800{
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity));
}

.text-red-400{
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity));
}

.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}

.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}

.text-red-700{
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}

.text-rose-600{
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity));
}

.text-sky-100{
  --tw-text-opacity: 1;
  color: rgb(224 242 254 / var(--tw-text-opacity));
}

.text-sky-300{
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity));
}

.text-sky-400{
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity));
}

.text-sky-600{
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity));
}

.text-slate-50{
  --tw-text-opacity: 1;
  color: rgb(248 250 252 / var(--tw-text-opacity));
}

.text-transparent{
  color: transparent;
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.text-white\/30{
  color: rgb(255 255 255 / 0.3);
}

.text-white\/60{
  color: rgb(255 255 255 / 0.6);
}

.text-white\/70{
  color: rgb(255 255 255 / 0.7);
}

.text-white\/80{
  color: rgb(255 255 255 / 0.8);
}

.text-white\/90{
  color: rgb(255 255 255 / 0.9);
}

.text-yellow-500{
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}

.text-yellow-600{
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity));
}

.text-zinc-100{
  --tw-text-opacity: 1;
  color: rgb(244 244 245 / var(--tw-text-opacity));
}

.text-zinc-200{
  --tw-text-opacity: 1;
  color: rgb(228 228 231 / var(--tw-text-opacity));
}

.text-zinc-400{
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity));
}

.text-zinc-50{
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity));
}

.text-zinc-500{
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity));
}

.text-zinc-600{
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity));
}

.text-zinc-700{
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity));
}

.text-zinc-800{
  --tw-text-opacity: 1;
  color: rgb(39 39 42 / var(--tw-text-opacity));
}

.text-zinc-900{
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity));
}

.underline{
  text-decoration-line: underline;
}

.placeholder-brand-primary\/50::-moz-placeholder{
  color: rgb(var(--color-brand-primary) / 0.5);
}

.placeholder-brand-primary\/50::placeholder{
  color: rgb(var(--color-brand-primary) / 0.5);
}

.placeholder-content::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(var(--content-color) / var(--tw-placeholder-opacity));
}

.placeholder-content::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(var(--content-color) / var(--tw-placeholder-opacity));
}

.placeholder-gray-400::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.placeholder-gray-400::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.opacity-0{
  opacity: 0;
}

.opacity-100{
  opacity: 1;
}

.opacity-20{
  opacity: 0.2;
}

.opacity-30{
  opacity: 0.3;
}

.opacity-40{
  opacity: 0.4;
}

.opacity-50{
  opacity: 0.5;
}

.opacity-60{
  opacity: 0.6;
}

.opacity-70{
  opacity: 0.7;
}

.opacity-75{
  opacity: 0.75;
}

.opacity-80{
  opacity: 0.8;
}

.opacity-90{
  opacity: 0.9;
}

.opacity-\[0\.3\]{
  opacity: 0.3;
}

.mix-blend-difference{
  mix-blend-mode: difference;
}

.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_12px_0px\]{
  --tw-shadow: 0 0 12px 0px;
  --tw-shadow-colored: 0 0 12px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_12px_0px_\#05FF00\]{
  --tw-shadow: 0 0 12px 0px #05FF00;
  --tw-shadow-colored: 0 0 12px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0_12px_0px_\#FF0000\]{
  --tw-shadow: 0 0 12px 0px #FF0000;
  --tw-shadow-colored: 0 0 12px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-button{
  --tw-shadow: 0px 3.1875438690185547px 36.656761169433594px 0px rgba(221, 178, 255, 0.5) inset;;
  --tw-shadow-colored: 0px 3.1875438690185547px 36.656761169433594px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-sm{
  --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);
}

.shadow-xl{
  --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);
}

.shadow-cyan-500\/50{
  --tw-shadow-color: rgb(6 182 212 / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-gray-400{
  --tw-shadow-color: #9ca3af;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-gray-700{
  --tw-shadow-color: #374151;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-green-300{
  --tw-shadow-color: #86efac;
  --tw-shadow: var(--tw-shadow-colored);
}

.shadow-slate-400{
  --tw-shadow-color: #94a3b8;
  --tw-shadow: var(--tw-shadow-colored);
}

.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.outline{
  outline-style: solid;
}

.outline-offset-2{
  outline-offset: 2px;
}

.ring-1{
  --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);
}

.ring-2{
  --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);
}

.ring-\[\#86FF4D\]{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(134 255 77 / var(--tw-ring-opacity));
}

.ring-green-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(187 247 208 / var(--tw-ring-opacity));
}

.ring-neutral-500{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(115 115 115 / var(--tw-ring-opacity));
}

.ring-red-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity));
}

.ring-yellow-200{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 240 138 / var(--tw-ring-opacity));
}

.ring-zinc-100{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(244 244 245 / var(--tw-ring-opacity));
}

.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-2xl{
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-\[1px\]{
  --tw-blur: blur(1px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-md{
  --tw-blur: blur(12px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-sm{
  --tw-blur: blur(4px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-xl{
  --tw-blur: blur(24px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-\[0_1\.2px_1\.2px_rgba\(0\2c 0\2c 0\2c 0\.3\)\]{
  --tw-drop-shadow: drop-shadow(0 1.2px 1.2px rgba(0,0,0,0.3));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-md{
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-3xl{
  --tw-backdrop-blur: blur(64px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-lg{
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-grayscale{
  --tw-backdrop-grayscale: grayscale(100%);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition{
  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: 150ms;
}

.transition-\[width\2c height\]{
  transition-property: width,height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors{
  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: 150ms;
}

.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-width{
  transition-property: width;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.delay-75{
  transition-delay: 75ms;
}

.duration-100{
  transition-duration: 100ms;
}

.duration-1000{
  transition-duration: 1000ms;
}

.duration-150{
  transition-duration: 150ms;
}

.duration-200{
  transition-duration: 200ms;
}

.duration-300{
  transition-duration: 300ms;
}

.duration-500{
  transition-duration: 500ms;
}

.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-linear{
  transition-timing-function: linear;
}

.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.scrollbar-none {
  scrollbar-width: 0;
  -ms-overflow-style: none;
}

.scrollbar-none::-webkit-scrollbar {
  display: none;
}

.\[backface-visibility\:hidden\]{
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.\[filter\:drop-shadow\(0px_1px_3px_rgba\(27\2c _37\2c _80\2c _0\.14\)\)\]{
  filter: drop-shadow(0px 1px 3px rgba(27, 37, 80, 0.14));
}

.\[mask-image\:radial-gradient\(ellipse_50\%_50\%_at_50\%_50\%\2c \#000_70\%\2c transparent_100\%\)\]{
  -webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 50%,#000 70%,transparent 100%);
          mask-image: radial-gradient(ellipse 50% 50% at 50% 50%,#000 70%,transparent 100%);
}

.\[text-shadow\:0_0_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  text-shadow: 0 0 rgba(0,0,0,0.1);
}

.\[transform-style\:preserve-3d\]{
  transform-style: preserve-3d;
}

.\[writing-mode\:horizontal-tb\]{
  writing-mode: horizontal-tb;
}

.\[writing-mode\:vertical-lr\]{
  writing-mode: vertical-lr;
}

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

*,:after,:before{
  border:0 solid #e5e7eb;
  box-sizing:border-box
}

:after,:before{
  --tw-content:""
}

:host,html{
  -webkit-text-size-adjust:100%;
  font-feature-settings:normal;
  -webkit-tap-highlight-color:transparent;
  font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-variation-settings:normal;
  line-height:1.5;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4
}

body{
  line-height:inherit;
  margin:0
}

hr{
  border-top-width:1px;
  color:inherit;
  height:0
}

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

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

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

b,strong{
  font-weight:bolder
}

code,kbd,pre,samp{
  font-feature-settings:normal;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-size:1em;
  font-variation-settings:normal
}

small{
  font-size:80%
}

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

sub{
  bottom:-.25em
}

sup{
  top:-.5em
}

table{
  border-collapse:collapse;
  border-color:inherit;
  text-indent:0
}

button,input,optgroup,select,textarea{
  font-feature-settings:inherit;
  color:inherit;
  font-family:inherit;
  font-size:100%;
  font-variation-settings:inherit;
  font-weight:inherit;
  letter-spacing:inherit;
  line-height:inherit;
  margin:0;
  padding:0
}

button,select{
  text-transform:none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none
}

:-moz-focusring{
  outline:auto
}

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

progress{
  vertical-align:baseline
}

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

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

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

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit
}

summary{
  display:list-item
}

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

fieldset{
  margin:0
}

fieldset,legend{
  padding:0
}

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

dialog{
  padding:0
}

textarea{
  resize:vertical
}

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

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

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

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

:disabled{
  cursor:default
}

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

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

[hidden]{
  display:none
}

:root{
  --background:0 0% 100%;
  --foreground:0 0% 3.9%;
  --card:0 0% 100%;
  --card-foreground:0 0% 3.9%;
  --popover:0 0% 100%;
  --popover-foreground:0 0% 3.9%;
  --primary:0 0% 9%;
  --primary-foreground:0 0% 98%;
  --secondary:0 0% 96.1%;
  --secondary-foreground:0 0% 9%;
  --muted:0 0% 96.1%;
  --muted-foreground:0 0% 45.1%;
  --accent:0 0% 96.1%;
  --accent-foreground:0 0% 9%;
  --destructive:0 84.2% 60.2%;
  --destructive-foreground:0 0% 98%;
  --border:0 0% 89.8%;
  --input:0 0% 89.8%;
  --ring:0 0% 3.9%;
  --radius:0.5rem
}

*,:after,:before{
  --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:rgba(59,130,246,.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: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

::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:rgba(59,130,246,.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: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

.pointer-events-none{
  pointer-events:none
}

.pointer-events-auto{
  pointer-events:auto
}

.visible{
  visibility:visible
}

.invisible{
  visibility:hidden
}

.static{
  position:static
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.inset-0{
  inset:0
}

.bottom-0{
  bottom:0
}

.bottom-10{
  bottom:2.5rem
}

.bottom-12{
  bottom:3rem
}

.bottom-14{
  bottom:3.5rem
}

.bottom-16{
  bottom:4rem
}

.bottom-2{
  bottom:.5rem
}

.bottom-24{
  bottom:6rem
}

.bottom-\[20\%\]{
  bottom:20%
}

.left-0{
  left:0
}

.left-1{
  left:.25rem
}

.left-1\/2{
  left:50%
}

.left-20{
  left:5rem
}

.left-4{
  left:1rem
}

.right-0{
  right:0
}

.right-1{
  right:.25rem
}

.right-20{
  right:5rem
}

.top-0{
  top:0
}

.top-1\/2{
  top:50%
}

.top-16{
  top:4rem
}

.top-2{
  top:.5rem
}

.top-4{
  top:1rem
}

.z-10{
  z-index:10
}

.z-20{
  z-index:20
}

.z-30{
  z-index:30
}

.z-50{
  z-index:50
}

.z-\[-1\]{
  z-index:-1
}

.z-\[60\]{
  z-index:60
}

.m-2{
  margin:.5rem
}

.mx-\[10\%\]{
  margin-left:10%;
  margin-right:10%
}

.mx-\[5\%\]{
  margin-left:5%;
  margin-right:5%
}

.mx-auto{
  margin-left:auto;
  margin-right:auto
}

.my-4{
  margin-bottom:1rem;
  margin-top:1rem
}

.my-\[1\%\]{
  margin-bottom:1%;
  margin-top:1%
}

.mb-2{
  margin-bottom:.5rem
}

.me-2{
  -webkit-margin-end:.5rem;
          margin-inline-end:.5rem
}

.mr-1{
  margin-right:.25rem
}

.mr-2{
  margin-right:.5rem
}

.block{
  display:block
}

.flex{
  display:flex
}

.grid{
  display:grid
}

.hidden{
  display:none
}

.aspect-\[16\/7\]{
  aspect-ratio:16/7
}

.aspect-\[9\/16\]{
  aspect-ratio:9/16
}

.aspect-video{
  aspect-ratio:16/9
}

.size-12{
  height:3rem;
  width:3rem
}

.h-0{
  height:0
}

.h-1\/2{
  height:50%
}

.h-10{
  height:2.5rem
}

.h-12{
  height:3rem
}

.h-14{
  height:3.5rem
}

.h-16{
  height:4rem
}

.h-20{
  height:5rem
}

.h-4{
  height:1rem
}

.h-5{
  height:1.25rem
}

.h-6{
  height:1.5rem
}

.h-7{
  height:1.75rem
}

.h-8{
  height:2rem
}

.h-\[2\.5rem\]{
  height:2.5rem
}

.h-\[3\.5rem\]{
  height:3.5rem
}

.h-\[4\.25rem\]{
  height:4.25rem
}

.h-\[5\.25rem\]{
  height:5.25rem
}

.h-\[5rem\]{
  height:5rem
}

.h-\[6\.25rem\]{
  height:6.25rem
}

.h-\[95\%\]{
  height:95%
}

.h-\[95vh\]{
  height:95vh
}

.h-\[96\%\]{
  height:96%
}

.h-\[calc\(100vh-4rem\)\]{
  height:calc(100vh - 4rem)
}

.h-fit{
  height:-moz-fit-content;
  height:fit-content
}

.h-full{
  height:100%
}

.max-h-52{
  max-height:13rem
}

.max-h-full{
  max-height:100%
}

.w-1\/3{
  width:33.333333%
}

.w-12{
  width:3rem
}

.w-16{
  width:4rem
}

.w-20{
  width:5rem
}

.w-3\/12{
  width:25%
}

.w-3\/4{
  width:75%
}

.w-4{
  width:1rem
}

.w-5{
  width:1.25rem
}

.w-6{
  width:1.5rem
}

.w-7{
  width:1.75rem
}

.w-8{
  width:2rem
}

.w-9\/12{
  width:75%
}

.w-\[16rem\]{
  width:16rem
}

.w-\[300px\]{
  width:300px
}

.w-\[32rem\]{
  width:32rem
}

.w-\[4\.5rem\]{
  width:4.5rem
}

.w-\[75\%\]{
  width:75%
}

.w-\[8\%\]{
  width:8%
}

.w-\[95\%\]{
  width:95%
}

.w-\[var\(--iris-player-progress\)\]{
  width:var(--iris-player-progress)
}

.w-auto{
  width:auto
}

.w-fit{
  width:-moz-fit-content;
  width:fit-content
}

.w-full{
  width:100%
}

.min-w-48{
  min-width:12rem
}

.max-w-\[60\%\]{
  max-width:60%
}

.max-w-full{
  max-width:100%
}

.flex-1{
  flex:1 1 0%
}

.grow{
  flex-grow:1
}

.-translate-x-1\/2{
  --tw-translate-x:-50%
}

.-translate-x-1\/2,.-translate-x-4{
  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))
}

.-translate-x-4{
  --tw-translate-x:-1rem
}

.-translate-x-full{
  --tw-translate-x:-100%
}

.-translate-x-full,.-translate-y-1\/2{
  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))
}

.-translate-y-1\/2{
  --tw-translate-y:-50%
}

.-translate-y-full{
  --tw-translate-y:-100%
}

.-translate-y-full,.translate-x-0{
  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))
}

.translate-x-0{
  --tw-translate-x:0px
}

.translate-x-4{
  --tw-translate-x:1rem
}

.translate-x-4,.translate-x-full{
  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))
}

.translate-x-full{
  --tw-translate-x:100%
}

.translate-y-0{
  --tw-translate-y:0px
}

.translate-y-0,.translate-y-full{
  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))
}

.translate-y-full{
  --tw-translate-y:100%
}

.transform{
  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))
}

@keyframes ping{
  75%,to{
    opacity:0;
    transform:scale(2)
  }
}

.animate-ping{
  animation:ping 1s cubic-bezier(0,0,.2,1) infinite
}

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

.animate-pulse{
  animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite
}

@keyframes spin{
  to{
    transform:rotate(1turn)
  }
}

.animate-spin{
  animation:spin 1s linear infinite
}

.cursor-auto{
  cursor:auto
}

.cursor-default{
  cursor:default
}

.cursor-pointer{
  cursor:pointer
}

.select-none{
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}

.resize{
  resize:both
}

.flex-col{
  flex-direction:column
}

.content-center{
  align-content:center
}

.items-center{
  align-items:center
}

.items-stretch{
  align-items:stretch
}

.justify-start{
  justify-content:flex-start
}

.justify-end{
  justify-content:flex-end
}

.justify-center{
  justify-content:center
}

.justify-between{
  justify-content:space-between
}

.justify-stretch{
  justify-content:stretch
}

.justify-items-center{
  justify-items:center
}

.gap-0{
  gap:0
}

.gap-0\.5{
  gap:.125rem
}

.gap-1{
  gap:.25rem
}

.gap-2{
  gap:.5rem
}

.overflow-auto{
  overflow:auto
}

.overflow-hidden{
  overflow:hidden
}

.overflow-y-scroll{
  overflow-y:scroll
}

.truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.rounded{
  border-radius:.25rem
}

.rounded-2xl{
  border-radius:1rem
}

.rounded-3xl{
  border-radius:1.5rem
}

.rounded-full{
  border-radius:9999px
}

.rounded-lg{
  border-radius:.5rem
}

.rounded-md{
  border-radius:.375rem
}

.rounded-sm{
  border-radius:.125rem
}

.rounded-xl{
  border-radius:.75rem
}

.border{
  border-width:1px
}

.border-b-2{
  border-bottom-width:2px
}

.border-t-2{
  border-top-width:2px
}

.border-dashed{
  border-style:dashed
}

.border-none{
  border-style:none
}

.border-content{
  --tw-border-opacity:1;
  border-color:rgb(var(--content-color)/var(--tw-border-opacity))
}

.border-red-700{
  --tw-border-opacity:1;
  border-color:rgb(185 28 28/var(--tw-border-opacity))
}

.border-white{
  --tw-border-opacity:1;
  border-color:rgb(255 255 255/var(--tw-border-opacity))
}

.border-white\/20{
  border-color:hsla(0,0%,100%,.2)
}

.bg-black\/10{
  background-color:rgba(0,0,0,.1)
}

.bg-black\/20{
  background-color:rgba(0,0,0,.2)
}

.bg-black\/30{
  background-color:rgba(0,0,0,.3)
}

.bg-black\/50{
  background-color:rgba(0,0,0,.5)
}

.bg-black\/60{
  background-color:rgba(0,0,0,.6)
}

.bg-black\/80{
  background-color:rgba(0,0,0,.8)
}

.bg-blue-400{
  --tw-bg-opacity:1;
  background-color:rgb(96 165 250/var(--tw-bg-opacity))
}

.bg-blue-500{
  --tw-bg-opacity:1;
  background-color:rgb(59 130 246/var(--tw-bg-opacity))
}

.bg-blue-700{
  --tw-bg-opacity:1;
  background-color:rgb(29 78 216/var(--tw-bg-opacity))
}

.bg-gray-900{
  --tw-bg-opacity:1;
  background-color:rgb(17 24 39/var(--tw-bg-opacity))
}

.bg-neutral-200\/80{
  background-color:hsla(0,0%,90%,.8)
}

.bg-neutral-300\/50{
  background-color:hsla(0,0%,83%,.5)
}

.bg-neutral-600{
  --tw-bg-opacity:1;
  background-color:rgb(82 82 82/var(--tw-bg-opacity))
}

.bg-neutral-700{
  --tw-bg-opacity:1;
  background-color:rgb(64 64 64/var(--tw-bg-opacity))
}

.bg-neutral-800\/50{
  background-color:rgba(38,38,38,.5)
}

.bg-neutral-900{
  --tw-bg-opacity:1;
  background-color:rgb(23 23 23/var(--tw-bg-opacity))
}

.bg-red-500{
  --tw-bg-opacity:1;
  background-color:rgb(239 68 68/var(--tw-bg-opacity))
}

.bg-red-600{
  --tw-bg-opacity:1;
  background-color:rgb(220 38 38/var(--tw-bg-opacity))
}

.bg-red-900{
  --tw-bg-opacity:1;
  background-color:rgb(127 29 29/var(--tw-bg-opacity))
}

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

.bg-white\/30{
  background-color:hsla(0,0%,100%,.3)
}

.bg-gradient-to-b{
  background-image:linear-gradient(to bottom,var(--tw-gradient-stops))
}

.bg-gradient-to-l{
  background-image:linear-gradient(to left,var(--tw-gradient-stops))
}

.bg-gradient-to-r{
  background-image:linear-gradient(to right,var(--tw-gradient-stops))
}

.bg-gradient-to-t{
  background-image:linear-gradient(to top,var(--tw-gradient-stops))
}

.bg-gradient-to-tr{
  background-image:linear-gradient(to top right,var(--tw-gradient-stops))
}

.from-black\/40{
  --tw-gradient-from:rgba(0,0,0,.4) var(--tw-gradient-from-position);
  --tw-gradient-to:transparent var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.to-transparent{
  --tw-gradient-to:transparent var(--tw-gradient-to-position)
}

.object-contain{
  -o-object-fit:contain;
  object-fit:contain
}

.object-cover{
  -o-object-fit:cover;
  object-fit:cover
}

.p-1{
  padding:.25rem
}

.p-2{
  padding:.5rem
}

.p-4{
  padding:1rem
}

.px-1{
  padding-left:.25rem;
  padding-right:.25rem
}

.px-2{
  padding-left:.5rem;
  padding-right:.5rem
}

.px-2\.5{
  padding-left:.625rem;
  padding-right:.625rem
}

.px-4{
  padding-left:1rem;
  padding-right:1rem
}

.px-5{
  padding-left:1.25rem;
  padding-right:1.25rem
}

.py-0\.5{
  padding-bottom:.125rem;
  padding-top:.125rem
}

.py-1{
  padding-bottom:.25rem;
  padding-top:.25rem
}

.py-2{
  padding-bottom:.5rem;
  padding-top:.5rem
}

.py-2\.5{
  padding-bottom:.625rem;
  padding-top:.625rem
}

.pr-px{
  padding-right:1px
}

.text-left{
  text-align:left
}

.text-center{
  text-align:center
}

.text-3xl{
  font-size:1.875rem;
  line-height:2.25rem
}

.text-4xl{
  font-size:2.25rem;
  line-height:2.5rem
}

.text-8xl{
  font-size:6rem;
  line-height:1
}

.text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.text-sm{
  font-size:.875rem;
  line-height:1.25rem
}

.text-xs{
  font-size:.75rem;
  line-height:1rem
}

.font-bold{
  font-weight:700
}

.font-medium{
  font-weight:500
}

.font-semibold{
  font-weight:600
}

.uppercase{
  text-transform:uppercase
}

.leading-none{
  line-height:1
}

.tracking-tighter{
  letter-spacing:-.05em
}

.text-black{
  --tw-text-opacity:1;
  color:rgb(0 0 0/var(--tw-text-opacity))
}

.text-blue-500{
  --tw-text-opacity:1;
  color:rgb(59 130 246/var(--tw-text-opacity))
}

.text-content{
  --tw-text-opacity:1;
  color:rgb(var(--content-color)/var(--tw-text-opacity))
}

.text-green-500{
  --tw-text-opacity:1;
  color:rgb(34 197 94/var(--tw-text-opacity))
}

.text-neutral-100{
  --tw-text-opacity:1;
  color:rgb(245 245 245/var(--tw-text-opacity))
}

.text-neutral-100\/50{
  color:hsla(0,0%,96%,.5)
}

.text-neutral-200{
  --tw-text-opacity:1;
  color:rgb(229 229 229/var(--tw-text-opacity))
}

.text-red-300{
  --tw-text-opacity:1;
  color:rgb(252 165 165/var(--tw-text-opacity))
}

.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity))
}

.opacity-0{
  opacity:0
}

.opacity-100{
  opacity:1
}

.opacity-30{
  opacity:.3
}

.opacity-50{
  opacity:.5
}

.opacity-60{
  opacity:.6
}

.shadow-2xl{
  --tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)
}

.shadow-2xl,.shadow-lg{
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-lg{
  --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
}

.outline-none{
  outline:2px solid transparent;
  outline-offset:2px
}

.outline{
  outline-style:solid
}

.blur-2xl{
  --tw-blur:blur(40px)
}

.blur-2xl,.blur-md{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-md{
  --tw-blur:blur(12px)
}

.blur-sm{
  --tw-blur:blur(4px)
}

.blur-sm,.drop-shadow-lg{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow-lg{
  --tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1))
}

.backdrop-blur{
  --tw-backdrop-blur:blur(8px)
}

.backdrop-blur,.backdrop-blur-md{
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-md{
  --tw-backdrop-blur:blur(12px)
}

.backdrop-blur-sm{
  --tw-backdrop-blur:blur(4px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition-all{
  transition-duration:.15s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

.transition-colors{
  transition-duration:.15s;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

.transition-opacity{
  transition-duration:.15s;
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

.transition-transform{
  transition-duration:.15s;
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

.duration-100{
  transition-duration:.1s
}

.duration-300{
  transition-duration:.3s
}

.ease-in-out{
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

.\*\:size-7>*{
  height:1.75rem;
  width:1.75rem
}

.\*\:size-8>*{
  height:2rem;
  width:2rem
}

.\*\:text-base>*{
  font-size:1rem;
  line-height:1.5rem
}

.hover\:bg-black\/40:hover{
  background-color:rgba(0,0,0,.4)
}

.hover\:bg-blue-800:hover{
  --tw-bg-opacity:1;
  background-color:rgb(30 64 175/var(--tw-bg-opacity))
}

.hover\:bg-white\/30:hover{
  background-color:hsla(0,0%,100%,.3)
}

.focus\:outline-none:focus{
  outline:2px solid transparent;
  outline-offset:2px
}

.focus-visible\:outline-none:focus-visible{
  outline:2px solid transparent;
  outline-offset:2px
}

.focus-visible\:outline-0:focus-visible{
  outline-width:0
}

.group:hover .group-hover\:h-9{
  height:2.25rem
}

.group:hover .group-hover\:w-9{
  width:2.25rem
}

.group:disabled .group-disabled\:text-content\/50{
  color:rgb(var(--content-color)/.5)
}

.group:disabled .group-disabled\:text-neutral-500{
  --tw-text-opacity:1;
  color:rgb(115 115 115/var(--tw-text-opacity))
}

@media (min-width:768px){
  .md\:h-12{
    height:3rem
  }

  .md\:h-\[2\.5rem\]{
    height:2.5rem
  }

  .md\:h-full{
    height:100%
  }

  .md\:w-\[20rem\]{
    width:20rem
  }

  .md\:gap-1{
    gap:.25rem
  }
}

@media (min-width:1024px){
  .lg\:w-\[28rem\]{
    width:28rem
  }

  .lg\:p-4{
    padding:1rem
  }

  .lg\:text-4xl{
    font-size:2.25rem;
    line-height:2.5rem
  }

  .lg\:text-sm{
    font-size:.875rem;
    line-height:1.25rem
  }
}

@media (min-width:1280px){
  .xl\:flex{
    display:flex
  }

  .xl\:h-8{
    height:2rem
  }

  .xl\:w-8{
    width:2rem
  }

  .xl\:w-\[40rem\]{
    width:40rem
  }

  .xl\:text-6xl{
    font-size:3.75rem;
    line-height:1
  }
}

*,:after,:before{
  --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:rgba(59,130,246,.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: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

::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:rgba(59,130,246,.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: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

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

*,:after,:before{
  border:0 solid #e5e7eb;
  box-sizing:border-box
}

:after,:before{
  --tw-content:""
}

:host,html{
  -webkit-text-size-adjust:100%;
  font-feature-settings:normal;
  -webkit-tap-highlight-color:transparent;
  font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
  font-variation-settings:normal;
  line-height:1.5;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4
}

body{
  line-height:inherit;
  margin:0
}

hr{
  border-top-width:1px;
  color:inherit;
  height:0
}

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

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

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

b,strong{
  font-weight:bolder
}

code,kbd,pre,samp{
  font-feature-settings:normal;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-size:1em;
  font-variation-settings:normal
}

small{
  font-size:80%
}

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

sub{
  bottom:-.25em
}

sup{
  top:-.5em
}

table{
  border-collapse:collapse;
  border-color:inherit;
  text-indent:0
}

button,input,optgroup,select,textarea{
  font-feature-settings:inherit;
  color:inherit;
  font-family:inherit;
  font-size:100%;
  font-variation-settings:inherit;
  font-weight:inherit;
  letter-spacing:inherit;
  line-height:inherit;
  margin:0;
  padding:0
}

button,select{
  text-transform:none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none
}

:-moz-focusring{
  outline:auto
}

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

progress{
  vertical-align:baseline
}

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

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

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

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit
}

summary{
  display:list-item
}

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

fieldset{
  margin:0
}

fieldset,legend{
  padding:0
}

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

dialog{
  padding:0
}

textarea{
  resize:vertical
}

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

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

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

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

:disabled{
  cursor:default
}

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

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

[hidden]:where(:not([hidden=until-found])){
  display:none
}

:root{
  --background:0 0% 100%;
  --foreground:0 0% 3.9%;
  --card:0 0% 100%;
  --card-foreground:0 0% 3.9%;
  --popover:0 0% 100%;
  --popover-foreground:0 0% 3.9%;
  --primary:0 0% 9%;
  --primary-foreground:0 0% 98%;
  --secondary:0 0% 96.1%;
  --secondary-foreground:0 0% 9%;
  --muted:0 0% 96.1%;
  --muted-foreground:0 0% 45.1%;
  --accent:0 0% 96.1%;
  --accent-foreground:0 0% 9%;
  --destructive:0 84.2% 60.2%;
  --destructive-foreground:0 0% 98%;
  --border:0 0% 89.8%;
  --input:0 0% 89.8%;
  --ring:0 0% 3.9%;
  --radius:0.5rem
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.inset-0{
  inset:0
}

.bottom-0{
  bottom:0
}

.left-0{
  left:0
}

.right-0{
  right:0
}

.right-\[-2px\]{
  right:-2px
}

.right-\[-5px\]{
  right:-5px
}

.top-0{
  top:0
}

.top-\[25\%\]{
  top:25%
}

.top-\[35\%\]{
  top:35%
}

.z-30{
  z-index:30
}

.z-50{
  z-index:50
}

.z-\[9999\]{
  z-index:9999
}

.z-\[999\]{
  z-index:999
}

.m-6{
  margin:1.5rem
}

.-mt-1{
  margin-top:-.25rem
}

.mb-2{
  margin-bottom:.5rem
}

.mb-4{
  margin-bottom:1rem
}

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.flex{
  display:flex
}

.inline-flex{
  display:inline-flex
}

.table{
  display:table
}

.hidden{
  display:none
}

.aspect-\[390\/844\]{
  aspect-ratio:390/844
}

.aspect-square{
  aspect-ratio:1/1
}

.size-5{
  height:1.25rem;
  width:1.25rem
}

.h-10{
  height:2.5rem
}

.h-12{
  height:3rem
}

.h-16{
  height:4rem
}

.h-4{
  height:1rem
}

.h-5{
  height:1.25rem
}

.h-6{
  height:1.5rem
}

.h-8{
  height:2rem
}

.h-\[13px\]{
  height:13px
}

.h-\[30\%\]{
  height:30%
}

.h-\[4\.5rem\]{
  height:4.5rem
}

.h-\[50\%\]{
  height:50%
}

.h-\[50vh\]{
  height:50vh
}

.h-\[95\%\]{
  height:95%
}

.h-auto{
  height:auto
}

.h-full{
  height:100%
}

.max-h-10{
  max-height:2.5rem
}

.max-h-8{
  max-height:2rem
}

.max-h-\[13px\]{
  max-height:13px
}

.w-1\/2{
  width:50%
}

.w-1\/4{
  width:25%
}

.w-1\/5{
  width:20%
}

.w-10{
  width:2.5rem
}

.w-12{
  width:3rem
}

.w-3\/5{
  width:60%
}

.w-4{
  width:1rem
}

.w-6{
  width:1.5rem
}

.w-8{
  width:2rem
}

.w-\[12rem\]{
  width:12rem
}

.w-\[13px\]{
  width:13px
}

.w-\[2px\]{
  width:2px
}

.w-\[4px\]{
  width:4px
}

.w-\[95\%\]{
  width:95%
}

.w-full{
  width:100%
}

.min-w-\[13px\]{
  min-width:13px
}

.flex-1{
  flex:1 1 0%
}

@keyframes spin{
  to{
    transform:rotate(1turn)
  }
}

.animate-spin{
  animation:spin 1s linear infinite
}

.cursor-pointer{
  cursor:pointer
}

.select-none{
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}

.flex-row{
  flex-direction:row
}

.flex-col{
  flex-direction:column
}

.items-center{
  align-items:center
}

.items-stretch{
  align-items:stretch
}

.justify-start{
  justify-content:flex-start
}

.justify-end{
  justify-content:flex-end
}

.justify-center{
  justify-content:center
}

.gap-0{
  gap:0
}

.gap-1{
  gap:.25rem
}

.gap-2{
  gap:.5rem
}

.gap-4{
  gap:1rem
}

.overflow-hidden,.truncate{
  overflow:hidden
}

.truncate{
  text-overflow:ellipsis;
  white-space:nowrap
}

.rounded-full{
  border-radius:9999px
}

.rounded-md{
  border-radius:.375rem
}

.rounded-sm{
  border-radius:.125rem
}

.rounded-xl{
  border-radius:.75rem
}

.border{
  border-width:1px
}

.border-2{
  border-width:2px
}

.border-green-500{
  --tw-border-opacity:1;
  border-color:rgb(34 197 94/var(--tw-border-opacity,1))
}

.border-green-600{
  --tw-border-opacity:1;
  border-color:rgb(22 163 74/var(--tw-border-opacity,1))
}

.border-neutral-200{
  --tw-border-opacity:1;
  border-color:rgb(229 229 229/var(--tw-border-opacity,1))
}

.border-red-500{
  --tw-border-opacity:1;
  border-color:rgb(239 68 68/var(--tw-border-opacity,1))
}

.border-yellow-500{
  --tw-border-opacity:1;
  border-color:rgb(234 179 8/var(--tw-border-opacity,1))
}

.bg-black\/60{
  background-color:rgba(0,0,0,.6)
}

.bg-green-500{
  --tw-bg-opacity:1;
  background-color:rgb(34 197 94/var(--tw-bg-opacity,1))
}

.bg-green-600{
  --tw-bg-opacity:1;
  background-color:rgb(22 163 74/var(--tw-bg-opacity,1))
}

.bg-neutral-200{
  --tw-bg-opacity:1;
  background-color:rgb(229 229 229/var(--tw-bg-opacity,1))
}

.bg-neutral-400{
  --tw-bg-opacity:1;
  background-color:rgb(163 163 163/var(--tw-bg-opacity,1))
}

.bg-neutral-400\/30{
  background-color:hsla(0,0%,64%,.3)
}

.bg-neutral-500\/50{
  background-color:hsla(0,0%,45%,.5)
}

.bg-neutral-700{
  --tw-bg-opacity:1;
  background-color:rgb(64 64 64/var(--tw-bg-opacity,1))
}

.bg-red-500{
  --tw-bg-opacity:1;
  background-color:rgb(239 68 68/var(--tw-bg-opacity,1))
}

.bg-yellow-500{
  --tw-bg-opacity:1;
  background-color:rgb(234 179 8/var(--tw-bg-opacity,1))
}

.bg-yellow-600{
  --tw-bg-opacity:1;
  background-color:rgb(202 138 4/var(--tw-bg-opacity,1))
}

.bg-gradient-to-r{
  background-image:linear-gradient(to right,var(--tw-gradient-stops))
}

.from-\[\#20e90ecc\]{
  --tw-gradient-from:#20e90ecc var(--tw-gradient-from-position);
  --tw-gradient-to:rgba(32,233,14,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#f7747478\]{
  --tw-gradient-from:#f7747478 var(--tw-gradient-from-position);
  --tw-gradient-to:hsla(0,89%,71%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-\[\#ffd700cc\]{
  --tw-gradient-from:#ffd700cc var(--tw-gradient-from-position);
  --tw-gradient-to:rgba(255,215,0,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
}

.to-\[\#00d720cc\]{
  --tw-gradient-to:#00d720cc var(--tw-gradient-to-position)
}

.to-\[\#e6b800cc\]{
  --tw-gradient-to:#e6b800cc var(--tw-gradient-to-position)
}

.to-\[\#f7000078\]{
  --tw-gradient-to:#f7000078 var(--tw-gradient-to-position)
}

.p-0{
  padding:0
}

.p-2{
  padding:.5rem
}

.p-4{
  padding:1rem
}

.p-\[0\.5px\]{
  padding:.5px
}

.p-px{
  padding:1px
}

.px-2{
  padding-left:.5rem;
  padding-right:.5rem
}

.px-4{
  padding-left:1rem;
  padding-right:1rem
}

.px-5{
  padding-left:1.25rem;
  padding-right:1.25rem
}

.py-2{
  padding-bottom:.5rem;
  padding-top:.5rem
}

.py-2\.5{
  padding-bottom:.625rem;
  padding-top:.625rem
}

.text-center{
  text-align:center
}

.text-4xl{
  font-size:2.25rem;
  line-height:2.5rem
}

.text-\[0\.5rem\]{
  font-size:.5rem
}

.text-base{
  font-size:1rem;
  line-height:1.5rem
}

.text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.text-sm{
  font-size:.875rem;
  line-height:1.25rem
}

.text-xl{
  font-size:1.25rem;
  line-height:1.75rem
}

.font-bold{
  font-weight:700
}

.font-medium{
  font-weight:500
}

.uppercase{
  text-transform:uppercase
}

.leading-none{
  line-height:1
}

.tracking-\[-0\.1em\]{
  letter-spacing:-.1em
}

.tracking-tight{
  letter-spacing:-.025em
}

.tracking-tighter{
  letter-spacing:-.05em
}

.text-neutral-100{
  --tw-text-opacity:1;
  color:rgb(245 245 245/var(--tw-text-opacity,1))
}

.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255/var(--tw-text-opacity,1))
}

.opacity-0{
  opacity:0
}

.opacity-100{
  opacity:1
}

.shadow{
  --tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
  --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-\[\#00d720\]{
  --tw-shadow-color:#00d720;
  --tw-shadow:var(--tw-shadow-colored)
}

.shadow-\[\#e6b800\]{
  --tw-shadow-color:#e6b800;
  --tw-shadow:var(--tw-shadow-colored)
}

.backdrop-blur{
  --tw-backdrop-blur:blur(8px)
}

.backdrop-blur,.backdrop-blur-md{
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-md{
  --tw-backdrop-blur:blur(12px)
}

.transition{
  transition-duration:.15s;
  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(.4,0,.2,1)
}

.transition-all{
  transition-duration:.15s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

.transition-opacity{
  transition-duration:.15s;
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

.duration-500{
  transition-duration:.5s
}

.ease-in-out{
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

.hover\:scale-105:hover{
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  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))
}

.hover\:border-yellow-800:hover{
  --tw-border-opacity:1;
  border-color:rgb(133 77 14/var(--tw-border-opacity,1))
}

.hover\:bg-black\/50:hover{
  background-color:rgba(0,0,0,.5)
}

.hover\:bg-yellow-700:hover{
  --tw-bg-opacity:1;
  background-color:rgb(161 98 7/var(--tw-bg-opacity,1))
}

@media (min-width:768px){
  .md\:block{
    display:block
  }

  .md\:hidden{
    display:none
  }
}

@media (min-width:1024px){
  .lg\:h-14{
    height:3.5rem
  }

  .lg\:h-\[6rem\]{
    height:6rem
  }

  .lg\:w-1\/5{
    width:20%
  }

  .lg\:w-14{
    width:3.5rem
  }

  .lg\:w-\[16rem\]{
    width:16rem
  }

  .lg\:flex-row{
    flex-direction:row
  }

  .lg\:gap-0{
    gap:0
  }

  .lg\:p-1{
    padding:.25rem
  }

  .lg\:text-5xl{
    font-size:3rem;
    line-height:1
  }

  .lg\:text-lg{
    font-size:1.125rem;
    line-height:1.75rem
  }

  .lg\:text-xs{
    font-size:.75rem;
    line-height:1rem
  }
}

*,: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 / .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: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

::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 / .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: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

*,:before,:after{
  box-sizing:border-box;
  border-width:0;
  border-style:solid;
  border-color:#e5e7eb
}

:before,:after{
  --tw-content: ""
}

html,:host{
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
  font-feature-settings:normal;
  font-variation-settings:normal;
  -webkit-tap-highlight-color:transparent
}

body{
  margin:0;
  line-height:inherit
}

hr{
  height:0;
  color:inherit;
  border-top-width:1px
}

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

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

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

b,strong{
  font-weight:bolder
}

code,kbd,samp,pre{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-size:1em
}

small{
  font-size:80%
}

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

sub{
  bottom:-.25em
}

sup{
  top:-.5em
}

table{
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}

button,input,optgroup,select,textarea{
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
  margin:0;
  padding:0
}

button,select{
  text-transform:none
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none
}

:-moz-focusring{
  outline:auto
}

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

progress{
  vertical-align:baseline
}

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

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

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

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit
}

summary{
  display:list-item
}

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
}

dialog{
  padding:0
}

textarea{
  resize:vertical
}

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

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

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

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

:disabled{
  cursor:default
}

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

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

[hidden]:where(:not([hidden=until-found])){
  display:none
}

.pointer-events-none{
  pointer-events:none
}

.pointer-events-auto{
  pointer-events:auto
}

.invisible{
  visibility:hidden
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.inset-0{
  top:0;
  right:0;
  bottom:0;
  left:0
}

.bottom-0{
  bottom:0
}

.bottom-1{
  bottom:.25rem
}

.bottom-4{
  bottom:1rem
}

.left-0{
  left:0
}

.right-0{
  right:0
}

.right-4{
  right:1rem
}

.top-0{
  top:0
}

.z-0{
  z-index:0
}

.z-10{
  z-index:10
}

.z-20{
  z-index:20
}

.z-30{
  z-index:30
}

.z-40{
  z-index:40
}

.z-50{
  z-index:50
}

.z-\[-1\]{
  z-index:-1
}

.m-0{
  margin:0
}

.m-4{
  margin:1rem
}

.mb-2{
  margin-bottom:.5rem
}

.me-2{
  -webkit-margin-end:.5rem;
          margin-inline-end:.5rem
}

.mt-20{
  margin-top:5rem
}

.flex{
  display:flex
}

.grid{
  display:grid
}

.hidden{
  display:none
}

.aspect-square{
  aspect-ratio:1 / 1
}

.aspect-video{
  aspect-ratio:16 / 9
}

.h-1\/4{
  height:25%
}

.h-12{
  height:3rem
}

.h-32{
  height:8rem
}

.h-6{
  height:1.5rem
}

.h-64{
  height:16rem
}

.h-7{
  height:1.75rem
}

.h-\[90vh\]{
  height:90vh
}

.h-fit{
  height:-moz-fit-content;
  height:fit-content
}

.h-full{
  height:100%
}

.max-h-\[20rem\]{
  max-height:20rem
}

.min-h-10{
  min-height:2.5rem
}

.min-h-full{
  min-height:100%
}

.w-32{
  width:8rem
}

.w-6{
  width:1.5rem
}

.w-7{
  width:1.75rem
}

.w-fit{
  width:-moz-fit-content;
  width:fit-content
}

.w-full{
  width:100%
}

.min-w-0{
  min-width:0px
}

.min-w-10{
  min-width:2.5rem
}

.min-w-7{
  min-width:1.75rem
}

.max-w-\[25rem\]{
  max-width:25rem
}

.shrink-0{
  flex-shrink:0
}

@keyframes ping{
  75%,to{
    transform:scale(2);
    opacity:0
  }
}

.animate-ping-slow{
  animation:ping 2.5s cubic-bezier(0,0,.2,1) infinite
}

.cursor-pointer{
  cursor:pointer
}

.select-none{
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}

.flex-col{
  flex-direction:column
}

.content-around{
  align-content:space-around
}

.items-center{
  align-items:center
}

.justify-end{
  justify-content:flex-end
}

.justify-center{
  justify-content:center
}

.justify-between{
  justify-content:space-between
}

.justify-around{
  justify-content:space-around
}

.gap-0{
  gap:0px
}

.gap-1{
  gap:.25rem
}

.gap-2{
  gap:.5rem
}

.overflow-auto{
  overflow:auto
}

.overflow-hidden{
  overflow:hidden
}

.overflow-y-auto{
  overflow-y:auto
}

.truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.text-nowrap{
  text-wrap:nowrap
}

.rounded-full{
  border-radius:9999px
}

.bg-\[\#a4ff4c\]\/50{
  background-color:#a4ff4c80
}

.bg-black\/20{
  background-color:#0003
}

.bg-black\/40{
  background-color:#0006
}

.bg-blue-700{
  --tw-bg-opacity: 1;
  background-color:rgb(29 78 216 / var(--tw-bg-opacity))
}

.bg-green-500\/70{
  background-color:#22c55eb3
}

.bg-neutral-100{
  --tw-bg-opacity: 1;
  background-color:rgb(245 245 245 / var(--tw-bg-opacity))
}

.bg-neutral-700{
  --tw-bg-opacity: 1;
  background-color:rgb(64 64 64 / var(--tw-bg-opacity))
}

.bg-neutral-900{
  --tw-bg-opacity: 1;
  background-color:rgb(23 23 23 / var(--tw-bg-opacity))
}

.bg-red-500{
  --tw-bg-opacity: 1;
  background-color:rgb(239 68 68 / var(--tw-bg-opacity))
}

.bg-red-600{
  --tw-bg-opacity: 1;
  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
}

.bg-white\/20{
  background-color:#fff3
}

.bg-gradient-to-br{
  background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))
}

.from-gray-600{
  --tw-gradient-from: #4b5563 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.to-gray-900{
  --tw-gradient-to: #111827 var(--tw-gradient-to-position)
}

.fill-\[\#86FF4D\]{
  fill:#86ff4d
}

.object-contain{
  -o-object-fit:contain;
  object-fit:contain
}

.object-cover{
  -o-object-fit:cover;
  object-fit:cover
}

.object-center{
  -o-object-position:center;
  object-position:center
}

.p-0{
  padding:0
}

.p-2{
  padding:.5rem
}

.p-4{
  padding:1rem
}

.px-5{
  padding-left:1.25rem;
  padding-right:1.25rem
}

.py-2\.5{
  padding-top:.625rem;
  padding-bottom:.625rem
}

.pb-12{
  padding-bottom:3rem
}

.text-center{
  text-align:center
}

.text-2xl{
  font-size:1.5rem;
  line-height:2rem
}

.text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.text-sm{
  font-size:.875rem;
  line-height:1.25rem
}

.font-bold{
  font-weight:700
}

.font-medium{
  font-weight:500
}

.uppercase{
  text-transform:uppercase
}

.tracking-tighter{
  letter-spacing:-.05em
}

.text-\[\#a4ff4c\]{
  --tw-text-opacity: 1;
  color:rgb(164 255 76 / var(--tw-text-opacity))
}

.text-green-500{
  --tw-text-opacity: 1;
  color:rgb(34 197 94 / var(--tw-text-opacity))
}

.text-neutral-800{
  --tw-text-opacity: 1;
  color:rgb(38 38 38 / var(--tw-text-opacity))
}

.text-red-500{
  --tw-text-opacity: 1;
  color:rgb(239 68 68 / var(--tw-text-opacity))
}

.text-red-600{
  --tw-text-opacity: 1;
  color:rgb(220 38 38 / var(--tw-text-opacity))
}

.text-white{
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity))
}

.blur-2xl{
  --tw-blur: blur(40px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.grayscale{
  --tw-grayscale: grayscale(100%);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}

.ease-in-out{
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}

.\*\:size-10>*{
  width:2.5rem;
  height:2.5rem
}

.\*\:size-8>*{
  width:2rem;
  height:2rem
}

.hover\:h-1\/2:hover{
  height:50%
}

.hover\:bg-blue-800:hover{
  --tw-bg-opacity: 1;
  background-color:rgb(30 64 175 / var(--tw-bg-opacity))
}

.group\/content:hover .group-hover\/content\:block{
  display:block
}

.group\/content:hover .group-hover\/content\:hidden{
  display:none
}

@media (min-width: 640px){
  .sm\:h-9{
    height:2.25rem
  }

  .sm\:w-9{
    width:2.25rem
  }

  .sm\:min-w-9{
    min-width:2.25rem
  }

  .sm\:gap-2{
    gap:.5rem
  }

  .sm\:text-base{
    font-size:1rem;
    line-height:1.5rem
  }
}

@media (min-width: 768px){
  .md\:h-7{
    height:1.75rem
  }

  .md\:w-7{
    width:1.75rem
  }

  .md\:max-w-\[20rem\]{
    max-width:20rem
  }

  .md\:text-lg{
    font-size:1.125rem;
    line-height:1.75rem
  }

  .md\:text-xl{
    font-size:1.25rem;
    line-height:1.75rem
  }
}

/**
 * Swiper 11.2.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 10, 2025
 */

@font-face{
  font-family:swiper-icons;

  src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');

  font-weight:400;

  font-style:normal
}

:root{
  --swiper-theme-color:#007aff
}

:host{
  position:relative;
  display:block;
  margin-left:auto;
  margin-right:auto;
  z-index:1
}

.swiper{
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden;
  list-style:none;
  padding:0;
  z-index:1;
  display:block
}

.swiper-vertical>.swiper-wrapper{
  flex-direction:column
}

.swiper-wrapper{
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
  display:flex;
  transition-property:transform;
  transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);
  box-sizing:content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{
  transform:translate3d(0px,0,0)
}

.swiper-horizontal{
  touch-action:pan-y
}

.swiper-vertical{
  touch-action:pan-x
}

.swiper-slide{
  flex-shrink:0;
  width:100%;
  height:100%;
  position:relative;
  transition-property:transform;
  display:block
}

.swiper-slide-invisible-blank{
  visibility:hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide{
  height:auto
}

.swiper-autoheight .swiper-wrapper{
  align-items:flex-start;
  transition-property:transform,height
}

.swiper-backface-hidden .swiper-slide{
  transform:translateZ(0);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper{
  perspective:1200px
}

.swiper-3d .swiper-wrapper{
  transform-style:preserve-3d
}

.swiper-3d{
  perspective:1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{
  transform-style:preserve-3d
}

.swiper-css-mode>.swiper-wrapper{
  overflow:auto;
  scrollbar-width:none;
  -ms-overflow-style:none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{
  display:none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide{
  scroll-snap-align:start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper{
  scroll-snap-type:x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper{
  scroll-snap-type:y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper{
  scroll-snap-type:none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{
  scroll-snap-align:none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before{
  content:'';
  flex-shrink:0;
  order:9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{
  scroll-snap-align:center center;
  scroll-snap-stop:always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{
  -webkit-margin-start:var(--swiper-centered-offset-before);
          margin-inline-start:var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{
  height:100%;
  min-height:1px;
  width:var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{
  -webkit-margin-before:var(--swiper-centered-offset-before);
          margin-block-start:var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{
  width:100%;
  min-width:1px;
  height:var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  pointer-events:none;
  z-index:10
}

.swiper-3d .swiper-slide-shadow{
  background:rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left{
  background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right{
  background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top{
  background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom{
  background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader{
  width:42px;
  height:42px;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-21px;
  margin-top:-21px;
  z-index:10;
  transform-origin:50%;
  box-sizing:border-box;
  border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius:50%;
  border-top-color:transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{
  animation:swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white{
  --swiper-preloader-color:#fff
}

.swiper-lazy-preloader-black{
  --swiper-preloader-color:#000
}

@keyframes swiper-preloader-spin{
  0%{
    transform:rotate(0deg)
  }

  100%{
    transform:rotate(360deg)
  }
}

.swiper.swiper-cube{
  overflow:visible
}

.swiper-cube .swiper-slide{
  pointer-events:none;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  z-index:1;
  visibility:hidden;
  transform-origin:0 0;
  width:100%;
  height:100%
}

.swiper-cube .swiper-slide .swiper-slide{
  pointer-events:none
}

.swiper-cube.swiper-rtl .swiper-slide{
  transform-origin:100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{
  pointer-events:auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{
  pointer-events:auto;
  visibility:visible
}

.swiper-cube .swiper-cube-shadow{
  position:absolute;
  left:0;
  bottom:0px;
  width:100%;
  height:100%;
  opacity:.6;
  z-index:0
}

.swiper-cube .swiper-cube-shadow:before{
  content:'';
  background:#000;
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  filter:blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide{
  pointer-events:auto;
  visibility:visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{
  z-index:0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden
}

.markdown {
  pre{
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity));
  }
  pre{
    --tw-text-opacity: 1;
    color: rgb(9 9 11 / var(--tw-text-opacity));
  }
  pre{
    margin-top: 1rem;
  }
  pre{
    overflow-x: scroll;
  }
  pre{
    border-radius: 0.375rem;
  }
  pre{
    padding: 1rem;
  }
  pre{
    border-radius:.375rem
  }
  pre{
    padding:1rem
  }
  pre{
    border-radius:.375rem
  }
  pre{
    padding:1rem
  }
  pre{
    padding:1rem
  }
  p {
    &:first-child{
      margin-top: 0px;
    }
  }
  p{
    margin-top: 1rem;
  }
  p{
    line-height: 150%;
  }
  ul{
    margin-top: 0.5rem;
  }
  ul {
    li{
      margin-top: 0.25rem;
    }
  }
  a{
    --tw-text-opacity: 1;
    color: rgb(7 89 133 / var(--tw-text-opacity));
  }
}

.aspect-ratio[data-ratio="16:7"] {
  aspect-ratio: 16/7;
}

.aspect-ratio[data-ratio="9:20"] {
  aspect-ratio: 9/20;
}

.aspect-ratio[data-ratio="9:16"] {
  aspect-ratio: 9/16;
}

@supports not (aspect-ratio: 1) {
  .aspect-ratio[data-ratio="16:7"] {
    /* 43.75% is 7/16 for 16:7 ratio */
    padding-top: 43.75%;
    height: 0;
    position: relative;
    overflow: hidden;
  }

  .aspect-ratio[data-ratio="9:20"] {
    /* 222.222% is 20/9 for 9:20 ratio */
    /* 177.777% is 16/9 */
    padding-top: 177.777%;
    height: 0;
    position: relative;
    overflow: hidden;
  }
}

.gloss {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background: radial-gradient(
    hsla(0, 0%, 100%, 0.7) 0,
    hsla(0, 0%, 100%, 0) 50%,
    hsla(0, 0%, 100%, 0) 100%
  );
  position: absolute;
  will-change: opacity;
  transform: scale(2.4);
  opacity: 0.4;
  animation: shimmy 30s infinite;
}

@keyframes shimmy {
  0% {
    transform: translate(-200%, 0) scale(2.4);
  }

  50% {
    transform: translate(200%, 0) scale(2.4);
  }

  100% {
    transform: translate(400%, 0) scale(2.4);
  }
}

.background-animate {
  background-size: 800%;
  animation: AnimationName 10s ease infinite;
}

@keyframes AnimationName {
  0%,
  100% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }
}

.avatar-gradient {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  display: inline-block;
  background: linear-gradient(
    to top,
    rgba(0, 47, 75, 0.5) 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.comment-video {
  &:hover {
    transform: scale(1.5) translateY(-15%);
  }
}

.subscribe-letter-input {
  -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
  &.error {
    color: #ff6699;
    border-color: #ff6699;
  }
}

.countdown-ping {
  animation: countdown-ping 2s cubic-bezier(0.4, 0, 0.6, 1) 1;
}

.onboard-bg {
  background-image: url("https://res.cloudinary.com/dxvwwrbr4/image/upload/v1710321977/web_team/climaxine/onboard_bg_t6h4zh.png");
  background-size: cover;
  background-position: center center;
}

@keyframes countdown-ping {
  75%,
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

.message-mask {
  -webkit-clip-path: polygon(
    0% 0%,
    100% 0%,
    100% 96%,
    56% 96%,
    50% 100%,
    44% 96%,
    0 96%
  );
          clip-path: polygon(
    0% 0%,
    100% 0%,
    100% 96%,
    56% 96%,
    50% 100%,
    44% 96%,
    0 96%
  );
}

.section-text {
  transform: rotate(-90deg) translate(50%, 0px);
}

.inner-shadow {
  box-shadow:
    inset rgba(187, 189, 191, 0.5) 0px 0px 40px 0px,
    inset rgba(60, 70, 85, 0.5) 0px 0px 40px 0px,
    inset rgba(0, 0, 0, 1) 0px 0px 36px -24px;
}

@media (orientation: portrait) {
  .card-portrait {
    width: 100%;
  }

  .onboarding {
    width: 100vh;
    height: 100vw;
    width: 100svh !important;
    height: 100svw !important;
    transform: rotate(90deg);
    top: 0;
    transform-origin: bottom left;
    -o-object-fit: cover;
       object-fit: cover;
    margin-top: -100vw !important;
    margin-top: -100svw !important;
  }

  .cowatch-safe-area {
    margin: 0 2rem;
  }

  /* .space-wrapper:has(.card-landscape) {
    width: 100vh;
    height: 100vw;
    width: 100svh !important;
    height: 100svw !important;
    transform: rotate(90deg);
    top: 0;
    transform-origin: bottom left;
    object-fit: cover;
    margin-top: -100vw !important;
    margin-top: -100svw !important;

    .space {
      height: 100vw;
      width: 100vh;
      height: 100svw !important;
      width: 100svh !important;
    }

    .story {
      padding: 1rem;
    }
  } */
}

@media (orientation: landscape) {
  /* 56.25vh is 16:9 aspect ratio */

  .card-portrait {
    width: 56.25vh;
    margin: auto;
  }
}

.glow-card::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  filter: blur(20px);
  background-image: linear-gradient(0, #5ddcff, #3c67e3 43%, #4e00c2);
  opacity: 1;
  /*   transition: opacity .5s; */
  /*   animation: spin 2.5s linear infinite; */
}

.gradient-bg-online {
  background: radial-gradient(circle, rgba(134, 255, 77, 0.8), transparent);
  border-radius: 50%;
  box-shadow: 0 0 7px rgba(134, 255, 77, 0.6);
}

input:focus,
textarea:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: inherit !important;
}

input:focus::before,
input:focus::after,
textarea:focus::before,
textarea:focus::after {
  display: none !important;
}

.device-settings select {
  background-image: none;
}

.animated-height {
  transition: height 0.5s ease-in-out;
  cursor: move;
  cursor: grab;
  cursor: -webkit-grab;
}

.animated-height:active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

@keyframes scaleAnimation {
  0% {
    transform: scale(1);
  }

  30% {
    transform: scale(0.9);
  }

  100% {
    transform: scale(1);
  }
}

.scale-animation {
  animation: scaleAnimation 1.3s ease-in-out forwards;
}

@keyframes scaleAndShadow {
  0% {
    transform: scale(1.5);
    opacity: 1;
  }

  25% {
    transform: scale(1);
    opacity: 1;
  }

  75% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    opacity: 0;
    display: none;
  }
}

.scale-shadow-animation {
  animation: scaleAndShadow 1.2s ease-in-out forwards;
}

.stretch-svg svg {
  height: 100%;
  width: 100%;
}

@keyframes blurLoading {
  0% {
    filter: blur(0.5rem);
    /* md = 8px */
    transform: scale(1.5);
    opacity: 0.7;
  }

  100% {
    filter: blur(0.375rem);
    /* sm = 6px */
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes blurLoading2 {
  0% {
    filter: blur(0.375rem);
    /* sm = 6px */
    transform: scale(1);
    opacity: 1;
  }

  80% {
    filter: blur(0);
    /* sm = 6px */
    transform: scale(1);
    opacity: 1;
  }

  100% {
    opacity: 0;
    display: none;
  }
}

@keyframes dissolve {
  0% {
    opacity: 1;
  }

  99% {
    transform: scale(1.9);
  }

  100% {
    opacity: 0;
    display: none;
  }
}

.dissolve-animation {
  animation: dissolve 0.4s forwards ease-in-out;
}

.dissolve-animation-2 {
  animation: dissolve 0.3s 0.9s forwards ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    display: none;
  }
}

.fade-in {
  animation: fadeIn 0.15s ease-in-out;
}

.fade-in-2 {
  opacity: 0;
  animation: fadeIn 0.2s ease-in-out forwards;
}

.fade-in-loading {
  animation: fadeIn 0.15s ease-in-out forwards;
}

.fade-out-animation {
  animation: fadeOut 0.15s ease-in-out forwards;
}

.rounded-avatar .avatar-component {
  border-radius: 6px;
  border-top-left-radius: 38px;
  border-top-right-radius: 38px;
  overflow: hidden;
}

.rounded-avatar .prompt {
  padding: 0.3rem;
}

.rounded-avatar .prompt .prompt_toolbar {
  border-radius: 8px;
  background: rgb(0 0 0 / 0.1);
}

.rounded-avatar .prompt .prompt_textarea {
  border-radius: 8px;
  background: rgb(0 0 0 / 0.1);
}

.create-avatar .instructor-screen_collapsed .toolbar {
  animation: fadeOut 0.15s linear forwards;
}

.create-avatar .prompt-instructions {
  display: none;
}

@keyframes scaleAndMoveDown {
  0% {
    transform: scale(1) translateY(0);
    opacity: 1;
    transform: scale(3) translateY(0);
  }

  100% {
    transform: scale(3.2) translateY(10px);
    opacity: 0;
  }
}

.scale-move-down-animation {
  animation: scaleAndMoveDown 0.75s 0.5s forwards;
}

@keyframes scaleAndOpacity {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

.scale-opacity-animation {
  animation: scaleAndOpacity 0.75s 1.2s forwards;
}

@keyframes scaleIconAnimation {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.2);
  }
}

.scale-icon-animation {
  animation: scaleIconAnimation 0.75s 1.2s forwards;
}

.panoramaContainer {
  canvas {
    width: 100% !important;
    height: 100% !important;
    border-radius: 38px;
    pointer-events: auto;
  }
}

@keyframes radar-pulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

.radar-effect {
  animation: radar-pulse 1s infinite;
}

@keyframes radarScaleAnimation {
  0%,
  100% {
    opacity: 0;
    transform: scale(0.8);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }
}

.animate-pulse-effect {
  animation: radarScaleAnimation 1s infinite;
}

body.prevent-mobile-scroll,
html.prevent-mobile-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: auto;
  background: black;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  /* Disable context menu on iOS */
}

@keyframes fadeInTranslateYLoading {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-translateY-loading {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInTranslateYLoading 0.35s 0.1s ease-in-out forwards;
}

/* Base points style */

.points {
  transition:
    transform 0.15s ease-in,
    text-shadow 0.15s linear;
}

/* Animation style */

.points-animate {
  transform: scale(1.1);
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.7);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

.avatar-touch-events,
.avatar-touch-events_toolbar {
  -webkit-user-select: none;
  /* For Safari and iOS */
  -moz-user-select: none;
       user-select: none;
  /* For other browsers */
}

.placeholder\:text-zinc-400::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity));
}

.placeholder\:text-zinc-400::placeholder{
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity));
}

.after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}

.after\:start-\[2px\]::after{
  content: var(--tw-content);
  inset-inline-start: 2px;
}

.after\:top-\[2px\]::after{
  content: var(--tw-content);
  top: 2px;
}

.after\:h-5::after{
  content: var(--tw-content);
  height: 1.25rem;
}

.after\:w-5::after{
  content: var(--tw-content);
  width: 1.25rem;
}

.after\:rounded-full::after{
  content: var(--tw-content);
  border-radius: 9999px;
}

.after\:border::after{
  content: var(--tw-content);
  border-width: 1px;
}

.after\:border-gray-300::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.after\:bg-white::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.after\:transition-all::after{
  content: var(--tw-content);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.after\:content-\[\'\'\]::after{
  --tw-content: '';
  content: var(--tw-content);
}

.hover\:h-1\/2:hover{
  height: 50%;
}

.hover\:scale-105:hover{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  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));
}

.hover\:border-brand-secondary:hover{
  --tw-border-opacity: 1;
  border-color: rgb(var(--color-brand-secondary) / var(--tw-border-opacity));
}

.hover\:border-white\/20:hover{
  border-color: rgb(255 255 255 / 0.2);
}

.hover\:bg-\[\#635bff\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(99 91 255 / var(--tw-bg-opacity));
}

.hover\:bg-black\/20:hover{
  background-color: rgb(0 0 0 / 0.2);
}

.hover\:bg-black\/30:hover{
  background-color: rgb(0 0 0 / 0.3);
}

.hover\:bg-black\/40:hover{
  background-color: rgb(0 0 0 / 0.4);
}

.hover\:bg-black\/50:hover{
  background-color: rgb(0 0 0 / 0.5);
}

.hover\:bg-blue-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}

.hover\:bg-blue-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 64 175 / var(--tw-bg-opacity));
}

.hover\:bg-brand-primary\/30:hover{
  background-color: rgb(var(--color-brand-primary) / 0.3);
}

.hover\:bg-brand-primary\/60:hover{
  background-color: rgb(var(--color-brand-primary) / 0.6);
}

.hover\:bg-brand-primary\/70:hover{
  background-color: rgb(var(--color-brand-primary) / 0.7);
}

.hover\:bg-brand-primary\/80:hover{
  background-color: rgb(var(--color-brand-primary) / 0.8);
}

.hover\:bg-content\/20:hover{
  background-color: rgb(var(--content-color) / 0.2);
}

.hover\:bg-gray-100:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-gray-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.hover\:bg-gray-200\/20:hover{
  background-color: rgb(229 231 235 / 0.2);
}

.hover\:bg-gray-900:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}

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

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

.hover\:bg-green-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(22 101 52 / var(--tw-bg-opacity));
}

.hover\:bg-green-800\/90:hover{
  background-color: rgb(22 101 52 / 0.9);
}

.hover\:bg-lime-300:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(190 242 100 / var(--tw-bg-opacity));
}

.hover\:bg-red-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}

.hover\:bg-red-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.hover\:bg-red-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(153 27 27 / var(--tw-bg-opacity));
}

.hover\:bg-sky-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(56 189 248 / var(--tw-bg-opacity));
}

.hover\:bg-sky-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(14 165 233 / var(--tw-bg-opacity));
}

.hover\:bg-sky-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity));
}

.hover\:bg-sky-700:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / var(--tw-bg-opacity));
}

.hover\:bg-white:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:bg-yellow-400:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}

.hover\:bg-yellow-500:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}

.hover\:bg-yellow-600:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(202 138 4 / var(--tw-bg-opacity));
}

.hover\:bg-zinc-200:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity));
}

.hover\:text-brand-primary\/80:hover{
  color: rgb(var(--color-brand-primary) / 0.8);
}

.hover\:text-gray-900:hover{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:text-zinc-100:hover{
  --tw-text-opacity: 1;
  color: rgb(244 244 245 / var(--tw-text-opacity));
}

.hover\:underline:hover{
  text-decoration-line: underline;
}

.hover\:opacity-100:hover{
  opacity: 1;
}

.hover\:drop-shadow-md:hover{
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.focus\:\!border-white\/30:focus{
  border-color: rgb(255 255 255 / 0.3) !important;
}

.focus\:border-blue-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
}

.focus\:border-red-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(248 113 113 / var(--tw-border-opacity));
}

.focus\:border-rose-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(251 113 133 / var(--tw-border-opacity));
}

.focus\:border-teal-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(20 184 166 / var(--tw-border-opacity));
}

.focus\:border-zinc-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(161 161 170 / var(--tw-border-opacity));
}

.focus\:border-zinc-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(113 113 122 / var(--tw-border-opacity));
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:ring:focus{
  --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(3px + 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);
}

.focus\:ring-4:focus{
  --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(4px + 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);
}

.focus\:ring-\[\#3b5998\]\/50:focus{
  --tw-ring-color: rgb(59 89 152 / 0.5);
}

.focus\:ring-blue-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
}

.focus\:ring-blue-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

.focus\:ring-blue-800:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
}

.focus\:ring-gray-100:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity));
}

.focus\:ring-gray-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
}

.focus\:ring-green-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity));
}

.focus\:ring-red-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 202 202 / var(--tw-ring-opacity));
}

.focus\:ring-red-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
}

.focus\:ring-rose-400\/10:focus{
  --tw-ring-color: rgb(251 113 133 / 0.1);
}

.focus\:ring-teal-500\/10:focus{
  --tw-ring-color: rgb(20 184 166 / 0.1);
}

.focus\:ring-yellow-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(253 224 71 / var(--tw-ring-opacity));
}

.focus\:ring-yellow-800:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(133 77 14 / var(--tw-ring-opacity));
}

.focus\:ring-zinc-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(113 113 122 / var(--tw-ring-opacity));
}

.focus\:ring-zinc-800\/5:focus{
  --tw-ring-color: rgb(39 39 42 / 0.05);
}

.focus\:ring-zinc-900:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(24 24 27 / var(--tw-ring-opacity));
}

.focus\:ring-opacity-50:focus{
  --tw-ring-opacity: 0.5;
}

.focus\:placeholder\:opacity-100:focus::-moz-placeholder{
  opacity: 1;
}

.focus\:placeholder\:opacity-100:focus::placeholder{
  opacity: 1;
}

.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus-visible\:outline-0:focus-visible{
  outline-width: 0px;
}

.focus-visible\:ring: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(3px + 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);
}

.focus-visible\:ring-opacity-50:focus-visible{
  --tw-ring-opacity: 0.5;
}

.active\:transition-none:active{
  transition-property: none;
}

.disabled\:bg-blue-100:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.disabled\:bg-gray-300:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.disabled\:bg-sky-200:disabled{
  --tw-bg-opacity: 1;
  background-color: rgb(186 230 253 / var(--tw-bg-opacity));
}

.disabled\:text-slate-500:disabled{
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}

.disabled\:opacity-10:disabled{
  opacity: 0.1;
}

.disabled\:opacity-20:disabled{
  opacity: 0.2;
}

.disabled\:opacity-50:disabled{
  opacity: 0.5;
}

.group\/content:hover .group-hover\/content\:block{
  display: block;
}

.group:hover .group-hover\:block{
  display: block;
}

.group\/videotile:hover .group-hover\/videotile\:flex{
  display: flex;
}

.group:hover .group-hover\:flex{
  display: flex;
}

.group\/content:hover .group-hover\/content\:hidden{
  display: none;
}

.group:hover .group-hover\:hidden{
  display: none;
}

.group:hover .group-hover\:bg-black\/50{
  background-color: rgb(0 0 0 / 0.5);
}

.group:hover .group-hover\:bg-green-300{
  --tw-bg-opacity: 1;
  background-color: rgb(134 239 172 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:text-\[\#34A853\]{
  --tw-text-opacity: 1;
  color: rgb(52 168 83 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-\[\#4285F4\]{
  --tw-text-opacity: 1;
  color: rgb(66 133 244 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-\[\#A2AAAD\]{
  --tw-text-opacity: 1;
  color: rgb(162 170 173 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-\[\#EA4335\]{
  --tw-text-opacity: 1;
  color: rgb(234 67 53 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-\[\#FBBC05\]{
  --tw-text-opacity: 1;
  color: rgb(251 188 5 / var(--tw-text-opacity));
}

.group:hover .group-hover\:opacity-100{
  opacity: 1;
}

.group:hover .group-hover\:drop-shadow-\[0_0_8px_rgba\(255\2c 255\2c 255\2c 0\.7\)\]{
  --tw-drop-shadow: drop-shadow(0 0 8px rgba(255,255,255,0.7));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.group:hover .group-hover\:drop-shadow-\[0_0_8px_rgba\(255\2c 255\2c 255\2c 0\.8\)\]{
  --tw-drop-shadow: drop-shadow(0 0 8px rgba(255,255,255,0.8));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.peer:checked ~ .peer-checked\:bg-blue-600{
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:after\:translate-x-full::after{
  content: var(--tw-content);
  --tw-translate-x: 100%;
  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));
}

.peer:checked ~ .peer-checked\:after\:border-white::after{
  content: var(--tw-content);
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.peer:focus ~ .peer-focus\:outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.peer:focus ~ .peer-focus\:ring-4{
  --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(4px + 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);
}

.peer:focus ~ .peer-focus\:ring-blue-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity));
}

.phx-no-feedback.phx-no-feedback\:hidden{
  display: none;
}

.phx-no-feedback.phx-no-feedback\:border-zinc-300{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 216 / var(--tw-border-opacity));
}

.phx-no-feedback.phx-no-feedback\:focus\:border-zinc-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(161 161 170 / var(--tw-border-opacity));
}

.phx-no-feedback.phx-no-feedback\:focus\:ring-zinc-800\/5:focus{
  --tw-ring-color: rgb(39 39 42 / 0.05);
}

.phx-no-feedback .phx-no-feedback\:hidden{
  display: none;
}

.phx-no-feedback .phx-no-feedback\:border-zinc-300{
  --tw-border-opacity: 1;
  border-color: rgb(212 212 216 / var(--tw-border-opacity));
}

.phx-no-feedback .phx-no-feedback\:focus\:border-zinc-400:focus{
  --tw-border-opacity: 1;
  border-color: rgb(161 161 170 / var(--tw-border-opacity));
}

.phx-no-feedback .phx-no-feedback\:focus\:ring-zinc-800\/5:focus{
  --tw-ring-color: rgb(39 39 42 / 0.05);
}

.phx-click-loading.phx-click-loading\:opacity-50{
  opacity: 0.5;
}

.phx-click-loading .phx-click-loading\:opacity-50{
  opacity: 0.5;
}

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

.phx-submit-loading.phx-submit-loading\:animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

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

.phx-submit-loading .phx-submit-loading\:animate-pulse{
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

:is([dir="rtl"] .rtl\:text-right){
  text-align: right;
}

:is([dir="rtl"] .peer:checked ~ .rtl\:peer-checked\:after\:-translate-x-full)::after{
  content: var(--tw-content);
  --tw-translate-x: -100%;
  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));
}

@media (prefers-color-scheme: dark){
  .dark\:border-gray-400{
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
  }

  .dark\:border-gray-500{
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity));
  }

  .dark\:border-gray-600{
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99 / var(--tw-border-opacity));
  }

  .dark\:border-gray-700{
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
  }

  .dark\:bg-blue-600{
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235 / var(--tw-bg-opacity));
  }

  .dark\:bg-gray-700{
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  }

  .dark\:bg-gray-800{
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  }

  .dark\:bg-green-600{
    --tw-bg-opacity: 1;
    background-color: rgb(22 163 74 / var(--tw-bg-opacity));
  }

  .dark\:bg-green-900{
    --tw-bg-opacity: 1;
    background-color: rgb(20 83 45 / var(--tw-bg-opacity));
  }

  .dark\:text-blue-500{
    --tw-text-opacity: 1;
    color: rgb(59 130 246 / var(--tw-text-opacity));
  }

  .dark\:text-gray-300{
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity));
  }

  .dark\:text-gray-400{
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }

  .dark\:text-gray-600{
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity));
  }

  .dark\:text-green-300{
    --tw-text-opacity: 1;
    color: rgb(134 239 172 / var(--tw-text-opacity));
  }

  .dark\:text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .dark\:placeholder-gray-400::-moz-placeholder{
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity));
  }

  .dark\:placeholder-gray-400::placeholder{
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity));
  }

  .dark\:hover\:bg-blue-700:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(29 78 216 / var(--tw-bg-opacity));
  }

  .dark\:hover\:bg-gray-600:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
  }

  .dark\:hover\:bg-green-700:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(21 128 61 / var(--tw-bg-opacity));
  }

  .hover\:dark\:bg-gray-500:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128 / var(--tw-bg-opacity));
  }

  .hover\:dark\:bg-gray-700:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  }

  .dark\:hover\:text-white:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .dark\:focus\:border-blue-500:focus{
    --tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity));
  }

  .dark\:focus\:ring-blue-500:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
  }

  .dark\:focus\:ring-blue-800:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
  }

  .dark\:focus\:ring-gray-700:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
  }

  .dark\:focus\:ring-green-800:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(22 101 52 / var(--tw-ring-opacity));
  }

  .dark\:focus\:ring-red-800:focus{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(153 27 27 / var(--tw-ring-opacity));
  }

  .peer:focus ~ .dark\:peer-focus\:ring-blue-800{
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity));
  }
}

@media (min-width: 640px){
  .sm\:mt-12{
    margin-top: 3rem;
  }

  .sm\:flex{
    display: flex;
  }

  .sm\:h-auto{
    height: auto;
  }

  .sm\:h-screen{
    height: 100vh;
  }

  .sm\:w-52{
    width: 13rem;
  }

  .sm\:w-auto{
    width: auto;
  }

  .sm\:flex-row{
    flex-direction: row;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:gap-2{
    gap: 0.5rem;
  }

  .sm\:gap-6{
    gap: 1.5rem;
  }

  .sm\:p-4{
    padding: 1rem;
  }

  .sm\:p-6{
    padding: 1.5rem;
  }

  .sm\:p-8{
    padding: 2rem;
  }

  .sm\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .sm\:py-1{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

  .sm\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .sm\:text-right{
    text-align: right;
  }

  .sm\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .sm\:leading-6{
    line-height: 1.5rem;
  }

  .sm\:px-safe {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }
}

@media (min-width: 768px){
  .md\:absolute{
    position: absolute;
  }

  .md\:inset-0{
    inset: 0px;
  }

  .md\:block{
    display: block;
  }

  .md\:hidden{
    display: none;
  }

  .md\:aspect-\[9\/16\]{
    aspect-ratio: 9/16;
  }

  .md\:h-36{
    height: 9rem;
  }

  .md\:h-6{
    height: 1.5rem;
  }

  .md\:h-7{
    height: 1.75rem;
  }

  .md\:h-\[2\.5rem\]{
    height: 2.5rem;
  }

  .md\:h-\[200px\]{
    height: 200px;
  }

  .md\:h-full{
    height: 100%;
  }

  .md\:w-1\/2{
    width: 50%;
  }

  .md\:w-1\/3{
    width: 33.333333%;
  }

  .md\:w-1\/5{
    width: 20%;
  }

  .md\:w-3\/5{
    width: 60%;
  }

  .md\:w-36{
    width: 9rem;
  }

  .md\:w-6{
    width: 1.5rem;
  }

  .md\:w-7{
    width: 1.75rem;
  }

  .md\:w-96{
    width: 24rem;
  }

  .md\:w-\[115px\]{
    width: 115px;
  }

  .md\:w-\[30\%\]{
    width: 30%;
  }

  .md\:w-\[400px\]{
    width: 400px;
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:max-w-\[25rem\]{
    max-width: 25rem;
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:gap-1{
    gap: 0.25rem;
  }

  .md\:rounded-xl{
    border-radius: 0.75rem;
  }

  .md\:p-2{
    padding: 0.5rem;
  }

  .md\:p-3{
    padding: 0.75rem;
  }

  .md\:p-4{
    padding: 1rem;
  }

  .md\:p-5{
    padding: 1.25rem;
  }

  .md\:p-8{
    padding: 2rem;
  }

  .md\:px-0{
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .md\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .md\:py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  .md\:py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:pt-6{
    padding-top: 1.5rem;
  }

  .md\:text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-5xl{
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-\[24px\]{
    font-size: 24px;
  }

  .md\:text-\[32px\]{
    font-size: 32px;
  }

  .md\:text-\[60px\]{
    font-size: 60px;
  }

  .md\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:\[grid-template-columns\:repeat\(auto-fill\2c minmax\(28ch\2c 1fr\)\)\]{
    grid-template-columns: repeat(auto-fill,minmax(28ch,1fr));
  }

  .md\:hover\:ring-white\/80:hover{
    --tw-ring-color: rgb(255 255 255 / 0.8);
  }

  .group:hover .md\:group-hover\:flex{
    display: flex;
  }
}

@media (min-width: 1024px){
  .lg\:mt-16{
    margin-top: 4rem;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:h-16{
    height: 4rem;
  }

  .lg\:h-24{
    height: 6rem;
  }

  .lg\:h-56{
    height: 14rem;
  }

  .lg\:h-\[100px\]{
    height: 100px;
  }

  .lg\:h-\[300px\]{
    height: 300px;
  }

  .lg\:h-full{
    height: 100%;
  }

  .lg\:max-h-\[40\%\]{
    max-height: 40%;
  }

  .lg\:w-1\/12{
    width: 8.333333%;
  }

  .lg\:w-16{
    width: 4rem;
  }

  .lg\:w-24{
    width: 6rem;
  }

  .lg\:w-56{
    width: 14rem;
  }

  .lg\:w-\[520px\]{
    width: 520px;
  }

  .lg\:w-\[calc\(25\%_-_15px\)\]{
    width: calc(25% - 15px);
  }

  .lg\:w-\[calc\(25\%_-_8px\)\]{
    width: calc(25% - 8px);
  }

  .lg\:max-w-\[700px\]{
    max-width: 700px;
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:flex-row{
    flex-direction: row;
  }

  .lg\:gap-3{
    gap: 0.75rem;
  }

  .lg\:border{
    border-width: 1px;
  }

  .lg\:p-2{
    padding: 0.5rem;
  }

  .lg\:p-3{
    padding: 0.75rem;
  }

  .lg\:p-4{
    padding: 1rem;
  }

  .lg\:p-5{
    padding: 1.25rem;
  }

  .lg\:p-6{
    padding: 1.5rem;
  }

  .lg\:px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .lg\:py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:py-px{
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .lg\:text-6xl{
    font-size: 3.75rem;
    line-height: 1;
  }

  .lg\:text-7xl{
    font-size: 4.5rem;
    line-height: 1;
  }

  .lg\:text-\[100px\]{
    font-size: 100px;
  }

  .lg\:text-\[32px\]{
    font-size: 32px;
  }

  .lg\:text-base{
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .lg\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .group:hover .lg\:group-hover\:flex{
    display: flex;
  }
}

@media (min-width: 768px){
  @media (min-width: 1024px){
    .md\:lg\:ml-5{
      margin-left: 1.25rem;
    }

    .md\:lg\:mt-5{
      margin-top: 1.25rem;
    }

    .md\:lg\:h-6{
      height: 1.5rem;
    }

    .md\:lg\:h-8{
      height: 2rem;
    }
  }
}

@media (min-width: 1024px){
  @media (min-width: 768px){
    .lg\:md\:w-1\/2{
      width: 50%;
    }

    .lg\:md\:w-2\/5{
      width: 40%;
    }
  }
}

@media (min-width: 768px){
  @media (min-width: 1024px){
    .md\:lg\:w-3\/5{
      width: 60%;
    }

    .md\:lg\:w-6{
      width: 1.5rem;
    }

    .md\:lg\:w-8{
      width: 2rem;
    }
  }
}

@media (min-width: 1024px){
  @media (min-width: 768px){
    .lg\:md\:grid-cols-2{
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:md\:grid-cols-3{
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
}

@media (min-width: 768px){
  @media (min-width: 1024px){
    .md\:lg\:grid-cols-4{
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
}

@media (min-width: 1024px){
  @media (min-width: 768px){
    .lg\:md\:flex-row{
      flex-direction: row;
    }
  }
}

@media (min-width: 768px){
  @media (min-width: 1024px){
    .md\:lg\:flex-row{
      flex-direction: row;
    }

    .md\:lg\:gap-5{
      gap: 1.25rem;
    }
  }
}

@media (min-width: 1280px){
  .xl\:w-\[600px\]{
    width: 600px;
  }

  .xl\:p-4{
    padding: 1rem;
  }

  .xl\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (max-width: 450px), (max-height: 730px){
  .w-h-sm\:text-\[22px\]{
    font-size: 22px;
  }

  .w-h-sm\:text-\[24px\]{
    font-size: 24px;
  }

  .w-h-sm\:text-\[38px\]{
    font-size: 38px;
  }

  .w-h-sm\:leading-\[28px\]{
    line-height: 28px;
  }

  .w-h-sm\:leading-\[32px\]{
    line-height: 32px;
  }
}

@media (orientation: portrait){
  .portrait\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .portrait\:h-3\/5{
    height: 60%;
  }

  .portrait\:h-\[40vh\]{
    height: 40vh;
  }

  .portrait\:h-auto{
    height: auto;
  }

  .portrait\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (orientation: landscape){
  .landscape\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .landscape\:h-\[70vh\]{
    height: 70vh;
  }

  .landscape\:h-full{
    height: 100%;
  }

  .landscape\:w-4\/5{
    width: 80%;
  }

  .landscape\:w-full{
    width: 100%;
  }

  .landscape\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .landscape\:flex-row{
    flex-direction: row;
  }

  .landscape\:gap-4{
    gap: 1rem;
  }
}