@layer utilities {
  .animate-\[pulseDots_1\.2s_infinite_ease-in-out\] {
    animation: pulseDots 1.2s ease-in-out infinite;
  }
  .animate-\[pulseDots_1\.2s_infinite_ease-in-out_0\.2s\] {
    animation: pulseDots 1.2s ease-in-out 0.2s infinite;
  }
  .animate-\[pulseDots_1\.2s_infinite_ease-in-out_0\.4s\] {
    animation: pulseDots 1.2s ease-in-out 0.4s infinite;
  }
  .animate-bounce {
    animation: var(--animate-bounce);
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .rounded-\[2px\] {
    border-radius: 2px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-none {
    border-radius: 0;
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-t-\[12px\] {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
  }
  .rounded-t-xl {
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-none {
    --tw-border-style: none;
    border-style: none;
  }
  .object-contain {
    -o-object-fit: contain;
    object-fit: contain;
  }
  .object-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .object-\[center_20\%\] {
    -o-object-position: center 20%;
    object-position: center 20%;
  }
  .object-bottom {
    -o-object-position: bottom;
    object-position: bottom;
  }
  .object-center {
    -o-object-position: center;
    object-position: center;
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-10 {
    opacity: 10%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .mix-blend-multiply {
    mix-blend-mode: multiply;
  }
  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0/0.25));
  }
  .shadow-2xl,
  .shadow-\[0_-2px_20px_rgba\(0\,0\,0\,0\.15\)\] {
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_-2px_20px_rgba\(0\,0\,0\,0\.15\)\] {
    --tw-shadow: 0 -2px 20px var(--tw-shadow-color, rgba(0, 0, 0, 0.15));
  }
  .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 -4px 20px var(--tw-shadow-color, rgba(0, 0, 0, 0.12));
  }
  .shadow-\[0_-10px_25px_rgba\(0\,0\,0\,0\.05\)\],
  .shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.12\)\] {
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_-10px_25px_rgba\(0\,0\,0\,0\.05\)\] {
    --tw-shadow: 0 -10px 25px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
  }
  .shadow-lg {
    --tw-shadow:
      0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0/0.1)),
      0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0/0.1));
  }
  .shadow-lg,
  .shadow-md {
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-md {
    --tw-shadow:
      0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0/0.1)),
      0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0/0.1));
  }
  .shadow-sm {
    --tw-shadow:
      0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0/0.1)),
      0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0/0.1));
  }
  .shadow-sm,
  .shadow-xl {
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-xl {
    --tw-shadow:
      0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0/0.1)),
      0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0/0.1));
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width))
      var(--tw-ring-color, currentcolor);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow),
      var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-black {
    --tw-ring-color: var(--color-black);
  }
  .ring-offset-1 {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width)
      var(--tw-ring-offset-color);
  }
  .brightness-0 {
    --tw-brightness: brightness(0%);
  }
  .brightness-0,
  .brightness-90 {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,)
      var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,)
      var(--tw-drop-shadow,);
  }
  .brightness-90 {
    --tw-brightness: brightness(90%);
  }
  .brightness-\[0\.8\] {
    --tw-brightness: brightness(0.8);
  }
  .brightness-\[0\.8\],
  .contrast-\[0\.9\] {
    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,);
  }
  .contrast-\[0\.9\] {
    --tw-contrast: contrast(0.9);
  }
  .drop-shadow-md {
    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0/0.12)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
  }
  .drop-shadow-md,
  .drop-shadow-xs {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,)
      var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,)
      var(--tw-drop-shadow,);
  }
  .drop-shadow-xs {
    --tw-drop-shadow-size: drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0/0.05)));
    --tw-drop-shadow: drop-shadow(var(--drop-shadow-xs));
  }
  .invert {
    --tw-invert: invert(100%);
  }
  .filter,
  .invert {
    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-\[2px\] {
    --tw-backdrop-blur: blur(2px);
  }
  .backdrop-blur-\[2px\],
  .backdrop-blur-md {
    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(var(--blur-md));
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
  }
  .backdrop-blur-sm,
  .backdrop-blur-xs {
    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-xs {
    --tw-backdrop-blur: blur(var(--blur-xs));
  }
  .transition {
    transition-property:
      color, background-color, border-color, outline-color, text-decoration-color, fill, stroke,
      --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform,
      translate, scale, rotate, filter, backdrop-filter, display, visibility, content-visibility,
      overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-\[grid-template-rows\] {
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property:
      color, background-color, border-color, outline-color, text-decoration-color, fill, stroke,
      --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-150 {
    --tw-duration: 150ms;
    transition-duration: 0.15s;
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 0.2s;
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 0.3s;
  }
  .duration-350 {
    --tw-duration: 350ms;
    transition-duration: 0.35s;
  }
  .duration-400 {
    --tw-duration: 400ms;
    transition-duration: 0.4s;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 0.5s;
  }
  .duration-700 {
    --tw-duration: 700ms;
    transition-duration: 0.7s;
  }
  .duration-\[380ms\] {
    --tw-duration: 380ms;
    transition-duration: 0.38s;
  }
  .duration-\[8000ms\] {
    --tw-duration: 8000ms;
    transition-duration: 8s;
  }
  .ease-\[cubic-bezier\(0\.2\,0\,0\,1\)\] {
    --tw-ease: cubic-bezier(0.2, 0, 0, 1);
    transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
  }
  .ease-\[cubic-bezier\(0\.25\,0\.1\,0\.25\,1\)\] {
    --tw-ease: cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-timing-function: ease;
  }
  .ease-\[cubic-bezier\(0\.25\,1\,0\.5\,1\)\] {
    --tw-ease: cubic-bezier(0.25, 1, 0.5, 1);
    transition-timing-function: cubic-bezier(0.25, 1, 0.5, 1);
  }
  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }
  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .\[animation-delay\:-0\.3s\] {
    animation-delay: -0.3s;
  }
  .\[animation-delay\:-0\.15s\] {
    animation-delay: -0.15s;
  }
  .group-hover\:pointer-events-auto {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        pointer-events: auto;
      }
    }
  }
  .group-hover\:scale-105 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .group-hover\:rotate-180 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        rotate: 180deg;
      }
    }
  }
  .group-hover\:text-black {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  .group-hover\:opacity-100 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .peer-not-placeholder-shown\:top-\[12px\] {
    &:is(:where(.peer):not(:-moz-placeholder) ~ *) {
      top: 12px;
    }
    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
      top: 12px;
    }
  }
  .peer-not-placeholder-shown\:top-\[16px\] {
    &:is(:where(.peer):not(:-moz-placeholder) ~ *) {
      top: 16px;
    }
    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
      top: 16px;
    }
  }
  .peer-not-placeholder-shown\:-translate-y-\[19px\] {
    &:is(:where(.peer):not(:-moz-placeholder) ~ *) {
      --tw-translate-y: calc(19px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
      --tw-translate-y: calc(19px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .peer-not-placeholder-shown\:-translate-y-\[23px\] {
    &:is(:where(.peer):not(:-moz-placeholder) ~ *) {
      --tw-translate-y: calc(23px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
      --tw-translate-y: calc(23px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .peer-not-placeholder-shown\:scale-\[0\.82\] {
    &:is(:where(.peer):not(:-moz-placeholder) ~ *) {
      scale: 0.82;
    }
    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
      scale: 0.82;
    }
  }
  .peer-not-placeholder-shown\:scale-\[0\.85\] {
    &:is(:where(.peer):not(:-moz-placeholder) ~ *) {
      scale: 0.85;
    }
    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
      scale: 0.85;
    }
  }
  .peer-not-placeholder-shown\:text-\[\#555\] {
    &:is(:where(.peer):not(:-moz-placeholder) ~ *) {
      color: #555;
    }
    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
      color: #555;
    }
  }
  .peer-not-placeholder-shown\:text-gray-800 {
    &:is(:where(.peer):not(:-moz-placeholder) ~ *) {
      color: var(--color-gray-800);
    }
    &:is(:where(.peer):not(:placeholder-shown) ~ *) {
      color: var(--color-gray-800);
    }
  }
  .peer-focus\:top-\[12px\] {
    &:is(:where(.peer):focus ~ *) {
      top: 12px;
    }
  }
  .peer-focus\:top-\[16px\] {
    &:is(:where(.peer):focus ~ *) {
      top: 16px;
    }
  }
  .peer-focus\:-translate-y-\[19px\] {
    &:is(:where(.peer):focus ~ *) {
      --tw-translate-y: calc(19px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .peer-focus\:-translate-y-\[23px\] {
    &:is(:where(.peer):focus ~ *) {
      --tw-translate-y: calc(23px * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
  }
  .peer-focus\:scale-\[0\.82\] {
    &:is(:where(.peer):focus ~ *) {
      scale: 0.82;
    }
  }
  .peer-focus\:scale-\[0\.85\] {
    &:is(:where(.peer):focus ~ *) {
      scale: 0.85;
    }
  }
  .peer-focus\:text-\[\#555\] {
    &:is(:where(.peer):focus ~ *) {
      color: #555;
    }
  }
  .peer-focus\:text-gray-800 {
    &:is(:where(.peer):focus ~ *) {
      color: var(--color-gray-800);
    }
  }
  .placeholder\:text-current {
    &::-moz-placeholder {
      color: currentcolor;
    }
    &::placeholder {
      color: currentcolor;
    }
  }
  .placeholder\:text-gray-400 {
    &::-moz-placeholder {
      color: var(--color-gray-400);
    }
    &::placeholder {
      color: var(--color-gray-400);
    }
  }
  .placeholder\:opacity-70 {
    &::-moz-placeholder {
      opacity: 70%;
    }
    &::placeholder {
      opacity: 70%;
    }
  }
  .checked\:border-\[\#111\] {
    &:checked {
      border-color: #111;
    }
  }
  .checked\:bg-\[\#111\] {
    &:checked {
      background-color: #111;
    }
  }
  .checked\:after\:absolute {
    &:checked {
      &:after {
        content: var(--tw-content);
        position: absolute;
      }
    }
  }
  .checked\:after\:top-\[1\.5px\] {
    &:checked {
      &:after {
        content: var(--tw-content);
        top: 1.5px;
      }
    }
  }
  .checked\:after\:top-\[2px\] {
    &:checked {
      &:after {
        content: var(--tw-content);
        top: 2px;
      }
    }
  }
  .checked\:after\:left-\[4px\] {
    &:checked {
      &:after {
        content: var(--tw-content);
        left: 4px;
      }
    }
  }
  .checked\:after\:left-\[5px\] {
    &:checked {
      &:after {
        content: var(--tw-content);
        left: 5px;
      }
    }
  }
  .checked\:after\:h-\[8px\] {
    &:checked {
      &:after {
        content: var(--tw-content);
        height: 8px;
      }
    }
  }
  .checked\:after\:h-\[9px\] {
    &:checked {
      &:after {
        content: var(--tw-content);
        height: 9px;
      }
    }
  }
  .checked\:after\:w-\[4px\] {
    &:checked {
      &:after {
        content: var(--tw-content);
        width: 4px;
      }
    }
  }
  .checked\:after\:w-\[5px\] {
    &:checked {
      &:after {
        content: var(--tw-content);
        width: 5px;
      }
    }
  }
  .checked\:after\:rotate-45 {
    &:checked {
      &:after {
        content: var(--tw-content);
        rotate: 45deg;
      }
    }
  }
  .checked\:after\:border-r-2 {
    &:checked {
      &:after {
        content: var(--tw-content);
        border-right-style: var(--tw-border-style);
        border-right-width: 2px;
      }
    }
  }
  .checked\:after\:border-b-2 {
    &:checked {
      &:after {
        content: var(--tw-content);
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px;
      }
    }
  }
  .checked\:after\:border-black {
    &:checked {
      &:after {
        content: var(--tw-content);
        border-color: var(--color-black);
      }
    }
  }
  .checked\:after\:border-white {
    &:checked {
      &:after {
        content: var(--tw-content);
        border-color: var(--color-white);
      }
    }
  }
  .checked\:after\:content-\[\'\'\] {
    &:checked {
      &:after {
        --tw-content: "";
        content: var(--tw-content);
      }
    }
  }
  .hover\:scale-105 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        --tw-scale-z: 105%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:scale-110 {
    &:hover {
      @media (hover: hover) {
        --tw-scale-x: 110%;
        --tw-scale-y: 110%;
        --tw-scale-z: 110%;
        scale: var(--tw-scale-x) var(--tw-scale-y);
      }
    }
  }
  .hover\:border-black {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-black);
      }
    }
  }
  .hover\:border-transparent {
    &:hover {
      @media (hover: hover) {
        border-left-color: transparent;
        border-bottom-color: transparent;
        border-right-color: transparent;
        border-top-color: transparent;
      }
    }
  }
  .hover\:bg-\[\#2d3238\] {
    &:hover {
      @media (hover: hover) {
        background-color: #2d3238;
      }
    }
  }
  .hover\:bg-\[\#222\] {
    &:hover {
      @media (hover: hover) {
        background-color: #222;
      }
    }
  }
  .hover\:bg-black {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-black);
      }
    }
  }
  .hover\:bg-gray-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-50);
      }
    }
  }
  .hover\:bg-gray-400 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-400);
      }
    }
  }
  .hover\:bg-gray-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-800);
      }
    }
  }
  .hover\:bg-white {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
  }
  .hover\:bg-white\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
        }
      }
    }
  }
  .hover\:text-black {
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  .hover\:text-current {
    &:hover {
      @media (hover: hover) {
        color: currentcolor;
      }
    }
  }
  .hover\:text-gray-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-500);
      }
    }
  }
  .hover\:text-gray-600 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-600);
      }
    }
  }
  .hover\:text-gray-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-700);
      }
    }
  }
  .hover\:text-gray-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-gray-900);
      }
    }
  }
  .hover\:no-underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: none;
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-50 {
    &:hover {
      @media (hover: hover) {
        opacity: 50%;
      }
    }
  }
  .hover\:opacity-60 {
    &:hover {
      @media (hover: hover) {
        opacity: 60%;
      }
    }
  }
  .hover\:opacity-70 {
    &:hover {
      @media (hover: hover) {
        opacity: 70%;
      }
    }
  }
  .hover\:opacity-75 {
    &:hover {
      @media (hover: hover) {
        opacity: 75%;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .focus\:border-\[\#111\] {
    &:focus {
      border-color: #111;
    }
  }
  .focus\:border-black {
    &:focus {
      border-color: var(--color-black);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .disabled\:cursor-default {
    &:disabled {
      cursor: default;
    }
  }
}