@media (max-width: 767px){
  @layer properties;
  .my-\[39px_43\.3px\] {
    margin-block: 39px 43.3px;
  }
  .mb-\[0\.7px\] {
    margin-bottom: 0.7px;
  }
  .box-border {
    box-sizing: border-box;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .h-\[12px\] {
    height: 12px;
  }
  .h-\[14\.3px\] {
    height: 14.3px;
  }
  .h-\[21px\] {
    height: 21px;
  }
  .h-\[90px\] {
    height: 90px;
  }
  .h-\[100\%\] {
    height: 100%;
  }
  .h-\[130px\] {
    height: 130px;
  }
  .w-\[21px\] {
    width: 21px;
  }
  .w-\[90px\] {
    width: 90px;
  }
  .w-\[100\%\] {
    width: 100%;
  }
  .w-\[130px\] {
    width: 130px;
  }
  .w-\[calc\(100dvw-250px\)\] {
    width: calc(100dvw - 250px);
  }
  .w-\[fit-content\] {
    width: fit-content;
  }
  .max-w-\[calc\(100dvw-250px\)\] {
    max-width: calc(100dvw - 250px);
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grid-cols-\[1fr\] {
    grid-template-columns: 1fr;
  }
  .grid-rows-\[1fr_0fr\] {
    grid-template-rows: 1fr 0fr;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .gap-\[0px\] {
    gap: 0px;
  }
  .gap-\[1\.5px_3\.3px\] {
    gap: 1.5px 3.3px;
  }
  .gap-\[1\.9px\] {
    gap: 1.9px;
  }
  .gap-\[3\.3px\] {
    gap: 3.3px;
  }
  .gap-\[3px\] {
    gap: 3px;
  }
  .gap-\[4\.25px\] {
    gap: 4.25px;
  }
  .gap-\[4\.345px\] {
    gap: 4.345px;
  }
  .gap-\[5px\] {
    gap: 5px;
  }
  .gap-\[7\.5px\] {
    gap: 7.5px;
  }
  .gap-\[7px\] {
    gap: 7px;
  }
  .gap-\[8px\] {
    gap: 8px;
  }
  .gap-\[9\.3px\] {
    gap: 9.3px;
  }
  .gap-\[9\.5px\] {
    gap: 9.5px;
  }
  .gap-\[9\.855px\] {
    gap: 9.855px;
  }
  .gap-\[10px\] {
    gap: 10px;
  }
  .gap-\[12\.25px\] {
    gap: 12.25px;
  }
  .gap-\[15px\] {
    gap: 15px;
  }
  .gap-\[18px\] {
    gap: 18px;
  }
  .gap-\[43\.9px\] {
    gap: 43.9px;
  }
  .gap-\[calc\(100dvh\/21\.9\)\] {
    gap: calc(100dvh / 21.9);
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-x-scroll {
    overflow-x: scroll;
  }
  .rounded-\[7\.65px\] {
    border-radius: 7.65px;
  }
  .rounded-\[7px\] {
    border-radius: 7px;
  }
  .rounded-\[10px\] {
    border-radius: 10px;
  }
  .rounded-\[13\.5px\] {
    border-radius: 13.5px;
  }
  .rounded-\[100px\] {
    border-radius: 100px;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-\[1px\] {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .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);
  }
  .p-\[4\.3px_11\.3px\] {
    padding: 4.3px 11.3px;
  }
  .p-\[11\.1px_13\.5px\] {
    padding: 11.1px 13.5px;
  }
  .p-\[21px_5px_13\.21px_5px\] {
    padding: 21px 5px 13.21px 5px;
  }
  .px-\[7px\] {
    padding-inline: 7px;
  }
  .px-\[8\.3px\] {
    padding-inline: 8.3px;
  }
  .px-\[9px\] {
    padding-inline: 9px;
  }
  .py-\[3px\] {
    padding-block: 3px;
  }
  .py-\[10px\] {
    padding-block: 10px;
  }
  .pt-\[0\.7px\] {
    padding-top: 0.7px;
  }
  .pl-\[3\.7px\] {
    padding-left: 3.7px;
  }
  .text-left {
    text-align: left;
  }
  .text-\[9px\] {
    font-size: 9px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12\.3px\] {
    font-size: 12.3px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[19px\] {
    font-size: 19px;
  }
  .text-\[20px\] {
    font-size: 20px;
  }
  .leading-\[15\.5px\] {
    --tw-leading: 15.5px;
    line-height: 15.5px;
  }
  .leading-\[24\.35px\] {
    --tw-leading: 24.35px;
    line-height: 24.35px;
  }
  .wrap-anywhere {
    overflow-wrap: anywhere;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-\[\#444444\] {
    color: #444444;
  }
  .text-\[\#666666\] {
    color: #666666;
  }
  .text-\[\#777777\] {
    color: #777777;
  }
  .text-\[var\(--light-primary-text-color\)\] {
    color: var(--light-primary-text-color);
  }
  .text-\[var\(--light-secondary-text-color\)\] {
    color: var(--light-secondary-text-color);
  }
  @property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
  }
  @property --tw-leading {
    syntax: "*";
    inherits: false;
  }
  @layer properties {
    @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
      *, ::before, ::after, ::backdrop {
        --tw-border-style: solid;
        --tw-leading: initial;
      }
    }
  }
}