@media (max-width: 767px){
  @layer properties;
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .inset-x-\[-0\.6px\] {
    inset-inline: -0.6px;
  }
  .top-\[calc\(100\%\+0\.6px\)\] {
    top: calc(100% + 0.6px);
  }
  .z-\[1\] {
    z-index: 1;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .z-\[3\] {
    z-index: 3;
  }
  .mt-\[17px\] {
    margin-top: 17px;
  }
  .mt-\[39px\] {
    margin-top: 39px;
  }
  .box-border {
    box-sizing: border-box;
  }
  .flex {
    display: flex;
  }
  .h-\[14px\] {
    height: 14px;
  }
  .h-\[90dvh\] {
    height: 90dvh;
  }
  .w-\[100\%\] {
    width: 100%;
  }
  .scrollbar-none {
    scrollbar-width: none;
  }
  .flex-col {
    flex-direction: column;
  }
  .items-center {
    align-items: center;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-\[7px\] {
    gap: 7px;
  }
  .gap-\[13px\] {
    gap: 13px;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overscroll-contain {
    overscroll-behavior: contain;
  }
  .rounded-\[0_0_20px_20px\] {
    border-radius: 0 0 20px 20px;
  }
  .rounded-\[0_20px_20px_0\] {
    border-radius: 0 20px 20px 0;
  }
  .rounded-\[20px\] {
    border-radius: 20px;
  }
  .rounded-\[20px_0_0_20px\] {
    border-radius: 20px 0 0 20px;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-\[0\] {
    border-style: var(--tw-border-style);
    border-width: 0;
  }
  .border-t-\[0\] {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }
  .border-\[var\(--light-border-color\)\] {
    border-color: var(--light-border-color);
  }
  .bg-\[var\(--light-background-color\)\] {
    background-color: var(--light-background-color);
  }
  .bg-\[var\(--primary-color\)\] {
    background-color: var(--primary-color);
  }
  .px-\[5px\] {
    padding-inline: 5px;
  }
  .px-\[11px\] {
    padding-inline: 11px;
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .py-\[7\.5px\] {
    padding-block: 7.5px;
  }
  .py-\[8\.019px\] {
    padding-block: 8.019px;
  }
  .py-\[8px\] {
    padding-block: 8px;
  }
  .pl-\[5px\] {
    padding-left: 5px;
  }
  .pl-\[6px\] {
    padding-left: 6px;
  }
  .pl-\[10px\] {
    padding-left: 10px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[var\(--light-primary-text-color\)\] {
    color: var(--light-primary-text-color);
  }
  .text-\[var\(--light-secondary-text-color\)\] {
    color: var(--light-secondary-text-color);
  }
  .placeholder\:text-\[\#333333\] {
    &::placeholder {
      color: #333333;
    }
  }
  @property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
  }
  @layer properties {
    @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
      *, ::before, ::after, ::backdrop {
        --tw-border-style: solid;
      }
    }
  }
}