@tailwind base;
@tailind components;
@tailwind utilities;

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

.fontInter {
  font-family: 'Inter';
}
*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

@tailind components;

.pointer-events-none{
  pointer-events: none;
}

.pointer-events-auto{
  pointer-events: auto;
}

.visible{
  visibility: visible;
}

.invisible{
  visibility: hidden;
}

.collapse{
  visibility: collapse;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.\!relative{
  position: relative !important;
}

.relative{
  position: relative;
}

.sticky{
  position: sticky;
}

.inset-0{
  inset: 0px;
}

.inset-x-0{
  left: 0px;
  right: 0px;
}

.\!bottom-4{
  bottom: 1rem !important;
}

.\!left-0{
  left: 0px !important;
}

.\!right-2{
  right: 0.5rem !important;
}

.\!top-\[-8px\]{
  top: -8px !important;
}

.bottom-0{
  bottom: 0px;
}

.bottom-2\.5{
  bottom: 0.625rem;
}

.bottom-\[-5px\]{
  bottom: -5px;
}

.bottom-\[0px\]{
  bottom: 0px;
}

.bottom-\[100px\]{
  bottom: 100px;
}

.bottom-\[10px\]{
  bottom: 10px;
}

.bottom-\[12px\]{
  bottom: 12px;
}

.bottom-\[15px\]{
  bottom: 15px;
}

.bottom-\[160px\]{
  bottom: 160px;
}

.bottom-\[170px\]{
  bottom: 170px;
}

.bottom-\[25px\]{
  bottom: 25px;
}

.bottom-\[26px\]{
  bottom: 26px;
}

.bottom-\[40px\]{
  bottom: 40px;
}

.bottom-\[57px\]{
  bottom: 57px;
}

.bottom-\[58px\]{
  bottom: 58px;
}

.bottom-\[7px\]{
  bottom: 7px;
}

.bottom-\[80px\]{
  bottom: 80px;
}

.bottom-\[90px\]{
  bottom: 90px;
}

.left-0{
  left: 0px;
}

.left-2\.5{
  left: 0.625rem;
}

.left-2\/4{
  left: 50%;
}

.left-4{
  left: 1rem;
}

.left-\[-15px\]{
  left: -15px;
}

.left-\[-1px\]{
  left: -1px;
}

.left-\[-42px\]{
  left: -42px;
}

.left-\[-50px\]{
  left: -50px;
}

.left-\[0px\]{
  left: 0px;
}

.left-\[10px\]{
  left: 10px;
}

.left-\[20px\]{
  left: 20px;
}

.left-\[21px\]{
  left: 21px;
}

.left-\[28px\]{
  left: 28px;
}

.left-\[50\%\]{
  left: 50%;
}

.left-\[8px\]{
  left: 8px;
}

.right-0{
  right: 0px;
}

.right-2\.5{
  right: 0.625rem;
}

.right-4{
  right: 1rem;
}

.right-\[-12px\]{
  right: -12px;
}

.right-\[-13px\]{
  right: -13px;
}

.right-\[-18px\]{
  right: -18px;
}

.right-\[-21px\]{
  right: -21px;
}

.right-\[-346px\]{
  right: -346px;
}

.right-\[0px\]{
  right: 0px;
}

.right-\[10px\]{
  right: 10px;
}

.right-\[16px\]{
  right: 16px;
}

.right-\[17px\]{
  right: 17px;
}

.right-\[20px\]{
  right: 20px;
}

.right-\[26px\]{
  right: 26px;
}

.right-\[4px\]{
  right: 4px;
}

.right-\[6px\]{
  right: 6px;
}

.right-\[8px\]{
  right: 8px;
}

.start-1{
  inset-inline-start: 0.25rem;
}

.top-0{
  top: 0px;
}

.top-2{
  top: 0.5rem;
}

.top-2\.5{
  top: 0.625rem;
}

.top-2\/4{
  top: 50%;
}

.top-4{
  top: 1rem;
}

.top-\[-10px\]{
  top: -10px;
}

.top-\[-13px\]{
  top: -13px;
}

.top-\[-14px\]{
  top: -14px;
}

.top-\[-15px\]{
  top: -15px;
}

.top-\[-1px\]{
  top: -1px;
}

.top-\[-20px\]{
  top: -20px;
}

.top-\[-2px\]{
  top: -2px;
}

.top-\[-3px\]{
  top: -3px;
}

.top-\[-46px\]{
  top: -46px;
}

.top-\[-4px\]{
  top: -4px;
}

.top-\[-5px\]{
  top: -5px;
}

.top-\[\.5px\]{
  top: .5px;
}

.top-\[0px\]{
  top: 0px;
}

.top-\[10px\]{
  top: 10px;
}

.top-\[130px\]{
  top: 130px;
}

.top-\[14px\]{
  top: 14px;
}

.top-\[15px\]{
  top: 15px;
}

.top-\[16px\]{
  top: 16px;
}

.top-\[1px\]{
  top: 1px;
}

.top-\[20px\]{
  top: 20px;
}

.top-\[24px\]{
  top: 24px;
}

.top-\[27px\]{
  top: 27px;
}

.top-\[45px\]{
  top: 45px;
}

.top-\[48px\]{
  top: 48px;
}

.top-\[4px\]{
  top: 4px;
}

.top-\[50\%\]{
  top: 50%;
}

.top-\[5px\]{
  top: 5px;
}

.top-\[60px\]{
  top: 60px;
}

.top-\[6px\]{
  top: 6px;
}

.top-\[7px\]{
  top: 7px;
}

.top-\[80px\]{
  top: 80px;
}

.top-\[8px\]{
  top: 8px;
}

.isolate{
  isolation: isolate;
}

.z-0{
  z-index: 0;
}

.z-10{
  z-index: 10;
}

.z-20{
  z-index: 20;
}

.z-30{
  z-index: 30;
}

.z-40{
  z-index: 40;
}

.z-\[100000\]{
  z-index: 100000;
}

.z-\[10\]{
  z-index: 10;
}

.z-\[11000\]{
  z-index: 11000;
}

.z-\[11\]{
  z-index: 11;
}

.z-\[1\]{
  z-index: 1;
}

.z-\[20\]{
  z-index: 20;
}

.z-\[2147483617\]{
  z-index: 2147483617;
}

.z-\[2147483645\]{
  z-index: 2147483645;
}

.z-\[2147483646\]{
  z-index: 2147483646;
}

.z-\[2147483647\]{
  z-index: 2147483647;
}

.z-\[2\]{
  z-index: 2;
}

.z-\[3\]{
  z-index: 3;
}

.z-\[5\]{
  z-index: 5;
}

.z-\[999999\]{
  z-index: 999999;
}

.z-\[9999\]{
  z-index: 9999;
}

.col-span-12{
  grid-column: span 12 / span 12;
}

.float-right{
  float: right;
}

.\!m-0{
  margin: 0px !important;
}

.m-0{
  margin: 0px;
}

.m-3{
  margin: 0.75rem;
}

.m-\[22px\]{
  margin: 22px;
}

.m-auto{
  margin: auto;
}

.\!my-1\.5{
  margin-top: 0.375rem !important;
  margin-bottom: 0.375rem !important;
}

.mx-1{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mx-2{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx-3\.5{
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}

.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx-\[15px\]{
  margin-left: 15px;
  margin-right: 15px;
}

.mx-\[25px\]{
  margin-left: 25px;
  margin-right: 25px;
}

.mx-\[6px\]{
  margin-left: 6px;
  margin-right: 6px;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-2\.5{
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my-\[2px\]{
  margin-top: 2px;
  margin-bottom: 2px;
}

.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}

.\!mb-\[0px\]{
  margin-bottom: 0px !important;
}

.\!ml-0{
  margin-left: 0px !important;
}

.\!mt-0{
  margin-top: 0px !important;
}

.\!mt-1\.5{
  margin-top: 0.375rem !important;
}

.\!mt-\[0px\]{
  margin-top: 0px !important;
}

.\!mt-\[12px\]{
  margin-top: 12px !important;
}

.mb-0{
  margin-bottom: 0px;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-2\.5{
  margin-bottom: 0.625rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mb-5{
  margin-bottom: 1.25rem;
}

.mb-\[0px\]{
  margin-bottom: 0px;
}

.mb-\[10px\]{
  margin-bottom: 10px;
}

.mb-\[13px\]{
  margin-bottom: 13px;
}

.mb-\[14px\]{
  margin-bottom: 14px;
}

.mb-\[15px\]{
  margin-bottom: 15px;
}

.mb-\[17px\]{
  margin-bottom: 17px;
}

.mb-\[20px\]{
  margin-bottom: 20px;
}

.mb-\[22px\]{
  margin-bottom: 22px;
}

.mb-\[24px\]{
  margin-bottom: 24px;
}

.mb-\[28px\]{
  margin-bottom: 28px;
}

.mb-\[30px\]{
  margin-bottom: 30px;
}

.mb-\[34px\]{
  margin-bottom: 34px;
}

.mb-\[35px\]{
  margin-bottom: 35px;
}

.mb-\[4px\]{
  margin-bottom: 4px;
}

.mb-\[50px\]{
  margin-bottom: 50px;
}

.mb-\[6px\]{
  margin-bottom: 6px;
}

.mb-\[8px\]{
  margin-bottom: 8px;
}

.me-1{
  margin-inline-end: 0.25rem;
}

.ml-0\.5{
  margin-left: 0.125rem;
}

.ml-1{
  margin-left: 0.25rem;
}

.ml-2{
  margin-left: 0.5rem;
}

.ml-2\.5{
  margin-left: 0.625rem;
}

.ml-3{
  margin-left: 0.75rem;
}

.ml-4{
  margin-left: 1rem;
}

.ml-\[10\%\]{
  margin-left: 10%;
}

.ml-\[10px\]{
  margin-left: 10px;
}

.ml-\[11px\]{
  margin-left: 11px;
}

.ml-\[16px\]{
  margin-left: 16px;
}

.ml-\[20px\]{
  margin-left: 20px;
}

.ml-\[2px\]{
  margin-left: 2px;
}

.ml-\[30px\]{
  margin-left: 30px;
}

.ml-\[3px\]{
  margin-left: 3px;
}

.ml-\[4px\]{
  margin-left: 4px;
}

.ml-\[5px\]{
  margin-left: 5px;
}

.ml-\[6px\]{
  margin-left: 6px;
}

.ml-\[8px\]{
  margin-left: 8px;
}

.ml-\[9px\]{
  margin-left: 9px;
}

.mr-1{
  margin-right: 0.25rem;
}

.mr-1\.5{
  margin-right: 0.375rem;
}

.mr-2{
  margin-right: 0.5rem;
}

.mr-2\.5{
  margin-right: 0.625rem;
}

.mr-4{
  margin-right: 1rem;
}

.mr-\[10px\]{
  margin-right: 10px;
}

.mr-\[14px\]{
  margin-right: 14px;
}

.mr-\[15px\]{
  margin-right: 15px;
}

.mr-\[16px\]{
  margin-right: 16px;
}

.mr-\[20px\]{
  margin-right: 20px;
}

.mr-\[30px\]{
  margin-right: 30px;
}

.mr-\[3px\]{
  margin-right: 3px;
}

.mr-\[43px\]{
  margin-right: 43px;
}

.mr-\[4px\]{
  margin-right: 4px;
}

.mr-\[5px\]{
  margin-right: 5px;
}

.mr-\[6px\]{
  margin-right: 6px;
}

.mr-\[7px\]{
  margin-right: 7px;
}

.mr-\[8px\]{
  margin-right: 8px;
}

.mr-\[9px\]{
  margin-right: 9px;
}

.mt-0{
  margin-top: 0px;
}

.mt-1{
  margin-top: 0.25rem;
}

.mt-10{
  margin-top: 2.5rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-2\.5{
  margin-top: 0.625rem;
}

.mt-3{
  margin-top: 0.75rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-7{
  margin-top: 1.75rem;
}

.mt-\[0px\]{
  margin-top: 0px;
}

.mt-\[100px\]{
  margin-top: 100px;
}

.mt-\[10px\]{
  margin-top: 10px;
}

.mt-\[11px\]{
  margin-top: 11px;
}

.mt-\[12px\]{
  margin-top: 12px;
}

.mt-\[13px\]{
  margin-top: 13px;
}

.mt-\[15px\]{
  margin-top: 15px;
}

.mt-\[16px\]{
  margin-top: 16px;
}

.mt-\[18px\]{
  margin-top: 18px;
}

.mt-\[1px\]{
  margin-top: 1px;
}

.mt-\[20px\]{
  margin-top: 20px;
}

.mt-\[21px\]{
  margin-top: 21px;
}

.mt-\[22px\]{
  margin-top: 22px;
}

.mt-\[24px\]{
  margin-top: 24px;
}

.mt-\[26px\]{
  margin-top: 26px;
}

.mt-\[2px\]{
  margin-top: 2px;
}

.mt-\[30px\]{
  margin-top: 30px;
}

.mt-\[3px\]{
  margin-top: 3px;
}

.mt-\[4px\]{
  margin-top: 4px;
}

.mt-\[5px\]{
  margin-top: 5px;
}

.mt-\[6px\]{
  margin-top: 6px;
}

.mt-\[7px\]{
  margin-top: 7px;
}

.mt-\[8px\]{
  margin-top: 8px;
}

.mt-\[9px\]{
  margin-top: 9px;
}

.\!box-border{
  box-sizing: border-box !important;
}

.box-border{
  box-sizing: border-box;
}

.box-content{
  box-sizing: content-box;
}

.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.block{
  display: block;
}

.inline-block{
  display: inline-block;
}

.inline{
  display: inline;
}

.\!flex{
  display: flex !important;
}

.flex{
  display: flex;
}

.inline-flex{
  display: inline-flex;
}

.table{
  display: table;
}

.grid{
  display: grid;
}

.contents{
  display: contents;
}

.\!hidden{
  display: none !important;
}

.hidden{
  display: none;
}

.size-6{
  width: 1.5rem;
  height: 1.5rem;
}

.\!h-\[17px\]{
  height: 17px !important;
}

.\!h-\[34px\]{
  height: 34px !important;
}

.\!h-\[76px\]{
  height: 76px !important;
}

.\!h-auto{
  height: auto !important;
}

.\!h-full{
  height: 100% !important;
}

.h-0{
  height: 0px;
}

.h-1{
  height: 0.25rem;
}

.h-16{
  height: 4rem;
}

.h-3{
  height: 0.75rem;
}

.h-4{
  height: 1rem;
}

.h-5{
  height: 1.25rem;
}

.h-8{
  height: 2rem;
}

.h-\[0px\]{
  height: 0px;
}

.h-\[100px\]{
  height: 100px;
}

.h-\[102px\]{
  height: 102px;
}

.h-\[112px\]{
  height: 112px;
}

.h-\[11px\]{
  height: 11px;
}

.h-\[120\%\]{
  height: 120%;
}

.h-\[120px\]{
  height: 120px;
}

.h-\[12px\]{
  height: 12px;
}

.h-\[136px\]{
  height: 136px;
}

.h-\[13px\]{
  height: 13px;
}

.h-\[142px\]{
  height: 142px;
}

.h-\[148px\]{
  height: 148px;
}

.h-\[14px\]{
  height: 14px;
}

.h-\[150px\]{
  height: 150px;
}

.h-\[15px\]{
  height: 15px;
}

.h-\[160px\]{
  height: 160px;
}

.h-\[164px\]{
  height: 164px;
}

.h-\[16px\]{
  height: 16px;
}

.h-\[170px\]{
  height: 170px;
}

.h-\[177px\]{
  height: 177px;
}

.h-\[178px\]{
  height: 178px;
}

.h-\[179x\]{
  height: 179x;
}

.h-\[17px\]{
  height: 17px;
}

.h-\[18px\]{
  height: 18px;
}

.h-\[19px\]{
  height: 19px;
}

.h-\[1px\]{
  height: 1px;
}

.h-\[200px\]{
  height: 200px;
}

.h-\[20px\]{
  height: 20px;
}

.h-\[210px\]{
  height: 210px;
}

.h-\[21px\]{
  height: 21px;
}

.h-\[23px\]{
  height: 23px;
}

.h-\[24px\]{
  height: 24px;
}

.h-\[256px\]{
  height: 256px;
}

.h-\[25px\]{
  height: 25px;
}

.h-\[260px\]{
  height: 260px;
}

.h-\[26px\]{
  height: 26px;
}

.h-\[277px\]{
  height: 277px;
}

.h-\[28px\]{
  height: 28px;
}

.h-\[291px\]{
  height: 291px;
}

.h-\[2px\]{
  height: 2px;
}

.h-\[305px\]{
  height: 305px;
}

.h-\[30px\]{
  height: 30px;
}

.h-\[31px\]{
  height: 31px;
}

.h-\[32px\]{
  height: 32px;
}

.h-\[33px\]{
  height: 33px;
}

.h-\[347px\]{
  height: 347px;
}

.h-\[34px\]{
  height: 34px;
}

.h-\[35px\]{
  height: 35px;
}

.h-\[36px\]{
  height: 36px;
}

.h-\[38px\]{
  height: 38px;
}

.h-\[40px\]{
  height: 40px;
}

.h-\[415px\]{
  height: 415px;
}

.h-\[43px\]{
  height: 43px;
}

.h-\[44px\]{
  height: 44px;
}

.h-\[45px\]{
  height: 45px;
}

.h-\[480px\]{
  height: 480px;
}

.h-\[48px\]{
  height: 48px;
}

.h-\[500px\]{
  height: 500px;
}

.h-\[505px\]{
  height: 505px;
}

.h-\[50px\]{
  height: 50px;
}

.h-\[512px\]{
  height: 512px;
}

.h-\[51px\]{
  height: 51px;
}

.h-\[53px\]{
  height: 53px;
}

.h-\[540px\]{
  height: 540px;
}

.h-\[541px\]{
  height: 541px;
}

.h-\[54px\]{
  height: 54px;
}

.h-\[56px\]{
  height: 56px;
}

.h-\[571px\]{
  height: 571px;
}

.h-\[58px\]{
  height: 58px;
}

.h-\[60px\]{
  height: 60px;
}

.h-\[638px\]{
  height: 638px;
}

.h-\[670px\]{
  height: 670px;
}

.h-\[68px\]{
  height: 68px;
}

.h-\[70\%\]{
  height: 70%;
}

.h-\[72px\]{
  height: 72px;
}

.h-\[77px\]{
  height: 77px;
}

.h-\[7px\]{
  height: 7px;
}

.h-\[80px\]{
  height: 80px;
}

.h-\[88px\]{
  height: 88px;
}

.h-\[8px\]{
  height: 8px;
}

.h-\[90px\]{
  height: 90px;
}

.h-\[98px\]{
  height: 98px;
}

.h-\[auto\]{
  height: auto;
}

.h-auto{
  height: auto;
}

.h-full{
  height: 100%;
}

.h-screen{
  height: 100vh;
}

.max-h-\[170px\]{
  max-height: 170px;
}

.max-h-\[180px\]{
  max-height: 180px;
}

.max-h-\[200px\]{
  max-height: 200px;
}

.max-h-\[24px\]{
  max-height: 24px;
}

.max-h-\[270px\]{
  max-height: 270px;
}

.max-h-\[320px\]{
  max-height: 320px;
}

.max-h-\[32px\]{
  max-height: 32px;
}

.max-h-\[347px\]{
  max-height: 347px;
}

.max-h-\[34px\]{
  max-height: 34px;
}

.max-h-\[356px\]{
  max-height: 356px;
}

.max-h-\[37px\]{
  max-height: 37px;
}

.max-h-\[40px\]{
  max-height: 40px;
}

.max-h-\[50px\]{
  max-height: 50px;
}

.max-h-\[544px\]{
  max-height: 544px;
}

.max-h-\[76px\]{
  max-height: 76px;
}

.max-h-\[85\%\]{
  max-height: 85%;
}

.max-h-\[90\%\]{
  max-height: 90%;
}

.max-h-full{
  max-height: 100%;
}

.min-h-\[100px\]{
  min-height: 100px;
}

.min-h-\[500px\]{
  min-height: 500px;
}

.min-h-\[calc\(100vh-240px\)\]{
  min-height: calc(100vh - 240px);
}

.\!w-0{
  width: 0px !important;
}

.\!w-\[123px\]{
  width: 123px !important;
}

.\!w-\[150\%\]{
  width: 150% !important;
}

.\!w-\[17px\]{
  width: 17px !important;
}

.\!w-\[23px\]{
  width: 23px !important;
}

.\!w-\[24px\]{
  width: 24px !important;
}

.\!w-\[40px\]{
  width: 40px !important;
}

.\!w-\[76px\]{
  width: 76px !important;
}

.\!w-full{
  width: 100% !important;
}

.w-0{
  width: 0px;
}

.w-1\/2{
  width: 50%;
}

.w-1\/3{
  width: 33.333333%;
}

.w-16{
  width: 4rem;
}

.w-4{
  width: 1rem;
}

.w-5{
  width: 1.25rem;
}

.w-6\/12{
  width: 50%;
}

.w-7\/12{
  width: 58.333333%;
}

.w-8\/12{
  width: 66.666667%;
}

.w-\[100px\]{
  width: 100px;
}

.w-\[103px\]{
  width: 103px;
}

.w-\[104px\]{
  width: 104px;
}

.w-\[105px\]{
  width: 105px;
}

.w-\[117px\]{
  width: 117px;
}

.w-\[11px\]{
  width: 11px;
}

.w-\[120\%\]{
  width: 120%;
}

.w-\[120px\]{
  width: 120px;
}

.w-\[122px\]{
  width: 122px;
}

.w-\[123px\]{
  width: 123px;
}

.w-\[12px\]{
  width: 12px;
}

.w-\[130px\]{
  width: 130px;
}

.w-\[132px\]{
  width: 132px;
}

.w-\[135px\]{
  width: 135px;
}

.w-\[13px\]{
  width: 13px;
}

.w-\[145px\]{
  width: 145px;
}

.w-\[14px\]{
  width: 14px;
}

.w-\[150px\]{
  width: 150px;
}

.w-\[152px\]{
  width: 152px;
}

.w-\[15px\]{
  width: 15px;
}

.w-\[160px\]{
  width: 160px;
}

.w-\[162px\]{
  width: 162px;
}

.w-\[164px\]{
  width: 164px;
}

.w-\[168px\]{
  width: 168px;
}

.w-\[16px\]{
  width: 16px;
}

.w-\[175px\]{
  width: 175px;
}

.w-\[177px\]{
  width: 177px;
}

.w-\[18\%\]{
  width: 18%;
}

.w-\[181px\]{
  width: 181px;
}

.w-\[18px\]{
  width: 18px;
}

.w-\[196px\]{
  width: 196px;
}

.w-\[1px\]{
  width: 1px;
}

.w-\[20\.313rem\]{
  width: 20.313rem;
}

.w-\[200px\]{
  width: 200px;
}

.w-\[204px\]{
  width: 204px;
}

.w-\[20px\]{
  width: 20px;
}

.w-\[210px\]{
  width: 210px;
}

.w-\[21px\]{
  width: 21px;
}

.w-\[225px\]{
  width: 225px;
}

.w-\[226px\]{
  width: 226px;
}

.w-\[240px\]{
  width: 240px;
}

.w-\[24px\]{
  width: 24px;
}

.w-\[250px\]{
  width: 250px;
}

.w-\[25px\]{
  width: 25px;
}

.w-\[28px\]{
  width: 28px;
}

.w-\[300px\]{
  width: 300px;
}

.w-\[303px\]{
  width: 303px;
}

.w-\[306px\]{
  width: 306px;
}

.w-\[307px\]{
  width: 307px;
}

.w-\[30px\]{
  width: 30px;
}

.w-\[310px\]{
  width: 310px;
}

.w-\[320px\]{
  width: 320px;
}

.w-\[322px\]{
  width: 322px;
}

.w-\[323px\]{
  width: 323px;
}

.w-\[32px\]{
  width: 32px;
}

.w-\[343px\]{
  width: 343px;
}

.w-\[350px\]{
  width: 350px;
}

.w-\[363px\]{
  width: 363px;
}

.w-\[364px\]{
  width: 364px;
}

.w-\[367px\]{
  width: 367px;
}

.w-\[36px\]{
  width: 36px;
}

.w-\[376px\]{
  width: 376px;
}

.w-\[377px\]{
  width: 377px;
}

.w-\[383px\]{
  width: 383px;
}

.w-\[38px\]{
  width: 38px;
}

.w-\[408px\]{
  width: 408px;
}

.w-\[40px\]{
  width: 40px;
}

.w-\[412px\]{
  width: 412px;
}

.w-\[415px\]{
  width: 415px;
}

.w-\[417px\]{
  width: 417px;
}

.w-\[418px\]{
  width: 418px;
}

.w-\[41px\]{
  width: 41px;
}

.w-\[446px\]{
  width: 446px;
}

.w-\[44px\]{
  width: 44px;
}

.w-\[450px\]{
  width: 450px;
}

.w-\[46\%\]{
  width: 46%;
}

.w-\[469px\]{
  width: 469px;
}

.w-\[487px\]{
  width: 487px;
}

.w-\[48px\]{
  width: 48px;
}

.w-\[50px\]{
  width: 50px;
}

.w-\[513px\]{
  width: 513px;
}

.w-\[54px\]{
  width: 54px;
}

.w-\[557px\]{
  width: 557px;
}

.w-\[588px\]{
  width: 588px;
}

.w-\[58px\]{
  width: 58px;
}

.w-\[5px\]{
  width: 5px;
}

.w-\[60px\]{
  width: 60px;
}

.w-\[70px\]{
  width: 70px;
}

.w-\[75px\]{
  width: 75px;
}

.w-\[76px\]{
  width: 76px;
}

.w-\[77px\]{
  width: 77px;
}

.w-\[78px\]{
  width: 78px;
}

.w-\[79px\]{
  width: 79px;
}

.w-\[7px\]{
  width: 7px;
}

.w-\[80\%\]{
  width: 80%;
}

.w-\[80px\]{
  width: 80px;
}

.w-\[81px\]{
  width: 81px;
}

.w-\[82px\]{
  width: 82px;
}

.w-\[844px\]{
  width: 844px;
}

.w-\[8px\]{
  width: 8px;
}

.w-\[90\%\]{
  width: 90%;
}

.w-\[90px\]{
  width: 90px;
}

.w-\[93px\]{
  width: 93px;
}

.w-\[95px\]{
  width: 95px;
}

.w-\[98px\]{
  width: 98px;
}

.w-\[unset\]{
  width: unset;
}

.w-fit{
  width: fit-content;
}

.w-full{
  width: 100%;
}

.w-screen{
  width: 100vw;
}

.min-w-\[108px\]{
  min-width: 108px;
}

.min-w-\[150px\]{
  min-width: 150px;
}

.min-w-\[200px\]{
  min-width: 200px;
}

.min-w-\[29px\]{
  min-width: 29px;
}

.min-w-\[324px\]{
  min-width: 324px;
}

.min-w-\[479px\]{
  min-width: 479px;
}

.min-w-\[90px\]{
  min-width: 90px;
}

.max-w-\[100px\]{
  max-width: 100px;
}

.max-w-\[190px\]{
  max-width: 190px;
}

.max-w-\[214px\]{
  max-width: 214px;
}

.max-w-\[230px\]{
  max-width: 230px;
}

.max-w-\[240px\]{
  max-width: 240px;
}

.max-w-\[24px\]{
  max-width: 24px;
}

.max-w-\[250px\]{
  max-width: 250px;
}

.max-w-\[32px\]{
  max-width: 32px;
}

.max-w-\[347px\]{
  max-width: 347px;
}

.max-w-\[425px\]{
  max-width: 425px;
}

.max-w-\[76px\]{
  max-width: 76px;
}

.max-w-\[80\%\]{
  max-width: 80%;
}

.max-w-full{
  max-width: 100%;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-\[0_0_130px\]{
  flex: 0 0 130px;
}

.flex-\[0_0_95px\]{
  flex: 0 0 95px;
}

.flex-shrink-0{
  flex-shrink: 0;
}

.shrink{
  flex-shrink: 1;
}

.shrink-0{
  flex-shrink: 0;
}

.flex-grow{
  flex-grow: 1;
}

.grow{
  flex-grow: 1;
}

.grow-0{
  flex-grow: 0;
}

.border-collapse{
  border-collapse: collapse;
}

.border-spacing-0{
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.border-spacing-\[4px\]{
  --tw-border-spacing-x: 4px;
  --tw-border-spacing-y: 4px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.border-spacing-x-\[0px\]{
  --tw-border-spacing-x: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.border-spacing-y-\[12px\]{
  --tw-border-spacing-y: 12px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.-translate-y-\[9px\]{
  --tw-translate-y: -9px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-\[-50\%\]{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[-50\%\]{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\!scale-100{
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\!cursor-not-allowed{
  cursor: not-allowed !important;
}

.\!cursor-pointer{
  cursor: pointer !important;
}

.cursor-pointer{
  cursor: pointer;
}

.resize{
  resize: both;
}

.list-none{
  list-style-type: none;
}

.grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.\!flex-row{
  flex-direction: row !important;
}

.flex-row{
  flex-direction: row;
}

.\!flex-col{
  flex-direction: column !important;
}

.flex-col{
  flex-direction: column;
}

.flex-wrap{
  flex-wrap: wrap;
}

.flex-nowrap{
  flex-wrap: nowrap;
}

.content-center{
  align-content: center;
}

.content-start{
  align-content: flex-start;
}

.\!items-start{
  align-items: flex-start !important;
}

.items-start{
  align-items: flex-start;
}

.items-end{
  align-items: flex-end;
}

.\!items-center{
  align-items: center !important;
}

.items-center{
  align-items: center;
}

.justify-start{
  justify-content: flex-start;
}

.justify-end{
  justify-content: flex-end;
}

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.justify-evenly{
  justify-content: space-evenly;
}

.\!gap-1\.5{
  gap: 0.375rem !important;
}

.\!gap-2{
  gap: 0.5rem !important;
}

.gap-1{
  gap: 0.25rem;
}

.gap-1\.5{
  gap: 0.375rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-2\.5{
  gap: 0.625rem;
}

.gap-3{
  gap: 0.75rem;
}

.gap-3\.5{
  gap: 0.875rem;
}

.gap-4{
  gap: 1rem;
}

.gap-5{
  gap: 1.25rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-8{
  gap: 2rem;
}

.gap-\[10px\]{
  gap: 10px;
}

.gap-\[11px\]{
  gap: 11px;
}

.gap-\[12px\]{
  gap: 12px;
}

.gap-\[13px\]{
  gap: 13px;
}

.gap-\[14px\]{
  gap: 14px;
}

.gap-\[15px\]{
  gap: 15px;
}

.gap-\[16px\]{
  gap: 16px;
}

.gap-\[18px\]{
  gap: 18px;
}

.gap-\[20px\]{
  gap: 20px;
}

.gap-\[22px\]{
  gap: 22px;
}

.gap-\[23px\]{
  gap: 23px;
}

.gap-\[24px\]{
  gap: 24px;
}

.gap-\[2px\]{
  gap: 2px;
}

.gap-\[30px\]{
  gap: 30px;
}

.gap-\[32px\]{
  gap: 32px;
}

.gap-\[36px\]{
  gap: 36px;
}

.gap-\[3px\]{
  gap: 3px;
}

.gap-\[4px\]{
  gap: 4px;
}

.gap-\[5px\]{
  gap: 5px;
}

.gap-\[6px\]{
  gap: 6px;
}

.gap-\[7px\]{
  gap: 7px;
}

.gap-\[8px\]{
  gap: 8px;
}

.gap-\[94px\]{
  gap: 94px;
}

.gap-x-1{
  column-gap: 0.25rem;
}

.gap-x-2{
  column-gap: 0.5rem;
}

.gap-x-\[18px\]{
  column-gap: 18px;
}

.gap-y-1{
  row-gap: 0.25rem;
}

.gap-y-3{
  row-gap: 0.75rem;
}

.gap-y-\[15px\]{
  row-gap: 15px;
}

.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.self-end{
  align-self: flex-end;
}

.self-center{
  align-self: center;
}

.self-stretch{
  align-self: stretch;
}

.overflow-auto{
  overflow: auto;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-scroll{
  overflow: scroll;
}

.overflow-y-auto{
  overflow-y: auto;
}

.overflow-x-scroll{
  overflow-x: scroll;
}

.overflow-y-scroll{
  overflow-y: scroll;
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.text-wrap{
  text-wrap: wrap;
}

.text-nowrap{
  text-wrap: nowrap;
}

.break-words{
  overflow-wrap: break-word;
}

.break-all{
  word-break: break-all;
}

.\!rounded-\[7px\]{
  border-radius: 7px !important;
}

.rounded{
  border-radius: 0.25rem;
}

.rounded-\[10px\]{
  border-radius: 10px;
}

.rounded-\[111px\]{
  border-radius: 111px;
}

.rounded-\[12px\]{
  border-radius: 12px;
}

.rounded-\[13px\]{
  border-radius: 13px;
}

.rounded-\[15px\]{
  border-radius: 15px;
}

.rounded-\[17px\]{
  border-radius: 17px;
}

.rounded-\[19px\]{
  border-radius: 19px;
}

.rounded-\[1px\]{
  border-radius: 1px;
}

.rounded-\[2px\]{
  border-radius: 2px;
}

.rounded-\[31px\]{
  border-radius: 31px;
}

.rounded-\[33px\]{
  border-radius: 33px;
}

.rounded-\[3px\]{
  border-radius: 3px;
}

.rounded-\[40px\]{
  border-radius: 40px;
}

.rounded-\[45\.75px\]{
  border-radius: 45.75px;
}

.rounded-\[47px\]{
  border-radius: 47px;
}

.rounded-\[4px\]{
  border-radius: 4px;
}

.rounded-\[5px\]{
  border-radius: 5px;
}

.rounded-\[6px\]{
  border-radius: 6px;
}

.rounded-\[7px\]{
  border-radius: 7px;
}

.rounded-\[8px\]{
  border-radius: 8px;
}

.rounded-\[96px\]{
  border-radius: 96px;
}

.rounded-\[9px\]{
  border-radius: 9px;
}

.rounded-full{
  border-radius: 9999px;
}

.rounded-lg{
  border-radius: 0.5rem;
}

.rounded-md{
  border-radius: 0.375rem;
}

.rounded-sm{
  border-radius: 0.125rem;
}

.rounded-xl{
  border-radius: 0.75rem;
}

.rounded-b{
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-b-\[4px\]{
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.rounded-b-\[5px\]{
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.rounded-b-\[8px\]{
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.rounded-b-lg{
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.rounded-l{
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-r{
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-t-\[5px\]{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.rounded-t-\[8px\]{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.rounded-bl-\[7px\]{
  border-bottom-left-radius: 7px;
}

.rounded-bl-\[8px\]{
  border-bottom-left-radius: 8px;
}

.rounded-bl-lg{
  border-bottom-left-radius: 0.5rem;
}

.rounded-br-\[7px\]{
  border-bottom-right-radius: 7px;
}

.rounded-br-\[8px\]{
  border-bottom-right-radius: 8px;
}

.rounded-tr-lg{
  border-top-right-radius: 0.5rem;
}

.\!border-0{
  border-width: 0px !important;
}

.\!border-\[0px\]{
  border-width: 0px !important;
}

.border{
  border-width: 1px;
}

.border-0{
  border-width: 0px;
}

.border-2{
  border-width: 2px;
}

.border-\[\.5px\]{
  border-width: .5px;
}

.border-\[0px\]{
  border-width: 0px;
}

.border-\[1\.5px\]{
  border-width: 1.5px;
}

.border-\[1px\]{
  border-width: 1px;
}

.border-\[2px\]{
  border-width: 2px;
}

.border-\[3px\]{
  border-width: 3px;
}

.border-x-0{
  border-left-width: 0px;
  border-right-width: 0px;
}

.border-x-\[1px\]{
  border-left-width: 1px;
  border-right-width: 1px;
}

.border-y-0{
  border-top-width: 0px;
  border-bottom-width: 0px;
}

.border-b{
  border-bottom-width: 1px;
}

.border-b-0{
  border-bottom-width: 0px;
}

.border-b-\[0\.5px\]{
  border-bottom-width: 0.5px;
}

.border-b-\[0px\]{
  border-bottom-width: 0px;
}

.border-b-\[1px\]{
  border-bottom-width: 1px;
}

.border-b-\[3px\]{
  border-bottom-width: 3px;
}

.border-l-0{
  border-left-width: 0px;
}

.border-l-\[1px\]{
  border-left-width: 1px;
}

.border-r-0{
  border-right-width: 0px;
}

.border-r-\[1px\]{
  border-right-width: 1px;
}

.border-t-0{
  border-top-width: 0px;
}

.border-t-\[0px\]{
  border-top-width: 0px;
}

.border-t-\[1px\]{
  border-top-width: 1px;
}

.border-solid{
  border-style: solid;
}

.border-dashed{
  border-style: dashed;
}

.border-none{
  border-style: none;
}

.\!border-\[\#c5c5c5\]{
  --tw-border-opacity: 1 !important;
  border-color: rgb(197 197 197 / var(--tw-border-opacity, 1)) !important;
}

.border-\[\#000000\]\/\[\.2\]{
  border-color: rgb(0 0 0 / .2);
}

.border-\[\#000\]{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.border-\[\#222731\]{
  --tw-border-opacity: 1;
  border-color: rgb(34 39 49 / var(--tw-border-opacity, 1));
}

.border-\[\#64686F\]{
  --tw-border-opacity: 1;
  border-color: rgb(100 104 111 / var(--tw-border-opacity, 1));
}

.border-\[\#676464\]{
  --tw-border-opacity: 1;
  border-color: rgb(103 100 100 / var(--tw-border-opacity, 1));
}

.border-\[\#72FFB3\]{
  --tw-border-opacity: 1;
  border-color: rgb(114 255 179 / var(--tw-border-opacity, 1));
}

.border-\[\#77797F\]{
  --tw-border-opacity: 1;
  border-color: rgb(119 121 127 / var(--tw-border-opacity, 1));
}

.border-\[\#C5C5C5\]{
  --tw-border-opacity: 1;
  border-color: rgb(197 197 197 / var(--tw-border-opacity, 1));
}

.border-\[\#D7EB85\]{
  --tw-border-opacity: 1;
  border-color: rgb(215 235 133 / var(--tw-border-opacity, 1));
}

.border-\[\#E0E0E0\]{
  --tw-border-opacity: 1;
  border-color: rgb(224 224 224 / var(--tw-border-opacity, 1));
}

.border-\[\#E4E4E4\]{
  --tw-border-opacity: 1;
  border-color: rgb(228 228 228 / var(--tw-border-opacity, 1));
}

.border-\[\#E9E9E9\]{
  --tw-border-opacity: 1;
  border-color: rgb(233 233 233 / var(--tw-border-opacity, 1));
}

.border-\[\#EDEDED\]{
  --tw-border-opacity: 1;
  border-color: rgb(237 237 237 / var(--tw-border-opacity, 1));
}

.border-\[\#F5F5F5\]{
  --tw-border-opacity: 1;
  border-color: rgb(245 245 245 / var(--tw-border-opacity, 1));
}

.border-\[\#FF7272\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 114 114 / var(--tw-border-opacity, 1));
}

.border-\[\#FFC670\]{
  --tw-border-opacity: 1;
  border-color: rgb(255 198 112 / var(--tw-border-opacity, 1));
}

.border-\[\#FFFFFF\]\/\[\.12\]{
  border-color: rgb(255 255 255 / .12);
}

.border-\[\#FFFFFF\]\/\[\.2\]{
  border-color: rgb(255 255 255 / .2);
}

.border-\[\#FFFFFF\]\/\[0\.12\]{
  border-color: rgb(255 255 255 / 0.12);
}

.border-\[\#f5f7fc\]\/\[\.12\]{
  border-color: rgb(245 247 252 / .12);
}

.border-\[\#ffffff33\]{
  border-color: #ffffff33;
}

.border-black\/\[\.12\]{
  border-color: rgb(0 0 0 / .12);
}

.border-black\/\[\.2\]{
  border-color: rgb(0 0 0 / .2);
}

.border-black\/\[\.44\]{
  border-color: rgb(0 0 0 / .44);
}

.border-transparent{
  border-color: transparent;
}

.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-white\/\[\.04\]{
  border-color: rgb(255 255 255 / .04);
}

.border-white\/\[\.05\]{
  border-color: rgb(255 255 255 / .05);
}

.border-white\/\[\.12\]{
  border-color: rgb(255 255 255 / .12);
}

.border-white\/\[\.16\]{
  border-color: rgb(255 255 255 / .16);
}

.border-white\/\[\.20\]{
  border-color: rgb(255 255 255 / .20);
}

.border-white\/\[\.24\]{
  border-color: rgb(255 255 255 / .24);
}

.border-white\/\[\.2\]{
  border-color: rgb(255 255 255 / .2);
}

.border-white\/\[\.44\]{
  border-color: rgb(255 255 255 / .44);
}

.border-white\/\[0\.12\]{
  border-color: rgb(255 255 255 / 0.12);
}

.border-b-black\/\[\.70\]{
  border-bottom-color: rgb(0 0 0 / .70);
}

.border-opacity-\[0\.12\]{
  --tw-border-opacity: 0.12;
}

.\!bg-\[\#c5c5c5\]{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(197 197 197 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-\[\#ffffff1f\]{
  background-color: #ffffff1f !important;
}

.\!bg-transparent{
  background-color: transparent !important;
}

.\!bg-white\/\[\.1\]{
  background-color: rgb(255 255 255 / .1) !important;
}

.bg-\[\#000000\]\/\[\.2\]{
  background-color: rgb(0 0 0 / .2);
}

.bg-\[\#191D20\]{
  --tw-bg-opacity: 1;
  background-color: rgb(25 29 32 / var(--tw-bg-opacity, 1));
}

.bg-\[\#1D1D1D\]\/\[\.9\]{
  background-color: rgb(29 29 29 / .9);
}

.bg-\[\#222630\]{
  --tw-bg-opacity: 1;
  background-color: rgb(34 38 48 / var(--tw-bg-opacity, 1));
}

.bg-\[\#222731CC\]{
  background-color: #222731CC;
}

.bg-\[\#222731\]{
  --tw-bg-opacity: 1;
  background-color: rgb(34 39 49 / var(--tw-bg-opacity, 1));
}

.bg-\[\#222731\]\/\[\.15\]{
  background-color: rgb(34 39 49 / .15);
}

.bg-\[\#222731\]\/\[\.6\]{
  background-color: rgb(34 39 49 / .6);
}

.bg-\[\#222731\]\/\[\.80\]{
  background-color: rgb(34 39 49 / .80);
}

.bg-\[\#222731\]\/\[\.8\]{
  background-color: rgb(34 39 49 / .8);
}

.bg-\[\#262B34\]{
  --tw-bg-opacity: 1;
  background-color: rgb(38 43 52 / var(--tw-bg-opacity, 1));
}

.bg-\[\#263238\]{
  --tw-bg-opacity: 1;
  background-color: rgb(38 50 56 / var(--tw-bg-opacity, 1));
}

.bg-\[\#2D323C\]{
  --tw-bg-opacity: 1;
  background-color: rgb(45 50 60 / var(--tw-bg-opacity, 1));
}

.bg-\[\#3e424a\]{
  --tw-bg-opacity: 1;
  background-color: rgb(62 66 74 / var(--tw-bg-opacity, 1));
}

.bg-\[\#54C1FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(84 193 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#64686F\]{
  --tw-bg-opacity: 1;
  background-color: rgb(100 104 111 / var(--tw-bg-opacity, 1));
}

.bg-\[\#7b6d6d54\]{
  background-color: #7b6d6d54;
}

.bg-\[\#8E8E8E\]{
  --tw-bg-opacity: 1;
  background-color: rgb(142 142 142 / var(--tw-bg-opacity, 1));
}

.bg-\[\#C4C4C4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(196 196 196 / var(--tw-bg-opacity, 1));
}

.bg-\[\#C5C5C5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(197 197 197 / var(--tw-bg-opacity, 1));
}

.bg-\[\#D170FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(209 112 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#D7EB85\]{
  --tw-bg-opacity: 1;
  background-color: rgb(215 235 133 / var(--tw-bg-opacity, 1));
}

.bg-\[\#D7EB85\]\/\[\.12\]{
  background-color: rgb(215 235 133 / .12);
}

.bg-\[\#D8D8D8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(216 216 216 / var(--tw-bg-opacity, 1));
}

.bg-\[\#E8587A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(232 88 122 / var(--tw-bg-opacity, 1));
}

.bg-\[\#E9E9E9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(233 233 233 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EEEEEE\]{
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
}

.bg-\[\#EFEFEF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(239 239 239 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F5F5F5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}

.bg-\[\#F6F7FB\]\/\[\.24\]{
  background-color: rgb(246 247 251 / .24);
}

.bg-\[\#F8F8F8\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FDFDFD\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 253 253 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FF7272\]\/\[\.3\]{
  background-color: rgb(255 114 114 / .3);
}

.bg-\[\#FFFFFF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FFFFFF\]\/\[\.05\]{
  background-color: rgb(255 255 255 / .05);
}

.bg-\[\#FFFFFF\]\/\[\.24\]{
  background-color: rgb(255 255 255 / .24);
}

.bg-\[\#c5c5c5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(197 197 197 / var(--tw-bg-opacity, 1));
}

.bg-\[\#e6a85b\]\/\[0\.2\]{
  background-color: rgb(230 168 91 / 0.2);
}

.bg-\[\#f5f7fc\]\/\[\.05\]{
  background-color: rgb(245 247 252 / .05);
}

.bg-\[\#f8f8f8\]\/\[\.05\]{
  background-color: rgb(248 248 248 / .05);
}

.bg-\[\#ffffffbd\]{
  background-color: #ffffffbd;
}

.bg-\[rgba\(255\2c 255\2c 255\2c 0\.05\)\]{
  background-color: rgba(255,255,255,0.05);
}

.bg-\[rgba\(255\2c 255\2c 255\2c 0\.16\)\]{
  background-color: rgba(255,255,255,0.16);
}

.bg-\[rgba\(34\2c 39\2c 49\2c 0\.95\)\]{
  background-color: rgba(34,39,49,0.95);
}

.bg-\[white\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-black\/\[\.05\]{
  background-color: rgb(0 0 0 / .05);
}

.bg-black\/\[\.12\]{
  background-color: rgb(0 0 0 / .12);
}

.bg-black\/\[\.25\]{
  background-color: rgb(0 0 0 / .25);
}

.bg-black\/\[\.2\]{
  background-color: rgb(0 0 0 / .2);
}

.bg-black\/\[\.8\]{
  background-color: rgb(0 0 0 / .8);
}

.bg-red-700{
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}

.bg-transparent{
  background-color: transparent;
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/10{
  background-color: rgb(255 255 255 / 0.1);
}

.bg-white\/\[\.01\]{
  background-color: rgb(255 255 255 / .01);
}

.bg-white\/\[\.05\]{
  background-color: rgb(255 255 255 / .05);
}

.bg-white\/\[\.08\]{
  background-color: rgb(255 255 255 / .08);
}

.bg-white\/\[\.10\]{
  background-color: rgb(255 255 255 / .10);
}

.bg-white\/\[\.12\]{
  background-color: rgb(255 255 255 / .12);
}

.bg-white\/\[\.15\]{
  background-color: rgb(255 255 255 / .15);
}

.bg-white\/\[\.16\]{
  background-color: rgb(255 255 255 / .16);
}

.bg-white\/\[\.1\]{
  background-color: rgb(255 255 255 / .1);
}

.bg-white\/\[\.20\]{
  background-color: rgb(255 255 255 / .20);
}

.bg-white\/\[\.2\]{
  background-color: rgb(255 255 255 / .2);
}

.bg-white\/\[\.3\]{
  background-color: rgb(255 255 255 / .3);
}

.bg-white\/\[\.70\]{
  background-color: rgb(255 255 255 / .70);
}

.bg-white\/\[\.95\]{
  background-color: rgb(255 255 255 / .95);
}

.bg-white\/\[0\.1\]{
  background-color: rgb(255 255 255 / 0.1);
}

.bg-cover{
  background-size: cover;
}

.bg-clip-content{
  background-clip: content-box;
}

.object-contain{
  object-fit: contain;
}

.object-cover{
  object-fit: cover;
}

.\!p-0{
  padding: 0px !important;
}

.\!p-\[0px\]{
  padding: 0px !important;
}

.\!p-\[4px\]{
  padding: 4px !important;
}

.p-0{
  padding: 0px;
}

.p-1{
  padding: 0.25rem;
}

.p-2{
  padding: 0.5rem;
}

.p-2\.5{
  padding: 0.625rem;
}

.p-3{
  padding: 0.75rem;
}

.p-4{
  padding: 1rem;
}

.p-5{
  padding: 1.25rem;
}

.p-6{
  padding: 1.5rem;
}

.p-\[\.5px\]{
  padding: .5px;
}

.p-\[0\]{
  padding: 0;
}

.p-\[0px\]{
  padding: 0px;
}

.p-\[10px\]{
  padding: 10px;
}

.p-\[12px\]{
  padding: 12px;
}

.p-\[13px\]{
  padding: 13px;
}

.p-\[14px\]{
  padding: 14px;
}

.p-\[14px_20px_18px_20px\]{
  padding: 14px 20px 18px 20px;
}

.p-\[15px\]{
  padding: 15px;
}

.p-\[16px\]{
  padding: 16px;
}

.p-\[18px\]{
  padding: 18px;
}

.p-\[20px\]{
  padding: 20px;
}

.p-\[22px\]{
  padding: 22px;
}

.p-\[24px\]{
  padding: 24px;
}

.p-\[24px_24px_60px_24px\]{
  padding: 24px 24px 60px 24px;
}

.p-\[25px\]{
  padding: 25px;
}

.p-\[2px\]{
  padding: 2px;
}

.p-\[30px\]{
  padding: 30px;
}

.p-\[30px_10px_20px\]{
  padding: 30px 10px 20px;
}

.p-\[3px\]{
  padding: 3px;
}

.p-\[4px\]{
  padding: 4px;
}

.p-\[5px\]{
  padding: 5px;
}

.p-\[6px\]{
  padding: 6px;
}

.p-\[8px\]{
  padding: 8px;
}

.\!px-2\.5{
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}

.\!py-0{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.\!py-3{
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.px-0{
  padding-left: 0px;
  padding-right: 0px;
}

.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px-1\.5{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.px-\[10px\]{
  padding-left: 10px;
  padding-right: 10px;
}

.px-\[11px\]{
  padding-left: 11px;
  padding-right: 11px;
}

.px-\[12px\]{
  padding-left: 12px;
  padding-right: 12px;
}

.px-\[13px\]{
  padding-left: 13px;
  padding-right: 13px;
}

.px-\[14px\]{
  padding-left: 14px;
  padding-right: 14px;
}

.px-\[15px\]{
  padding-left: 15px;
  padding-right: 15px;
}

.px-\[16px\]{
  padding-left: 16px;
  padding-right: 16px;
}

.px-\[17px\]{
  padding-left: 17px;
  padding-right: 17px;
}

.px-\[18px\]{
  padding-left: 18px;
  padding-right: 18px;
}

.px-\[19px\]{
  padding-left: 19px;
  padding-right: 19px;
}

.px-\[1px\]{
  padding-left: 1px;
  padding-right: 1px;
}

.px-\[20px\]{
  padding-left: 20px;
  padding-right: 20px;
}

.px-\[22\.5px\]{
  padding-left: 22.5px;
  padding-right: 22.5px;
}

.px-\[24px\]{
  padding-left: 24px;
  padding-right: 24px;
}

.px-\[25px\]{
  padding-left: 25px;
  padding-right: 25px;
}

.px-\[2px\]{
  padding-left: 2px;
  padding-right: 2px;
}

.px-\[30px\]{
  padding-left: 30px;
  padding-right: 30px;
}

.px-\[32px\]{
  padding-left: 32px;
  padding-right: 32px;
}

.px-\[33px\]{
  padding-left: 33px;
  padding-right: 33px;
}

.px-\[3px\]{
  padding-left: 3px;
  padding-right: 3px;
}

.px-\[40px\]{
  padding-left: 40px;
  padding-right: 40px;
}

.px-\[45px\]{
  padding-left: 45px;
  padding-right: 45px;
}

.px-\[4px\]{
  padding-left: 4px;
  padding-right: 4px;
}

.px-\[50px\]{
  padding-left: 50px;
  padding-right: 50px;
}

.px-\[5px\]{
  padding-left: 5px;
  padding-right: 5px;
}

.px-\[6px\]{
  padding-left: 6px;
  padding-right: 6px;
}

.px-\[7px\]{
  padding-left: 7px;
  padding-right: 7px;
}

.px-\[82px\]{
  padding-left: 82px;
  padding-right: 82px;
}

.px-\[8px\]{
  padding-left: 8px;
  padding-right: 8px;
}

.px-\[9px\]{
  padding-left: 9px;
  padding-right: 9px;
}

.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py-1\.5{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-5{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py-\[10px\]{
  padding-top: 10px;
  padding-bottom: 10px;
}

.py-\[11px\]{
  padding-top: 11px;
  padding-bottom: 11px;
}

.py-\[12px\]{
  padding-top: 12px;
  padding-bottom: 12px;
}

.py-\[14px\]{
  padding-top: 14px;
  padding-bottom: 14px;
}

.py-\[15px\]{
  padding-top: 15px;
  padding-bottom: 15px;
}

.py-\[16px\]{
  padding-top: 16px;
  padding-bottom: 16px;
}

.py-\[18px\]{
  padding-top: 18px;
  padding-bottom: 18px;
}

.py-\[20px\]{
  padding-top: 20px;
  padding-bottom: 20px;
}

.py-\[24px\]{
  padding-top: 24px;
  padding-bottom: 24px;
}

.py-\[25px\]{
  padding-top: 25px;
  padding-bottom: 25px;
}

.py-\[2px\]{
  padding-top: 2px;
  padding-bottom: 2px;
}

.py-\[30px\]{
  padding-top: 30px;
  padding-bottom: 30px;
}

.py-\[36px\]{
  padding-top: 36px;
  padding-bottom: 36px;
}

.py-\[38px\]{
  padding-top: 38px;
  padding-bottom: 38px;
}

.py-\[3px\]{
  padding-top: 3px;
  padding-bottom: 3px;
}

.py-\[45px\]{
  padding-top: 45px;
  padding-bottom: 45px;
}

.py-\[4px\]{
  padding-top: 4px;
  padding-bottom: 4px;
}

.py-\[5px\]{
  padding-top: 5px;
  padding-bottom: 5px;
}

.py-\[6\.5px\]{
  padding-top: 6.5px;
  padding-bottom: 6.5px;
}

.py-\[6px\]{
  padding-top: 6px;
  padding-bottom: 6px;
}

.py-\[7\.5px\]{
  padding-top: 7.5px;
  padding-bottom: 7.5px;
}

.py-\[72px\]{
  padding-top: 72px;
  padding-bottom: 72px;
}

.py-\[7px\]{
  padding-top: 7px;
  padding-bottom: 7px;
}

.py-\[8px\]{
  padding-top: 8px;
  padding-bottom: 8px;
}

.py-\[9\.5px\]{
  padding-top: 9.5px;
  padding-bottom: 9.5px;
}

.py-\[9px\]{
  padding-top: 9px;
  padding-bottom: 9px;
}

.\!pt-5{
  padding-top: 1.25rem !important;
}

.pb-0{
  padding-bottom: 0px;
}

.pb-1{
  padding-bottom: 0.25rem;
}

.pb-1\.5{
  padding-bottom: 0.375rem;
}

.pb-2{
  padding-bottom: 0.5rem;
}

.pb-2\.5{
  padding-bottom: 0.625rem;
}

.pb-3{
  padding-bottom: 0.75rem;
}

.pb-4{
  padding-bottom: 1rem;
}

.pb-6{
  padding-bottom: 1.5rem;
}

.pb-8{
  padding-bottom: 2rem;
}

.pb-\[10px\]{
  padding-bottom: 10px;
}

.pb-\[12px\]{
  padding-bottom: 12px;
}

.pb-\[13px\]{
  padding-bottom: 13px;
}

.pb-\[15px\]{
  padding-bottom: 15px;
}

.pb-\[17px\]{
  padding-bottom: 17px;
}

.pb-\[18px\]{
  padding-bottom: 18px;
}

.pb-\[1px\]{
  padding-bottom: 1px;
}

.pb-\[20px\]{
  padding-bottom: 20px;
}

.pb-\[22px\]{
  padding-bottom: 22px;
}

.pb-\[24px\]{
  padding-bottom: 24px;
}

.pb-\[25px\]{
  padding-bottom: 25px;
}

.pb-\[2px\]{
  padding-bottom: 2px;
}

.pb-\[30px\]{
  padding-bottom: 30px;
}

.pb-\[40px\]{
  padding-bottom: 40px;
}

.pb-\[44px\]{
  padding-bottom: 44px;
}

.pb-\[4px\]{
  padding-bottom: 4px;
}

.pb-\[5px\]{
  padding-bottom: 5px;
}

.pb-\[60px\]{
  padding-bottom: 60px;
}

.pb-\[6px\]{
  padding-bottom: 6px;
}

.pb-\[80px\]{
  padding-bottom: 80px;
}

.pe-1{
  padding-inline-end: 0.25rem;
}

.pl-1\.5{
  padding-left: 0.375rem;
}

.pl-2{
  padding-left: 0.5rem;
}

.pl-2\.5{
  padding-left: 0.625rem;
}

.pl-4{
  padding-left: 1rem;
}

.pl-\[10px\]{
  padding-left: 10px;
}

.pl-\[11px\]{
  padding-left: 11px;
}

.pl-\[12px\]{
  padding-left: 12px;
}

.pl-\[13px\]{
  padding-left: 13px;
}

.pl-\[15px\]{
  padding-left: 15px;
}

.pl-\[16px\]{
  padding-left: 16px;
}

.pl-\[17px\]{
  padding-left: 17px;
}

.pl-\[19px\]{
  padding-left: 19px;
}

.pl-\[21px\]{
  padding-left: 21px;
}

.pl-\[22px\]{
  padding-left: 22px;
}

.pl-\[25px\]{
  padding-left: 25px;
}

.pl-\[30px\]{
  padding-left: 30px;
}

.pl-\[36px\]{
  padding-left: 36px;
}

.pl-\[44px\]{
  padding-left: 44px;
}

.pl-\[6px\]{
  padding-left: 6px;
}

.pl-\[8px\]{
  padding-left: 8px;
}

.pl-\[9px\]{
  padding-left: 9px;
}

.pr-0{
  padding-right: 0px;
}

.pr-1{
  padding-right: 0.25rem;
}

.pr-1\.5{
  padding-right: 0.375rem;
}

.pr-2{
  padding-right: 0.5rem;
}

.pr-3{
  padding-right: 0.75rem;
}

.pr-4{
  padding-right: 1rem;
}

.pr-\[10px\]{
  padding-right: 10px;
}

.pr-\[12px\]{
  padding-right: 12px;
}

.pr-\[15px\]{
  padding-right: 15px;
}

.pr-\[16px\]{
  padding-right: 16px;
}

.pr-\[22px\]{
  padding-right: 22px;
}

.pr-\[25px\]{
  padding-right: 25px;
}

.pr-\[26px\]{
  padding-right: 26px;
}

.pr-\[29px\]{
  padding-right: 29px;
}

.pr-\[6px\]{
  padding-right: 6px;
}

.pr-\[9px\]{
  padding-right: 9px;
}

.pt-0{
  padding-top: 0px;
}

.pt-1{
  padding-top: 0.25rem;
}

.pt-2{
  padding-top: 0.5rem;
}

.pt-2\.5{
  padding-top: 0.625rem;
}

.pt-3{
  padding-top: 0.75rem;
}

.pt-4{
  padding-top: 1rem;
}

.pt-6{
  padding-top: 1.5rem;
}

.pt-\[0\]{
  padding-top: 0;
}

.pt-\[10px\]{
  padding-top: 10px;
}

.pt-\[12px\]{
  padding-top: 12px;
}

.pt-\[13px\]{
  padding-top: 13px;
}

.pt-\[14px\]{
  padding-top: 14px;
}

.pt-\[15px\]{
  padding-top: 15px;
}

.pt-\[16px\]{
  padding-top: 16px;
}

.pt-\[18px\]{
  padding-top: 18px;
}

.pt-\[20px\]{
  padding-top: 20px;
}

.pt-\[21px\]{
  padding-top: 21px;
}

.pt-\[23px\]{
  padding-top: 23px;
}

.pt-\[24px\]{
  padding-top: 24px;
}

.pt-\[25px\]{
  padding-top: 25px;
}

.pt-\[2px\]{
  padding-top: 2px;
}

.pt-\[30px\]{
  padding-top: 30px;
}

.pt-\[5px\]{
  padding-top: 5px;
}

.pt-\[6px\]{
  padding-top: 6px;
}

.pt-\[7px\]{
  padding-top: 7px;
}

.\!text-left{
  text-align: left !important;
}

.text-left{
  text-align: left;
}

.\!text-center{
  text-align: center !important;
}

.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

.\!font-\[\'Inter\'\]{
  font-family: 'Inter' !important;
}

.\!font-\[Inter\]{
  font-family: Inter !important;
}

.font-\[\"Inter\"\]{
  font-family: "Inter";
}

.font-\[\'Inter\'\]{
  font-family: 'Inter';
}

.font-\[Inter\]{
  font-family: Inter;
}

.font-\[\\\"Inter\\\"\]{
  font-family: \"Inter\";
}

.font-\[\\\'Inter\\\'\]{
  font-family: \'Inter\';
}

.font-inter{
  font-family: Inter, sans-serif;
}

.\!text-\[10px\]{
  font-size: 10px !important;
}

.\!text-\[12px\]{
  font-size: 12px !important;
}

.\!text-\[13px\]{
  font-size: 13px !important;
}

.\!text-\[16px\]{
  font-size: 16px !important;
}

.\!text-base{
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.\!text-sm{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

.text-\[10px\]{
  font-size: 10px;
}

.text-\[11px\]{
  font-size: 11px;
}

.text-\[12px\]{
  font-size: 12px;
}

.text-\[13px\]{
  font-size: 13px;
}

.text-\[14px\]{
  font-size: 14px;
}

.text-\[16px\]{
  font-size: 16px;
}

.text-\[19px\]{
  font-size: 19px;
}

.text-\[20px\]{
  font-size: 20px;
}

.text-\[24px\]{
  font-size: 24px;
}

.text-\[28px\]{
  font-size: 28px;
}

.text-\[32px\]{
  font-size: 32px;
}

.text-\[8px\]{
  font-size: 8px;
}

.text-\[9px\]{
  font-size: 9px;
}

.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.\!font-bold{
  font-weight: 700 !important;
}

.\!font-medium{
  font-weight: 500 !important;
}

.\!font-semibold{
  font-weight: 600 !important;
}

.font-black{
  font-weight: 900;
}

.font-bold{
  font-weight: 700;
}

.font-extrabold{
  font-weight: 800;
}

.font-medium{
  font-weight: 500;
}

.font-normal{
  font-weight: 400;
}

.font-semibold{
  font-weight: 600;
}

.uppercase{
  text-transform: uppercase;
}

.lowercase{
  text-transform: lowercase;
}

.\!capitalize{
  text-transform: capitalize !important;
}

.capitalize{
  text-transform: capitalize;
}

.\!normal-case{
  text-transform: none !important;
}

.italic{
  font-style: italic;
}

.not-italic{
  font-style: normal;
}

.ordinal{
  --tw-ordinal: ordinal;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.leading-4{
  line-height: 1rem;
}

.leading-6{
  line-height: 1.5rem;
}

.leading-\[0px\]{
  line-height: 0px;
}

.leading-\[14px\]{
  line-height: 14px;
}

.leading-\[15px\]{
  line-height: 15px;
}

.leading-\[16px\]{
  line-height: 16px;
}

.leading-\[18px\]{
  line-height: 18px;
}

.leading-\[19px\]{
  line-height: 19px;
}

.leading-\[22px\]{
  line-height: 22px;
}

.leading-none{
  line-height: 1;
}

.leading-normal{
  line-height: 1.5;
}

.leading-tight{
  line-height: 1.25;
}

.\!text-\[\#222731\]{
  --tw-text-opacity: 1 !important;
  color: rgb(34 39 49 / var(--tw-text-opacity, 1)) !important;
}

.\!text-black{
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
}

.\!text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

.\!text-white\/60{
  color: rgb(255 255 255 / 0.6) !important;
}

.\!text-white\/70{
  color: rgb(255 255 255 / 0.7) !important;
}

.text-\[\#000000\]{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-\[\#000000\]\/\[\.67\]{
  color: rgb(0 0 0 / .67);
}

.text-\[\#000\]{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-\[\#121F25\]{
  --tw-text-opacity: 1;
  color: rgb(18 31 37 / var(--tw-text-opacity, 1));
}

.text-\[\#222731\]{
  --tw-text-opacity: 1;
  color: rgb(34 39 49 / var(--tw-text-opacity, 1));
}

.text-\[\#222731\]\/\[\.7\]{
  color: rgb(34 39 49 / .7);
}

.text-\[\#36AF6E\]{
  --tw-text-opacity: 1;
  color: rgb(54 175 110 / var(--tw-text-opacity, 1));
}

.text-\[\#393939\]{
  --tw-text-opacity: 1;
  color: rgb(57 57 57 / var(--tw-text-opacity, 1));
}

.text-\[\#636363\]{
  --tw-text-opacity: 1;
  color: rgb(99 99 99 / var(--tw-text-opacity, 1));
}

.text-\[\#64686F\]{
  --tw-text-opacity: 1;
  color: rgb(100 104 111 / var(--tw-text-opacity, 1));
}

.text-\[\#72FFB3\]{
  --tw-text-opacity: 1;
  color: rgb(114 255 179 / var(--tw-text-opacity, 1));
}

.text-\[\#BB0404\]{
  --tw-text-opacity: 1;
  color: rgb(187 4 4 / var(--tw-text-opacity, 1));
}

.text-\[\#D19130\]{
  --tw-text-opacity: 1;
  color: rgb(209 145 48 / var(--tw-text-opacity, 1));
}

.text-\[\#E6A85B\]{
  --tw-text-opacity: 1;
  color: rgb(230 168 91 / var(--tw-text-opacity, 1));
}

.text-\[\#FFC670\]{
  --tw-text-opacity: 1;
  color: rgb(255 198 112 / var(--tw-text-opacity, 1));
}

.text-\[\#FFFFFF\]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-\[\#fff\]{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-black\/\[\.50\]{
  color: rgb(0 0 0 / .50);
}

.text-black\/\[\.60\]{
  color: rgb(0 0 0 / .60);
}

.text-black\/\[\.65\]{
  color: rgb(0 0 0 / .65);
}

.text-black\/\[\.67\]{
  color: rgb(0 0 0 / .67);
}

.text-black\/\[\.70\]{
  color: rgb(0 0 0 / .70);
}

.text-black\/\[\.7\]{
  color: rgb(0 0 0 / .7);
}

.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-white\/60{
  color: rgb(255 255 255 / 0.6);
}

.text-white\/70{
  color: rgb(255 255 255 / 0.7);
}

.text-white\/\[\.50\]{
  color: rgb(255 255 255 / .50);
}

.text-white\/\[\.67\]{
  color: rgb(255 255 255 / .67);
}

.text-white\/\[\.70\]{
  color: rgb(255 255 255 / .70);
}

.text-white\/\[\.7\]{
  color: rgb(255 255 255 / .7);
}

.text-white\/\[\.8\]{
  color: rgb(255 255 255 / .8);
}

.\!underline{
  text-decoration-line: underline !important;
}

.underline{
  text-decoration-line: underline;
}

.overline{
  text-decoration-line: overline;
}

.line-through{
  text-decoration-line: line-through;
}

.decoration-black{
  text-decoration-color: #000;
}

.decoration-solid{
  text-decoration-style: solid;
}

.decoration-1{
  text-decoration-thickness: 1px;
}

.opacity-10{
  opacity: 0.1;
}

.opacity-100{
  opacity: 1;
}

.opacity-30{
  opacity: 0.3;
}

.opacity-50{
  opacity: 0.5;
}

.opacity-60{
  opacity: 0.6;
}

.opacity-70{
  opacity: 0.7;
}

.opacity-80{
  opacity: 0.8;
}

.opacity-90{
  opacity: 0.9;
}

.opacity-\[\.12\]{
  opacity: .12;
}

.opacity-\[0\.7\]{
  opacity: 0.7;
}

.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0px_10px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{
  --tw-shadow: 0 0px 10px 0px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 0px 10px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0px_16px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{
  --tw-shadow: 0 0px 16px 0px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 0px 16px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{
  --tw-shadow: 0 0px 4px 0px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 0px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_0px_6px_0px_rgba\(0\2c 0\2c 0\2c 0\.18\)\]{
  --tw-shadow: 0 0px 6px 0px rgba(0,0,0,0.18);
  --tw-shadow-colored: 0 0px 6px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_1px_12px_0px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: 0 1px 12px 0px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 1px 12px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_1px_3px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{
  --tw-shadow: 0 1px 3px 0px rgba(0,0,0,0.08);
  --tw-shadow-colored: 0 1px 3px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_1px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]{
  --tw-shadow: 0 1px 4px 0px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 1px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_1px_4px_0px_rgba\(167\2c 167\2c 167\2c 0\.8\)\]{
  --tw-shadow: 0 1px 4px 0px rgba(167,167,167,0.8);
  --tw-shadow-colored: 0 1px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_4px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{
  --tw-shadow: 0 4px 4px 0px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 4px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_5px_10px_0px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]{
  --tw-shadow: 0 5px 10px 0px rgba(0,0,0,0.15);
  --tw-shadow-colored: 0 5px 10px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_1px_40px_rgba\(167\2c 167\2c 167\2c 0\.8\)\]{
  --tw-shadow: 0px 1px 40px rgba(167,167,167,0.8);
  --tw-shadow-colored: 0px 1px 40px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_4px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{
  --tw-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_4px_4px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{
  --tw-shadow: 0px 4px 4px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0px 4px 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_6px_8\.8px_0px_rgba\(0\2c 0\2c 0\2c 0\.12\)\]{
  --tw-shadow: 0px 6px 8.8px 0px rgba(0,0,0,0.12);
  --tw-shadow-colored: 0px 6px 8.8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-\[0px_6px_8\.8px_0px_rgba\(0\2c 0\2c 0\2c 0\.13\)\]{
  --tw-shadow: 0px 6px 8.8px 0px rgba(0,0,0,0.13);
  --tw-shadow-colored: 0px 6px 8.8px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline{
  outline-style: solid;
}

.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-2xl{
  --tw-blur: blur(40px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow{
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.grayscale{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.invert{
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur{
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[10px\]{
  --tw-backdrop-blur: blur(10px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[15px\]{
  --tw-backdrop-blur: blur(15px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[3\.5px\]{
  --tw-backdrop-blur: blur(3.5px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[4\.2px\]{
  --tw-backdrop-blur: blur(4.2px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[40px\]{
  --tw-backdrop-blur: blur(40px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[50px\]{
  --tw-backdrop-blur: blur(50px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-\[7\.5px\]{
  --tw-backdrop-blur: blur(7.5px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-filter{
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.ease-in{
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

.fontInter {
  font-family: 'Inter';
}

.hover\:z-10:hover{
  z-index: 10;
}

.hover\:\!bg-\[\#EEEEEE\]:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:\!bg-\[\#f0f0f0\]:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-\[\#1976d20a\]:hover{
  background-color: #1976d20a;
}

.hover\:bg-\[\#E9E9E9\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(233 233 233 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#F2F2F2\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#e9e9e9\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(233 233 233 / var(--tw-bg-opacity, 1));
}

.hover\:bg-\[\#f0f0f0\]:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white\/\[\.1\]:hover{
  background-color: rgb(255 255 255 / .1);
}

.hover\:shadow-\[0_0px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]:hover{
  --tw-shadow: 0 0px 4px 0px rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 0px 4px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:\!bg-transparent:focus{
  background-color: transparent !important;
}

.focus-visible\:ring:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

@media (min-width: 640px){
  .sm\:mt-\[0px\]{
    margin-top: 0px;
  }

  .sm\:\!block{
    display: block !important;
  }

  .sm\:\!flex{
    display: flex !important;
  }

  .sm\:\!table{
    display: table !important;
  }

  .sm\:\!table-cell{
    display: table-cell !important;
  }

  .sm\:\!hidden{
    display: none !important;
  }

  .sm\:\!w-6\/12{
    width: 50% !important;
  }

  .sm\:w-\[220px\]{
    width: 220px;
  }

  .sm\:w-\[500px\]{
    width: 500px;
  }

  .sm\:\!flex-row{
    flex-direction: row !important;
  }

  .sm\:\!flex-col{
    flex-direction: column !important;
  }

  .sm\:\!items-center{
    align-items: center !important;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:\!p-\[20px\]{
    padding: 20px !important;
  }

  .sm\:pl-\[15px\]{
    padding-left: 15px;
  }

  .sm\:pl-\[32px\]{
    padding-left: 32px;
  }

  .sm\:pr-\[24px\]{
    padding-right: 24px;
  }

  .sm\:\!text-right{
    text-align: right !important;
  }
}

@media (min-width: 1024px){
  .lg\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .lg\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .lg\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .lg\:col-span-7{
    grid-column: span 7 / span 7;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:max-h-\[244px\]{
    max-height: 244px;
  }

  .lg\:min-w-\[164px\]{
    min-width: 164px;
  }

  .lg\:px-\[16px\]{
    padding-left: 16px;
    padding-right: 16px;
  }

  .lg\:px-\[7px\]{
    padding-left: 7px;
    padding-right: 7px;
  }
}

@media (min-width: 1280px){
  .xl\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .xl\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .xl\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .xl\:col-span-6{
    grid-column: span 6 / span 6;
  }

  .xl\:table-cell{
    display: table-cell;
  }

  .xl\:max-h-\[265px\]{
    max-height: 265px;
  }

  .xl\:px-\[15px\]{
    padding-left: 15px;
    padding-right: 15px;
  }

  .xl\:px-\[24px\]{
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.ConfirmationParty {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    display: flex;
    align-items: center;
    color: #000000;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 19px;
}

.ConfirmationBodyText {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    align-items: center;
    color: #000000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 196px;
}

.ConfirmationContainer {
    background: #FFFFFF;
    border: 2px solid #263238;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    width: 321px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    position: fixed;
    margin-left: 18px;
    margin-right: 18px;
    z-index: 2147483646;
}

.DarkModeConfirmationContainer {
    background: rgba(34, 39, 49, 0.9);
    border: 2px solid rgba(34, 39, 49, 0.9);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(7.5px);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 363px;
}

.ConfirmationMainArea {
    display: flex;
    flex-direction: row;
    padding: 25px 30px;
    height: fit-content;
    align-items: center;
    justify-content: space-between;
}
.DarkModeConfirmationMainArea{
    padding: 20px 30px 25px 30px;
    display: flex;
    flex-direction: column;
}
.DarkModeHeader{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: #FFFFFF;
}
.DarkModeBody {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    opacity: 0.8;
    padding-top: 12px;
}
/* .dollarInput input {
  padding-left: 23px;
} */

/* Chrome, Safari, Edge, Opera */
.textFieldComponent, .SearchFieldComponent input::-webkit-outer-spin-button,
.textFieldComponent, .SearchFieldComponent input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.textFieldComponent, .SearchFieldComponent input[type=number] {
  -moz-appearance: textfield;
}

.textFieldComponent, .SearchFieldComponent, .GlobalInputSize .MuiInput-root::before,
.textFieldComponent, .SearchFieldComponent, .GlobalInputSize .MuiInput-root::after,
.textFieldComponent, .SearchFieldComponent, .GlobalInputSize .MuiInput-root:hover:not(.Mui-disabled):before {
  border-bottom: none;
}

.textFieldComponent, .SearchFieldComponent .MuiInput-root input:focus {
  border: none !important;
}
.EditCTA .MuiInput-root {
  padding-right: 49px !important;
}

.characterCountForInput{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
  margin-left: 12px;
}
.inputLabel{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
  margin-left: 2px;
}


.CTAHovrAccordionContainer .textFieldComponent label,
.CTAHovrAccordionContainer .inputLabel {
  color: #fff;
}

.CTAHovrAccordionContainer .textFieldComponent .MuiInput-root {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  border: none;
  background: rgba(255, 255, 255, 0.1);
}

.CTAHovrAccordionContainer .textFieldComponent input,
.CTAHovrAccordionContainer .textFieldComponent .Mui-focused
.CTAHovrAccordionContainer .textFieldComponent input:focus {
  background: transparent !important;
  border: none !important;
  color: #fff;
}


.textFieldComponent .contentTitleHeader:hover{
  border: 1px solid rgba(167, 167, 167, 0.8);
  border-radius: 4px;
}

.SearchFieldComponent .textField {
  margin-top: 0px !important;
  border: 0px !important;
  height: 34px;
}

.textField, .PhoneInputInput{ 
  border: 1px solid white;
  background: #F8F8F8;
  box-sizing: border-box;
  border-radius: 4px; 
  height: 39px;
  width: 100%;
  padding: 8px 18px 8px 11px;
  margin-top: 12px;
  font-family: 'Inter' !important;
  font-style: normal;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 17px;
  color: #000000;
}
.PhoneInputCountry {
  border-radius: 4px; 
  height: 37px;
  border: 1px solid white;
  background: #F8F8F8;
  width: 55px;
  display: flex;
  justify-content: center;
  margin-top: 12px;
}
.textField::placeholder {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #A8A8A8;
}


.GlobalInputSize .textFieldComponent input,
.GlobalInputSize  .textFieldComponent input:focus {
  border: none !important;
  background-color: transparent !important;
  border-bottom: 0px !important;
}
.textFieldComponent textarea:focus {
  border: 1px solid #C5C5C5;
  background-color: white;
  outline: none !important;
}
.AnalyticsContainer {
  background: #FFFFFF;
  border: 1px solid #C5C5C5;
  border-radius: 4px;
  height: fit-content;
  padding: 10px 11px 20px 16px;
  box-sizing: border-box;
}
.EngagementStatsText{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
}
.AnalyticsTitle{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
  opacity: 0.7;
  width: 91px;
  margin-right: 4px;
  margin-left: 5px;
}
.AnchorViewsGraphBar{
  width: 109px;
  height: 19px;
  background: #22C632;
  opacity: 0.25;
  border-radius: 3px;
}
.AnchorHoversGraphBar{
  width: 67px;
  height: 19px;
  background: #22C632;
  opacity: 0.5;
  border-radius: 3px;
}
.AnchorVideoPlayers {
  width: 16px;
  height: 19px;
  background: #22C632;
  opacity: 0.75;
  border-radius: 3px;
}
.AnchorCTAClicks {
  width: 10px;
  height: 19px;
  background: #22C632;
  border-radius: 3px;
}
.AnalyticsNumbers{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
  margin-left: 4px;
  white-space: nowrap;
}
.analyticsPopperZeroState {
  width: 262px;
  height: 95px;
  /* off-white */
  background: #F8F8F8;
  /* border */
  border: 1px solid #C5C5C5;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.analyticsPopperZeroStateTitle {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 140%;
  /* or 22px */
  color: #000000;
  padding: 2px 15px;
}
.analyticsPopperZeroStateText {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  /* or 17px */
  color: #000000;
  padding: 2px 15px;
}
.EditDrawerHeaderDisconnected{
  border: 1px solid #FF7272;
  border-radius: 19px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 6px 10px 6px 9px;
}
.EditDrawerDeviceToggleContainer{
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  height: 41px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: rgba(34, 39, 49);
}
.EditDrawerDeviceToggleButton{
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 50%;
  border: 1px solid #000000; 
  background: rgba(255, 255, 255, 0.1);
}

.SearchFieldComponent input {
  padding-top: 7px;
}

.maxCharWarning .MuiInput-root{
    animation: shakeWarning 0.2s ease-in-out 0s 2;
    box-shadow: 0 0 0.5em #FFC670;
    border: 1px solid var(--Orange, #FFC670) !important;

}

.maxCharWarning input:focus {
  border: 1px solid var(--Orange, #FFC670) !important;
  outline: none !important;
}

@keyframes shakeWarning {
  0% { margin-left: 0rem; }
  25% { margin-left: 0.25rem; }
  75% { margin-left: -0.25rem; }
  100% { margin-left: 0rem; }
}

.mobileReminderPopperContainer {
  right: 10px !important;
  bottom: 7px !important;
  background-color: #1f1f1f; /* Adjust color as needed */
  border-radius: 8px;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1); /* Adjust shadow as needed */
  padding: 20px; /* Adjust padding as needed */
}

.mobileReminderText {
  margin-bottom: 16px;
}

.mobileReminderTitle {
  padding-bottom: 8px !important;
  color: var(--Content-Text-100, #FFF) !important;
  font-family: Inter !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: normal !important;
}

.mobileReminderSubtitle {
  color: var(--Content-Text-70, rgba(255, 255, 255, 0.70)) !important;
  font-family: Inter !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 140% !important;
}

.mobileReminderActions {
  margin-top: 24px;
  display: flex;
  justify-content: start;
  gap: 8px; /* Adjust spacing between buttons */
}

.mobileReminderActions div {
  flex: 1;
}

.mobileReminderActions .ReusableButton {
  width: 100%;
}

.header{
  background: #000000;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.045em;
  color: #FFFFFF;
  height: 50px;
  display: flex;
  align-items: center;
  padding-left: 28px;
}
/******** URL NOT FOUND ********/
.urlNotFoundContainer{
  height: 100%;
  width: 100%;
  background: #F4F7FD;
  justify-content: center;
  align-items: center;
}
.largeFontError {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-size: 100px;
  line-height: 121px;
  text-align: center;
  color: #000000;
}
.urlNotFoundBody {
  font-family: 'Inter';
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #000000;
}
/******** URL NOT FOUND END ********/
/*** NOTIFCATION *****/
.notificationContainer {
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(167, 167, 167, 0.8);
  border-radius: 8px;
  padding-top: 18px;
  padding-left: 19px;
  padding-right: 23px;
  padding-bottom: 18px;
  font-family: 'Inter';
  font-style: normal;
  font-size: 13px;
  line-height: 16px;
  display: flex;
  align-items: center;
  color: #000000;
  width: 325px;
}

.clearIcon {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 59px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 140%;
  color: #000000;
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  width: 77px;
  height: 29px;
  justify-content: center;
  cursor: pointer;
}

.clearContainer{
  display: flex;
  justify-content: flex-end;

}
/****** NOTIFCATION END ******/

.imageUploadContainer {
  background: #F8F8F8;
  border-radius: 8px;
  height: 147px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  margin-top: 2px;
}

.inlineButtonPositionRelative{
  position: relative;
  right: 0px;
  margin-top: 5px;
  justify-content: end;
  z-index: 2;
}
.inlineButtonPositionAbsolute {
  position: absolute;
  right: 0px;
  margin-top: 5px;
  z-index: 3;
}
.characterCountForInput{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
  margin-left: 12px;
}
.ConfirmationCodeErrorContainer{
  background: linear-gradient(0deg, rgba(234, 56, 56, 0.15), rgba(234, 56, 56, 0.15)), #FFFFFF;
  border: 2px solid #EA3838;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  padding: 19px 23px 20px 32px;
  display: flex;
  flex-direction: row;
  width: 321px;
  box-sizing: border-box;
}
.ConfirmationCodeUhOh {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  color: #000000;
}
.ConfirmationCodeDoesNotMatch {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  color: #000000;
  margin-top: 10px;
}
.ConfirmationCodeEmoji {
  font-size: 40px;
  display: flex;
  align-items: center;
  margin-right: 26px;
}
.ConfirmationCodeAttempts{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  color: #EA3838;
  margin-top: 6px;
}
.AuthenticationInputContainer {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}
.AuthenticationInputWelcomeText {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 39px;
  text-align: center;
  color: #000000; 
  margin-bottom: 44px;
}
.seperator {
  border-top: 1px solid #C5C5C5;
  flex: 3;
  height: 0px;
}
.orSeperator{
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  color: #000000;
  flex: 1;
}
.orSeperatorConatiner {
  width: 100%;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 25px;
}

.textField, .PhoneInputInput, .textFieldComponent .MuiInput-root{ 
  border: 1px solid white;
  background: #F8F8F8;
  box-sizing: border-box;
  border-radius: 4px; 
  height: 39px;
  width: 100%;
  padding: 8px 18px 8px 11px;
  margin-top: 12px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
}
.PhoneInputCountry {
  border-radius: 4px; 
  height: 37px;
  border: 1px solid white;
  background: #F8F8F8;
  width: 55px;
  display: flex;
  justify-content: center;
  margin-top: 12px;
}
.textField::placeholder {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #A8A8A8;
}
.phoneNumberError .PhoneInputInput{
  border: 1px solid #BB0404;
}
.phoneNumberError .PhoneInputCountry{
  border: 1px solid #BB0404;
}
.PhoneInputInput::placeholder {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #A8A8A8;
}
.PhoneInputCountry::placeholder {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #A8A8A8;
}
.emailContainer { 
  margin-bottom: 10px;
  width: 100%;
  position: relative;
}
.phoneContainer {
  position: relative;
  margin-bottom: 10px;
}

.authMethodToggleContainer {
  margin-bottom: 5px;
  width: 100%;
  justify-content: space-around;
}
.AuthenticationButtonContainer{
  width: 100%;
}
.AuthenticationButtonContainer > button {
  width: 100%;
}

.privacryAndTermsContainer {
  font-family: 'Inter';
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  color: #000000;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 48px;
}
.boldTerms {
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
.hovrLogoContainer{
  position: fixed;
  left: 23px;
  top: 17px;
}
.WeJustSentLinkTo{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
  margin-bottom: 25px;
}
.PleaseLoginBy {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
}
.MagicLinkContainer{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.SentLinkToEmail{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
}
.ResendContainer{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #000000;
  position: fixed;
  right: 11px;
  top: 11px;
}
.ResendContainerUnderline {
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
  font-family: 'Inter';
  font-style: normal;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #000000;
  background: white;
  border: 0px;
}
.codeResent{
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  text-align: end;
  color: #000000;
  margin-top: 7px;
}

.confirmationCodeBoxContainer{ 
  background: #F8F8F8;
  border: 1px solid transparent;
  box-sizing: border-box;
  border-radius: 4px;
  width: 49px;
  height: 50px;
  margin-right: 6px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #000000;
}
.ConfirmationCodeContainer input:focus {
  border: 1px solid black !important;
  background: #FFFFFF !important;
  outline: none !important;
}
.confirmationCodeBoxContainerFilled{
  border: 1px solid black !important;
  background: #FFFFFF !important;
  box-sizing: border-box;
  border-radius: 4px;
  width: 49px;
  height: 50px;
  margin-right: 6px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  color: #000000;
}
.confirmationCodeBoxContainerFilled input:focus {
  border: 1px solid black !important;
  background: #FFFFFF !important;
  outline: none !important;
}

.ConfirmationCodeNewCode {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #000000;
  width: 261px;
}
.navigationConatinerFooter {
  align-items: center;
  flex: 1;
  justify-content: space-between;
}
.hovrLogo{ 
  position: relative;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.045em;
  color: #000000;
}
.portalContainer {
  height: 100%;
  width: 100%;
}
.superAdminImpersonationMode {
  background: #FFFFFF;
}
.superAdminImpersonationModeLabel {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #000000;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.mainContainer {
  width: calc(100% - 60px);
  flex: 4;
  z-index: 1;
  height: 100%;
  background: #F8F8F8;
  overflow: hidden;
}
.noPadding {
  padding-left: 0px;
  padding-right: 0px;
}
.navigationContainer {
  background: #FFFFFF;
  box-shadow: 0px 0px 16px rgba(167, 167, 167, 0.4);
  width: 50px;
}
.tabFont {
  font-family: 'Inter' !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 22px !important;
  color: #000000 !important;
}

/**** PORTAL NAVIGATION *****/
.tabContainer{
  flex: 14;
}
.portalNavURL{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  align-items: center;
  color: #000000;
  margin-bottom: 11px;
}
.selectedItem{
  border: 2px solid #000000;
}
.listItem{
  align-items: start !important;
  padding-left: 10px;
}
.addMargins{
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
/** PORTAL NAVIGATION END **/

.pageHeaders{
  font-family: 'Inter' !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 26px !important;
  line-height: 31px !important;
  color: #000000 !important;
  text-transform: none !important;
}
.pageSubHeader {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #000000;
  margin-top: 5px;
}
.pageSectionHeaders{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
  margin-left: 16px;
}
.googleAnalyticsPageSectionHeaders{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
}
.pageSectionValue{
  font-family: 'Inter';
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
}
.sectionContainers {
  background: #FFFFFF;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.18);
  border-radius: 4px;
  padding-top: 14px;
  padding-bottom: 12px;
}
.googleAnalyticsSectionContainers {  
  padding-top: 14px;
  padding-bottom: 12px;
}
.alertContainer {
  box-shadow: 0px 0px 6px #D19130;
}
.rowName{
  font-family: 'Inter';
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
  flex: 2;
  margin-left: 16px;
}
.rowValue{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  flex: 8;
}
.rowArrow {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  margin-right: 25px;
  width: 40px;
}
.rowLinkContainer {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  margin-right: 25px;
  min-width: 100px;
  cursor: pointer;
}
.buttonLooksLikeLink {
  background: none;
  border: none;
  padding: 0;
}
.rowLink {
  color: #000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  cursor: pointer;
}
.rowContainer{
  height: 49px;
  padding: 0 !important;
  align-items: center;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
.modalLink {
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  padding-top: 80px;
}
.rowContainer:after {
  opacity: 0;
  transition: all 0.8s
}
.rowContainer:active:after {
  opacity: 1;
  transition: 0s
}
.rowDivider{
  border-top: 1px solid #E4E4E4;
  margin-right: 16px;
  margin-left: 16px;
}
.inviteTeamMemberModal {
  width: 466px;
  background: #FFFFFF;
  padding: 22px 16px 28px 16px;
}
.addTeamModal {
  display: flex;
  align-items: center;
  justify-content: center;
}
.addTeamMemberHeader {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
}
.modalHeader{
  align-items: center;
  justify-content: space-between;
}
/****** MEMBER *********/

.membersHeaderContainer{
  justify-content: space-between;
  align-items: center;
}
.memberName{ 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
}
.memberEmail {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #767575;
  display: flex;
  justify-content: center;
}
.pendingMemberEmail{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #767575;
  display: flex;
  justify-content: center;
}
.teamMemberContainer{ 
  align-items: center;
  width: 100%;
}
.pendingInviteContainer {
  width: 33%;
  display: flex;
  justify-content: flex-end;
}

.pendingButton {
  display: flex;
  padding: 6px 20px;
  background: var(--MD-Gray, #E9E9E9);
  border-radius: 22px;
  margin-right: 10px;
}
.pendingInviteIndicator {
  background: #F4F7FD;
  border-radius: 40px; 
  width: 88px;
  height: 35px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}
/****** MEMBER END *********/

/****** MY ACCOUNT *********/

.myAccountHeader {
  display: flex;
  align-items: center;
  flex: 2;
}
.myAccountSectionHeader {
  flex: 1;
  display: flex;
  align-items: center;
}
.myAccountSection{
  cursor: pointer;
}

/***** MY ACCOUNT END ******/

/**** HOVR SETINGS ******/
.packageTypeIndicator{
  background: #000000;
  border-radius: 55px;
  width: 151px;
  height: 37px;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  margin-top: 16px;
}
.hovrSettingsSnippetcontainer{
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.hovrSettingsButtonContainer {
  display: flex;
  justify-content: flex-end;
}
.hovrSettingsWarningAndButton {
  display: flex;
  justify-content: space-between;
  margin: 0px 16px;
}
.backToHovrSettingsHeader{
  flex: 1;
}
.hovrSettingsEditField{
  margin-top: 20px;
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 24px;
}
.hovrTypeName{
  color: black;
  font-weight: 700;
}
.hovrSupportUnderline{
  text-decoration: underline;
  margin-left: 4px;
  cursor: pointer;
}
/**** HOVR SETTINGS END ****/

.multiplFieldReachOutToSupport {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: black;
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}
.multiplFieldReachOutToSupportButton {
  text-decoration-line: underline;
  color: black;
  font-weight: 600;
  cursor: pointer;
  margin-right: 4px;
}

.menuTeamName{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
}
.menuMemberCount{
  font-family: 'Inter';
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #000000; 
}

.AvatarContainer{ 
  cursor: pointer;
}
/****** TEAM SETTINGS  *******/

.teamSettingsImageContainer{
  border-radius: 4px; 
  height: 78px;
  width: 78px;

  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 34px;
  line-height: 34px;
  color: black;

  display: flex;
  justify-content: center;
  align-items: center;
}

.uploadTeamImageContainer {
  background: #F8F8F8;
  border-radius: 4px;
  height: 250px;
  width: 335px;
  margin-right: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.uploadImageText{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #000000;
  margin-top: 11px;
}
.acceptedFileTypes{
  font-family: 'Inter';
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #4F4F4F;
  margin-top: 9px;
}

.editTeamsButtonContainer {
  display: flex;
  justify-content: center;
  padding-bottom: 17px;
  margin-top: 13px;
  width: 250px;
  justify-content: space-between;
}
.teamImage{
  max-height: 300px;
}
.teamSettingsEditImageContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 36px;
}
.teamSettingsTeamImage {
  max-height: 78px;
  max-width: 78px;
}

.pendingInvites {
  height: 9px;
  width: 9px;
  background-color: #FF64A5;
  border-radius: 50%;
}

.primaryHexColorTinySqaure{
  border-radius: 4px;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 12px;
}

.pendingInviteDot{
  background: #FF64A5;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-right: 5px;
}

.settingsTabLabel{
  color: black;
  font-weight: 600;
  font-size: 16px;
  text-transform: none;
}

.unselectedTabLabel{
  opacity: 0.3;
}
.settingContainer{
  flex: 4;
  height: calc(100vh - 136px);;
  overflow-x: scroll;
}
.alertMessage {
  font-family: 'Inter';
  font-weight: 700;
  font-size: 13px;
  color: #D19130;
  margin-left: 5px;
}
.hovrDetailMessage{
  font-family: 'Inter';
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
  margin-left: 16px;
}
.modalBackground {
  width: 60%;
  height: auto;
  max-height: 85%;
  background-color: #F8F8F8;
}

.myOrgCardContainer{
  background: #FFFFFF;
  border: 1px solid #CDCDCD;
  border-radius: 8px;
}
.orgCardName{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin-top: 7px;
}
.orgCardMembersAndHovrs {
  font-family: 'Inter';
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
}
.AccountSettingsHeader {
  font-family: 'Inter';
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
}
.AccountSettingsHeaderBold {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
  cursor: pointer;
  text-decoration: underline;
}

.pendingInvitationsHeader{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
  margin-top: 20px;
  margin-bottom: 12px;
}

.invitedByFont {
  font-family: 'Inter';
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
  margin-top: 22px;
  margin-bottom: 22px;
}

.tipsAndTricksButton {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}
.tipsAndTricksBody {
  font-family: 'Inter';
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #000000;
  margin-top: 15px;
}

.accountSettingsCards {
  background: #FFFFFF;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.18);
  border-radius: 4px;
  flex: 1;
}

.zeroStateTipsAndTricksImage {
  position: absolute;
  z-index: 1;
  right: 0;
}

.avatarCardHeader {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000000;
}
.flexDirectionRow {
  display: flex;
  flex-direction: row;
}
.flexDirectionColumn {
  display: flex;
  flex-direction: column;
}
.headerText {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #000000;
  display: flex;
  align-items: center;
}
.validationWarning{
  font-family: 'Inter';
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #BB0404;
}

.snippetContainer {
  background: #F8F8F8;
  border-radius: 4px;
  padding: 28px 23px 29px 23px;
  flex: 2;
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  color: #000000;
}

.textFieldComponent .Mui-focused {
  border: 1px solid #C5C5C5 !important;
  background-color: white !important;
  outline: none !important;
}

 .GlobalInputSize .Mui-focused {
  border: 0px !important;
  background-color: transparent !important;
  outline: none !important;
}


.textFieldComponent, .GlobalInputSize .MuiInput-root::before,
.textFieldComponent, .GlobalInputSize .MuiInput-root::after,
.textFieldComponent, .GlobalInputSize .MuiInput-root:hover:not(.Mui-disabled):before {
  border-bottom: none;
}

.textFieldComponent .MuiInput-root input:focus {
  border: none !important;
}

.textFieldComponent textarea:focus {
  border: 1px solid #C5C5C5 !important;
  background-color: white !important;
  outline: none !important;
}
.hideMuxAudioControls {
  --mute-button: none;
  --volume-range: none;
}