@media (max-width: 767px){
  @layer properties;
  .fixed {
    position: fixed;
  }
  .top-\[0\] {
    top: 0;
  }
  .right-\[0\] {
    right: 0;
  }
  .bottom-\[0\] {
    bottom: 0;
  }
  .left-\[0\] {
    left: 0;
  }
  .z-\[2\] {
    z-index: 2;
  }
  .mt-\[7px\] {
    margin-top: 7px;
  }
  .mr-\[3px\] {
    margin-right: 3px;
  }
  .mr-\[60px\] {
    margin-right: 60px;
  }
  .mb-\[0\] {
    margin-bottom: 0;
  }
  .ml-\[3\.6px\] {
    margin-left: 3.6px;
  }
  .flex {
    display: flex;
  }
  .hidden {
    display: none;
  }
  .h-\[20px\] {
    height: 20px;
  }
  .h-\[22px\] {
    height: 22px;
  }
  .h-\[25px\] {
    height: 25px;
  }
  .h-\[28px\] {
    height: 28px;
  }
  .w-\[80px\] {
    width: 80px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-col {
    flex-direction: column;
  }
  .items-center {
    align-items: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-\[15px\] {
    gap: 15px;
  }
  .rounded-\[100px\] {
    border-radius: 100px;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .border-\[rgba\(0\,0\,0\,0\.07\)\] {
    border-color: rgba(0,0,0,0.07);
  }
  .bg-\[\#1D4BCF\] {
    background-color: #1D4BCF;
  }
  .bg-\[transparent\] {
    background-color: transparent;
  }
  .bg-\[white\] {
    background-color: white;
  }
  .px-\[10px\] {
    padding-inline: 10px;
  }
  .py-\[5px\] {
    padding-block: 5px;
  }
  .py-\[20px\] {
    padding-block: 20px;
  }
  .py-\[23px\] {
    padding-block: 23px;
  }
  .pt-\[10px\] {
    padding-top: 10px;
  }
  .pr-\[6px\] {
    padding-right: 6px;
  }
  .pb-\[6\.25px\] {
    padding-bottom: 6.25px;
  }
  .pl-\[8px\] {
    padding-left: 8px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .focus\:ring-0 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  @property --tw-border-style {
    syntax: "*";
    inherits: false;
    initial-value: solid;
  }
  @property --tw-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
  }
  @property --tw-shadow-color {
    syntax: "*";
    inherits: false;
  }
  @property --tw-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
  }
  @property --tw-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
  }
  @property --tw-inset-shadow-color {
    syntax: "*";
    inherits: false;
  }
  @property --tw-inset-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%;
  }
  @property --tw-ring-color {
    syntax: "*";
    inherits: false;
  }
  @property --tw-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
  }
  @property --tw-inset-ring-color {
    syntax: "*";
    inherits: false;
  }
  @property --tw-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
  }
  @property --tw-ring-inset {
    syntax: "*";
    inherits: false;
  }
  @property --tw-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0px;
  }
  @property --tw-ring-offset-color {
    syntax: "*";
    inherits: false;
    initial-value: #fff;
  }
  @property --tw-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000;
  }
  @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-shadow: 0 0 #0000;
        --tw-shadow-color: initial;
        --tw-shadow-alpha: 100%;
        --tw-inset-shadow: 0 0 #0000;
        --tw-inset-shadow-color: initial;
        --tw-inset-shadow-alpha: 100%;
        --tw-ring-color: initial;
        --tw-ring-shadow: 0 0 #0000;
        --tw-inset-ring-color: initial;
        --tw-inset-ring-shadow: 0 0 #0000;
        --tw-ring-inset: initial;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-offset-shadow: 0 0 #0000;
      }
    }
  }
}