.bg-prim {
  background-color: hsl(223, 81%, 15%) !important;
}

.bg-prim-d-5 {
  background-color: hsl(223, 81%, 10%) !important;
}

.bg-prim-d-10 {
  background-color: hsl(223, 81%, 5%) !important;
}

.bg-prim-d-15 {
  background-color: hsl(223, 81%, 0%) !important;
}

.bg-prim-d-20 {
  background-color: hsl(223, 81%, -5%) !important;
}

.bg-prim-l-5 {
  background-color: hsl(223, 81%, 20%) !important;
}

.bg-prim-l-10 {
  background-color: hsl(223, 81%, 25%) !important;
}

.bg-prim-l-15 {
  background-color: hsl(223, 81%, 30%) !important;
}

.bg-prim-l-20 {
  background-color: hsl(223, 81%, 35%) !important;
}

.bg-sec {
  background-color: hsl(223, 45%, 35%) !important;
}

.bg-sec-d-5 {
  background-color: hsl(223, 45%, 30%) !important;
}

.bg-sec-d-10 {
  background-color: hsl(223, 45%, 25%) !important;
}

.bg-sec-d-15 {
  background-color: hsl(223, 45%, 20%) !important;
}

.bg-sec-d-20 {
  background-color: hsl(223, 45%, 15%) !important;
}

.bg-sec-l-5 {
  background-color: hsl(223, 45%, 40%) !important;
}

.bg-sec-l-10 {
  background-color: hsl(223, 45%, 45%) !important;
}

.bg-sec-l-15 {
  background-color: hsl(223, 45%, 50%) !important;
}

.bg-sec-l-20 {
  background-color: hsl(223, 45%, 55%) !important;
}

.bg-tert {
  background-color: hsl(22, 77%, 45%) !important;
}

.bg-tert-d-5 {
  background-color: hsl(22, 77%, 40%) !important;
}

.bg-tert-d-10 {
  background-color: hsl(22, 77%, 35%) !important;
}

.bg-tert-d-15 {
  background-color: hsl(22, 77%, 30%) !important;
}

.bg-tert-d-20 {
  background-color: hsl(22, 77%, 25%) !important;
}

.bg-tert-l-5 {
  background-color: hsl(22, 77%, 50%) !important;
}

.bg-tert-l-10 {
  background-color: hsl(22, 77%, 55%) !important;
}

.bg-tert-l-15 {
  background-color: hsl(22, 77%, 60%) !important;
}

.bg-tert-l-20 {
  background-color: hsl(22, 77%, 65%) !important;
}

.bg-quart {
  background-color: hsl(300, 52%, 39%) !important;
}

.bg-quart-d-5 {
  background-color: hsl(300, 52%, 34%) !important;
}

.bg-quart-d-10 {
  background-color: hsl(300, 52%, 29%) !important;
}

.bg-quart-d-15 {
  background-color: hsl(300, 52%, 24%) !important;
}

.bg-quart-d-20 {
  background-color: hsl(300, 52%, 19%) !important;
}

.bg-quart-l-5 {
  background-color: hsl(300, 52%, 44%) !important;
}

.bg-quart-l-10 {
  background-color: hsl(300, 52%, 49%) !important;
}

.bg-quart-l-15 {
  background-color: hsl(300, 52%, 54%) !important;
}

.bg-quart-l-20 {
  background-color: hsl(300, 52%, 59%) !important;
}

.bg-green {
  background-color: hsl(120, 74%, 26%) !important;
}

.bg-green-d-5 {
  background-color: hsl(120, 74%, 21%) !important;
}

.bg-green-d-10 {
  background-color: hsl(120, 74%, 16%) !important;
}

.bg-green-d-15 {
  background-color: hsl(120, 74%, 11%) !important;
}

.bg-green-d-20 {
  background-color: hsl(120, 74%, 6%) !important;
}

.bg-green-l-5 {
  background-color: hsl(120, 74%, 31%) !important;
}

.bg-green-l-10 {
  background-color: hsl(120, 74%, 36%) !important;
}

.bg-green-l-15 {
  background-color: hsl(120, 74%, 41%) !important;
}

.bg-green-l-20 {
  background-color: hsl(120, 74%, 46%) !important;
}

.bg-red {
  background-color: hsl(0, 57%, 46%) !important;
}

.bg-red-d-5 {
  background-color: hsl(0, 57%, 41%) !important;
}

.bg-red-d-10 {
  background-color: hsl(0, 57%, 36%) !important;
}

.bg-red-d-15 {
  background-color: hsl(0, 57%, 31%) !important;
}

.bg-red-d-20 {
  background-color: hsl(0, 57%, 26%) !important;
}

.bg-red-l-5 {
  background-color: hsl(0, 57%, 51%) !important;
}

.bg-red-l-10 {
  background-color: hsl(0, 57%, 56%) !important;
}

.bg-red-l-15 {
  background-color: hsl(0, 57%, 61%) !important;
}

.bg-red-l-20 {
  background-color: hsl(0, 57%, 66%) !important;
}

.bg-yellow {
  background-color: hsl(60, 88%, 47%) !important;
}

.bg-yellow-d-5 {
  background-color: hsl(60, 88%, 42%) !important;
}

.bg-yellow-d-10 {
  background-color: hsl(60, 88%, 37%) !important;
}

.bg-yellow-d-15 {
  background-color: hsl(60, 88%, 32%) !important;
}

.bg-yellow-d-20 {
  background-color: hsl(60, 88%, 27%) !important;
}

.bg-yellow-l-5 {
  background-color: hsl(60, 88%, 52%) !important;
}

.bg-yellow-l-10 {
  background-color: hsl(60, 88%, 57%) !important;
}

.bg-yellow-l-15 {
  background-color: hsl(60, 88%, 62%) !important;
}

.bg-yellow-l-20 {
  background-color: hsl(60, 88%, 67%) !important;
}

.bg-blue {
  background-color: hsl(240, 65%, 46%) !important;
}

.bg-blue-d-5 {
  background-color: hsl(240, 65%, 41%) !important;
}

.bg-blue-d-10 {
  background-color: hsl(240, 65%, 36%) !important;
}

.bg-blue-d-15 {
  background-color: hsl(240, 65%, 31%) !important;
}

.bg-blue-d-20 {
  background-color: hsl(240, 65%, 26%) !important;
}

.bg-blue-l-5 {
  background-color: hsl(240, 65%, 46%) !important;
}

.bg-blue-l-10 {
  background-color: hsl(240, 65%, 51%) !important;
}

.bg-blue-l-15 {
  background-color: hsl(240, 65%, 56%) !important;
}

.bg-blue-l-20 {
  background-color: hsl(240, 65%, 61%) !important;
}

.bg-gray {
  background-color: hsl(0, 0%, 49%) !important;
}

.bg-gray-d-5 {
  background-color: hsl(0, 0%, 44%) !important;
}

.bg-gray-d-10 {
  background-color: hsl(0, 0%, 39%) !important;
}

.bg-gray-d-15 {
  background-color: hsl(0, 0%, 34%) !important;
}

.bg-gray-d-20 {
  background-color: hsl(0, 0%, 29%) !important;
}

.bg-gray-l-5 {
  background-color: hsl(0, 0%, 54%) !important;
}

.bg-gray-l-10 {
  background-color: hsl(0, 0%, 59%) !important;
}

.bg-gray-l-15 {
  background-color: hsl(0, 0%, 64%) !important;
}

.bg-gray-l-20 {
  background-color: hsl(0, 0%, 69%) !important;
}

.bg-white {
  background-color: hsl(0, 0%, 100%) !important;
}

.bg-white-d-5 {
  background-color: hsl(0, 0%, 95%) !important;
}

.bg-white-d-10 {
  background-color: hsl(0, 0%, 90%) !important;
}

.bg-white-d-15 {
  background-color: hsl(0, 0%, 85%) !important;
}

.bg-white-d-20 {
  background-color: hsl(0, 0%, 80%) !important;
}

.bg-black {
  background-color: hsl(0, 0%, 0%) !important;
}

.bg-black-l-5 {
  background-color: hsl(0, 0%, 5%) !important;
}

.bg-black-l-10 {
  background-color: hsl(0, 0%, 10%) !important;
}

.bg-black-l-15 {
  background-color: hsl(0, 0%, 15%) !important;
}

.bg-black-l-20 {
  background-color: hsl(0, 0%, 20%) !important;
}

.t-col-prim {
  color: hsl(223, 81%, 15%) !important;
}

.t-col-prim-d-5 {
  color: hsl(223, 81%, 10%) !important;
}

.t-col-prim-d-10 {
  color: hsl(223, 81%, 5%) !important;
}

.t-col-prim-d-15 {
  color: hsl(223, 81%, 0%) !important;
}

.t-col-prim-d-20 {
  color: hsl(223, 81%, -5%) !important;
}

.t-col-prim-l-5 {
  color: hsl(223, 81%, 20%) !important;
}

.t-col-prim-l-10 {
  color: hsl(223, 81%, 25%) !important;
}

.t-col-prim-l-15 {
  color: hsl(223, 81%, 30%) !important;
}

.t-col-prim-l-20 {
  color: hsl(223, 81%, 35%) !important;
}

.t-col-sec {
  color: hsl(223, 45%, 35%) !important;
}

.t-col-sec-d-5 {
  color: hsl(223, 45%, 30%) !important;
}

.t-col-sec-d-10 {
  color: hsl(223, 45%, 25%) !important;
}

.t-col-sec-d-15 {
  color: hsl(223, 45%, 20%) !important;
}

.t-col-sec-d-20 {
  color: hsl(223, 45%, 15%) !important;
}

.t-col-sec-l-5 {
  color: hsl(223, 45%, 40%) !important;
}

.t-col-sec-l-10 {
  color: hsl(223, 45%, 45%) !important;
}

.t-col-sec-l-15 {
  color: hsl(223, 45%, 50%) !important;
}

.t-col-sec-l-20 {
  color: hsl(223, 45%, 55%) !important;
}

.t-col-tert {
  color: hsl(22, 77%, 45%) !important;
}

.t-col-tert-d-5 {
  color: hsl(22, 77%, 40%) !important;
}

.t-col-tert-d-10 {
  color: hsl(22, 77%, 35%) !important;
}

.t-col-tert-d-15 {
  color: hsl(22, 77%, 30%) !important;
}

.t-col-tert-d-20 {
  color: hsl(22, 77%, 25%) !important;
}

.t-col-tert-l-5 {
  color: hsl(22, 77%, 50%) !important;
}

.t-col-tert-l-10 {
  color: hsl(22, 77%, 55%) !important;
}

.t-col-tert-l-15 {
  color: hsl(22, 77%, 60%) !important;
}

.t-col-tert-l-20 {
  color: hsl(22, 77%, 65%) !important;
}

.t-col-quart {
  color: hsl(300, 52%, 39%) !important;
}

.t-col-quart-d-5 {
  color: hsl(300, 52%, 34%) !important;
}

.t-col-quart-d-10 {
  color: hsl(300, 52%, 29%) !important;
}

.t-col-quart-d-15 {
  color: hsl(300, 52%, 24%) !important;
}

.t-col-quart-d-20 {
  color: hsl(300, 52%, 19%) !important;
}

.t-col-quart-l-5 {
  color: hsl(300, 52%, 44%) !important;
}

.t-col-quart-l-10 {
  color: hsl(300, 52%, 49%) !important;
}

.t-col-quart-l-15 {
  color: hsl(300, 52%, 54%) !important;
}

.t-col-quart-l-20 {
  color: hsl(300, 52%, 59%) !important;
}

.t-col-green {
  color: hsl(120, 74%, 26%) !important;
}

.t-col-green-d-5 {
  color: hsl(120, 74%, 21%) !important;
}

.t-col-green-d-10 {
  color: hsl(120, 74%, 16%) !important;
}

.t-col-green-d-15 {
  color: hsl(120, 74%, 11%) !important;
}

.t-col-green-d-20 {
  color: hsl(120, 74%, 6%) !important;
}

.t-col-green-l-5 {
  color: hsl(120, 74%, 31%) !important;
}

.t-col-green-l-10 {
  color: hsl(120, 74%, 36%) !important;
}

.t-col-green-l-15 {
  color: hsl(120, 74%, 41%) !important;
}

.t-col-green-l-20 {
  color: hsl(120, 74%, 46%) !important;
}

.t-col-red {
  color: hsl(0, 57%, 46%) !important;
}

.t-col-red-d-5 {
  color: hsl(0, 57%, 41%) !important;
}

.t-col-red-d-10 {
  color: hsl(0, 57%, 36%) !important;
}

.t-col-red-d-15 {
  color: hsl(0, 57%, 31%) !important;
}

.t-col-red-d-20 {
  color: hsl(0, 57%, 26%) !important;
}

.t-col-red-l-5 {
  color: hsl(0, 57%, 51%) !important;
}

.t-col-red-l-10 {
  color: hsl(0, 57%, 56%) !important;
}

.t-col-red-l-15 {
  color: hsl(0, 57%, 61%) !important;
}

.t-col-red-l-20 {
  color: hsl(0, 57%, 66%) !important;
}

.t-col-yellow {
  color: hsl(60, 88%, 47%) !important;
}

.t-col-yellow-d-5 {
  color: hsl(60, 88%, 42%) !important;
}

.t-col-yellow-d-10 {
  color: hsl(60, 88%, 37%) !important;
}

.t-col-yellow-d-15 {
  color: hsl(60, 88%, 32%) !important;
}

.t-col-yellow-d-20 {
  color: hsl(60, 88%, 27%) !important;
}

.t-col-yellow-l-5 {
  color: hsl(60, 88%, 52%) !important;
}

.t-col-yellow-l-10 {
  color: hsl(60, 88%, 57%) !important;
}

.t-col-yellow-l-15 {
  color: hsl(60, 88%, 62%) !important;
}

.t-col-yellow-l-20 {
  color: hsl(60, 88%, 67%) !important;
}

.t-col-blue {
  color: hsl(240, 65%, 46%) !important;
}

.t-col-blue-d-5 {
  color: hsl(240, 65%, 41%) !important;
}

.t-col-blue-d-10 {
  color: hsl(240, 65%, 36%) !important;
}

.t-col-blue-d-15 {
  color: hsl(240, 65%, 31%) !important;
}

.t-col-blue-d-20 {
  color: hsl(240, 65%, 26%) !important;
}

.t-col-blue-l-5 {
  color: hsl(240, 65%, 46%) !important;
}

.t-col-blue-l-10 {
  color: hsl(240, 65%, 51%) !important;
}

.t-col-blue-l-15 {
  color: hsl(240, 65%, 56%) !important;
}

.t-col-blue-l-20 {
  color: hsl(240, 65%, 61%) !important;
}

.t-col-gray {
  color: hsl(0, 0%, 49%) !important;
}

.t-col-gray-d-5 {
  color: hsl(0, 0%, 44%) !important;
}

.t-col-gray-d-10 {
  color: hsl(0, 0%, 39%) !important;
}

.t-col-gray-d-15 {
  color: hsl(0, 0%, 34%) !important;
}

.t-col-gray-d-20 {
  color: hsl(0, 0%, 29%) !important;
}

.t-col-gray-l-5 {
  color: hsl(0, 0%, 54%) !important;
}

.t-col-gray-l-10 {
  color: hsl(0, 0%, 59%) !important;
}

.t-col-gray-l-15 {
  color: hsl(0, 0%, 64%) !important;
}

.t-col-gray-l-20 {
  color: hsl(0, 0%, 69%) !important;
}

.t-col-white {
  color: hsl(0, 0%, 100%) !important;
}

.t-col-white-d-5 {
  color: hsl(0, 0%, 95%) !important;
}

.t-col-white-d-10 {
  color: hsl(0, 0%, 90%) !important;
}

.t-col-white-d-15 {
  color: hsl(0, 0%, 85%) !important;
}

.t-col-white-d-20 {
  color: hsl(0, 0%, 80%) !important;
}

.t-col-black {
  color: hsl(0, 0%, 0%) !important;
}

.t-col-black-l-5 {
  color: hsl(0, 0%, 5%) !important;
}

.t-col-black-l-10 {
  color: hsl(0, 0%, 10%) !important;
}

.t-col-black-l-15 {
  color: hsl(0, 0%, 15%) !important;
}

.t-col-black-l-20 {
  color: hsl(0, 0%, 20%) !important;
}

.bord-1 {
  border-style: solid !important;
  border-width: 1px !important;
}

.bord-2 {
  border-style: solid !important;
  border-width: 2px !important;
}

.bord-3 {
  border-style: solid !important;
  border-width: 3px !important;
}

.bord-4 {
  border-style: solid !important;
  border-width: 4px !important;
}

.bord-5 {
  border-style: solid !important;
  border-width: 5px !important;
}

.bord-prim {
  border-color: hsl(223, 81%, 15%) !important;
}

.bord-prim-d-5 {
  border-color: hsl(223, 81%, 10%) !important;
}

.bord-prim-d-10 {
  border-color: hsl(223, 81%, 5%) !important;
}

.bord-prim-d-15 {
  border-color: hsl(223, 81%, 0%) !important;
}

.bord-prim-d-20 {
  border-color: hsl(223, 81%, -5%) !important;
}

.bord-prim-l-5 {
  border-color: hsl(223, 81%, 20%) !important;
}

.bord-prim-l-10 {
  border-color: hsl(223, 81%, 25%) !important;
}

.bord-prim-l-15 {
  border-color: hsl(223, 81%, 30%) !important;
}

.bord-prim-l-20 {
  border-color: hsl(223, 81%, 35%) !important;
}

.bord-sec {
  border-color: hsl(223, 45%, 35%) !important;
}

.bord-sec-d-5 {
  border-color: hsl(223, 45%, 30%) !important;
}

.bord-sec-d-10 {
  border-color: hsl(223, 45%, 25%) !important;
}

.bord-sec-d-15 {
  border-color: hsl(223, 45%, 20%) !important;
}

.bord-sec-d-20 {
  border-color: hsl(223, 45%, 15%) !important;
}

.bord-sec-l-5 {
  border-color: hsl(223, 45%, 40%) !important;
}

.bord-sec-l-10 {
  border-color: hsl(223, 45%, 45%) !important;
}

.bord-sec-l-15 {
  border-color: hsl(223, 45%, 50%) !important;
}

.bord-sec-l-20 {
  border-color: hsl(223, 45%, 55%) !important;
}

.bord-tert {
  border-color: hsl(22, 77%, 45%) !important;
}

.bord-tert-d-5 {
  border-color: hsl(22, 77%, 40%) !important;
}

.bord-tert-d-10 {
  border-color: hsl(22, 77%, 35%) !important;
}

.bord-tert-d-15 {
  border-color: hsl(22, 77%, 30%) !important;
}

.bord-tert-d-20 {
  border-color: hsl(22, 77%, 25%) !important;
}

.bord-tert-l-5 {
  border-color: hsl(22, 77%, 50%) !important;
}

.bord-tert-l-10 {
  border-color: hsl(22, 77%, 55%) !important;
}

.bord-tert-l-15 {
  border-color: hsl(22, 77%, 60%) !important;
}

.bord-tert-l-20 {
  border-color: hsl(22, 77%, 65%) !important;
}

.bord-quart {
  border-color: hsl(300, 52%, 39%) !important;
}

.bord-quart-d-5 {
  border-color: hsl(300, 52%, 34%) !important;
}

.bord-quart-d-10 {
  border-color: hsl(300, 52%, 29%) !important;
}

.bord-quart-d-15 {
  border-color: hsl(300, 52%, 24%) !important;
}

.bord-quart-d-20 {
  border-color: hsl(300, 52%, 19%) !important;
}

.bord-quart-l-5 {
  border-color: hsl(300, 52%, 44%) !important;
}

.bord-quart-l-10 {
  border-color: hsl(300, 52%, 49%) !important;
}

.bord-quart-l-15 {
  border-color: hsl(300, 52%, 54%) !important;
}

.bord-quart-l-20 {
  border-color: hsl(300, 52%, 59%) !important;
}

.bord-green {
  border-color: hsl(120, 74%, 26%) !important;
}

.bord-green-d-5 {
  border-color: hsl(120, 74%, 21%) !important;
}

.bord-green-d-10 {
  border-color: hsl(120, 74%, 16%) !important;
}

.bord-green-d-15 {
  border-color: hsl(120, 74%, 11%) !important;
}

.bord-green-d-20 {
  border-color: hsl(120, 74%, 6%) !important;
}

.bord-green-l-5 {
  border-color: hsl(120, 74%, 31%) !important;
}

.bord-green-l-10 {
  border-color: hsl(120, 74%, 36%) !important;
}

.bord-green-l-15 {
  border-color: hsl(120, 74%, 41%) !important;
}

.bord-green-l-20 {
  border-color: hsl(120, 74%, 46%) !important;
}

.bord-red {
  border-color: hsl(0, 57%, 46%) !important;
}

.bord-red-d-5 {
  border-color: hsl(0, 57%, 41%) !important;
}

.bord-red-d-10 {
  border-color: hsl(0, 57%, 36%) !important;
}

.bord-red-d-15 {
  border-color: hsl(0, 57%, 31%) !important;
}

.bord-red-d-20 {
  border-color: hsl(0, 57%, 26%) !important;
}

.bord-red-l-5 {
  border-color: hsl(0, 57%, 51%) !important;
}

.bord-red-l-10 {
  border-color: hsl(0, 57%, 56%) !important;
}

.bord-red-l-15 {
  border-color: hsl(0, 57%, 61%) !important;
}

.bord-red-l-20 {
  border-color: hsl(0, 57%, 66%) !important;
}

.bord-yellow {
  border-color: hsl(60, 88%, 47%) !important;
}

.bord-yellow-d-5 {
  border-color: hsl(60, 88%, 42%) !important;
}

.bord-yellow-d-10 {
  border-color: hsl(60, 88%, 37%) !important;
}

.bord-yellow-d-15 {
  border-color: hsl(60, 88%, 32%) !important;
}

.bord-yellow-d-20 {
  border-color: hsl(60, 88%, 27%) !important;
}

.bord-yellow-l-5 {
  border-color: hsl(60, 88%, 52%) !important;
}

.bord-yellow-l-10 {
  border-color: hsl(60, 88%, 57%) !important;
}

.bord-yellow-l-15 {
  border-color: hsl(60, 88%, 62%) !important;
}

.bord-yellow-l-20 {
  border-color: hsl(60, 88%, 67%) !important;
}

.bord-blue {
  border-color: hsl(240, 65%, 46%) !important;
}

.bord-blue-d-5 {
  border-color: hsl(240, 65%, 41%) !important;
}

.bord-blue-d-10 {
  border-color: hsl(240, 65%, 36%) !important;
}

.bord-blue-d-15 {
  border-color: hsl(240, 65%, 31%) !important;
}

.bord-blue-d-20 {
  border-color: hsl(240, 65%, 26%) !important;
}

.bord-blue-l-5 {
  border-color: hsl(240, 65%, 46%) !important;
}

.bord-blue-l-10 {
  border-color: hsl(240, 65%, 51%) !important;
}

.bord-blue-l-15 {
  border-color: hsl(240, 65%, 56%) !important;
}

.bord-blue-l-20 {
  border-color: hsl(240, 65%, 61%) !important;
}

.bord-gray {
  border-color: hsl(0, 0%, 49%) !important;
}

.bord-gray-d-5 {
  border-color: hsl(0, 0%, 44%) !important;
}

.bord-gray-d-10 {
  border-color: hsl(0, 0%, 39%) !important;
}

.bord-gray-d-15 {
  border-color: hsl(0, 0%, 34%) !important;
}

.bord-gray-d-20 {
  border-color: hsl(0, 0%, 29%) !important;
}

.bord-gray-l-5 {
  border-color: hsl(0, 0%, 54%) !important;
}

.bord-gray-l-10 {
  border-color: hsl(0, 0%, 59%) !important;
}

.bord-gray-l-15 {
  border-color: hsl(0, 0%, 64%) !important;
}

.bord-gray-l-20 {
  border-color: hsl(0, 0%, 69%) !important;
}

.bord-white {
  border-color: hsl(0, 0%, 100%) !important;
}

.bord-white-d-5 {
  border-color: hsl(0, 0%, 95%) !important;
}

.bord-white-d-10 {
  border-color: hsl(0, 0%, 90%) !important;
}

.bord-white-d-15 {
  border-color: hsl(0, 0%, 85%) !important;
}

.bord-white-d-20 {
  border-color: hsl(0, 0%, 80%) !important;
}

.bord-black {
  border-color: hsl(0, 0%, 0%) !important;
}

.bord-black-l-5 {
  border-color: hsl(0, 0%, 5%) !important;
}

.bord-black-l-10 {
  border-color: hsl(0, 0%, 10%) !important;
}

.bord-black-l-15 {
  border-color: hsl(0, 0%, 15%) !important;
}

.bord-black-l-20 {
  border-color: hsl(0, 0%, 20%) !important;
}

:root {
  --kame-s-bp: 0px;
  --kame-sm-bp: 576px;
  --kame-md-bp: 768px;
  --kame-l-bp: 992px;
  --kame-xl-bp: 1200px;
  --kame-xxl-bp: 1400px;
}

@media screen and (min-width: 0px) {
  :root {
    --pval1: 4px;
    --pval2: 8px;
    --pval3: 12px;
    --pval4: 16px;
    --pval5: 20px;
  }
  .p-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-0 {
    padding-top: 0 !important;
  }
  .pt-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-auto {
    padding-top: auto !important;
  }
  .pe-0 {
    padding-right: 0 !important;
  }
  .pe-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-auto {
    padding-right: auto !important;
  }
  .pb-0 {
    padding-bottom: 0 !important;
  }
  .pb-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-auto {
    padding-bottom: auto !important;
  }
  .ps-0 {
    padding-left: 0 !important;
  }
  .ps-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1) {
  .p-AR-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-AR-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-AR-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-AR-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-AR-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-AR-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-AR-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-AR-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-AR-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-AR-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-AR-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-AR-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-AR-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-AR-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-AR-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-AR-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-AR-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-AR-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-AR-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-AR-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-AR-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-AR-0 {
    padding-top: 0 !important;
  }
  .pt-AR-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-AR-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-AR-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-AR-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-AR-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-AR-auto {
    padding-top: auto !important;
  }
  .pe-AR-0 {
    padding-right: 0 !important;
  }
  .pe-AR-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-AR-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-AR-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-AR-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-AR-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-AR-auto {
    padding-right: auto !important;
  }
  .pb-AR-0 {
    padding-bottom: 0 !important;
  }
  .pb-AR-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-AR-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-AR-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-AR-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-AR-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-AR-auto {
    padding-bottom: auto !important;
  }
  .ps-AR-0 {
    padding-left: 0 !important;
  }
  .ps-AR-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-AR-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-AR-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-AR-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-AR-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-AR-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 576px) {
  :root {
    --pval1: 8px;
    --pval2: 12px;
    --pval3: 16px;
    --pval4: 20px;
    --pval5: 24px;
  }
  .p-sm-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-sm-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-sm-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-sm-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-sm-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-sm-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-sm-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-sm-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-sm-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-sm-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-sm-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-sm-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-sm-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-sm-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-sm-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-sm-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-sm-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-sm-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-sm-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-sm-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-sm-auto {
    padding-top: auto !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-sm-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-sm-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-sm-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-sm-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-sm-auto {
    padding-right: auto !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-sm-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-sm-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-sm-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-sm-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-sm-auto {
    padding-bottom: auto !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-sm-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-sm-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-sm-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-sm-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-sm-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1) {
  .p-AR-sm-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-AR-sm-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-AR-sm-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-AR-sm-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-AR-sm-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-AR-sm-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-AR-sm-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-AR-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-AR-sm-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-AR-sm-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-AR-sm-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-AR-sm-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-AR-sm-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-AR-sm-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-AR-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-AR-sm-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-AR-sm-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-AR-sm-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-AR-sm-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-AR-sm-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-AR-sm-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-AR-sm-0 {
    padding-top: 0 !important;
  }
  .pt-AR-sm-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-AR-sm-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-AR-sm-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-AR-sm-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-AR-sm-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-AR-sm-auto {
    padding-top: auto !important;
  }
  .pe-AR-sm-0 {
    padding-right: 0 !important;
  }
  .pe-AR-sm-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-AR-sm-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-AR-sm-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-AR-sm-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-AR-sm-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-AR-sm-auto {
    padding-right: auto !important;
  }
  .pb-AR-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-AR-sm-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-AR-sm-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-AR-sm-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-AR-sm-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-AR-sm-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-AR-sm-auto {
    padding-bottom: auto !important;
  }
  .ps-AR-sm-0 {
    padding-left: 0 !important;
  }
  .ps-AR-sm-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-AR-sm-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-AR-sm-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-AR-sm-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-AR-sm-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-AR-sm-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 768px) {
  :root {
    --pval1: 12px;
    --pval2: 16px;
    --pval3: 20px;
    --pval4: 24px;
    --pval5: 28px;
  }
  .p-md-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-md-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-md-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-md-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-md-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-md-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-md-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-md-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-md-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-md-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-md-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-md-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-md-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-md-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-md-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-md-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-md-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-md-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-md-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-md-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-md-auto {
    padding-top: auto !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-md-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-md-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-md-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-md-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-md-auto {
    padding-right: auto !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-md-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-md-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-md-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-md-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-md-auto {
    padding-bottom: auto !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-md-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-md-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-md-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-md-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-md-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  .p-AR-md-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-AR-md-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-AR-md-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-AR-md-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-AR-md-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-AR-md-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-AR-md-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-AR-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-AR-md-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-AR-md-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-AR-md-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-AR-md-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-AR-md-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-AR-md-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-AR-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-AR-md-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-AR-md-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-AR-md-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-AR-md-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-AR-md-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-AR-md-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-AR-md-0 {
    padding-top: 0 !important;
  }
  .pt-AR-md-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-AR-md-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-AR-md-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-AR-md-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-AR-md-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-AR-md-auto {
    padding-top: auto !important;
  }
  .pe-AR-md-0 {
    padding-right: 0 !important;
  }
  .pe-AR-md-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-AR-md-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-AR-md-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-AR-md-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-AR-md-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-AR-md-auto {
    padding-right: auto !important;
  }
  .pb-AR-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-AR-md-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-AR-md-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-AR-md-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-AR-md-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-AR-md-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-AR-md-auto {
    padding-bottom: auto !important;
  }
  .ps-AR-md-0 {
    padding-left: 0 !important;
  }
  .ps-AR-md-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-AR-md-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-AR-md-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-AR-md-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-AR-md-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-AR-md-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 992px) {
  :root {
    --pval1: 16px;
    --pval2: 20px;
    --pval3: 24px;
    --pval4: 28px;
    --pval5: 32px;
  }
  .p-lg-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-lg-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-lg-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-lg-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-lg-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-lg-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-lg-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-lg-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-lg-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-lg-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-lg-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-lg-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-lg-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-lg-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-lg-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-lg-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-lg-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-lg-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-lg-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-lg-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-lg-auto {
    padding-top: auto !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-lg-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-lg-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-lg-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-lg-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-lg-auto {
    padding-right: auto !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-lg-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-lg-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-lg-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-lg-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-lg-auto {
    padding-bottom: auto !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-lg-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-lg-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-lg-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-lg-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-lg-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  .p-AR-lg-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-AR-lg-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-AR-lg-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-AR-lg-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-AR-lg-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-AR-lg-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-AR-lg-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-AR-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-AR-lg-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-AR-lg-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-AR-lg-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-AR-lg-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-AR-lg-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-AR-lg-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-AR-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-AR-lg-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-AR-lg-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-AR-lg-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-AR-lg-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-AR-lg-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-AR-lg-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-AR-lg-0 {
    padding-top: 0 !important;
  }
  .pt-AR-lg-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-AR-lg-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-AR-lg-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-AR-lg-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-AR-lg-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-AR-lg-auto {
    padding-top: auto !important;
  }
  .pe-AR-lg-0 {
    padding-right: 0 !important;
  }
  .pe-AR-lg-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-AR-lg-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-AR-lg-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-AR-lg-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-AR-lg-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-AR-lg-auto {
    padding-right: auto !important;
  }
  .pb-AR-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-AR-lg-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-AR-lg-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-AR-lg-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-AR-lg-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-AR-lg-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-AR-lg-auto {
    padding-bottom: auto !important;
  }
  .ps-AR-lg-0 {
    padding-left: 0 !important;
  }
  .ps-AR-lg-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-AR-lg-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-AR-lg-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-AR-lg-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-AR-lg-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-AR-lg-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  :root {
    --pval1: 20px;
    --pval2: 24px;
    --pval3: 28px;
    --pval4: 32px;
    --pval5: 36px;
  }
  .p-xl-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-xl-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-xl-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-xl-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-xl-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-xl-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-xl-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-xl-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-xl-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-xl-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-xl-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-xl-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-xl-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-xl-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-xl-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-xl-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-xl-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-xl-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-xl-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-xl-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-xl-auto {
    padding-top: auto !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-xl-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-xl-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-xl-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-xl-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-xl-auto {
    padding-right: auto !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-xl-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-xl-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-xl-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-xl-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-xl-auto {
    padding-bottom: auto !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-xl-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-xl-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-xl-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-xl-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-xl-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1) {
  .p-AR-xl-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-AR-xl-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-AR-xl-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-AR-xl-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-AR-xl-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-AR-xl-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-AR-xl-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-AR-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-AR-xl-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-AR-xl-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-AR-xl-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-AR-xl-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-AR-xl-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-AR-xl-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-AR-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-AR-xl-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-AR-xl-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-AR-xl-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-AR-xl-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-AR-xl-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-AR-xl-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-AR-xl-0 {
    padding-top: 0 !important;
  }
  .pt-AR-xl-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-AR-xl-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-AR-xl-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-AR-xl-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-AR-xl-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-AR-xl-auto {
    padding-top: auto !important;
  }
  .pe-AR-xl-0 {
    padding-right: 0 !important;
  }
  .pe-AR-xl-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-AR-xl-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-AR-xl-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-AR-xl-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-AR-xl-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-AR-xl-auto {
    padding-right: auto !important;
  }
  .pb-AR-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-AR-xl-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-AR-xl-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-AR-xl-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-AR-xl-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-AR-xl-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-AR-xl-auto {
    padding-bottom: auto !important;
  }
  .ps-AR-xl-0 {
    padding-left: 0 !important;
  }
  .ps-AR-xl-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-AR-xl-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-AR-xl-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-AR-xl-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-AR-xl-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-AR-xl-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 1400px) {
  :root {
    --pval1: 24px;
    --pval2: 28px;
    --pval3: 32px;
    --pval4: 36px;
    --pval5: 40px;
  }
  .p-xxl-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-xxl-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-xxl-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-xxl-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-xxl-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-xxl-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-xxl-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-xxl-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-xxl-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-xxl-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-xxl-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-xxl-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-xxl-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-xxl-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-xxl-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-xxl-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-xxl-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-xxl-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-xxl-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-xxl-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-xxl-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-xxl-auto {
    padding-top: auto !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-xxl-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-xxl-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-xxl-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-xxl-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-xxl-auto {
    padding-right: auto !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-xxl-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-xxl-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-xxl-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-xxl-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-xxl-auto {
    padding-bottom: auto !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-xxl-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-xxl-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-xxl-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-xxl-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-xxl-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1) {
  .p-AR-xxl-0 {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
  }
  .p-AR-xxl-1 {
    padding-top: var(--pval1) !important;
    padding-right: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .p-AR-xxl-2 {
    padding-top: var(--pval2) !important;
    padding-right: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .p-AR-xxl-3 {
    padding-top: var(--pval3) !important;
    padding-right: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .p-AR-xxl-4 {
    padding-top: var(--pval4) !important;
    padding-right: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .p-AR-xxl-5 {
    padding-top: var(--pval5) !important;
    padding-right: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .p-AR-xxl-auto {
    padding-top: auto !important;
    padding-right: auto !important;
    padding-bottom: auto !important;
    padding-left: auto !important;
  }
  .px-AR-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-AR-xxl-1 {
    padding-right: var(--pval1) !important;
    padding-left: var(--pval1) !important;
  }
  .px-AR-xxl-2 {
    padding-right: var(--pval2) !important;
    padding-left: var(--pval2) !important;
  }
  .px-AR-xxl-3 {
    padding-right: var(--pval3) !important;
    padding-left: var(--pval3) !important;
  }
  .px-AR-xxl-4 {
    padding-right: var(--pval4) !important;
    padding-left: var(--pval4) !important;
  }
  .px-AR-xxl-5 {
    padding-right: var(--pval5) !important;
    padding-left: var(--pval5) !important;
  }
  .px-AR-xxl-auto {
    padding-right: auto !important;
    padding-left: auto !important;
  }
  .py-AR-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-AR-xxl-1 {
    padding-top: var(--pval1) !important;
    padding-bottom: var(--pval1) !important;
  }
  .py-AR-xxl-2 {
    padding-top: var(--pval2) !important;
    padding-bottom: var(--pval2) !important;
  }
  .py-AR-xxl-3 {
    padding-top: var(--pval3) !important;
    padding-bottom: var(--pval3) !important;
  }
  .py-AR-xxl-4 {
    padding-top: var(--pval4) !important;
    padding-bottom: var(--pval4) !important;
  }
  .py-AR-xxl-5 {
    padding-top: var(--pval5) !important;
    padding-bottom: var(--pval5) !important;
  }
  .py-AR-xxl-auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .pt-AR-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-AR-xxl-1 {
    padding-top: var(--pval1) !important;
  }
  .pt-AR-xxl-2 {
    padding-top: var(--pval2) !important;
  }
  .pt-AR-xxl-3 {
    padding-top: var(--pval3) !important;
  }
  .pt-AR-xxl-4 {
    padding-top: var(--pval4) !important;
  }
  .pt-AR-xxl-5 {
    padding-top: var(--pval5) !important;
  }
  .pt-AR-xxl-auto {
    padding-top: auto !important;
  }
  .pe-AR-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-AR-xxl-1 {
    padding-right: var(--pval1) !important;
  }
  .pe-AR-xxl-2 {
    padding-right: var(--pval2) !important;
  }
  .pe-AR-xxl-3 {
    padding-right: var(--pval3) !important;
  }
  .pe-AR-xxl-4 {
    padding-right: var(--pval4) !important;
  }
  .pe-AR-xxl-5 {
    padding-right: var(--pval5) !important;
  }
  .pe-AR-xxl-auto {
    padding-right: auto !important;
  }
  .pb-AR-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-AR-xxl-1 {
    padding-bottom: var(--pval1) !important;
  }
  .pb-AR-xxl-2 {
    padding-bottom: var(--pval2) !important;
  }
  .pb-AR-xxl-3 {
    padding-bottom: var(--pval3) !important;
  }
  .pb-AR-xxl-4 {
    padding-bottom: var(--pval4) !important;
  }
  .pb-AR-xxl-5 {
    padding-bottom: var(--pval5) !important;
  }
  .pb-AR-xxl-auto {
    padding-bottom: auto !important;
  }
  .ps-AR-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-AR-xxl-1 {
    padding-left: var(--pval1) !important;
  }
  .ps-AR-xxl-2 {
    padding-left: var(--pval2) !important;
  }
  .ps-AR-xxl-3 {
    padding-left: var(--pval3) !important;
  }
  .ps-AR-xxl-4 {
    padding-left: var(--pval4) !important;
  }
  .ps-AR-xxl-5 {
    padding-left: var(--pval5) !important;
  }
  .ps-AR-xxl-auto {
    padding-left: auto !important;
  }
}
@media screen and (min-width: 0px) {
  :root {
    --mval1: 4px;
    --mval2: 8px;
    --mval3: 12px;
    --mval4: 16px;
    --mval5: 20px;
  }
  .m-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-0 {
    margin-top: 0 !important;
  }
  .mt-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-auto {
    margin-top: auto !important;
  }
  .me-0 {
    margin-right: 0 !important;
  }
  .me-1 {
    margin-right: var(--mval1) !important;
  }
  .me-2 {
    margin-right: var(--mval2) !important;
  }
  .me-3 {
    margin-right: var(--mval3) !important;
  }
  .me-4 {
    margin-right: var(--mval4) !important;
  }
  .me-5 {
    margin-right: var(--mval5) !important;
  }
  .me-auto {
    margin-right: auto !important;
  }
  .mb-0 {
    margin-bottom: 0 !important;
  }
  .mb-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-auto {
    margin-bottom: auto !important;
  }
  .ms-0 {
    margin-left: 0 !important;
  }
  .ms-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1) {
  .m-AR-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-AR-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-AR-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-AR-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-AR-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-AR-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-AR-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-AR-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-AR-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-AR-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-AR-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-AR-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-AR-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-AR-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-AR-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-AR-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-AR-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-AR-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-AR-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-AR-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-AR-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-AR-0 {
    margin-top: 0 !important;
  }
  .mt-AR-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-AR-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-AR-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-AR-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-AR-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-AR-auto {
    margin-top: auto !important;
  }
  .me-AR-0 {
    margin-right: 0 !important;
  }
  .me-AR-1 {
    margin-right: var(--mval1) !important;
  }
  .me-AR-2 {
    margin-right: var(--mval2) !important;
  }
  .me-AR-3 {
    margin-right: var(--mval3) !important;
  }
  .me-AR-4 {
    margin-right: var(--mval4) !important;
  }
  .me-AR-5 {
    margin-right: var(--mval5) !important;
  }
  .me-AR-auto {
    margin-right: auto !important;
  }
  .mb-AR-0 {
    margin-bottom: 0 !important;
  }
  .mb-AR-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-AR-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-AR-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-AR-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-AR-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-AR-auto {
    margin-bottom: auto !important;
  }
  .ms-AR-0 {
    margin-left: 0 !important;
  }
  .ms-AR-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-AR-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-AR-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-AR-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-AR-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-AR-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 576px) {
  :root {
    --mval1: 8px;
    --mval2: 12px;
    --mval3: 16px;
    --mval4: 20px;
    --mval5: 24px;
  }
  .m-sm-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-sm-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-sm-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-sm-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-sm-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-sm-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-sm-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-sm-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-sm-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-sm-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-sm-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-sm-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-sm-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-sm-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-sm-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-sm-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-sm-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-sm-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: var(--mval1) !important;
  }
  .me-sm-2 {
    margin-right: var(--mval2) !important;
  }
  .me-sm-3 {
    margin-right: var(--mval3) !important;
  }
  .me-sm-4 {
    margin-right: var(--mval4) !important;
  }
  .me-sm-5 {
    margin-right: var(--mval5) !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-sm-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-sm-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-sm-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-sm-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-sm-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-sm-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-sm-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-sm-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1) {
  .m-AR-sm-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-AR-sm-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-AR-sm-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-AR-sm-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-AR-sm-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-AR-sm-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-AR-sm-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-AR-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-AR-sm-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-AR-sm-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-AR-sm-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-AR-sm-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-AR-sm-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-AR-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-AR-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-AR-sm-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-AR-sm-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-AR-sm-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-AR-sm-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-AR-sm-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-AR-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-AR-sm-0 {
    margin-top: 0 !important;
  }
  .mt-AR-sm-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-AR-sm-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-AR-sm-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-AR-sm-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-AR-sm-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-AR-sm-auto {
    margin-top: auto !important;
  }
  .me-AR-sm-0 {
    margin-right: 0 !important;
  }
  .me-AR-sm-1 {
    margin-right: var(--mval1) !important;
  }
  .me-AR-sm-2 {
    margin-right: var(--mval2) !important;
  }
  .me-AR-sm-3 {
    margin-right: var(--mval3) !important;
  }
  .me-AR-sm-4 {
    margin-right: var(--mval4) !important;
  }
  .me-AR-sm-5 {
    margin-right: var(--mval5) !important;
  }
  .me-AR-sm-auto {
    margin-right: auto !important;
  }
  .mb-AR-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-AR-sm-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-AR-sm-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-AR-sm-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-AR-sm-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-AR-sm-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-AR-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-AR-sm-0 {
    margin-left: 0 !important;
  }
  .ms-AR-sm-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-AR-sm-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-AR-sm-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-AR-sm-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-AR-sm-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-AR-sm-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 768px) {
  :root {
    --mval1: 12px;
    --mval2: 16px;
    --mval3: 20px;
    --mval4: 24px;
    --mval5: 28px;
  }
  .m-md-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-md-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-md-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-md-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-md-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-md-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-md-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-md-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-md-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-md-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-md-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-md-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-md-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-md-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-md-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-md-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-md-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-md-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: var(--mval1) !important;
  }
  .me-md-2 {
    margin-right: var(--mval2) !important;
  }
  .me-md-3 {
    margin-right: var(--mval3) !important;
  }
  .me-md-4 {
    margin-right: var(--mval4) !important;
  }
  .me-md-5 {
    margin-right: var(--mval5) !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-md-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-md-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-md-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-md-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-md-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-md-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-md-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-md-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  .m-AR-md-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-AR-md-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-AR-md-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-AR-md-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-AR-md-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-AR-md-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-AR-md-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-AR-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-AR-md-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-AR-md-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-AR-md-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-AR-md-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-AR-md-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-AR-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-AR-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-AR-md-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-AR-md-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-AR-md-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-AR-md-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-AR-md-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-AR-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-AR-md-0 {
    margin-top: 0 !important;
  }
  .mt-AR-md-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-AR-md-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-AR-md-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-AR-md-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-AR-md-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-AR-md-auto {
    margin-top: auto !important;
  }
  .me-AR-md-0 {
    margin-right: 0 !important;
  }
  .me-AR-md-1 {
    margin-right: var(--mval1) !important;
  }
  .me-AR-md-2 {
    margin-right: var(--mval2) !important;
  }
  .me-AR-md-3 {
    margin-right: var(--mval3) !important;
  }
  .me-AR-md-4 {
    margin-right: var(--mval4) !important;
  }
  .me-AR-md-5 {
    margin-right: var(--mval5) !important;
  }
  .me-AR-md-auto {
    margin-right: auto !important;
  }
  .mb-AR-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-AR-md-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-AR-md-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-AR-md-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-AR-md-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-AR-md-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-AR-md-auto {
    margin-bottom: auto !important;
  }
  .ms-AR-md-0 {
    margin-left: 0 !important;
  }
  .ms-AR-md-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-AR-md-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-AR-md-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-AR-md-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-AR-md-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-AR-md-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 992px) {
  :root {
    --mval1: 16px;
    --mval2: 20px;
    --mval3: 24px;
    --mval4: 28px;
    --mval5: 32px;
  }
  .m-lg-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-lg-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-lg-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-lg-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-lg-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-lg-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-lg-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-lg-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-lg-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-lg-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-lg-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-lg-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-lg-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-lg-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-lg-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-lg-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-lg-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-lg-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: var(--mval1) !important;
  }
  .me-lg-2 {
    margin-right: var(--mval2) !important;
  }
  .me-lg-3 {
    margin-right: var(--mval3) !important;
  }
  .me-lg-4 {
    margin-right: var(--mval4) !important;
  }
  .me-lg-5 {
    margin-right: var(--mval5) !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-lg-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-lg-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-lg-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-lg-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-lg-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-lg-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-lg-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-lg-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  .m-AR-lg-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-AR-lg-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-AR-lg-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-AR-lg-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-AR-lg-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-AR-lg-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-AR-lg-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-AR-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-AR-lg-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-AR-lg-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-AR-lg-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-AR-lg-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-AR-lg-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-AR-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-AR-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-AR-lg-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-AR-lg-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-AR-lg-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-AR-lg-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-AR-lg-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-AR-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-AR-lg-0 {
    margin-top: 0 !important;
  }
  .mt-AR-lg-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-AR-lg-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-AR-lg-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-AR-lg-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-AR-lg-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-AR-lg-auto {
    margin-top: auto !important;
  }
  .me-AR-lg-0 {
    margin-right: 0 !important;
  }
  .me-AR-lg-1 {
    margin-right: var(--mval1) !important;
  }
  .me-AR-lg-2 {
    margin-right: var(--mval2) !important;
  }
  .me-AR-lg-3 {
    margin-right: var(--mval3) !important;
  }
  .me-AR-lg-4 {
    margin-right: var(--mval4) !important;
  }
  .me-AR-lg-5 {
    margin-right: var(--mval5) !important;
  }
  .me-AR-lg-auto {
    margin-right: auto !important;
  }
  .mb-AR-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-AR-lg-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-AR-lg-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-AR-lg-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-AR-lg-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-AR-lg-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-AR-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-AR-lg-0 {
    margin-left: 0 !important;
  }
  .ms-AR-lg-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-AR-lg-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-AR-lg-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-AR-lg-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-AR-lg-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-AR-lg-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 1200px) {
  :root {
    --mval1: 20px;
    --mval2: 24px;
    --mval3: 28px;
    --mval4: 32px;
    --mval5: 36px;
  }
  .m-xl-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-xl-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-xl-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-xl-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-xl-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-xl-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-xl-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-xl-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-xl-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-xl-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-xl-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-xl-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-xl-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-xl-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-xl-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-xl-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-xl-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-xl-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: var(--mval1) !important;
  }
  .me-xl-2 {
    margin-right: var(--mval2) !important;
  }
  .me-xl-3 {
    margin-right: var(--mval3) !important;
  }
  .me-xl-4 {
    margin-right: var(--mval4) !important;
  }
  .me-xl-5 {
    margin-right: var(--mval5) !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-xl-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-xl-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-xl-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-xl-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-xl-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-xl-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-xl-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-xl-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1) {
  .m-AR-xl-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-AR-xl-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-AR-xl-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-AR-xl-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-AR-xl-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-AR-xl-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-AR-xl-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-AR-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-AR-xl-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-AR-xl-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-AR-xl-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-AR-xl-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-AR-xl-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-AR-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-AR-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-AR-xl-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-AR-xl-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-AR-xl-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-AR-xl-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-AR-xl-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-AR-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-AR-xl-0 {
    margin-top: 0 !important;
  }
  .mt-AR-xl-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-AR-xl-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-AR-xl-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-AR-xl-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-AR-xl-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-AR-xl-auto {
    margin-top: auto !important;
  }
  .me-AR-xl-0 {
    margin-right: 0 !important;
  }
  .me-AR-xl-1 {
    margin-right: var(--mval1) !important;
  }
  .me-AR-xl-2 {
    margin-right: var(--mval2) !important;
  }
  .me-AR-xl-3 {
    margin-right: var(--mval3) !important;
  }
  .me-AR-xl-4 {
    margin-right: var(--mval4) !important;
  }
  .me-AR-xl-5 {
    margin-right: var(--mval5) !important;
  }
  .me-AR-xl-auto {
    margin-right: auto !important;
  }
  .mb-AR-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-AR-xl-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-AR-xl-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-AR-xl-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-AR-xl-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-AR-xl-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-AR-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-AR-xl-0 {
    margin-left: 0 !important;
  }
  .ms-AR-xl-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-AR-xl-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-AR-xl-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-AR-xl-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-AR-xl-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-AR-xl-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 1400px) {
  :root {
    --mval1: 24px;
    --mval2: 28px;
    --mval3: 32px;
    --mval4: 36px;
    --mval5: 40px;
  }
  .m-xxl-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-xxl-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-xxl-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-xxl-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-xxl-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-xxl-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-xxl-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-xxl-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-xxl-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-xxl-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-xxl-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-xxl-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-xxl-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-xxl-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-xxl-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-xxl-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-xxl-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-xxl-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-xxl-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: var(--mval1) !important;
  }
  .me-xxl-2 {
    margin-right: var(--mval2) !important;
  }
  .me-xxl-3 {
    margin-right: var(--mval3) !important;
  }
  .me-xxl-4 {
    margin-right: var(--mval4) !important;
  }
  .me-xxl-5 {
    margin-right: var(--mval5) !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-xxl-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-xxl-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-xxl-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-xxl-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-xxl-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-xxl-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-xxl-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-xxl-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1) {
  .m-AR-xxl-0 {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }
  .m-AR-xxl-1 {
    margin-top: var(--mval1) !important;
    margin-right: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .m-AR-xxl-2 {
    margin-top: var(--mval2) !important;
    margin-right: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .m-AR-xxl-3 {
    margin-top: var(--mval3) !important;
    margin-right: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .m-AR-xxl-4 {
    margin-top: var(--mval4) !important;
    margin-right: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .m-AR-xxl-5 {
    margin-top: var(--mval5) !important;
    margin-right: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .m-AR-xxl-auto {
    margin-top: auto !important;
    margin-right: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
  }
  .mx-AR-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-AR-xxl-1 {
    margin-right: var(--mval1) !important;
    margin-left: var(--mval1) !important;
  }
  .mx-AR-xxl-2 {
    margin-right: var(--mval2) !important;
    margin-left: var(--mval2) !important;
  }
  .mx-AR-xxl-3 {
    margin-right: var(--mval3) !important;
    margin-left: var(--mval3) !important;
  }
  .mx-AR-xxl-4 {
    margin-right: var(--mval4) !important;
    margin-left: var(--mval4) !important;
  }
  .mx-AR-xxl-5 {
    margin-right: var(--mval5) !important;
    margin-left: var(--mval5) !important;
  }
  .mx-AR-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-AR-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-AR-xxl-1 {
    margin-top: var(--mval1) !important;
    margin-bottom: var(--mval1) !important;
  }
  .my-AR-xxl-2 {
    margin-top: var(--mval2) !important;
    margin-bottom: var(--mval2) !important;
  }
  .my-AR-xxl-3 {
    margin-top: var(--mval3) !important;
    margin-bottom: var(--mval3) !important;
  }
  .my-AR-xxl-4 {
    margin-top: var(--mval4) !important;
    margin-bottom: var(--mval4) !important;
  }
  .my-AR-xxl-5 {
    margin-top: var(--mval5) !important;
    margin-bottom: var(--mval5) !important;
  }
  .my-AR-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-AR-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-AR-xxl-1 {
    margin-top: var(--mval1) !important;
  }
  .mt-AR-xxl-2 {
    margin-top: var(--mval2) !important;
  }
  .mt-AR-xxl-3 {
    margin-top: var(--mval3) !important;
  }
  .mt-AR-xxl-4 {
    margin-top: var(--mval4) !important;
  }
  .mt-AR-xxl-5 {
    margin-top: var(--mval5) !important;
  }
  .mt-AR-xxl-auto {
    margin-top: auto !important;
  }
  .me-AR-xxl-0 {
    margin-right: 0 !important;
  }
  .me-AR-xxl-1 {
    margin-right: var(--mval1) !important;
  }
  .me-AR-xxl-2 {
    margin-right: var(--mval2) !important;
  }
  .me-AR-xxl-3 {
    margin-right: var(--mval3) !important;
  }
  .me-AR-xxl-4 {
    margin-right: var(--mval4) !important;
  }
  .me-AR-xxl-5 {
    margin-right: var(--mval5) !important;
  }
  .me-AR-xxl-auto {
    margin-right: auto !important;
  }
  .mb-AR-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-AR-xxl-1 {
    margin-bottom: var(--mval1) !important;
  }
  .mb-AR-xxl-2 {
    margin-bottom: var(--mval2) !important;
  }
  .mb-AR-xxl-3 {
    margin-bottom: var(--mval3) !important;
  }
  .mb-AR-xxl-4 {
    margin-bottom: var(--mval4) !important;
  }
  .mb-AR-xxl-5 {
    margin-bottom: var(--mval5) !important;
  }
  .mb-AR-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-AR-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-AR-xxl-1 {
    margin-left: var(--mval1) !important;
  }
  .ms-AR-xxl-2 {
    margin-left: var(--mval2) !important;
  }
  .ms-AR-xxl-3 {
    margin-left: var(--mval3) !important;
  }
  .ms-AR-xxl-4 {
    margin-left: var(--mval4) !important;
  }
  .ms-AR-xxl-5 {
    margin-left: var(--mval5) !important;
  }
  .ms-AR-xxl-auto {
    margin-left: auto !important;
  }
}
@media screen and (min-width: 0px) {
  .w-5 {
    width: 5% !important;
  }
  .w-10 {
    width: 10% !important;
  }
  .w-15 {
    width: 15% !important;
  }
  .w-20 {
    width: 20% !important;
  }
  .w-25 {
    width: 25% !important;
  }
  .w-30 {
    width: 30% !important;
  }
  .w-35 {
    width: 35% !important;
  }
  .w-40 {
    width: 40% !important;
  }
  .w-45 {
    width: 45% !important;
  }
  .w-50 {
    width: 50% !important;
  }
  .w-55 {
    width: 55% !important;
  }
  .w-60 {
    width: 60% !important;
  }
  .w-65 {
    width: 65% !important;
  }
  .w-70 {
    width: 70% !important;
  }
  .w-75 {
    width: 75% !important;
  }
  .w-80 {
    width: 80% !important;
  }
  .w-85 {
    width: 85% !important;
  }
  .w-90 {
    width: 90% !important;
  }
  .w-95 {
    width: 95% !important;
  }
  .w-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1) {
  .w-AR-5 {
    width: 5% !important;
  }
  .w-AR-10 {
    width: 10% !important;
  }
  .w-AR-15 {
    width: 15% !important;
  }
  .w-AR-20 {
    width: 20% !important;
  }
  .w-AR-25 {
    width: 25% !important;
  }
  .w-AR-30 {
    width: 30% !important;
  }
  .w-AR-35 {
    width: 35% !important;
  }
  .w-AR-40 {
    width: 40% !important;
  }
  .w-AR-45 {
    width: 45% !important;
  }
  .w-AR-50 {
    width: 50% !important;
  }
  .w-AR-55 {
    width: 55% !important;
  }
  .w-AR-60 {
    width: 60% !important;
  }
  .w-AR-65 {
    width: 65% !important;
  }
  .w-AR-70 {
    width: 70% !important;
  }
  .w-AR-75 {
    width: 75% !important;
  }
  .w-AR-80 {
    width: 80% !important;
  }
  .w-AR-85 {
    width: 85% !important;
  }
  .w-AR-90 {
    width: 90% !important;
  }
  .w-AR-95 {
    width: 95% !important;
  }
  .w-AR-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 576px) {
  .w-sm-5 {
    width: 5% !important;
  }
  .w-sm-10 {
    width: 10% !important;
  }
  .w-sm-15 {
    width: 15% !important;
  }
  .w-sm-20 {
    width: 20% !important;
  }
  .w-sm-25 {
    width: 25% !important;
  }
  .w-sm-30 {
    width: 30% !important;
  }
  .w-sm-35 {
    width: 35% !important;
  }
  .w-sm-40 {
    width: 40% !important;
  }
  .w-sm-45 {
    width: 45% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-55 {
    width: 55% !important;
  }
  .w-sm-60 {
    width: 60% !important;
  }
  .w-sm-65 {
    width: 65% !important;
  }
  .w-sm-70 {
    width: 70% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .w-sm-80 {
    width: 80% !important;
  }
  .w-sm-85 {
    width: 85% !important;
  }
  .w-sm-90 {
    width: 90% !important;
  }
  .w-sm-95 {
    width: 95% !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1) {
  .w-AR-sm-5 {
    width: 5% !important;
  }
  .w-AR-sm-10 {
    width: 10% !important;
  }
  .w-AR-sm-15 {
    width: 15% !important;
  }
  .w-AR-sm-20 {
    width: 20% !important;
  }
  .w-AR-sm-25 {
    width: 25% !important;
  }
  .w-AR-sm-30 {
    width: 30% !important;
  }
  .w-AR-sm-35 {
    width: 35% !important;
  }
  .w-AR-sm-40 {
    width: 40% !important;
  }
  .w-AR-sm-45 {
    width: 45% !important;
  }
  .w-AR-sm-50 {
    width: 50% !important;
  }
  .w-AR-sm-55 {
    width: 55% !important;
  }
  .w-AR-sm-60 {
    width: 60% !important;
  }
  .w-AR-sm-65 {
    width: 65% !important;
  }
  .w-AR-sm-70 {
    width: 70% !important;
  }
  .w-AR-sm-75 {
    width: 75% !important;
  }
  .w-AR-sm-80 {
    width: 80% !important;
  }
  .w-AR-sm-85 {
    width: 85% !important;
  }
  .w-AR-sm-90 {
    width: 90% !important;
  }
  .w-AR-sm-95 {
    width: 95% !important;
  }
  .w-AR-sm-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .w-md-5 {
    width: 5% !important;
  }
  .w-md-10 {
    width: 10% !important;
  }
  .w-md-15 {
    width: 15% !important;
  }
  .w-md-20 {
    width: 20% !important;
  }
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-30 {
    width: 30% !important;
  }
  .w-md-35 {
    width: 35% !important;
  }
  .w-md-40 {
    width: 40% !important;
  }
  .w-md-45 {
    width: 45% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-55 {
    width: 55% !important;
  }
  .w-md-60 {
    width: 60% !important;
  }
  .w-md-65 {
    width: 65% !important;
  }
  .w-md-70 {
    width: 70% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-80 {
    width: 80% !important;
  }
  .w-md-85 {
    width: 85% !important;
  }
  .w-md-90 {
    width: 90% !important;
  }
  .w-md-95 {
    width: 95% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  .w-AR-md-5 {
    width: 5% !important;
  }
  .w-AR-md-10 {
    width: 10% !important;
  }
  .w-AR-md-15 {
    width: 15% !important;
  }
  .w-AR-md-20 {
    width: 20% !important;
  }
  .w-AR-md-25 {
    width: 25% !important;
  }
  .w-AR-md-30 {
    width: 30% !important;
  }
  .w-AR-md-35 {
    width: 35% !important;
  }
  .w-AR-md-40 {
    width: 40% !important;
  }
  .w-AR-md-45 {
    width: 45% !important;
  }
  .w-AR-md-50 {
    width: 50% !important;
  }
  .w-AR-md-55 {
    width: 55% !important;
  }
  .w-AR-md-60 {
    width: 60% !important;
  }
  .w-AR-md-65 {
    width: 65% !important;
  }
  .w-AR-md-70 {
    width: 70% !important;
  }
  .w-AR-md-75 {
    width: 75% !important;
  }
  .w-AR-md-80 {
    width: 80% !important;
  }
  .w-AR-md-85 {
    width: 85% !important;
  }
  .w-AR-md-90 {
    width: 90% !important;
  }
  .w-AR-md-95 {
    width: 95% !important;
  }
  .w-AR-md-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-5 {
    width: 5% !important;
  }
  .w-lg-10 {
    width: 10% !important;
  }
  .w-lg-15 {
    width: 15% !important;
  }
  .w-lg-20 {
    width: 20% !important;
  }
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-30 {
    width: 30% !important;
  }
  .w-lg-35 {
    width: 35% !important;
  }
  .w-lg-40 {
    width: 40% !important;
  }
  .w-lg-45 {
    width: 45% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-55 {
    width: 55% !important;
  }
  .w-lg-60 {
    width: 60% !important;
  }
  .w-lg-65 {
    width: 65% !important;
  }
  .w-lg-70 {
    width: 70% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-80 {
    width: 80% !important;
  }
  .w-lg-85 {
    width: 85% !important;
  }
  .w-lg-90 {
    width: 90% !important;
  }
  .w-lg-95 {
    width: 95% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  .w-AR-lg-5 {
    width: 5% !important;
  }
  .w-AR-lg-10 {
    width: 10% !important;
  }
  .w-AR-lg-15 {
    width: 15% !important;
  }
  .w-AR-lg-20 {
    width: 20% !important;
  }
  .w-AR-lg-25 {
    width: 25% !important;
  }
  .w-AR-lg-30 {
    width: 30% !important;
  }
  .w-AR-lg-35 {
    width: 35% !important;
  }
  .w-AR-lg-40 {
    width: 40% !important;
  }
  .w-AR-lg-45 {
    width: 45% !important;
  }
  .w-AR-lg-50 {
    width: 50% !important;
  }
  .w-AR-lg-55 {
    width: 55% !important;
  }
  .w-AR-lg-60 {
    width: 60% !important;
  }
  .w-AR-lg-65 {
    width: 65% !important;
  }
  .w-AR-lg-70 {
    width: 70% !important;
  }
  .w-AR-lg-75 {
    width: 75% !important;
  }
  .w-AR-lg-80 {
    width: 80% !important;
  }
  .w-AR-lg-85 {
    width: 85% !important;
  }
  .w-AR-lg-90 {
    width: 90% !important;
  }
  .w-AR-lg-95 {
    width: 95% !important;
  }
  .w-AR-lg-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .w-xl-5 {
    width: 5% !important;
  }
  .w-xl-10 {
    width: 10% !important;
  }
  .w-xl-15 {
    width: 15% !important;
  }
  .w-xl-20 {
    width: 20% !important;
  }
  .w-xl-25 {
    width: 25% !important;
  }
  .w-xl-30 {
    width: 30% !important;
  }
  .w-xl-35 {
    width: 35% !important;
  }
  .w-xl-40 {
    width: 40% !important;
  }
  .w-xl-45 {
    width: 45% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-55 {
    width: 55% !important;
  }
  .w-xl-60 {
    width: 60% !important;
  }
  .w-xl-65 {
    width: 65% !important;
  }
  .w-xl-70 {
    width: 70% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-80 {
    width: 80% !important;
  }
  .w-xl-85 {
    width: 85% !important;
  }
  .w-xl-90 {
    width: 90% !important;
  }
  .w-xl-95 {
    width: 95% !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1) {
  .w-AR-xl-5 {
    width: 5% !important;
  }
  .w-AR-xl-10 {
    width: 10% !important;
  }
  .w-AR-xl-15 {
    width: 15% !important;
  }
  .w-AR-xl-20 {
    width: 20% !important;
  }
  .w-AR-xl-25 {
    width: 25% !important;
  }
  .w-AR-xl-30 {
    width: 30% !important;
  }
  .w-AR-xl-35 {
    width: 35% !important;
  }
  .w-AR-xl-40 {
    width: 40% !important;
  }
  .w-AR-xl-45 {
    width: 45% !important;
  }
  .w-AR-xl-50 {
    width: 50% !important;
  }
  .w-AR-xl-55 {
    width: 55% !important;
  }
  .w-AR-xl-60 {
    width: 60% !important;
  }
  .w-AR-xl-65 {
    width: 65% !important;
  }
  .w-AR-xl-70 {
    width: 70% !important;
  }
  .w-AR-xl-75 {
    width: 75% !important;
  }
  .w-AR-xl-80 {
    width: 80% !important;
  }
  .w-AR-xl-85 {
    width: 85% !important;
  }
  .w-AR-xl-90 {
    width: 90% !important;
  }
  .w-AR-xl-95 {
    width: 95% !important;
  }
  .w-AR-xl-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 1400px) {
  .w-xxl-5 {
    width: 5% !important;
  }
  .w-xxl-10 {
    width: 10% !important;
  }
  .w-xxl-15 {
    width: 15% !important;
  }
  .w-xxl-20 {
    width: 20% !important;
  }
  .w-xxl-25 {
    width: 25% !important;
  }
  .w-xxl-30 {
    width: 30% !important;
  }
  .w-xxl-35 {
    width: 35% !important;
  }
  .w-xxl-40 {
    width: 40% !important;
  }
  .w-xxl-45 {
    width: 45% !important;
  }
  .w-xxl-50 {
    width: 50% !important;
  }
  .w-xxl-55 {
    width: 55% !important;
  }
  .w-xxl-60 {
    width: 60% !important;
  }
  .w-xxl-65 {
    width: 65% !important;
  }
  .w-xxl-70 {
    width: 70% !important;
  }
  .w-xxl-75 {
    width: 75% !important;
  }
  .w-xxl-80 {
    width: 80% !important;
  }
  .w-xxl-85 {
    width: 85% !important;
  }
  .w-xxl-90 {
    width: 90% !important;
  }
  .w-xxl-95 {
    width: 95% !important;
  }
  .w-xxl-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1) {
  .w-AR-xxl-5 {
    width: 5% !important;
  }
  .w-AR-xxl-10 {
    width: 10% !important;
  }
  .w-AR-xxl-15 {
    width: 15% !important;
  }
  .w-AR-xxl-20 {
    width: 20% !important;
  }
  .w-AR-xxl-25 {
    width: 25% !important;
  }
  .w-AR-xxl-30 {
    width: 30% !important;
  }
  .w-AR-xxl-35 {
    width: 35% !important;
  }
  .w-AR-xxl-40 {
    width: 40% !important;
  }
  .w-AR-xxl-45 {
    width: 45% !important;
  }
  .w-AR-xxl-50 {
    width: 50% !important;
  }
  .w-AR-xxl-55 {
    width: 55% !important;
  }
  .w-AR-xxl-60 {
    width: 60% !important;
  }
  .w-AR-xxl-65 {
    width: 65% !important;
  }
  .w-AR-xxl-70 {
    width: 70% !important;
  }
  .w-AR-xxl-75 {
    width: 75% !important;
  }
  .w-AR-xxl-80 {
    width: 80% !important;
  }
  .w-AR-xxl-85 {
    width: 85% !important;
  }
  .w-AR-xxl-90 {
    width: 90% !important;
  }
  .w-AR-xxl-95 {
    width: 95% !important;
  }
  .w-AR-xxl-100 {
    width: 100% !important;
  }
}
@media screen and (min-width: 0px) {
  .d-n {
    display: none !important;
  }
  .d-b {
    display: block !important;
  }
  .d-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1) {
  .d-AR-n {
    display: none !important;
  }
  .d-AR-b {
    display: block !important;
  }
  .d-AR-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-AR-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-AR-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-AR-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-AR-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-AR-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-AR-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-AR-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-AR-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-AR-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-AR-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-AR-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-AR-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-AR-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-AR-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-AR-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-AR-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-AR-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-AR-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-AR-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 576px) {
  .d-sm-n {
    display: none !important;
  }
  .d-sm-b {
    display: block !important;
  }
  .d-sm-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-sm-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-sm-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-sm-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-sm-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-sm-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-sm-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-sm-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-sm-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-sm-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-sm-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-sm-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-sm-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-sm-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-sm-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-sm-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-sm-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-sm-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-sm-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-sm-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1) {
  .d-AR-sm-n {
    display: none !important;
  }
  .d-AR-sm-b {
    display: block !important;
  }
  .d-AR-sm-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-AR-sm-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-AR-sm-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-AR-sm-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-AR-sm-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-AR-sm-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-AR-sm-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-AR-sm-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-AR-sm-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-AR-sm-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-AR-sm-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-AR-sm-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-AR-sm-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-AR-sm-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-AR-sm-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-AR-sm-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-AR-sm-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-AR-sm-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-AR-sm-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-AR-sm-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 768px) {
  .d-md-n {
    display: none !important;
  }
  .d-md-b {
    display: block !important;
  }
  .d-md-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-md-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-md-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-md-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-md-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-md-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-md-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-md-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-md-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-md-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-md-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-md-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-md-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-md-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-md-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-md-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-md-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-md-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-md-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-md-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  .d-AR-md-n {
    display: none !important;
  }
  .d-AR-md-b {
    display: block !important;
  }
  .d-AR-md-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-AR-md-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-AR-md-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-AR-md-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-AR-md-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-AR-md-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-AR-md-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-AR-md-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-AR-md-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-AR-md-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-AR-md-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-AR-md-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-AR-md-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-AR-md-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-AR-md-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-AR-md-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-AR-md-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-AR-md-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-AR-md-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-AR-md-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 992px) {
  .d-lg-n {
    display: none !important;
  }
  .d-lg-b {
    display: block !important;
  }
  .d-lg-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-lg-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-lg-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-lg-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-lg-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-lg-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-lg-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-lg-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-lg-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-lg-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-lg-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-lg-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-lg-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-lg-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-lg-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-lg-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-lg-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-lg-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-lg-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-lg-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  .d-AR-lg-n {
    display: none !important;
  }
  .d-AR-lg-b {
    display: block !important;
  }
  .d-AR-lg-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-AR-lg-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-AR-lg-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-AR-lg-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-AR-lg-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-AR-lg-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-AR-lg-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-AR-lg-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-AR-lg-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-AR-lg-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-AR-lg-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-AR-lg-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-AR-lg-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-AR-lg-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-AR-lg-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-AR-lg-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-AR-lg-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-AR-lg-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-AR-lg-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-AR-lg-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 1200px) {
  .d-xl-n {
    display: none !important;
  }
  .d-xl-b {
    display: block !important;
  }
  .d-xl-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-xl-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-xl-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-xl-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-xl-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-xl-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-xl-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-xl-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-xl-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-xl-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-xl-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-xl-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-xl-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-xl-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-xl-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-xl-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-xl-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-xl-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-xl-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-xl-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1) {
  .d-AR-xl-n {
    display: none !important;
  }
  .d-AR-xl-b {
    display: block !important;
  }
  .d-AR-xl-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-AR-xl-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-AR-xl-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-AR-xl-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-AR-xl-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-AR-xl-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-AR-xl-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-AR-xl-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-AR-xl-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-AR-xl-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-AR-xl-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-AR-xl-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-AR-xl-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-AR-xl-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-AR-xl-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-AR-xl-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-AR-xl-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-AR-xl-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-AR-xl-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-AR-xl-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 1400px) {
  .d-xxl-n {
    display: none !important;
  }
  .d-xxl-b {
    display: block !important;
  }
  .d-xxl-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-xxl-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-xxl-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-xxl-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-xxl-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-xxl-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-xxl-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-xxl-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-xxl-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-xxl-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-xxl-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-xxl-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-xxl-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-xxl-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-xxl-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-xxl-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-xxl-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-xxl-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-xxl-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-xxl-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1) {
  .d-AR-xxl-n {
    display: none !important;
  }
  .d-AR-xxl-b {
    display: block !important;
  }
  .d-AR-xxl-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .f-wr-AR-xxl-nw {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .f-wr-AR-xxl-w {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .f-wr-AR-xxl-w-rev {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .f-wr-AR-xxl-u {
    -ms-flex-wrap: unset !important;
    flex-wrap: unset !important;
  }
  .fdir-AR-xxl-r {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .fdir-AR-xxl-r-rev {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .fdir-AR-xxl-c {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .fdir-AR-xxl-c-rev {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .jc-AR-xxl-s {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
  }
  .jc-AR-xxl-c {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .jc-AR-xxl-e {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .jc-AR-xxl-b {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .jc-AR-xxl-a {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .jc-AR-xxl-ev {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
  }
  .ai-AR-xxl-s {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
  }
  .ai-AR-xxl-c {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .ai-AR-xxl-e {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .ai-AR-xxl-base {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .ai-AR-xxl-str {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
}
@media screen and (min-width: 0px) {
  .pos-sta {
    position: static !important;
  }
  .pos-r {
    position: relative !important;
  }
  .pos-a {
    position: absolute !important;
  }
  .pos-f {
    position: fixed !important;
  }
  .pos-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1) {
  .pos-AR-sta {
    position: static !important;
  }
  .pos-AR-r {
    position: relative !important;
  }
  .pos-AR-a {
    position: absolute !important;
  }
  .pos-AR-f {
    position: fixed !important;
  }
  .pos-AR-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 576px) {
  .pos-sm-sta {
    position: static !important;
  }
  .pos-sm-r {
    position: relative !important;
  }
  .pos-sm-a {
    position: absolute !important;
  }
  .pos-sm-f {
    position: fixed !important;
  }
  .pos-sm-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 576px) and (min-aspect-ratio: 1) {
  .pos-AR-sm-sta {
    position: static !important;
  }
  .pos-AR-sm-r {
    position: relative !important;
  }
  .pos-AR-sm-a {
    position: absolute !important;
  }
  .pos-AR-sm-f {
    position: fixed !important;
  }
  .pos-AR-sm-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 768px) {
  .pos-md-sta {
    position: static !important;
  }
  .pos-md-r {
    position: relative !important;
  }
  .pos-md-a {
    position: absolute !important;
  }
  .pos-md-f {
    position: fixed !important;
  }
  .pos-md-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  .pos-AR-md-sta {
    position: static !important;
  }
  .pos-AR-md-r {
    position: relative !important;
  }
  .pos-AR-md-a {
    position: absolute !important;
  }
  .pos-AR-md-f {
    position: fixed !important;
  }
  .pos-AR-md-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 768px) {
  .pos-md-sta {
    position: static !important;
  }
  .pos-md-r {
    position: relative !important;
  }
  .pos-md-a {
    position: absolute !important;
  }
  .pos-md-f {
    position: fixed !important;
  }
  .pos-md-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  .pos-AR-md-sta {
    position: static !important;
  }
  .pos-AR-md-r {
    position: relative !important;
  }
  .pos-AR-md-a {
    position: absolute !important;
  }
  .pos-AR-md-f {
    position: fixed !important;
  }
  .pos-AR-md-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 992px) {
  .pos-lg-sta {
    position: static !important;
  }
  .pos-lg-r {
    position: relative !important;
  }
  .pos-lg-a {
    position: absolute !important;
  }
  .pos-lg-f {
    position: fixed !important;
  }
  .pos-lg-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  .pos-AR-lg-sta {
    position: static !important;
  }
  .pos-AR-lg-r {
    position: relative !important;
  }
  .pos-AR-lg-a {
    position: absolute !important;
  }
  .pos-AR-lg-f {
    position: fixed !important;
  }
  .pos-AR-lg-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 1200px) {
  .pos-xl-sta {
    position: static !important;
  }
  .pos-xl-r {
    position: relative !important;
  }
  .pos-xl-a {
    position: absolute !important;
  }
  .pos-xl-f {
    position: fixed !important;
  }
  .pos-xl-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1) {
  .pos-AR-xl-sta {
    position: static !important;
  }
  .pos-AR-xl-r {
    position: relative !important;
  }
  .pos-AR-xl-a {
    position: absolute !important;
  }
  .pos-AR-xl-f {
    position: fixed !important;
  }
  .pos-AR-xl-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 1400px) {
  .pos-xxl-sta {
    position: static !important;
  }
  .pos-xxl-r {
    position: relative !important;
  }
  .pos-xxl-a {
    position: absolute !important;
  }
  .pos-xxl-f {
    position: fixed !important;
  }
  .pos-xxl-sti {
    position: sticky !important;
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1) {
  .pos-AR-xxl-sta {
    position: static !important;
  }
  .pos-AR-xxl-r {
    position: relative !important;
  }
  .pos-AR-xxl-a {
    position: absolute !important;
  }
  .pos-AR-xxl-f {
    position: fixed !important;
  }
  .pos-AR-xxl-sti {
    position: sticky !important;
  }
}
.o {
  overflow: auto;
  overflow: hidden;
  overflow: scroll;
  overflow: visible;
}

@media screen and (min-width: 0px) {
  .of-auto {
    overflow: auto !important;
  }
  .of-x-auto {
    overflow-x: auto !important;
  }
  .of-y-auto {
    overflow-y: auto !important;
  }
  .of-hid {
    overflow: hidden !important;
  }
  .of-x-hid {
    overflow-x: hidden !important;
  }
  .of-y-hid {
    overflow-y: hidden !important;
  }
  .of-sc {
    overflow: scroll !important;
  }
  .of-x-sc {
    overflow-x: scroll !important;
  }
  .of-y-sc {
    overflow-y: scroll !important;
  }
  .of-vis {
    overflow: visible !important;
  }
  .of-x-vis {
    overflow-x: visible !important;
  }
  .of-y-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 0px) and (min-aspect-ratio: 1) {
  .of-AR-auto {
    overflow: auto !important;
  }
  .of-x-AR-auto {
    overflow-x: auto !important;
  }
  .of-y-AR-auto {
    overflow-y: auto !important;
  }
  .of-AR-hid {
    overflow: hidden !important;
  }
  .of-x-AR-hid {
    overflow-x: hidden !important;
  }
  .of-y-AR-hid {
    overflow-y: hidden !important;
  }
  .of-AR-sc {
    overflow: scroll !important;
  }
  .of-x-AR-sc {
    overflow-x: scroll !important;
  }
  .of-y-AR-sc {
    overflow-y: scroll !important;
  }
  .of-AR-vis {
    overflow: visible !important;
  }
  .of-x-AR-vis {
    overflow-x: visible !important;
  }
  .of-y-AR-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 575px) {
  .of-sm-auto {
    overflow: auto !important;
  }
  .of-x-sm-auto {
    overflow-x: auto !important;
  }
  .of-y-sm-auto {
    overflow-y: auto !important;
  }
  .of-sm-hid {
    overflow: hidden !important;
  }
  .of-x-sm-hid {
    overflow-x: hidden !important;
  }
  .of-y-sm-hid {
    overflow-y: hidden !important;
  }
  .of-sm-sc {
    overflow: scroll !important;
  }
  .of-x-sm-sc {
    overflow-x: scroll !important;
  }
  .of-y-sm-sc {
    overflow-y: scroll !important;
  }
  .of-sm-vis {
    overflow: visible !important;
  }
  .of-x-sm-vis {
    overflow-x: visible !important;
  }
  .of-y-sm-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 575px) and (min-aspect-ratio: 1) {
  .of-AR-sm-auto {
    overflow: auto !important;
  }
  .of-x-AR-sm-auto {
    overflow-x: auto !important;
  }
  .of-y-AR-sm-auto {
    overflow-y: auto !important;
  }
  .of-AR-sm-hid {
    overflow: hidden !important;
  }
  .of-x-AR-sm-hid {
    overflow-x: hidden !important;
  }
  .of-y-AR-sm-hid {
    overflow-y: hidden !important;
  }
  .of-AR-sm-sc {
    overflow: scroll !important;
  }
  .of-x-AR-sm-sc {
    overflow-x: scroll !important;
  }
  .of-y-AR-sm-sc {
    overflow-y: scroll !important;
  }
  .of-AR-sm-vis {
    overflow: visible !important;
  }
  .of-x-AR-sm-vis {
    overflow-x: visible !important;
  }
  .of-y-AR-sm-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 768px) {
  .of-md-auto {
    overflow: auto !important;
  }
  .of-x-md-auto {
    overflow-x: auto !important;
  }
  .of-y-md-auto {
    overflow-y: auto !important;
  }
  .of-md-hid {
    overflow: hidden !important;
  }
  .of-x-md-hid {
    overflow-x: hidden !important;
  }
  .of-y-md-hid {
    overflow-y: hidden !important;
  }
  .of-md-sc {
    overflow: scroll !important;
  }
  .of-x-md-sc {
    overflow-x: scroll !important;
  }
  .of-y-md-sc {
    overflow-y: scroll !important;
  }
  .of-md-vis {
    overflow: visible !important;
  }
  .of-x-md-vis {
    overflow-x: visible !important;
  }
  .of-y-md-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 768px) and (min-aspect-ratio: 1) {
  .of-AR-md-auto {
    overflow: auto !important;
  }
  .of-x-AR-md-auto {
    overflow-x: auto !important;
  }
  .of-y-AR-md-auto {
    overflow-y: auto !important;
  }
  .of-AR-md-hid {
    overflow: hidden !important;
  }
  .of-x-AR-md-hid {
    overflow-x: hidden !important;
  }
  .of-y-AR-md-hid {
    overflow-y: hidden !important;
  }
  .of-AR-md-sc {
    overflow: scroll !important;
  }
  .of-x-AR-md-sc {
    overflow-x: scroll !important;
  }
  .of-y-AR-md-sc {
    overflow-y: scroll !important;
  }
  .of-AR-md-vis {
    overflow: visible !important;
  }
  .of-x-AR-md-vis {
    overflow-x: visible !important;
  }
  .of-y-AR-md-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 992px) {
  .of-lg-auto {
    overflow: auto !important;
  }
  .of-x-lg-auto {
    overflow-x: auto !important;
  }
  .of-y-lg-auto {
    overflow-y: auto !important;
  }
  .of-lg-hid {
    overflow: hidden !important;
  }
  .of-x-lg-hid {
    overflow-x: hidden !important;
  }
  .of-y-lg-hid {
    overflow-y: hidden !important;
  }
  .of-lg-sc {
    overflow: scroll !important;
  }
  .of-x-lg-sc {
    overflow-x: scroll !important;
  }
  .of-y-lg-sc {
    overflow-y: scroll !important;
  }
  .of-lg-vis {
    overflow: visible !important;
  }
  .of-x-lg-vis {
    overflow-x: visible !important;
  }
  .of-y-lg-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 992px) and (min-aspect-ratio: 1) {
  .of-AR-lg-auto {
    overflow: auto !important;
  }
  .of-x-AR-lg-auto {
    overflow-x: auto !important;
  }
  .of-y-AR-lg-auto {
    overflow-y: auto !important;
  }
  .of-AR-lg-hid {
    overflow: hidden !important;
  }
  .of-x-AR-lg-hid {
    overflow-x: hidden !important;
  }
  .of-y-AR-lg-hid {
    overflow-y: hidden !important;
  }
  .of-AR-lg-sc {
    overflow: scroll !important;
  }
  .of-x-AR-lg-sc {
    overflow-x: scroll !important;
  }
  .of-y-AR-lg-sc {
    overflow-y: scroll !important;
  }
  .of-AR-lg-vis {
    overflow: visible !important;
  }
  .of-x-AR-lg-vis {
    overflow-x: visible !important;
  }
  .of-y-AR-lg-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 1200px) {
  .of-xl-auto {
    overflow: auto !important;
  }
  .of-x-xl-auto {
    overflow-x: auto !important;
  }
  .of-y-xl-auto {
    overflow-y: auto !important;
  }
  .of-xl-hid {
    overflow: hidden !important;
  }
  .of-x-xl-hid {
    overflow-x: hidden !important;
  }
  .of-y-xl-hid {
    overflow-y: hidden !important;
  }
  .of-xl-sc {
    overflow: scroll !important;
  }
  .of-x-xl-sc {
    overflow-x: scroll !important;
  }
  .of-y-xl-sc {
    overflow-y: scroll !important;
  }
  .of-xl-vis {
    overflow: visible !important;
  }
  .of-x-xl-vis {
    overflow-x: visible !important;
  }
  .of-y-xl-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 1) {
  .of-AR-xl-auto {
    overflow: auto !important;
  }
  .of-x-AR-xl-auto {
    overflow-x: auto !important;
  }
  .of-y-AR-xl-auto {
    overflow-y: auto !important;
  }
  .of-AR-xl-hid {
    overflow: hidden !important;
  }
  .of-x-AR-xl-hid {
    overflow-x: hidden !important;
  }
  .of-y-AR-xl-hid {
    overflow-y: hidden !important;
  }
  .of-AR-xl-sc {
    overflow: scroll !important;
  }
  .of-x-AR-xl-sc {
    overflow-x: scroll !important;
  }
  .of-y-AR-xl-sc {
    overflow-y: scroll !important;
  }
  .of-AR-xl-vis {
    overflow: visible !important;
  }
  .of-x-AR-xl-vis {
    overflow-x: visible !important;
  }
  .of-y-AR-xl-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 1400px) {
  .of-xxl-auto {
    overflow: auto !important;
  }
  .of-x-xxl-auto {
    overflow-x: auto !important;
  }
  .of-y-xxl-auto {
    overflow-y: auto !important;
  }
  .of-xxl-hid {
    overflow: hidden !important;
  }
  .of-x-xxl-hid {
    overflow-x: hidden !important;
  }
  .of-y-xxl-hid {
    overflow-y: hidden !important;
  }
  .of-xxl-sc {
    overflow: scroll !important;
  }
  .of-x-xxl-sc {
    overflow-x: scroll !important;
  }
  .of-y-xxl-sc {
    overflow-y: scroll !important;
  }
  .of-xxl-vis {
    overflow: visible !important;
  }
  .of-x-xxl-vis {
    overflow-x: visible !important;
  }
  .of-y-xxl-vis {
    overflow-y: visible !important;
  }
}
@media screen and (min-width: 1400px) and (min-aspect-ratio: 1) {
  .of-AR-xxl-auto {
    overflow: auto !important;
  }
  .of-x-AR-xxl-auto {
    overflow-x: auto !important;
  }
  .of-y-AR-xxl-auto {
    overflow-y: auto !important;
  }
  .of-AR-xxl-hid {
    overflow: hidden !important;
  }
  .of-x-AR-xxl-hid {
    overflow-x: hidden !important;
  }
  .of-y-AR-xxl-hid {
    overflow-y: hidden !important;
  }
  .of-AR-xxl-sc {
    overflow: scroll !important;
  }
  .of-x-AR-xxl-sc {
    overflow-x: scroll !important;
  }
  .of-y-AR-xxl-sc {
    overflow-y: scroll !important;
  }
  .of-AR-xxl-vis {
    overflow: visible !important;
  }
  .of-x-AR-xxl-vis {
    overflow-x: visible !important;
  }
  .of-y-AR-xxl-vis {
    overflow-y: visible !important;
  }
}
:root {
  --prim-col: hsl(223, 81%, 15%);
  --prim-col-d-5: hsl(223, 81%, 10%);
  --prim-col-d-10: hsl(223, 81%, 5%);
  --prim-col-d-15: hsl(223, 81%, 0%);
  --prim-col-d-20: hsl(223, 81%, -5%);
  --prim-col-l-5: hsl(223, 81%, 20%);
  --prim-col-l-10: hsl(223, 81%, 25%);
  --prim-col-l-15: hsl(223, 81%, 30%);
  --prim-col-l-20: hsl(223, 81%, 35%);
  --sec-col: hsl(223, 45%, 35%);
  --sec-col-d-5: hsl(223, 45%, 30%);
  --sec-col-d-10: hsl(223, 45%, 25%);
  --sec-col-d-15: hsl(223, 45%, 20%);
  --sec-col-d-20: hsl(223, 45%, 15%);
  --sec-col-l-5: hsl(223, 45%, 40%);
  --sec-col-l-10: hsl(223, 45%, 45%);
  --sec-col-l-15: hsl(223, 45%, 50%);
  --sec-col-l-20: hsl(223, 45%, 55%);
  --tert-col: hsl(22, 77%, 45%);
  --tert-col-d-5: hsl(22, 77%, 40%);
  --tert-col-d-10: hsl(22, 77%, 35%);
  --tert-col-d-15: hsl(22, 77%, 30%);
  --tert-col-d-20: hsl(22, 77%, 25%);
  --tert-col-l-5: hsl(22, 77%, 50%);
  --tert-col-l-10: hsl(22, 77%, 55%);
  --tert-col-l-15: hsl(22, 77%, 60%);
  --tert-col-l-20: hsl(22, 77%, 65%);
  --quart-col: hsl(300, 52%, 39%);
  --quart-col-d-5: hsl(300, 52%, 34%);
  --quart-col-d-10: hsl(300, 52%, 29%);
  --quart-col-d-15: hsl(300, 52%, 24%);
  --quart-col-d-20: hsl(300, 52%, 19%);
  --quart-col-l-5: hsl(300, 52%, 44%);
  --quart-col-l-10: hsl(300, 52%, 49%);
  --quart-col-l-15: hsl(300, 52%, 54%);
  --quart-col-l-20: hsl(300, 52%, 59%);
  --green-col: hsl(120, 74%, 26%);
  --green-col-d-5: hsl(120, 74%, 21%);
  --green-col-d-10: hsl(120, 74%, 16%);
  --green-col-d-15: hsl(120, 74%, 11%);
  --green-col-d-20: hsl(120, 74%, 6%);
  --green-col-l-5: hsl(120, 74%, 31%);
  --green-col-l-10: hsl(120, 74%, 36%);
  --green-col-l-15: hsl(120, 74%, 41%);
  --green-col-l-20: hsl(120, 74%, 46%);
  --red-col: hsl(0, 57%, 46%);
  --red-col-d-5: hsl(0, 57%, 41%);
  --red-col-d-10: hsl(0, 57%, 36%);
  --red-col-d-15: hsl(0, 57%, 31%);
  --red-col-d-20: hsl(0, 57%, 26%);
  --red-col-l-5: hsl(0, 57%, 51%);
  --red-col-l-10: hsl(0, 57%, 56%);
  --red-col-l-15: hsl(0, 57%, 61%);
  --red-col-l-20: hsl(0, 57%, 66%);
  --yellow-col: hsl(60, 88%, 47%);
  --yellow-col-d-5: hsl(60, 88%, 42%);
  --yellow-col-d-10: hsl(60, 88%, 37%);
  --yellow-col-d-15: hsl(60, 88%, 32%);
  --yellow-col-d-20: hsl(60, 88%, 27%);
  --yellow-col-l-5: hsl(60, 88%, 52%);
  --yellow-col-l-10: hsl(60, 88%, 57%);
  --yellow-col-l-15: hsl(60, 88%, 62%);
  --yellow-col-l-20: hsl(60, 88%, 67%);
  --blue-col: hsl(240, 65%, 46%);
  --blue-col-d-5: hsl(240, 65%, 41%);
  --blue-col-d-10: hsl(240, 65%, 36%);
  --blue-col-d-15: hsl(240, 65%, 31%);
  --blue-col-d-20: hsl(240, 65%, 26%);
  --blue-col-l-5: hsl(240, 65%, 51%);
  --blue-col-l-10: hsl(240, 65%, 56%);
  --blue-col-l-15: hsl(240, 65%, 61%);
  --blue-col-l-20: hsl(240, 65%, 66%);
  --gray-col: hsl(0, 0%, 49%);
  --gray-col-d-5: hsl(0, 0%, 44%);
  --gray-col-d-10: hsl(0, 0%, 39%);
  --gray-col-d-15: hsl(0, 0%, 34%);
  --gray-col-d-20: hsl(0, 0%, 29%);
  --gray-col-l-5: hsl(0, 0%, 54%);
  --gray-col-l-10: hsl(0, 0%, 59%);
  --gray-col-l-15: hsl(0, 0%, 64%);
  --gray-col-l-20: hsl(0, 0%, 69%);
  --white-col: hsl(0, 0%, 100%);
  --white-col-d-5: hsl(0, 0%, 95%);
  --white-col-d-10: hsl(0, 0%, 90%);
  --white-col-d-15: hsl(0, 0%, 85%);
  --white-col-d-20: hsl(0, 0%, 80%);
  --black-col: hsl(0, 0%, 0%);
  --black-col-l-5: hsl(0, 0%, 5%);
  --black-col-l-10: hsl(0, 0%, 10%);
  --black-col-l-15: hsl(0, 0%, 15%);
  --black-col-l-20: hsl(0, 0%, 20%);
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  outline: none;
}

/*# sourceMappingURL=kame.css.map */