@charset "UTF-8";
.mt-auto {
  --myt: auto;
  margin-top: auto; }

.mb-auto {
  --myb: auto;
  margin-bottom: auto; }

.ml-auto {
  --mxl: auto;
  margin-left: auto; }

.mr-auto {
  --mxr: auto;
  margin-right: auto; }

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

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

.pt-auto {
  --pyt: auto;
  padding-top: auto; }

.pb-auto {
  --pyb: auto;
  padding-bottom: auto; }

.pl-auto {
  --pxl: auto;
  padding-left: auto; }

.pr-auto {
  --pxr: auto;
  padding-right: auto; }

.px-auto {
  --pxl: auto;
  --pxr: auto;
  padding-left: auto;
  padding-right: auto; }

.py-auto {
  --pyt: auto;
  --pyb: auto;
  padding-top: auto;
  padding-bottom: auto; }

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

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

.ml-0 {
  --mxl: 0;
  margin-left: 0; }

.mr-0 {
  --mxr: 0;
  margin-right: 0; }

.mx-0 {
  --mxl: 0;
  --mxr: 0;
  margin-left: 0;
  margin-right: 0; }

.my-0 {
  --myt: 0;
  --myb: 0;
  margin-top: 0;
  margin-bottom: 0; }

.pt-0 {
  --pyt: 0;
  padding-top: 0; }

.pb-0 {
  --pyb: 0;
  padding-bottom: 0; }

.pl-0 {
  --pxl: 0;
  padding-left: 0; }

.pr-0 {
  --pxr: 0;
  padding-right: 0; }

.px-0 {
  --pxl: 0;
  --pxr: 0;
  padding-left: 0;
  padding-right: 0; }

.py-0 {
  --pyt: 0;
  --pyb: 0;
  padding-top: 0;
  padding-bottom: 0; }

.mt-2 {
  --myt: 2px;
  margin-top: 2px; }

.mb-2 {
  --myb: 2px;
  margin-bottom: 2px; }

.ml-2 {
  --mxl: 2px;
  margin-left: 2px; }

.mr-2 {
  --mxr: 2px;
  margin-right: 2px; }

.mx-2 {
  --mxl: 2px;
  --mxr: 2px;
  margin-left: 2px;
  margin-right: 2px; }

.my-2 {
  --myt: 2px;
  --myb: 2px;
  margin-top: 2px;
  margin-bottom: 2px; }

.pt-2 {
  --pyt: 2px;
  padding-top: 2px; }

.pb-2 {
  --pyb: 2px;
  padding-bottom: 2px; }

.pl-2 {
  --pxl: 2px;
  padding-left: 2px; }

.pr-2 {
  --pxr: 2px;
  padding-right: 2px; }

.px-2 {
  --pxl: 2px;
  --pxr: 2px;
  padding-left: 2px;
  padding-right: 2px; }

.py-2 {
  --pyt: 2px;
  --pyb: 2px;
  padding-top: 2px;
  padding-bottom: 2px; }

.mt-4 {
  --myt: 4px;
  margin-top: 4px; }

.mb-4 {
  --myb: 4px;
  margin-bottom: 4px; }

.ml-4 {
  --mxl: 4px;
  margin-left: 4px; }

.mr-4 {
  --mxr: 4px;
  margin-right: 4px; }

.mx-4 {
  --mxl: 4px;
  --mxr: 4px;
  margin-left: 4px;
  margin-right: 4px; }

.my-4 {
  --myt: 4px;
  --myb: 4px;
  margin-top: 4px;
  margin-bottom: 4px; }

.pt-4 {
  --pyt: 4px;
  padding-top: 4px; }

.pb-4 {
  --pyb: 4px;
  padding-bottom: 4px; }

.pl-4 {
  --pxl: 4px;
  padding-left: 4px; }

.pr-4 {
  --pxr: 4px;
  padding-right: 4px; }

.px-4 {
  --pxl: 4px;
  --pxr: 4px;
  padding-left: 4px;
  padding-right: 4px; }

.py-4 {
  --pyt: 4px;
  --pyb: 4px;
  padding-top: 4px;
  padding-bottom: 4px; }

.mt-6 {
  --myt: 6px;
  margin-top: 6px; }

.mb-6 {
  --myb: 6px;
  margin-bottom: 6px; }

.ml-6 {
  --mxl: 6px;
  margin-left: 6px; }

.mr-6 {
  --mxr: 6px;
  margin-right: 6px; }

.mx-6 {
  --mxl: 6px;
  --mxr: 6px;
  margin-left: 6px;
  margin-right: 6px; }

.my-6 {
  --myt: 6px;
  --myb: 6px;
  margin-top: 6px;
  margin-bottom: 6px; }

.pt-6 {
  --pyt: 6px;
  padding-top: 6px; }

.pb-6 {
  --pyb: 6px;
  padding-bottom: 6px; }

.pl-6 {
  --pxl: 6px;
  padding-left: 6px; }

.pr-6 {
  --pxr: 6px;
  padding-right: 6px; }

.px-6 {
  --pxl: 6px;
  --pxr: 6px;
  padding-left: 6px;
  padding-right: 6px; }

.py-6 {
  --pyt: 6px;
  --pyb: 6px;
  padding-top: 6px;
  padding-bottom: 6px; }

.mt-8 {
  --myt: 8px;
  margin-top: 8px; }

.mb-8 {
  --myb: 8px;
  margin-bottom: 8px; }

.ml-8 {
  --mxl: 8px;
  margin-left: 8px; }

.mr-8 {
  --mxr: 8px;
  margin-right: 8px; }

.mx-8 {
  --mxl: 8px;
  --mxr: 8px;
  margin-left: 8px;
  margin-right: 8px; }

.my-8 {
  --myt: 8px;
  --myb: 8px;
  margin-top: 8px;
  margin-bottom: 8px; }

.pt-8 {
  --pyt: 8px;
  padding-top: 8px; }

.pb-8 {
  --pyb: 8px;
  padding-bottom: 8px; }

.pl-8 {
  --pxl: 8px;
  padding-left: 8px; }

.pr-8 {
  --pxr: 8px;
  padding-right: 8px; }

.px-8 {
  --pxl: 8px;
  --pxr: 8px;
  padding-left: 8px;
  padding-right: 8px; }

.py-8 {
  --pyt: 8px;
  --pyb: 8px;
  padding-top: 8px;
  padding-bottom: 8px; }

.mt-10 {
  --myt: 10px;
  margin-top: 10px; }

.mb-10 {
  --myb: 10px;
  margin-bottom: 10px; }

.ml-10 {
  --mxl: 10px;
  margin-left: 10px; }

.mr-10 {
  --mxr: 10px;
  margin-right: 10px; }

.mx-10 {
  --mxl: 10px;
  --mxr: 10px;
  margin-left: 10px;
  margin-right: 10px; }

.my-10 {
  --myt: 10px;
  --myb: 10px;
  margin-top: 10px;
  margin-bottom: 10px; }

.pt-10 {
  --pyt: 10px;
  padding-top: 10px; }

.pb-10 {
  --pyb: 10px;
  padding-bottom: 10px; }

.pl-10 {
  --pxl: 10px;
  padding-left: 10px; }

.pr-10 {
  --pxr: 10px;
  padding-right: 10px; }

.px-10 {
  --pxl: 10px;
  --pxr: 10px;
  padding-left: 10px;
  padding-right: 10px; }

.py-10 {
  --pyt: 10px;
  --pyb: 10px;
  padding-top: 10px;
  padding-bottom: 10px; }

.mt-12 {
  --myt: 12px;
  margin-top: 12px; }

.mb-12 {
  --myb: 12px;
  margin-bottom: 12px; }

.ml-12 {
  --mxl: 12px;
  margin-left: 12px; }

.mr-12 {
  --mxr: 12px;
  margin-right: 12px; }

.mx-12 {
  --mxl: 12px;
  --mxr: 12px;
  margin-left: 12px;
  margin-right: 12px; }

.my-12 {
  --myt: 12px;
  --myb: 12px;
  margin-top: 12px;
  margin-bottom: 12px; }

.pt-12 {
  --pyt: 12px;
  padding-top: 12px; }

.pb-12 {
  --pyb: 12px;
  padding-bottom: 12px; }

.pl-12 {
  --pxl: 12px;
  padding-left: 12px; }

.pr-12 {
  --pxr: 12px;
  padding-right: 12px; }

.px-12 {
  --pxl: 12px;
  --pxr: 12px;
  padding-left: 12px;
  padding-right: 12px; }

.py-12 {
  --pyt: 12px;
  --pyb: 12px;
  padding-top: 12px;
  padding-bottom: 12px; }

.mt-14 {
  --myt: 14px;
  margin-top: 14px; }

.mb-14 {
  --myb: 14px;
  margin-bottom: 14px; }

.ml-14 {
  --mxl: 14px;
  margin-left: 14px; }

.mr-14 {
  --mxr: 14px;
  margin-right: 14px; }

.mx-14 {
  --mxl: 14px;
  --mxr: 14px;
  margin-left: 14px;
  margin-right: 14px; }

.my-14 {
  --myt: 14px;
  --myb: 14px;
  margin-top: 14px;
  margin-bottom: 14px; }

.pt-14 {
  --pyt: 14px;
  padding-top: 14px; }

.pb-14 {
  --pyb: 14px;
  padding-bottom: 14px; }

.pl-14 {
  --pxl: 14px;
  padding-left: 14px; }

.pr-14 {
  --pxr: 14px;
  padding-right: 14px; }

.px-14 {
  --pxl: 14px;
  --pxr: 14px;
  padding-left: 14px;
  padding-right: 14px; }

.py-14 {
  --pyt: 14px;
  --pyb: 14px;
  padding-top: 14px;
  padding-bottom: 14px; }

.mt-16 {
  --myt: 16px;
  margin-top: 16px; }

.mb-16 {
  --myb: 16px;
  margin-bottom: 16px; }

.ml-16 {
  --mxl: 16px;
  margin-left: 16px; }

.mr-16 {
  --mxr: 16px;
  margin-right: 16px; }

.mx-16 {
  --mxl: 16px;
  --mxr: 16px;
  margin-left: 16px;
  margin-right: 16px; }

.my-16 {
  --myt: 16px;
  --myb: 16px;
  margin-top: 16px;
  margin-bottom: 16px; }

.pt-16 {
  --pyt: 16px;
  padding-top: 16px; }

.pb-16 {
  --pyb: 16px;
  padding-bottom: 16px; }

.pl-16 {
  --pxl: 16px;
  padding-left: 16px; }

.pr-16 {
  --pxr: 16px;
  padding-right: 16px; }

.px-16 {
  --pxl: 16px;
  --pxr: 16px;
  padding-left: 16px;
  padding-right: 16px; }

.py-16 {
  --pyt: 16px;
  --pyb: 16px;
  padding-top: 16px;
  padding-bottom: 16px; }

.mt-18 {
  --myt: 18px;
  margin-top: 18px; }

.mb-18 {
  --myb: 18px;
  margin-bottom: 18px; }

.ml-18 {
  --mxl: 18px;
  margin-left: 18px; }

.mr-18 {
  --mxr: 18px;
  margin-right: 18px; }

.mx-18 {
  --mxl: 18px;
  --mxr: 18px;
  margin-left: 18px;
  margin-right: 18px; }

.my-18 {
  --myt: 18px;
  --myb: 18px;
  margin-top: 18px;
  margin-bottom: 18px; }

.pt-18 {
  --pyt: 18px;
  padding-top: 18px; }

.pb-18 {
  --pyb: 18px;
  padding-bottom: 18px; }

.pl-18 {
  --pxl: 18px;
  padding-left: 18px; }

.pr-18 {
  --pxr: 18px;
  padding-right: 18px; }

.px-18 {
  --pxl: 18px;
  --pxr: 18px;
  padding-left: 18px;
  padding-right: 18px; }

.py-18 {
  --pyt: 18px;
  --pyb: 18px;
  padding-top: 18px;
  padding-bottom: 18px; }

.mt-22 {
  --myt: 22px;
  margin-top: 22px; }

.mb-22 {
  --myb: 22px;
  margin-bottom: 22px; }

.ml-22 {
  --mxl: 22px;
  margin-left: 22px; }

.mr-22 {
  --mxr: 22px;
  margin-right: 22px; }

.mx-22 {
  --mxl: 22px;
  --mxr: 22px;
  margin-left: 22px;
  margin-right: 22px; }

.my-22 {
  --myt: 22px;
  --myb: 22px;
  margin-top: 22px;
  margin-bottom: 22px; }

.pt-22 {
  --pyt: 22px;
  padding-top: 22px; }

.pb-22 {
  --pyb: 22px;
  padding-bottom: 22px; }

.pl-22 {
  --pxl: 22px;
  padding-left: 22px; }

.pr-22 {
  --pxr: 22px;
  padding-right: 22px; }

.px-22 {
  --pxl: 22px;
  --pxr: 22px;
  padding-left: 22px;
  padding-right: 22px; }

.py-22 {
  --pyt: 22px;
  --pyb: 22px;
  padding-top: 22px;
  padding-bottom: 22px; }

.mt-24 {
  --myt: 24px;
  margin-top: 24px; }

.mb-24 {
  --myb: 24px;
  margin-bottom: 24px; }

.ml-24 {
  --mxl: 24px;
  margin-left: 24px; }

.mr-24 {
  --mxr: 24px;
  margin-right: 24px; }

.mx-24 {
  --mxl: 24px;
  --mxr: 24px;
  margin-left: 24px;
  margin-right: 24px; }

.my-24 {
  --myt: 24px;
  --myb: 24px;
  margin-top: 24px;
  margin-bottom: 24px; }

.pt-24 {
  --pyt: 24px;
  padding-top: 24px; }

.pb-24 {
  --pyb: 24px;
  padding-bottom: 24px; }

.pl-24 {
  --pxl: 24px;
  padding-left: 24px; }

.pr-24 {
  --pxr: 24px;
  padding-right: 24px; }

.px-24 {
  --pxl: 24px;
  --pxr: 24px;
  padding-left: 24px;
  padding-right: 24px; }

.py-24 {
  --pyt: 24px;
  --pyb: 24px;
  padding-top: 24px;
  padding-bottom: 24px; }

.mt-26 {
  --myt: 26px;
  margin-top: 26px; }

.mb-26 {
  --myb: 26px;
  margin-bottom: 26px; }

.ml-26 {
  --mxl: 26px;
  margin-left: 26px; }

.mr-26 {
  --mxr: 26px;
  margin-right: 26px; }

.mx-26 {
  --mxl: 26px;
  --mxr: 26px;
  margin-left: 26px;
  margin-right: 26px; }

.my-26 {
  --myt: 26px;
  --myb: 26px;
  margin-top: 26px;
  margin-bottom: 26px; }

.pt-26 {
  --pyt: 26px;
  padding-top: 26px; }

.pb-26 {
  --pyb: 26px;
  padding-bottom: 26px; }

.pl-26 {
  --pxl: 26px;
  padding-left: 26px; }

.pr-26 {
  --pxr: 26px;
  padding-right: 26px; }

.px-26 {
  --pxl: 26px;
  --pxr: 26px;
  padding-left: 26px;
  padding-right: 26px; }

.py-26 {
  --pyt: 26px;
  --pyb: 26px;
  padding-top: 26px;
  padding-bottom: 26px; }

.mt-32 {
  --myt: 32px;
  margin-top: 32px; }

.mb-32 {
  --myb: 32px;
  margin-bottom: 32px; }

.ml-32 {
  --mxl: 32px;
  margin-left: 32px; }

.mr-32 {
  --mxr: 32px;
  margin-right: 32px; }

.mx-32 {
  --mxl: 32px;
  --mxr: 32px;
  margin-left: 32px;
  margin-right: 32px; }

.my-32 {
  --myt: 32px;
  --myb: 32px;
  margin-top: 32px;
  margin-bottom: 32px; }

.pt-32 {
  --pyt: 32px;
  padding-top: 32px; }

.pb-32 {
  --pyb: 32px;
  padding-bottom: 32px; }

.pl-32 {
  --pxl: 32px;
  padding-left: 32px; }

.pr-32 {
  --pxr: 32px;
  padding-right: 32px; }

.px-32 {
  --pxl: 32px;
  --pxr: 32px;
  padding-left: 32px;
  padding-right: 32px; }

.py-32 {
  --pyt: 32px;
  --pyb: 32px;
  padding-top: 32px;
  padding-bottom: 32px; }

.mt-48 {
  --myt: 48px;
  margin-top: 48px; }

.mb-48 {
  --myb: 48px;
  margin-bottom: 48px; }

.ml-48 {
  --mxl: 48px;
  margin-left: 48px; }

.mr-48 {
  --mxr: 48px;
  margin-right: 48px; }

.mx-48 {
  --mxl: 48px;
  --mxr: 48px;
  margin-left: 48px;
  margin-right: 48px; }

.my-48 {
  --myt: 48px;
  --myb: 48px;
  margin-top: 48px;
  margin-bottom: 48px; }

.pt-48 {
  --pyt: 48px;
  padding-top: 48px; }

.pb-48 {
  --pyb: 48px;
  padding-bottom: 48px; }

.pl-48 {
  --pxl: 48px;
  padding-left: 48px; }

.pr-48 {
  --pxr: 48px;
  padding-right: 48px; }

.px-48 {
  --pxl: 48px;
  --pxr: 48px;
  padding-left: 48px;
  padding-right: 48px; }

.py-48 {
  --pyt: 48px;
  --pyb: 48px;
  padding-top: 48px;
  padding-bottom: 48px; }

.mt-64 {
  --myt: 64px;
  margin-top: 64px; }

.mb-64 {
  --myb: 64px;
  margin-bottom: 64px; }

.ml-64 {
  --mxl: 64px;
  margin-left: 64px; }

.mr-64 {
  --mxr: 64px;
  margin-right: 64px; }

.mx-64 {
  --mxl: 64px;
  --mxr: 64px;
  margin-left: 64px;
  margin-right: 64px; }

.my-64 {
  --myt: 64px;
  --myb: 64px;
  margin-top: 64px;
  margin-bottom: 64px; }

.pt-64 {
  --pyt: 64px;
  padding-top: 64px; }

.pb-64 {
  --pyb: 64px;
  padding-bottom: 64px; }

.pl-64 {
  --pxl: 64px;
  padding-left: 64px; }

.pr-64 {
  --pxr: 64px;
  padding-right: 64px; }

.px-64 {
  --pxl: 64px;
  --pxr: 64px;
  padding-left: 64px;
  padding-right: 64px; }

.py-64 {
  --pyt: 64px;
  --pyb: 64px;
  padding-top: 64px;
  padding-bottom: 64px; }

.mt-100 {
  --myt: 100px;
  margin-top: 100px; }

.mb-100 {
  --myb: 100px;
  margin-bottom: 100px; }

.ml-100 {
  --mxl: 100px;
  margin-left: 100px; }

.mr-100 {
  --mxr: 100px;
  margin-right: 100px; }

.mx-100 {
  --mxl: 100px;
  --mxr: 100px;
  margin-left: 100px;
  margin-right: 100px; }

.my-100 {
  --myt: 100px;
  --myb: 100px;
  margin-top: 100px;
  margin-bottom: 100px; }

.pt-100 {
  --pyt: 100px;
  padding-top: 100px; }

.pb-100 {
  --pyb: 100px;
  padding-bottom: 100px; }

.pl-100 {
  --pxl: 100px;
  padding-left: 100px; }

.pr-100 {
  --pxr: 100px;
  padding-right: 100px; }

.px-100 {
  --pxl: 100px;
  --pxr: 100px;
  padding-left: 100px;
  padding-right: 100px; }

.py-100 {
  --pyt: 100px;
  --pyb: 100px;
  padding-top: 100px;
  padding-bottom: 100px; }

.mt-120 {
  --myt: 120px;
  margin-top: 120px; }

.mb-120 {
  --myb: 120px;
  margin-bottom: 120px; }

.ml-120 {
  --mxl: 120px;
  margin-left: 120px; }

.mr-120 {
  --mxr: 120px;
  margin-right: 120px; }

.mx-120 {
  --mxl: 120px;
  --mxr: 120px;
  margin-left: 120px;
  margin-right: 120px; }

.my-120 {
  --myt: 120px;
  --myb: 120px;
  margin-top: 120px;
  margin-bottom: 120px; }

.pt-120 {
  --pyt: 120px;
  padding-top: 120px; }

.pb-120 {
  --pyb: 120px;
  padding-bottom: 120px; }

.pl-120 {
  --pxl: 120px;
  padding-left: 120px; }

.pr-120 {
  --pxr: 120px;
  padding-right: 120px; }

.px-120 {
  --pxl: 120px;
  --pxr: 120px;
  padding-left: 120px;
  padding-right: 120px; }

.py-120 {
  --pyt: 120px;
  --pyb: 120px;
  padding-top: 120px;
  padding-bottom: 120px; }

.mt-160 {
  --myt: 160px;
  margin-top: 160px; }

.mb-160 {
  --myb: 160px;
  margin-bottom: 160px; }

.ml-160 {
  --mxl: 160px;
  margin-left: 160px; }

.mr-160 {
  --mxr: 160px;
  margin-right: 160px; }

.mx-160 {
  --mxl: 160px;
  --mxr: 160px;
  margin-left: 160px;
  margin-right: 160px; }

.my-160 {
  --myt: 160px;
  --myb: 160px;
  margin-top: 160px;
  margin-bottom: 160px; }

.pt-160 {
  --pyt: 160px;
  padding-top: 160px; }

.pb-160 {
  --pyb: 160px;
  padding-bottom: 160px; }

.pl-160 {
  --pxl: 160px;
  padding-left: 160px; }

.pr-160 {
  --pxr: 160px;
  padding-right: 160px; }

.px-160 {
  --pxl: 160px;
  --pxr: 160px;
  padding-left: 160px;
  padding-right: 160px; }

.py-160 {
  --pyt: 160px;
  --pyb: 160px;
  padding-top: 160px;
  padding-bottom: 160px; }

.mt-168 {
  --myt: 168px;
  margin-top: 168px; }

.mb-168 {
  --myb: 168px;
  margin-bottom: 168px; }

.ml-168 {
  --mxl: 168px;
  margin-left: 168px; }

.mr-168 {
  --mxr: 168px;
  margin-right: 168px; }

.mx-168 {
  --mxl: 168px;
  --mxr: 168px;
  margin-left: 168px;
  margin-right: 168px; }

.my-168 {
  --myt: 168px;
  --myb: 168px;
  margin-top: 168px;
  margin-bottom: 168px; }

.pt-168 {
  --pyt: 168px;
  padding-top: 168px; }

.pb-168 {
  --pyb: 168px;
  padding-bottom: 168px; }

.pl-168 {
  --pxl: 168px;
  padding-left: 168px; }

.pr-168 {
  --pxr: 168px;
  padding-right: 168px; }

.px-168 {
  --pxl: 168px;
  --pxr: 168px;
  padding-left: 168px;
  padding-right: 168px; }

.py-168 {
  --pyt: 168px;
  --pyb: 168px;
  padding-top: 168px;
  padding-bottom: 168px; }

.mt-20 {
  --myt: 20px;
  margin-top: 20px; }

.mb-20 {
  --myb: 20px;
  margin-bottom: 20px; }

.ml-20 {
  --mxl: 20px;
  margin-left: 20px; }

.mr-20 {
  --mxr: 20px;
  margin-right: 20px; }

.mx-20 {
  --mxl: 20px;
  --mxr: 20px;
  margin-left: 20px;
  margin-right: 20px; }

.my-20 {
  --myt: 20px;
  --myb: 20px;
  margin-top: 20px;
  margin-bottom: 20px; }

.pt-20 {
  --pyt: 20px;
  padding-top: 20px; }

.pb-20 {
  --pyb: 20px;
  padding-bottom: 20px; }

.pl-20 {
  --pxl: 20px;
  padding-left: 20px; }

.pr-20 {
  --pxr: 20px;
  padding-right: 20px; }

.px-20 {
  --pxl: 20px;
  --pxr: 20px;
  padding-left: 20px;
  padding-right: 20px; }

.py-20 {
  --pyt: 20px;
  --pyb: 20px;
  padding-top: 20px;
  padding-bottom: 20px; }

.mt-30 {
  --myt: 30px;
  margin-top: 30px; }

.mb-30 {
  --myb: 30px;
  margin-bottom: 30px; }

.ml-30 {
  --mxl: 30px;
  margin-left: 30px; }

.mr-30 {
  --mxr: 30px;
  margin-right: 30px; }

.mx-30 {
  --mxl: 30px;
  --mxr: 30px;
  margin-left: 30px;
  margin-right: 30px; }

.my-30 {
  --myt: 30px;
  --myb: 30px;
  margin-top: 30px;
  margin-bottom: 30px; }

.pt-30 {
  --pyt: 30px;
  padding-top: 30px; }

.pb-30 {
  --pyb: 30px;
  padding-bottom: 30px; }

.pl-30 {
  --pxl: 30px;
  padding-left: 30px; }

.pr-30 {
  --pxr: 30px;
  padding-right: 30px; }

.px-30 {
  --pxl: 30px;
  --pxr: 30px;
  padding-left: 30px;
  padding-right: 30px; }

.py-30 {
  --pyt: 30px;
  --pyb: 30px;
  padding-top: 30px;
  padding-bottom: 30px; }

.mt-40 {
  --myt: 40px;
  margin-top: 40px; }

.mb-40 {
  --myb: 40px;
  margin-bottom: 40px; }

.ml-40 {
  --mxl: 40px;
  margin-left: 40px; }

.mr-40 {
  --mxr: 40px;
  margin-right: 40px; }

.mx-40 {
  --mxl: 40px;
  --mxr: 40px;
  margin-left: 40px;
  margin-right: 40px; }

.my-40 {
  --myt: 40px;
  --myb: 40px;
  margin-top: 40px;
  margin-bottom: 40px; }

.pt-40 {
  --pyt: 40px;
  padding-top: 40px; }

.pb-40 {
  --pyb: 40px;
  padding-bottom: 40px; }

.pl-40 {
  --pxl: 40px;
  padding-left: 40px; }

.pr-40 {
  --pxr: 40px;
  padding-right: 40px; }

.px-40 {
  --pxl: 40px;
  --pxr: 40px;
  padding-left: 40px;
  padding-right: 40px; }

.py-40 {
  --pyt: 40px;
  --pyb: 40px;
  padding-top: 40px;
  padding-bottom: 40px; }

.mt-60 {
  --myt: 60px;
  margin-top: 60px; }

.mb-60 {
  --myb: 60px;
  margin-bottom: 60px; }

.ml-60 {
  --mxl: 60px;
  margin-left: 60px; }

.mr-60 {
  --mxr: 60px;
  margin-right: 60px; }

.mx-60 {
  --mxl: 60px;
  --mxr: 60px;
  margin-left: 60px;
  margin-right: 60px; }

.my-60 {
  --myt: 60px;
  --myb: 60px;
  margin-top: 60px;
  margin-bottom: 60px; }

.pt-60 {
  --pyt: 60px;
  padding-top: 60px; }

.pb-60 {
  --pyb: 60px;
  padding-bottom: 60px; }

.pl-60 {
  --pxl: 60px;
  padding-left: 60px; }

.pr-60 {
  --pxr: 60px;
  padding-right: 60px; }

.px-60 {
  --pxl: 60px;
  --pxr: 60px;
  padding-left: 60px;
  padding-right: 60px; }

.py-60 {
  --pyt: 60px;
  --pyb: 60px;
  padding-top: 60px;
  padding-bottom: 60px; }

.mt-80 {
  --myt: 80px;
  margin-top: 80px; }

.mb-80 {
  --myb: 80px;
  margin-bottom: 80px; }

.ml-80 {
  --mxl: 80px;
  margin-left: 80px; }

.mr-80 {
  --mxr: 80px;
  margin-right: 80px; }

.mx-80 {
  --mxl: 80px;
  --mxr: 80px;
  margin-left: 80px;
  margin-right: 80px; }

.my-80 {
  --myt: 80px;
  --myb: 80px;
  margin-top: 80px;
  margin-bottom: 80px; }

.pt-80 {
  --pyt: 80px;
  padding-top: 80px; }

.pb-80 {
  --pyb: 80px;
  padding-bottom: 80px; }

.pl-80 {
  --pxl: 80px;
  padding-left: 80px; }

.pr-80 {
  --pxr: 80px;
  padding-right: 80px; }

.px-80 {
  --pxl: 80px;
  --pxr: 80px;
  padding-left: 80px;
  padding-right: 80px; }

.py-80 {
  --pyt: 80px;
  --pyb: 80px;
  padding-top: 80px;
  padding-bottom: 80px; }

/* text */
.heading-1 {
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-1 a {
    color: var(--blue-primary); }

.heading-1-light {
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-1-light a {
    color: var(--blue-primary); }

.heading-1-normal {
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-1-normal a {
    color: var(--blue-primary); }

.heading-1-medium {
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-1-medium a {
    color: var(--blue-primary); }

.heading-1-semibold {
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-1-semibold a {
    color: var(--blue-primary); }

.heading-1-bold {
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-1-bold a {
    color: var(--blue-primary); }

.heading-2 {
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-2 a {
    color: var(--blue-primary); }

.heading-2-light {
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-2-light a {
    color: var(--blue-primary); }

.heading-2-normal {
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-2-normal a {
    color: var(--blue-primary); }

.heading-2-medium {
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-2-medium a {
    color: var(--blue-primary); }

.heading-2-semibold {
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-2-semibold a {
    color: var(--blue-primary); }

.heading-2-bold {
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-2-bold a {
    color: var(--blue-primary); }

.heading-3 {
  font-family: "Open Sans", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-3 a {
    color: var(--blue-primary); }

.heading-3-light {
  font-family: "Open Sans", sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-3-light a {
    color: var(--blue-primary); }

.heading-3-normal {
  font-family: "Open Sans", sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-3-normal a {
    color: var(--blue-primary); }

.heading-3-medium {
  font-family: "Open Sans", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-3-medium a {
    color: var(--blue-primary); }

.heading-3-semibold {
  font-family: "Open Sans", sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-3-semibold a {
    color: var(--blue-primary); }

.heading-3-bold {
  font-family: "Open Sans", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-3-bold a {
    color: var(--blue-primary); }

.heading-4 {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-4 a {
    color: var(--blue-primary); }

.heading-4-light {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-4-light a {
    color: var(--blue-primary); }

.heading-4-normal {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-4-normal a {
    color: var(--blue-primary); }

.heading-4-medium {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-4-medium a {
    color: var(--blue-primary); }

.heading-4-semibold {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-4-semibold a {
    color: var(--blue-primary); }

.heading-4-bold {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-4-bold a {
    color: var(--blue-primary); }

.heading-5 {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-5 a {
    color: var(--blue-primary); }

.heading-5-light {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-5-light a {
    color: var(--blue-primary); }

.heading-5-normal {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-5-normal a {
    color: var(--blue-primary); }

.heading-5-medium {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-5-medium a {
    color: var(--blue-primary); }

.heading-5-semibold {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-5-semibold a {
    color: var(--blue-primary); }

.heading-5-bold {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-5-bold a {
    color: var(--blue-primary); }

.heading-6 {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-6 a {
    color: var(--blue-primary); }

.heading-6-light {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-6-light a {
    color: var(--blue-primary); }

.heading-6-normal {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-6-normal a {
    color: var(--blue-primary); }

.heading-6-medium {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-6-medium a {
    color: var(--blue-primary); }

.heading-6-semibold {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-6-semibold a {
    color: var(--blue-primary); }

.heading-6-bold {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .heading-6-bold a {
    color: var(--blue-primary); }

.text-24-light {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-24-light a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-24-light a, .text-24-light[class*="cl-"] a,
  .cl- .text-24-light a {
    color: inherit; }

.text-24-normal {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-24-normal a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-24-normal a, .text-24-normal[class*="cl-"] a,
  .cl- .text-24-normal a {
    color: inherit; }

.text-24-medium {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-24-medium a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-24-medium a, .text-24-medium[class*="cl-"] a,
  .cl- .text-24-medium a {
    color: inherit; }

.text-24-semibold {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-24-semibold a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-24-semibold a, .text-24-semibold[class*="cl-"] a,
  .cl- .text-24-semibold a {
    color: inherit; }

.text-24-bold {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-24-bold a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-24-bold a, .text-24-bold[class*="cl-"] a,
  .cl- .text-24-bold a {
    color: inherit; }

.text-22-light {
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  font-weight: 300;
  color: var(--text-primary); }
  .text-22-light a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-22-light a, .text-22-light[class*="cl-"] a,
  .cl- .text-22-light a {
    color: inherit; }

.text-22-normal {
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  font-weight: 400;
  color: var(--text-primary); }
  .text-22-normal a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-22-normal a, .text-22-normal[class*="cl-"] a,
  .cl- .text-22-normal a {
    color: inherit; }

.text-22-medium {
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  font-weight: 500;
  color: var(--text-primary); }
  .text-22-medium a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-22-medium a, .text-22-medium[class*="cl-"] a,
  .cl- .text-22-medium a {
    color: inherit; }

.text-22-semibold {
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: var(--text-primary); }
  .text-22-semibold a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-22-semibold a, .text-22-semibold[class*="cl-"] a,
  .cl- .text-22-semibold a {
    color: inherit; }

.text-22-bold {
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--text-primary); }
  .text-22-bold a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-22-bold a, .text-22-bold[class*="cl-"] a,
  .cl- .text-22-bold a {
    color: inherit; }

.text-20-light {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-20-light a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-20-light a, .text-20-light[class*="cl-"] a,
  .cl- .text-20-light a {
    color: inherit; }

.text-20-normal {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-20-normal a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-20-normal a, .text-20-normal[class*="cl-"] a,
  .cl- .text-20-normal a {
    color: inherit; }

.text-20-medium {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-20-medium a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-20-medium a, .text-20-medium[class*="cl-"] a,
  .cl- .text-20-medium a {
    color: inherit; }

.text-20-semibold {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-20-semibold a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-20-semibold a, .text-20-semibold[class*="cl-"] a,
  .cl- .text-20-semibold a {
    color: inherit; }

.text-20-bold {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-20-bold a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-20-bold a, .text-20-bold[class*="cl-"] a,
  .cl- .text-20-bold a {
    color: inherit; }

.text-18-light {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-18-light a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-18-light a, .text-18-light[class*="cl-"] a,
  .cl- .text-18-light a {
    color: inherit; }

.text-18-normal {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-18-normal a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-18-normal a, .text-18-normal[class*="cl-"] a,
  .cl- .text-18-normal a {
    color: inherit; }

.text-18-medium {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-18-medium a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-18-medium a, .text-18-medium[class*="cl-"] a,
  .cl- .text-18-medium a {
    color: inherit; }

.text-18-semibold {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-18-semibold a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-18-semibold a, .text-18-semibold[class*="cl-"] a,
  .cl- .text-18-semibold a {
    color: inherit; }

.text-18-bold {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-18-bold a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-18-bold a, .text-18-bold[class*="cl-"] a,
  .cl- .text-18-bold a {
    color: inherit; }

.text-16-light {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-16-light a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-16-light a, .text-16-light[class*="cl-"] a,
  .cl- .text-16-light a {
    color: inherit; }

.text-16-normal {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-16-normal a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-16-normal a, .text-16-normal[class*="cl-"] a,
  .cl- .text-16-normal a {
    color: inherit; }

.text-16-medium {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-16-medium a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-16-medium a, .text-16-medium[class*="cl-"] a,
  .cl- .text-16-medium a {
    color: inherit; }

.text-16-semibold {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-16-semibold a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-16-semibold a, .text-16-semibold[class*="cl-"] a,
  .cl- .text-16-semibold a {
    color: inherit; }

.text-16-bold {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-16-bold a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-16-bold a, .text-16-bold[class*="cl-"] a,
  .cl- .text-16-bold a {
    color: inherit; }

.text-14-light {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-14-light a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-14-light a, .text-14-light[class*="cl-"] a,
  .cl- .text-14-light a {
    color: inherit; }

.text-14-normal {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-14-normal a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-14-normal a, .text-14-normal[class*="cl-"] a,
  .cl- .text-14-normal a {
    color: inherit; }

.text-14-medium {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-14-medium a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-14-medium a, .text-14-medium[class*="cl-"] a,
  .cl- .text-14-medium a {
    color: inherit; }

.text-14-semibold {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-14-semibold a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-14-semibold a, .text-14-semibold[class*="cl-"] a,
  .cl- .text-14-semibold a {
    color: inherit; }

.text-14-bold {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-14-bold a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-14-bold a, .text-14-bold[class*="cl-"] a,
  .cl- .text-14-bold a {
    color: inherit; }

.text-12-light {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-12-light a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-12-light a, .text-12-light[class*="cl-"] a,
  .cl- .text-12-light a {
    color: inherit; }

.text-12-normal {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-12-normal a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-12-normal a, .text-12-normal[class*="cl-"] a,
  .cl- .text-12-normal a {
    color: inherit; }

.text-12-medium {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-12-medium a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-12-medium a, .text-12-medium[class*="cl-"] a,
  .cl- .text-12-medium a {
    color: inherit; }

.text-12-semibold {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-12-semibold a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-12-semibold a, .text-12-semibold[class*="cl-"] a,
  .cl- .text-12-semibold a {
    color: inherit; }

.text-12-bold {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-12-bold a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-12-bold a, .text-12-bold[class*="cl-"] a,
  .cl- .text-12-bold a {
    color: inherit; }

.text-10-light {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: 300;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-10-light a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-10-light a, .text-10-light[class*="cl-"] a,
  .cl- .text-10-light a {
    color: inherit; }

.text-10-normal {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-10-normal a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-10-normal a, .text-10-normal[class*="cl-"] a,
  .cl- .text-10-normal a {
    color: inherit; }

.text-10-medium {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-10-medium a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-10-medium a, .text-10-medium[class*="cl-"] a,
  .cl- .text-10-medium a {
    color: inherit; }

.text-10-semibold {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-10-semibold a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-10-semibold a, .text-10-semibold[class*="cl-"] a,
  .cl- .text-10-semibold a {
    color: inherit; }

.text-10-bold {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-primary); }
  .text-10-bold a {
    color: var(--blue-primary); }
  [class*="cl-"] .text-10-bold a, .text-10-bold[class*="cl-"] a,
  .cl- .text-10-bold a {
    color: inherit; }

.text-left {
  text-align: left !important; }

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.text-justify {
  text-align: justify !important; }

.text-body {
  font-size: 18px;
  color: var(--text-primary);
  line-height: 140%; }
  @media (min-width: 768px) {
    .text-body {
      font-size: 16px; } }
  .text-body b, .text-body strong {
    font-weight: 600; }
  .text-body blockquote {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    font-style: italic;
    color: var(--text-primary);
    margin: 0 0 0 4px;
    border-left: 4px solid var(--neutral-200);
    padding-left: 16px; }
  .text-body h1, .text-body h2, .text-body h3, .text-body h4 {
    font-size: 24px;
    color: var(--text-primary);
    line-height: 130%;
    font-weight: 600;
    margin: 24px 0 16px; }
  .text-body h3 {
    font-size: 20px; }
  .text-body iframe {
    position: relative;
    max-width: 100%; }
    .text-body iframe[src*="youtube.com"] {
      width: 100%;
      height: 100%;
      aspect-ratio: 16/9; }
  .text-body p {
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    color: var(--text-primary); }
    .text-body p:first-child {
      margin-top: 4px; }
    @media (min-width: 768px) {
      .text-body p {
        font-size: 16px; } }
  .text-body ul,
  .text-body ol {
    padding-left: 26px; }
    .text-body ul li,
    .text-body ol li {
      margin-bottom: 4px; }
      .text-body ul li:last-child,
      .text-body ol li:last-child {
        margin-bottom: 0; }
  .text-body ul {
    list-style-type: disc; }
  .text-body ol {
    list-style-type: decimal; }

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

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

.line-clamp-3, [data-expandtext][data-expanded="false"] [data-expandtext-content] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden; }

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

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

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.flex-none {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none; }

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.flex-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.flex-nowrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.flex-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse; }

.flex-justify-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.flex-justify-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.flex-justify-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.flex-justify-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.flex-justify-around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.flex-justify-evenly {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly; }

.flex-align-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.flex-align-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.flex-align-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.flex-align-stretch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.flex-align-baseline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.gap-0 {
  gap: 0px; }

.gap-2 {
  gap: 2px; }

.gap-4 {
  gap: 4px; }

.gap-6 {
  gap: 6px; }

.gap-8 {
  gap: 8px; }

.gap-12 {
  gap: 12px; }

.gap-14 {
  gap: 14px; }

.gap-16 {
  gap: 16px; }

.gap-18 {
  gap: 18px; }

.gap-20 {
  gap: 20px; }

.gap-24 {
  gap: 24px; }

.gap-32 {
  gap: 32px; }

.gap-40 {
  gap: 40px; }

.gap-48 {
  gap: 48px; }

.gap-0-0 {
  gap: 0px 0px; }

.gap-0-2 {
  gap: 0px 2px; }

.gap-0-4 {
  gap: 0px 4px; }

.gap-0-6 {
  gap: 0px 6px; }

.gap-0-8 {
  gap: 0px 8px; }

.gap-0-12 {
  gap: 0px 12px; }

.gap-0-14 {
  gap: 0px 14px; }

.gap-0-16 {
  gap: 0px 16px; }

.gap-0-18 {
  gap: 0px 18px; }

.gap-0-20 {
  gap: 0px 20px; }

.gap-0-24 {
  gap: 0px 24px; }

.gap-0-32 {
  gap: 0px 32px; }

.gap-0-40 {
  gap: 0px 40px; }

.gap-0-48 {
  gap: 0px 48px; }

.gap-2-0 {
  gap: 2px 0px; }

.gap-2-2 {
  gap: 2px 2px; }

.gap-2-4 {
  gap: 2px 4px; }

.gap-2-6 {
  gap: 2px 6px; }

.gap-2-8 {
  gap: 2px 8px; }

.gap-2-12 {
  gap: 2px 12px; }

.gap-2-14 {
  gap: 2px 14px; }

.gap-2-16 {
  gap: 2px 16px; }

.gap-2-18 {
  gap: 2px 18px; }

.gap-2-20 {
  gap: 2px 20px; }

.gap-2-24 {
  gap: 2px 24px; }

.gap-2-32 {
  gap: 2px 32px; }

.gap-2-40 {
  gap: 2px 40px; }

.gap-2-48 {
  gap: 2px 48px; }

.gap-4-0 {
  gap: 4px 0px; }

.gap-4-2 {
  gap: 4px 2px; }

.gap-4-4 {
  gap: 4px 4px; }

.gap-4-6 {
  gap: 4px 6px; }

.gap-4-8 {
  gap: 4px 8px; }

.gap-4-12 {
  gap: 4px 12px; }

.gap-4-14 {
  gap: 4px 14px; }

.gap-4-16 {
  gap: 4px 16px; }

.gap-4-18 {
  gap: 4px 18px; }

.gap-4-20 {
  gap: 4px 20px; }

.gap-4-24 {
  gap: 4px 24px; }

.gap-4-32 {
  gap: 4px 32px; }

.gap-4-40 {
  gap: 4px 40px; }

.gap-4-48 {
  gap: 4px 48px; }

.gap-6-0 {
  gap: 6px 0px; }

.gap-6-2 {
  gap: 6px 2px; }

.gap-6-4 {
  gap: 6px 4px; }

.gap-6-6 {
  gap: 6px 6px; }

.gap-6-8 {
  gap: 6px 8px; }

.gap-6-12 {
  gap: 6px 12px; }

.gap-6-14 {
  gap: 6px 14px; }

.gap-6-16 {
  gap: 6px 16px; }

.gap-6-18 {
  gap: 6px 18px; }

.gap-6-20 {
  gap: 6px 20px; }

.gap-6-24 {
  gap: 6px 24px; }

.gap-6-32 {
  gap: 6px 32px; }

.gap-6-40 {
  gap: 6px 40px; }

.gap-6-48 {
  gap: 6px 48px; }

.gap-8-0 {
  gap: 8px 0px; }

.gap-8-2 {
  gap: 8px 2px; }

.gap-8-4 {
  gap: 8px 4px; }

.gap-8-6 {
  gap: 8px 6px; }

.gap-8-8 {
  gap: 8px 8px; }

.gap-8-12 {
  gap: 8px 12px; }

.gap-8-14 {
  gap: 8px 14px; }

.gap-8-16 {
  gap: 8px 16px; }

.gap-8-18 {
  gap: 8px 18px; }

.gap-8-20 {
  gap: 8px 20px; }

.gap-8-24 {
  gap: 8px 24px; }

.gap-8-32 {
  gap: 8px 32px; }

.gap-8-40 {
  gap: 8px 40px; }

.gap-8-48 {
  gap: 8px 48px; }

.gap-12-0 {
  gap: 12px 0px; }

.gap-12-2 {
  gap: 12px 2px; }

.gap-12-4 {
  gap: 12px 4px; }

.gap-12-6 {
  gap: 12px 6px; }

.gap-12-8 {
  gap: 12px 8px; }

.gap-12-12 {
  gap: 12px 12px; }

.gap-12-14 {
  gap: 12px 14px; }

.gap-12-16 {
  gap: 12px 16px; }

.gap-12-18 {
  gap: 12px 18px; }

.gap-12-20 {
  gap: 12px 20px; }

.gap-12-24 {
  gap: 12px 24px; }

.gap-12-32 {
  gap: 12px 32px; }

.gap-12-40 {
  gap: 12px 40px; }

.gap-12-48 {
  gap: 12px 48px; }

.gap-14-0 {
  gap: 14px 0px; }

.gap-14-2 {
  gap: 14px 2px; }

.gap-14-4 {
  gap: 14px 4px; }

.gap-14-6 {
  gap: 14px 6px; }

.gap-14-8 {
  gap: 14px 8px; }

.gap-14-12 {
  gap: 14px 12px; }

.gap-14-14 {
  gap: 14px 14px; }

.gap-14-16 {
  gap: 14px 16px; }

.gap-14-18 {
  gap: 14px 18px; }

.gap-14-20 {
  gap: 14px 20px; }

.gap-14-24 {
  gap: 14px 24px; }

.gap-14-32 {
  gap: 14px 32px; }

.gap-14-40 {
  gap: 14px 40px; }

.gap-14-48 {
  gap: 14px 48px; }

.gap-16-0 {
  gap: 16px 0px; }

.gap-16-2 {
  gap: 16px 2px; }

.gap-16-4 {
  gap: 16px 4px; }

.gap-16-6 {
  gap: 16px 6px; }

.gap-16-8 {
  gap: 16px 8px; }

.gap-16-12 {
  gap: 16px 12px; }

.gap-16-14 {
  gap: 16px 14px; }

.gap-16-16 {
  gap: 16px 16px; }

.gap-16-18 {
  gap: 16px 18px; }

.gap-16-20 {
  gap: 16px 20px; }

.gap-16-24 {
  gap: 16px 24px; }

.gap-16-32 {
  gap: 16px 32px; }

.gap-16-40 {
  gap: 16px 40px; }

.gap-16-48 {
  gap: 16px 48px; }

.gap-18-0 {
  gap: 18px 0px; }

.gap-18-2 {
  gap: 18px 2px; }

.gap-18-4 {
  gap: 18px 4px; }

.gap-18-6 {
  gap: 18px 6px; }

.gap-18-8 {
  gap: 18px 8px; }

.gap-18-12 {
  gap: 18px 12px; }

.gap-18-14 {
  gap: 18px 14px; }

.gap-18-16 {
  gap: 18px 16px; }

.gap-18-18 {
  gap: 18px 18px; }

.gap-18-20 {
  gap: 18px 20px; }

.gap-18-24 {
  gap: 18px 24px; }

.gap-18-32 {
  gap: 18px 32px; }

.gap-18-40 {
  gap: 18px 40px; }

.gap-18-48 {
  gap: 18px 48px; }

.gap-20-0 {
  gap: 20px 0px; }

.gap-20-2 {
  gap: 20px 2px; }

.gap-20-4 {
  gap: 20px 4px; }

.gap-20-6 {
  gap: 20px 6px; }

.gap-20-8 {
  gap: 20px 8px; }

.gap-20-12 {
  gap: 20px 12px; }

.gap-20-14 {
  gap: 20px 14px; }

.gap-20-16 {
  gap: 20px 16px; }

.gap-20-18 {
  gap: 20px 18px; }

.gap-20-20 {
  gap: 20px 20px; }

.gap-20-24 {
  gap: 20px 24px; }

.gap-20-32 {
  gap: 20px 32px; }

.gap-20-40 {
  gap: 20px 40px; }

.gap-20-48 {
  gap: 20px 48px; }

.gap-24-0 {
  gap: 24px 0px; }

.gap-24-2 {
  gap: 24px 2px; }

.gap-24-4 {
  gap: 24px 4px; }

.gap-24-6 {
  gap: 24px 6px; }

.gap-24-8 {
  gap: 24px 8px; }

.gap-24-12 {
  gap: 24px 12px; }

.gap-24-14 {
  gap: 24px 14px; }

.gap-24-16 {
  gap: 24px 16px; }

.gap-24-18 {
  gap: 24px 18px; }

.gap-24-20 {
  gap: 24px 20px; }

.gap-24-24 {
  gap: 24px 24px; }

.gap-24-32 {
  gap: 24px 32px; }

.gap-24-40 {
  gap: 24px 40px; }

.gap-24-48 {
  gap: 24px 48px; }

.gap-32-0 {
  gap: 32px 0px; }

.gap-32-2 {
  gap: 32px 2px; }

.gap-32-4 {
  gap: 32px 4px; }

.gap-32-6 {
  gap: 32px 6px; }

.gap-32-8 {
  gap: 32px 8px; }

.gap-32-12 {
  gap: 32px 12px; }

.gap-32-14 {
  gap: 32px 14px; }

.gap-32-16 {
  gap: 32px 16px; }

.gap-32-18 {
  gap: 32px 18px; }

.gap-32-20 {
  gap: 32px 20px; }

.gap-32-24 {
  gap: 32px 24px; }

.gap-32-32 {
  gap: 32px 32px; }

.gap-32-40 {
  gap: 32px 40px; }

.gap-32-48 {
  gap: 32px 48px; }

.gap-40-0 {
  gap: 40px 0px; }

.gap-40-2 {
  gap: 40px 2px; }

.gap-40-4 {
  gap: 40px 4px; }

.gap-40-6 {
  gap: 40px 6px; }

.gap-40-8 {
  gap: 40px 8px; }

.gap-40-12 {
  gap: 40px 12px; }

.gap-40-14 {
  gap: 40px 14px; }

.gap-40-16 {
  gap: 40px 16px; }

.gap-40-18 {
  gap: 40px 18px; }

.gap-40-20 {
  gap: 40px 20px; }

.gap-40-24 {
  gap: 40px 24px; }

.gap-40-32 {
  gap: 40px 32px; }

.gap-40-40 {
  gap: 40px 40px; }

.gap-40-48 {
  gap: 40px 48px; }

.gap-48-0 {
  gap: 48px 0px; }

.gap-48-2 {
  gap: 48px 2px; }

.gap-48-4 {
  gap: 48px 4px; }

.gap-48-6 {
  gap: 48px 6px; }

.gap-48-8 {
  gap: 48px 8px; }

.gap-48-12 {
  gap: 48px 12px; }

.gap-48-14 {
  gap: 48px 14px; }

.gap-48-16 {
  gap: 48px 16px; }

.gap-48-18 {
  gap: 48px 18px; }

.gap-48-20 {
  gap: 48px 20px; }

.gap-48-24 {
  gap: 48px 24px; }

.gap-48-32 {
  gap: 48px 32px; }

.gap-48-40 {
  gap: 48px 40px; }

.gap-48-48 {
  gap: 48px 48px; }

.flex-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0; }

.aspect-1-1 {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  background-color: var(--neutral-200); }
  .aspect-1-1 > img,
  .aspect-1-1 > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center; }

.aspect-2-1 {
  position: relative;
  width: 100%;
  padding-bottom: 50%;
  background-color: var(--neutral-200); }
  .aspect-2-1 > img,
  .aspect-2-1 > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center; }

.aspect-16-9 {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  background-color: var(--neutral-200); }
  .aspect-16-9 > img,
  .aspect-16-9 > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center; }

.aspect-5-4 {
  position: relative;
  width: 100%;
  padding-bottom: 80%;
  background-color: var(--neutral-200); }
  .aspect-5-4 > img,
  .aspect-5-4 > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center; }

.aspect-3-2 {
  position: relative;
  width: 100%;
  padding-bottom: 66.66667%;
  background-color: var(--neutral-200); }
  .aspect-3-2 > img,
  .aspect-3-2 > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center; }

.aspect-2-3 {
  position: relative;
  width: 100%;
  padding-bottom: 150%;
  background-color: var(--neutral-200); }
  .aspect-2-3 > img,
  .aspect-2-3 > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center; }

.aspect-4-5 {
  position: relative;
  width: 100%;
  padding-bottom: 125%;
  background-color: var(--neutral-200); }
  .aspect-4-5 > img,
  .aspect-4-5 > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center; }

.aspect-4-1 {
  position: relative;
  width: 100%;
  padding-bottom: 25%;
  background-color: var(--neutral-200); }
  .aspect-4-1 > img,
  .aspect-4-1 > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center; }

.aspect-8-3 {
  position: relative;
  width: 100%;
  padding-bottom: 37.5%;
  background-color: var(--neutral-200); }
  .aspect-8-3 > img,
  .aspect-8-3 > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center; }

.aspect-9-16 {
  position: relative;
  width: 100%;
  padding-bottom: 177.77778%;
  background-color: var(--neutral-200); }
  .aspect-9-16 > img,
  .aspect-9-16 > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center; }

.aspect-41-14 {
  position: relative;
  width: 100%;
  padding-bottom: 34.14634%;
  background-color: var(--neutral-200); }
  .aspect-41-14 > img,
  .aspect-41-14 > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center; }

.object-top > img,
.object-top > * {
  -o-object-position: top center;
  object-position: top center; }

.object-bottom > img,
.object-bottom > * {
  -o-object-position: bottom center;
  object-position: bottom center; }

.object-left > img,
.object-left > * {
  -o-object-position: center left;
  object-position: center left; }

.object-right > img,
.object-right > * {
  -o-object-position: center right;
  object-position: center right; }

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

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

.object-fill {
  -o-object-fit: fill;
  object-fit: fill; }

.border-0 {
  border: 0px solid var(--neutral-200); }

.border-t-0 {
  border-width: 0;
  border-top: 0px solid var(--neutral-200); }

.border-b-0 {
  border-width: 0;
  border-bottom: 0px solid var(--neutral-200); }

.border-l-0 {
  border-width: 0;
  border-left: 0px solid var(--neutral-200); }

.border-r-0 {
  border-width: 0;
  border-right: 0px solid var(--neutral-200); }

.border-1 {
  border: 1px solid var(--neutral-200); }

.border-t-1 {
  border-width: 0;
  border-top: 1px solid var(--neutral-200); }

.border-b-1 {
  border-width: 0;
  border-bottom: 1px solid var(--neutral-200); }

.border-l-1 {
  border-width: 0;
  border-left: 1px solid var(--neutral-200); }

.border-r-1 {
  border-width: 0;
  border-right: 1px solid var(--neutral-200); }

.border-2 {
  border: 2px solid var(--neutral-200); }

.border-t-2 {
  border-width: 0;
  border-top: 2px solid var(--neutral-200); }

.border-b-2 {
  border-width: 0;
  border-bottom: 2px solid var(--neutral-200); }

.border-l-2 {
  border-width: 0;
  border-left: 2px solid var(--neutral-200); }

.border-r-2 {
  border-width: 0;
  border-right: 2px solid var(--neutral-200); }

.border-3 {
  border: 3px solid var(--neutral-200); }

.border-t-3 {
  border-width: 0;
  border-top: 3px solid var(--neutral-200); }

.border-b-3 {
  border-width: 0;
  border-bottom: 3px solid var(--neutral-200); }

.border-l-3 {
  border-width: 0;
  border-left: 3px solid var(--neutral-200); }

.border-r-3 {
  border-width: 0;
  border-right: 3px solid var(--neutral-200); }

.border-4 {
  border: 4px solid var(--neutral-200); }

.border-t-4 {
  border-width: 0;
  border-top: 4px solid var(--neutral-200); }

.border-b-4 {
  border-width: 0;
  border-bottom: 4px solid var(--neutral-200); }

.border-l-4 {
  border-width: 0;
  border-left: 4px solid var(--neutral-200); }

.border-r-4 {
  border-width: 0;
  border-right: 4px solid var(--neutral-200); }

.border-5 {
  border: 5px solid var(--neutral-200); }

.border-t-5 {
  border-width: 0;
  border-top: 5px solid var(--neutral-200); }

.border-b-5 {
  border-width: 0;
  border-bottom: 5px solid var(--neutral-200); }

.border-l-5 {
  border-width: 0;
  border-left: 5px solid var(--neutral-200); }

.border-r-5 {
  border-width: 0;
  border-right: 5px solid var(--neutral-200); }

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

.border-none {
  border: none !important; }

.border-t-none {
  border-top: none !important; }

.border-b-none {
  border-bottom: none !important; }

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 6px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* prevent layout shift */
  border-style: solid;
  border-color: transparent; }
  .btn.disabled, .btn:disabled {
    cursor: not-allowed;
    pointer-events: none; }
  .btn-outline:disabled {
    border-color: transparent; }

.btn-solid {
  background: var(--blue-primary);
  color: var(--base-white);
  border-color: transparent;
  border-width: 3px; }
  .btn-solid.active, .btn-solid:hover:not(:disabled) {
    background: var(--blue-800);
    color: var(--base-white); }
  .btn-solid:focus-visible:not(:disabled), .btn-solid:focus:not(:disabled) {
    -webkit-box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--blue-200);
    box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--blue-200);
    color: var(--blue-200); }
  .btn-solid:disabled {
    background: var(--neutral-400);
    color: var(--base-white); }

.btn-filter {
  background: var(--base-white);
  color: var(--neutral-600);
  border-color: var(--neutral-600);
  border-width: 2px;
  border-radius: 24px; }
  .btn-filter .iconBase {
    -webkit-filter: invert(59%) sepia(12%) saturate(0%) hue-rotate(145deg) brightness(105%) contrast(91%);
    filter: invert(59%) sepia(12%) saturate(0%) hue-rotate(145deg) brightness(105%) contrast(91%); }
  .btn-filter.active, .btn-filter:hover:not(:disabled) {
    background: var(--base-white);
    color: var(--blue-primary);
    border-color: var(--blue-primary); }
    .btn-filter.active .iconBase, .btn-filter:hover:not(:disabled) .iconBase {
      -webkit-filter: invert(40%) sepia(32%) saturate(2298%) hue-rotate(193deg) brightness(105%) contrast(93%);
      filter: invert(40%) sepia(32%) saturate(2298%) hue-rotate(193deg) brightness(105%) contrast(93%); }
  .btn-filter:focus-visible:not(:disabled), .btn-filter:focus:not(:disabled) {
    -webkit-box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--blue-primary);
    box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--blue-primary);
    color: var(--blue-primary); }
  .btn-filter:disabled {
    background: var(--neutral-400);
    color: var(--base-white); }

.btn-activity {
  background: var(--blue-100);
  color: var(--neutral-900);
  border-color: var(--blue-100);
  border-width: 1px;
  border-radius: 8px; }
  .btn-activity.active, .btn-activity:hover:not(:disabled) {
    background: var(--neutral-100);
    color: var(--neutral-900);
    border-color: var(--neutral-200); }
  .btn-activity:focus-visible:not(:disabled), .btn-activity:focus:not(:disabled) {
    -webkit-box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--blue-primary);
    box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--blue-primary);
    color: var(--blue-primary); }
  .btn-activity:disabled {
    background: var(--neutral-400);
    color: var(--base-white); }

.btn-outline {
  background: var(--base-white);
  color: var(--blue-primary);
  border-color: var(--blue-primary);
  border-width: 1px; }
  .btn-outline.active, .btn-outline:hover:not(:disabled) {
    background: #eff5ff;
    color: var(--blue-primary);
    border-color: var(--neutral-200); }
  .btn-outline:focus-visible:not(:disabled), .btn-outline:focus:not(:disabled) {
    -webkit-box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--blue-primary);
    box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--blue-primary);
    background: var(--blue-primary);
    color: var(--blue-primary);
    color: var(--base-white); }
  .btn-outline:disabled {
    background: var(--neutral-400);
    color: #ffffff; }

.btn-outline-left {
  background: transparent;
  color: var(--blue-primary);
  border-color: var(--blue-primary);
  border-width: 2px; }
  .btn-outline-left.active, .btn-outline-left:hover:not(:disabled) {
    background: #eff5ff;
    color: var(--blue-primary);
    border-color: var(--neutral-200); }
  .btn-outline-left:focus-visible:not(:disabled), .btn-outline-left:focus:not(:disabled) {
    -webkit-box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--blue-primary);
    box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--blue-primary);
    background: var(--blue-primary);
    color: var(--blue-primary);
    color: var(--base-white); }
  .btn-outline-left:disabled {
    color: #ffffff; }

.btn-capsule {
  background: transparent;
  color: #111827;
  border-color: #d2d5da;
  border-width: 1px; }
  .btn-capsule.active, .btn-capsule:hover:not(:disabled) {
    color: #111827;
    border-color: #d2d5da; }
  .btn-capsule:focus-visible:not(:disabled), .btn-capsule:focus:not(:disabled) {
    -webkit-box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--blue-primary);
    box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--blue-primary);
    color: var(--blue-primary);
    color: #3b82f6; }

.btn-text {
  background: transparent;
  color: var(--blue-primary);
  border-color: transparent;
  border-width: 3px; }
  .btn-text.active, .btn-text:hover:not(:disabled) {
    background: #dbeafe; }
  .btn-text:focus-visible:not(:disabled), .btn-text:focus:not(:disabled) {
    -webkit-box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) #93c5fd;
    box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) #93c5fd;
    color: #93c5fd; }
  .btn-text:disabled {
    background: transparent;
    color: #ffffff; }

.btn-success {
  background: var(--green-primary);
  color: var(--base-white);
  border-color: transparent;
  border-width: 3px; }
  .btn-success.active, .btn-success:hover:not(:disabled) {
    background: var(--green-800);
    color: var(--base-white); }
  .btn-success:focus-visible:not(:disabled), .btn-success:focus:not(:disabled) {
    -webkit-box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--green-200);
    box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--green-200);
    color: var(--green-200); }
  .btn-success:disabled {
    background: var(--neutral-400);
    color: var(--base-white); }

.btn-success-outline {
  background: var(--base-white);
  color: var(--green-primary);
  border-color: var(--green-primary);
  border-width: 1px; }
  .btn-success-outline.active, .btn-success-outline:hover:not(:disabled) {
    background: var(--green-200);
    color: var(--green-primary);
    border-color: var(--green-300); }
  .btn-success-outline:focus-visible:not(:disabled), .btn-success-outline:focus:not(:disabled) {
    -webkit-box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--green-primary);
    box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--green-primary);
    background: var(--green-primary);
    color: var(--green-primary);
    color: var(--base-white); }
  .btn-success-outline:disabled {
    background: var(--neutral-400);
    color: #ffffff; }

.btn-error {
  background: var(--red-700);
  color: var(--base-white);
  border-color: transparent;
  border-width: 3px; }
  .btn-error.active, .btn-error:hover:not(:disabled) {
    background: var(--red-800);
    color: var(--base-white); }
  .btn-error:focus-visible:not(:disabled), .btn-error:focus:not(:disabled) {
    -webkit-box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--red-200);
    box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--red-200);
    color: var(--red-200); }
  .btn-error:disabled {
    background: var(--neutral-400);
    color: var(--base-white); }

.btn-error-outline {
  background: var(--base-white);
  color: var(--red-700);
  border-color: var(--red-700);
  border-width: 1px; }
  .btn-error-outline.active, .btn-error-outline:hover:not(:disabled) {
    background: var(--red-200);
    color: var(--red-700);
    border-color: var(--red-300); }
  .btn-error-outline:focus-visible:not(:disabled), .btn-error-outline:focus:not(:disabled) {
    -webkit-box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--red-700);
    box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--red-700);
    background: var(--red-700);
    color: var(--red-700);
    color: var(--base-white); }
  .btn-error-outline:disabled {
    background: var(--neutral-400);
    color: #ffffff; }

.btn-2xs {
  font-size: 14px;
  font-weight: 600;
  padding: 0px 0px;
  height: 24px;
  min-width: 24px; }
  .btn-2xs i {
    width: 24px;
    height: 24px; }
  .btn-2xs:focus-visible:not(:disabled), .btn-2xs:focus:not(:disabled) {
    --btn-focus-shadow-width: 0px; }
  .btn-2xs span {
    margin-left: 0px;
    margin-right: 0px; }
    .btn-2xs span:only-child {
      margin-left: 0;
      margin-right: 0; }
  .btn-2xs i ~ span {
    margin-right: 0px;
    margin-left: 0; }
  .btn-2xs i:not(:only-child) {
    margin-left: 0px;
    margin-right: 0px; }
  .btn-2xs span ~ i:not(:only-child) {
    margin-right: 0px;
    margin-left: 0; }

.btn-xs {
  font-size: 12px;
  font-weight: 600;
  padding: 5.5px 5px;
  height: 32px;
  min-width: 32px; }
  .btn-xs i {
    width: 16px;
    height: 16px; }
  .btn-xs:focus-visible:not(:disabled), .btn-xs:focus:not(:disabled) {
    --btn-focus-shadow-width: 2px; }
  .btn-xs span {
    margin-left: 4px;
    margin-right: 4px; }
    .btn-xs span:only-child {
      margin-left: 0;
      margin-right: 0; }
  .btn-xs i ~ span {
    margin-right: 4px;
    margin-left: 0; }
  .btn-xs i:not(:only-child) {
    margin-left: 4px;
    margin-right: 4px; }
  .btn-xs span ~ i:not(:only-child) {
    margin-right: 4px;
    margin-left: 0; }

.btn-sm {
  font-size: 14px;
  font-weight: 600;
  padding: 8px 5px;
  height: 36px;
  min-width: 36px; }
  .btn-sm i {
    width: 16px;
    height: 16px; }
  .btn-sm:focus-visible:not(:disabled), .btn-sm:focus:not(:disabled) {
    --btn-focus-shadow-width: 2px; }
  .btn-sm span {
    margin-left: 4px;
    margin-right: 4px; }
    .btn-sm span:only-child {
      margin-left: 0;
      margin-right: 0; }
  .btn-sm i ~ span {
    margin-right: 4px;
    margin-left: 0; }
  .btn-sm i:not(:only-child) {
    margin-left: 4px;
    margin-right: 4px; }
  .btn-sm span ~ i:not(:only-child) {
    margin-right: 4px;
    margin-left: 0; }

.btn-base {
  font-size: 14px;
  font-weight: 600;
  padding: 10px 5px;
  height: 40px;
  min-width: 40px; }
  .btn-base i {
    width: 18px;
    height: 18px; }
  .btn-base:focus-visible:not(:disabled), .btn-base:focus:not(:disabled) {
    --btn-focus-shadow-width: 3px; }
  .btn-base span {
    margin-left: 15px;
    margin-right: 15px; }
    .btn-base span:only-child {
      margin-left: 0;
      margin-right: 0; }
  .btn-base i ~ span {
    margin-right: 15px;
    margin-left: 0; }
  .btn-base i:not(:only-child) {
    margin-left: 15px;
    margin-right: 15px; }
  .btn-base span ~ i:not(:only-child) {
    margin-right: 15px;
    margin-left: 0; }

.btn-lg {
  font-size: 16px;
  font-weight: 700;
  padding: 12px 5px;
  height: 48px;
  min-width: 48px; }
  .btn-lg i {
    width: 20px;
    height: 20px; }
  .btn-lg:focus-visible:not(:disabled), .btn-lg:focus:not(:disabled) {
    --btn-focus-shadow-width: 3px; }
  .btn-lg span {
    margin-left: 12px;
    margin-right: 12px; }
    .btn-lg span:only-child {
      margin-left: 0;
      margin-right: 0; }
  .btn-lg i ~ span {
    margin-right: 12px;
    margin-left: 0; }
  .btn-lg i:not(:only-child) {
    margin-left: 12px;
    margin-right: 12px; }
  .btn-lg span ~ i:not(:only-child) {
    margin-right: 12px;
    margin-left: 0; }

.btn-xl {
  font-size: 16px;
  font-weight: 700;
  padding: 14px 5px;
  height: 52px;
  min-width: 52px; }
  .btn-xl i {
    width: 20px;
    height: 20px; }
  .btn-xl:focus-visible:not(:disabled), .btn-xl:focus:not(:disabled) {
    --btn-focus-shadow-width: 3px; }
  .btn-xl span {
    margin-left: 19px;
    margin-right: 19px; }
    .btn-xl span:only-child {
      margin-left: 0;
      margin-right: 0; }
  .btn-xl i ~ span {
    margin-right: 19px;
    margin-left: 0; }
  .btn-xl i:not(:only-child) {
    margin-left: 19px;
    margin-right: 19px; }
  .btn-xl span ~ i:not(:only-child) {
    margin-right: 19px;
    margin-left: 0; }

.btn-pill {
  background: var(--blue-primary);
  color: var(--base-white);
  border-color: transparent;
  border-width: 3px;
  border-radius: 24px; }
  .btn-pill.active, .btn-pill:hover:not(:disabled) {
    background: var(--blue-800);
    color: var(--base-white); }
  .btn-pill:focus-visible:not(:disabled), .btn-pill:focus:not(:disabled) {
    -webkit-box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--blue-200);
    box-shadow: 0 0 0 var(--btn-focus-shadow-width, 3px) var(--blue-200);
    color: var(--blue-200); }
  .btn-pill:disabled {
    background: var(--neutral-400);
    color: var(--base-white); }

.btn-filter {
  white-space: nowrap; }
  .btn-filter.btn-xs {
    min-width: 50px; }
  .btn-filter span {
    font-weight: 700; }

.btn-text:not(:has(span)) {
  border: 0; }
  .btn-text:not(:has(span)):disabled i {
    opacity: .2; }
  .btn-text:not(:has(span)).active, .btn-text:not(:has(span)):hover {
    background: transparent; }

.btn-text.btn-2xs:focus, .btn-text.btn-2xs:hover {
  color: var(--neutral-900);
  background: transparent; }

.btn-premium {
  background: var(--orange-primary); }
  .btn-premium:hover:not(:disabled) {
    background: var(--orange-800); }

@-webkit-keyframes animSpin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes animSpin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.utilSpinner, .btn--isLoading::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  margin-left: -9px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: #fff;
  -webkit-animation: animSpin 0.8s linear infinite;
  animation: animSpin 0.8s linear infinite; }

.btn--isLoading {
  position: relative !important;
  color: transparent !important;
  pointer-events: none !important; }
  .btn--isLoading::after {
    content: ""; }

.btn--isLoadingDark::after {
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-top-color: #666; }

.w-0 {
  width: 0; }

.w-1 {
  width: 1px; }

.w-2 {
  width: 2px; }

.w-4 {
  width: 4px; }

.w-8 {
  width: 8px; }

.w-12 {
  width: 12px; }

.w-14 {
  width: 14px; }

.w-16 {
  width: 16px; }

.w-18 {
  width: 18px; }

.w-20 {
  width: 20px; }

.w-24 {
  width: 24px; }

.w-28 {
  width: 28px; }

.w-32 {
  width: 32px; }

.w-36 {
  width: 36px; }

.w-38 {
  width: 38px; }

.w-40 {
  width: 40px; }

.w-42 {
  width: 42px; }

.w-44 {
  width: 44px; }

.w-47 {
  width: 47px; }

.w-48 {
  width: 48px; }

.w-50 {
  width: 50px; }

.w-60 {
  width: 60px; }

.w-64 {
  width: 64px; }

.w-65 {
  width: 65px; }

.w-68 {
  width: 68px; }

.w-80 {
  width: 80px; }

.w-100 {
  width: 100px; }

.w-256 {
  width: 256px; }

.w-270 {
  width: 270px; }

.w-296 {
  width: 296px; }

.w-300 {
  width: 300px; }

.w-328 {
  width: 328px; }

.w-336 {
  width: 336px; }

.w-400 {
  width: 400px; }

.w-p25 {
  width: 25%; }

.w-p33 {
  width: 33.333%; }

.w-p50 {
  width: 50%; }

.w-p75 {
  width: 75%; }

.w-p100 {
  width: 100%; }

.h-p25 {
  height: 25%; }

.h-p33 {
  height: 33.333%; }

.h-p50 {
  height: 50%; }

.h-p75 {
  height: 75%; }

.h-p100 {
  height: 100%; }

.h-0 {
  height: 0; }

.h-1 {
  height: 1px; }

.h-2 {
  height: 2px; }

.h-4 {
  height: 4px; }

.h-8 {
  height: 8px; }

.h-12 {
  height: 12px; }

.h-14 {
  height: 14px; }

.h-16 {
  height: 16px; }

.h-18 {
  height: 18px; }

.h-20 {
  height: 20px; }

.h-24 {
  height: 24px; }

.h-28 {
  height: 28px; }

.h-32 {
  height: 32px; }

.h-36 {
  height: 36px; }

.h-38 {
  height: 38px; }

.h-40 {
  height: 40px; }

.h-42 {
  height: 42px; }

.h-44 {
  height: 44px; }

.h-47 {
  height: 47px; }

.h-48 {
  height: 48px; }

.h-50 {
  height: 50px; }

.h-60 {
  height: 60px; }

.h-64 {
  height: 64px; }

.h-65 {
  height: 65px; }

.h-68 {
  height: 68px; }

.h-80 {
  height: 80px; }

.h-100 {
  height: 100px; }

.h-256 {
  height: 256px; }

.h-270 {
  height: 270px; }

.h-296 {
  height: 296px; }

.h-300 {
  height: 300px; }

.h-328 {
  height: 328px; }

.h-336 {
  height: 336px; }

.h-400 {
  height: 400px; }

.w-auto {
  width: auto; }

.w-full {
  width: 100%; }

.w-screen-h {
  width: 100vh; }

.w-screen-w {
  width: 100vw; }

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

.max-w-0 {
  max-width: 0; }

.max-w-1 {
  max-width: 1px; }

.max-w-2 {
  max-width: 2px; }

.max-w-4 {
  max-width: 4px; }

.max-w-8 {
  max-width: 8px; }

.max-w-12 {
  max-width: 12px; }

.max-w-14 {
  max-width: 14px; }

.max-w-16 {
  max-width: 16px; }

.max-w-18 {
  max-width: 18px; }

.max-w-20 {
  max-width: 20px; }

.max-w-24 {
  max-width: 24px; }

.max-w-28 {
  max-width: 28px; }

.max-w-32 {
  max-width: 32px; }

.max-w-36 {
  max-width: 36px; }

.max-w-38 {
  max-width: 38px; }

.max-w-40 {
  max-width: 40px; }

.max-w-42 {
  max-width: 42px; }

.max-w-44 {
  max-width: 44px; }

.max-w-47 {
  max-width: 47px; }

.max-w-48 {
  max-width: 48px; }

.max-w-50 {
  max-width: 50px; }

.max-w-60 {
  max-width: 60px; }

.max-w-64 {
  max-width: 64px; }

.max-w-65 {
  max-width: 65px; }

.max-w-68 {
  max-width: 68px; }

.max-w-80 {
  max-width: 80px; }

.max-w-100 {
  max-width: 100px; }

.max-w-256 {
  max-width: 256px; }

.max-w-270 {
  max-width: 270px; }

.max-w-296 {
  max-width: 296px; }

.max-w-300 {
  max-width: 300px; }

.max-w-328 {
  max-width: 328px; }

.max-w-336 {
  max-width: 336px; }

.max-w-400 {
  max-width: 400px; }

.max-w-500 {
  max-width: 500px; }

.max-w-360 {
  max-width: 360px; }

.max-w-640 {
  max-width: 640px; }

.max-w-360 {
  max-width: 360px; }

.max-w-640 {
  max-width: 640px; }

.min-w-180 {
  min-width: 180px; }

.sq-0 {
  width: 0;
  height: 0; }

.sq-0\! {
  width: 0 !important;
  height: 0 !important; }

.sq-1 {
  width: 1px;
  height: 1px; }

.sq-1\! {
  width: 1px !important;
  height: 1px !important; }

.sq-2 {
  width: 2px;
  height: 2px; }

.sq-2\! {
  width: 2px !important;
  height: 2px !important; }

.sq-4 {
  width: 4px;
  height: 4px; }

.sq-4\! {
  width: 4px !important;
  height: 4px !important; }

.sq-8 {
  width: 8px;
  height: 8px; }

.sq-8\! {
  width: 8px !important;
  height: 8px !important; }

.sq-12 {
  width: 12px;
  height: 12px; }

.sq-12\! {
  width: 12px !important;
  height: 12px !important; }

.sq-14 {
  width: 14px;
  height: 14px; }

.sq-14\! {
  width: 14px !important;
  height: 14px !important; }

.sq-16 {
  width: 16px;
  height: 16px; }

.sq-16\! {
  width: 16px !important;
  height: 16px !important; }

.sq-18 {
  width: 18px;
  height: 18px; }

.sq-18\! {
  width: 18px !important;
  height: 18px !important; }

.sq-20 {
  width: 20px;
  height: 20px; }

.sq-20\! {
  width: 20px !important;
  height: 20px !important; }

.sq-24 {
  width: 24px;
  height: 24px; }

.sq-24\! {
  width: 24px !important;
  height: 24px !important; }

.sq-28 {
  width: 28px;
  height: 28px; }

.sq-28\! {
  width: 28px !important;
  height: 28px !important; }

.sq-32 {
  width: 32px;
  height: 32px; }

.sq-32\! {
  width: 32px !important;
  height: 32px !important; }

.sq-36 {
  width: 36px;
  height: 36px; }

.sq-36\! {
  width: 36px !important;
  height: 36px !important; }

.sq-38 {
  width: 38px;
  height: 38px; }

.sq-38\! {
  width: 38px !important;
  height: 38px !important; }

.sq-40 {
  width: 40px;
  height: 40px; }

.sq-40\! {
  width: 40px !important;
  height: 40px !important; }

.sq-42 {
  width: 42px;
  height: 42px; }

.sq-42\! {
  width: 42px !important;
  height: 42px !important; }

.sq-44 {
  width: 44px;
  height: 44px; }

.sq-44\! {
  width: 44px !important;
  height: 44px !important; }

.sq-47 {
  width: 47px;
  height: 47px; }

.sq-47\! {
  width: 47px !important;
  height: 47px !important; }

.sq-48 {
  width: 48px;
  height: 48px; }

.sq-48\! {
  width: 48px !important;
  height: 48px !important; }

.sq-50 {
  width: 50px;
  height: 50px; }

.sq-50\! {
  width: 50px !important;
  height: 50px !important; }

.sq-60 {
  width: 60px;
  height: 60px; }

.sq-60\! {
  width: 60px !important;
  height: 60px !important; }

.sq-64 {
  width: 64px;
  height: 64px; }

.sq-64\! {
  width: 64px !important;
  height: 64px !important; }

.sq-65 {
  width: 65px;
  height: 65px; }

.sq-65\! {
  width: 65px !important;
  height: 65px !important; }

.sq-68 {
  width: 68px;
  height: 68px; }

.sq-68\! {
  width: 68px !important;
  height: 68px !important; }

.sq-80 {
  width: 80px;
  height: 80px; }

.sq-80\! {
  width: 80px !important;
  height: 80px !important; }

.sq-100 {
  width: 100px;
  height: 100px; }

.sq-100\! {
  width: 100px !important;
  height: 100px !important; }

.sq-256 {
  width: 256px;
  height: 256px; }

.sq-256\! {
  width: 256px !important;
  height: 256px !important; }

.sq-270 {
  width: 270px;
  height: 270px; }

.sq-270\! {
  width: 270px !important;
  height: 270px !important; }

.sq-296 {
  width: 296px;
  height: 296px; }

.sq-296\! {
  width: 296px !important;
  height: 296px !important; }

.sq-300 {
  width: 300px;
  height: 300px; }

.sq-300\! {
  width: 300px !important;
  height: 300px !important; }

.sq-328 {
  width: 328px;
  height: 328px; }

.sq-328\! {
  width: 328px !important;
  height: 328px !important; }

.sq-336 {
  width: 336px;
  height: 336px; }

.sq-336\! {
  width: 336px !important;
  height: 336px !important; }

.sq-400 {
  width: 400px;
  height: 400px; }

.sq-400\! {
  width: 400px !important;
  height: 400px !important; }

.sq-p25 {
  width: 25%;
  height: 25%; }

.sq-p33 {
  width: 33.333%;
  height: 33.333%; }

.sq-p50 {
  width: 50%;
  height: 50%; }

.sq-p75 {
  width: 75%;
  height: 75%; }

.sq-p100 {
  width: 100%;
  height: 100%; }

.sq-auto {
  width: auto;
  height: auto; }

.sq-full {
  width: 100%;
  height: 100%; }

.sq-fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content; }

.sq-screen {
  width: 100vw;
  height: 100vh; }

/* Display & Text wrap utilities */
.inline-block {
  display: inline-block !important; }

.inline {
  display: inline !important; }

.block {
  display: block !important; }

.nowrap {
  white-space: nowrap !important; }

.line-through {
  text-decoration: line-through !important; }

.max-h-400 {
  max-height: 400px; }

.max-h-500 {
  max-height: 500px; }

.break-word {
  overflow-wrap: break-word !important;
  word-break: break-word !important; }

/* Hide scrollbar but keep scroll functionality */
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .hide-scrollbar::-webkit-scrollbar {
    display: none; }

/* Visually hidden but accessible for SEO and screen readers */
.hide {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }

.round-0 {
  border-radius: 0px; }

.round-t-0 {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }

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

.round-2 {
  border-radius: 2px; }

.round-t-2 {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }

.round-2\! {
  border-radius: 2px !important; }

.round-4 {
  border-radius: 4px; }

.round-t-4 {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.round-4\! {
  border-radius: 4px !important; }

.round-6 {
  border-radius: 6px; }

.round-t-6 {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

.round-6\! {
  border-radius: 6px !important; }

.round-8 {
  border-radius: 8px; }

.round-t-8 {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }

.round-8\! {
  border-radius: 8px !important; }

.round-12 {
  border-radius: 12px; }

.round-t-12 {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; }

.round-12\! {
  border-radius: 12px !important; }

.round-16 {
  border-radius: 16px; }

.round-t-16 {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px; }

.round-16\! {
  border-radius: 16px !important; }

.round-24 {
  border-radius: 24px; }

.round-t-24 {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px; }

.round-24\! {
  border-radius: 24px !important; }

.round-40 {
  border-radius: 40px; }

.round-t-40 {
  border-top-left-radius: 40px;
  border-top-right-radius: 40px; }

.round-40\! {
  border-radius: 40px !important; }

.round-full {
  border-radius: 50%; }

.round-t-full {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%; }

.round-full\! {
  border-radius: 50% !important; }

/* ========= Color Map ========= */
:root {
  --cl-black: #000;
  --base-main: #F2F4F7;
  --base-black: #121212;
  --base-white: #FFFFFF;
  --base-error: #D92D20;
  --blue-900: #013D6B;
  --blue-800: #0D5B97;
  --blue-700: #0F79C6;
  --blue-primary: #3B82F6;
  --blue-300: #5BB7F7;
  --blue-200: #C5E7FF;
  --blue-100: #EFF5FF;
  --red-900: #860000;
  --red-800: #C40101;
  --red-700: #E70000;
  --red-primary: #FF3B3B;
  --red-400: #FF5C5C;
  --red-300: #FF8080;
  --red-200: #FFE0E0;
  --red-100: #FFF5F5;
  --green-900: #03482A;
  --green-800: #04633A;
  --green-700: #059955;
  --green-primary: #06C270;
  --green-400: #39D98A;
  --green-300: #57EBA1;
  --green-200: #DCFFED;
  --green-100: #F2FFF9;
  --orange-900: #A06016;
  --orange-800: #C36C08;
  --orange-700: #DD7600;
  --orange-primary: #FF8800;
  --orange-400: #FDAC42;
  --orange-300: #FCCC75;
  --orange-200: #FFEBBF;
  --yellow-900: #88700D;
  --yellow-800: #C29B00;
  --yellow-700: #E5B700;
  --yellow-primary: #FFCC00;
  --yellow-400: #FDDD48;
  --yellow-300: #FDED72;
  --yellow-200: #FFF7BE;
  --purple-900: #320361;
  --purple-800: #470F80;
  --purple-700: #5202A3;
  --purple-primary: #6600CC;
  --purple-400: #AC5DD9;
  --purple-300: #DDA5E9;
  --purple-200: #F6CDFF;
  --neutral-900: #1A1A1A;
  --neutral-800: #333333;
  --neutral-700: #666666;
  --neutral-600: #9E9E9E;
  --neutral-400: #CCCCCC;
  --neutral-200: #E6E6E6;
  --neutral-100: #F3F3F3;
  --neutral-50: #FFFFFF;
  --text-primary: #333333;
  --text-secondary: #666666;
  --text-tertiary: #9E9E9E;
  --premium-primary: #D9A300;
  --elevation-white: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);
  --elevation-blue: 0px 6px 10px 0px rgba(0, 122, 255, 0.15); }

.bg-cl-black-base {
  background-color: var(--cl-black-base); }

.cl-cl-black-base {
  color: var(--cl-black-base); }

.border-cl-black-base {
  border-color: var(--cl-black-base); }

.bg-base-main {
  background-color: var(--base-main); }

.cl-base-main {
  color: var(--base-main); }

.border-base-main {
  border-color: var(--base-main); }

.bg-base-black {
  background-color: var(--base-black); }

.cl-base-black {
  color: var(--base-black); }

.border-base-black {
  border-color: var(--base-black); }

.bg-base-white {
  background-color: var(--base-white); }

.cl-base-white {
  color: var(--base-white); }

.border-base-white {
  border-color: var(--base-white); }

.bg-base-error {
  background-color: var(--base-error); }

.cl-base-error {
  color: var(--base-error); }

.border-base-error {
  border-color: var(--base-error); }

.bg-blue-900 {
  background-color: var(--blue-900); }

.cl-blue-900 {
  color: var(--blue-900); }

.border-blue-900 {
  border-color: var(--blue-900); }

.bg-blue-800 {
  background-color: var(--blue-800); }

.cl-blue-800 {
  color: var(--blue-800); }

.border-blue-800 {
  border-color: var(--blue-800); }

.bg-blue-700 {
  background-color: var(--blue-700); }

.cl-blue-700 {
  color: var(--blue-700); }

.border-blue-700 {
  border-color: var(--blue-700); }

.bg-blue-primary {
  background-color: var(--blue-primary); }

.cl-blue-primary {
  color: var(--blue-primary); }

.border-blue-primary {
  border-color: var(--blue-primary); }

.bg-blue-300 {
  background-color: var(--blue-300); }

.cl-blue-300 {
  color: var(--blue-300); }

.border-blue-300 {
  border-color: var(--blue-300); }

.bg-blue-200 {
  background-color: var(--blue-200); }

.cl-blue-200 {
  color: var(--blue-200); }

.border-blue-200 {
  border-color: var(--blue-200); }

.bg-blue-100 {
  background-color: var(--blue-100); }

.cl-blue-100 {
  color: var(--blue-100); }

.border-blue-100 {
  border-color: var(--blue-100); }

.bg-red-900 {
  background-color: var(--red-900); }

.cl-red-900 {
  color: var(--red-900); }

.border-red-900 {
  border-color: var(--red-900); }

.bg-red-800 {
  background-color: var(--red-800); }

.cl-red-800 {
  color: var(--red-800); }

.border-red-800 {
  border-color: var(--red-800); }

.bg-red-700 {
  background-color: var(--red-700); }

.cl-red-700 {
  color: var(--red-700); }

.border-red-700 {
  border-color: var(--red-700); }

.bg-red-primary {
  background-color: var(--red-primary); }

.cl-red-primary {
  color: var(--red-primary); }

.border-red-primary {
  border-color: var(--red-primary); }

.bg-red-400 {
  background-color: var(--red-400); }

.cl-red-400 {
  color: var(--red-400); }

.border-red-400 {
  border-color: var(--red-400); }

.bg-red-300 {
  background-color: var(--red-300); }

.cl-red-300 {
  color: var(--red-300); }

.border-red-300 {
  border-color: var(--red-300); }

.bg-red-200 {
  background-color: var(--red-200); }

.cl-red-200 {
  color: var(--red-200); }

.border-red-200 {
  border-color: var(--red-200); }

.bg-red-100 {
  background-color: var(--red-100); }

.cl-red-100 {
  color: var(--red-100); }

.border-red-100 {
  border-color: var(--red-100); }

.bg-green-900 {
  background-color: var(--green-900); }

.cl-green-900 {
  color: var(--green-900); }

.border-green-900 {
  border-color: var(--green-900); }

.bg-green-800 {
  background-color: var(--green-800); }

.cl-green-800 {
  color: var(--green-800); }

.border-green-800 {
  border-color: var(--green-800); }

.bg-green-700 {
  background-color: var(--green-700); }

.cl-green-700 {
  color: var(--green-700); }

.border-green-700 {
  border-color: var(--green-700); }

.bg-green-primary {
  background-color: var(--green-primary); }

.cl-green-primary {
  color: var(--green-primary); }

.border-green-primary {
  border-color: var(--green-primary); }

.bg-green-400 {
  background-color: var(--green-400); }

.cl-green-400 {
  color: var(--green-400); }

.border-green-400 {
  border-color: var(--green-400); }

.bg-green-300 {
  background-color: var(--green-300); }

.cl-green-300 {
  color: var(--green-300); }

.border-green-300 {
  border-color: var(--green-300); }

.bg-green-200 {
  background-color: var(--green-200); }

.cl-green-200 {
  color: var(--green-200); }

.border-green-200 {
  border-color: var(--green-200); }

.bg-green-100 {
  background-color: var(--green-100); }

.cl-green-100 {
  color: var(--green-100); }

.border-green-100 {
  border-color: var(--green-100); }

.bg-orange-900 {
  background-color: var(--orange-900); }

.cl-orange-900 {
  color: var(--orange-900); }

.border-orange-900 {
  border-color: var(--orange-900); }

.bg-orange-800 {
  background-color: var(--orange-800); }

.cl-orange-800 {
  color: var(--orange-800); }

.border-orange-800 {
  border-color: var(--orange-800); }

.bg-orange-700 {
  background-color: var(--orange-700); }

.cl-orange-700 {
  color: var(--orange-700); }

.border-orange-700 {
  border-color: var(--orange-700); }

.bg-orange-primary {
  background-color: var(--orange-primary); }

.cl-orange-primary {
  color: var(--orange-primary); }

.border-orange-primary {
  border-color: var(--orange-primary); }

.bg-orange-400 {
  background-color: var(--orange-400); }

.cl-orange-400 {
  color: var(--orange-400); }

.border-orange-400 {
  border-color: var(--orange-400); }

.bg-orange-300 {
  background-color: var(--orange-300); }

.cl-orange-300 {
  color: var(--orange-300); }

.border-orange-300 {
  border-color: var(--orange-300); }

.bg-orange-200 {
  background-color: var(--orange-200); }

.cl-orange-200 {
  color: var(--orange-200); }

.border-orange-200 {
  border-color: var(--orange-200); }

.bg-yellow-900 {
  background-color: var(--yellow-900); }

.cl-yellow-900 {
  color: var(--yellow-900); }

.border-yellow-900 {
  border-color: var(--yellow-900); }

.bg-yellow-800 {
  background-color: var(--yellow-800); }

.cl-yellow-800 {
  color: var(--yellow-800); }

.border-yellow-800 {
  border-color: var(--yellow-800); }

.bg-yellow-700 {
  background-color: var(--yellow-700); }

.cl-yellow-700 {
  color: var(--yellow-700); }

.border-yellow-700 {
  border-color: var(--yellow-700); }

.bg-yellow-primary {
  background-color: var(--yellow-primary); }

.cl-yellow-primary {
  color: var(--yellow-primary); }

.border-yellow-primary {
  border-color: var(--yellow-primary); }

.bg-yellow-400 {
  background-color: var(--yellow-400); }

.cl-yellow-400 {
  color: var(--yellow-400); }

.border-yellow-400 {
  border-color: var(--yellow-400); }

.bg-yellow-300 {
  background-color: var(--yellow-300); }

.cl-yellow-300 {
  color: var(--yellow-300); }

.border-yellow-300 {
  border-color: var(--yellow-300); }

.bg-yellow-200 {
  background-color: var(--yellow-200); }

.cl-yellow-200 {
  color: var(--yellow-200); }

.border-yellow-200 {
  border-color: var(--yellow-200); }

.bg-purple-900 {
  background-color: var(--purple-900); }

.cl-purple-900 {
  color: var(--purple-900); }

.border-purple-900 {
  border-color: var(--purple-900); }

.bg-purple-800 {
  background-color: var(--purple-800); }

.cl-purple-800 {
  color: var(--purple-800); }

.border-purple-800 {
  border-color: var(--purple-800); }

.bg-purple-700 {
  background-color: var(--purple-700); }

.cl-purple-700 {
  color: var(--purple-700); }

.border-purple-700 {
  border-color: var(--purple-700); }

.bg-purple-primary {
  background-color: var(--purple-primary); }

.cl-purple-primary {
  color: var(--purple-primary); }

.border-purple-primary {
  border-color: var(--purple-primary); }

.bg-purple-400 {
  background-color: var(--purple-400); }

.cl-purple-400 {
  color: var(--purple-400); }

.border-purple-400 {
  border-color: var(--purple-400); }

.bg-purple-300 {
  background-color: var(--purple-300); }

.cl-purple-300 {
  color: var(--purple-300); }

.border-purple-300 {
  border-color: var(--purple-300); }

.bg-purple-200 {
  background-color: var(--purple-200); }

.cl-purple-200 {
  color: var(--purple-200); }

.border-purple-200 {
  border-color: var(--purple-200); }

.bg-neutral-900 {
  background-color: var(--neutral-900); }

.cl-neutral-900 {
  color: var(--neutral-900); }

.border-neutral-900 {
  border-color: var(--neutral-900); }

.bg-neutral-800 {
  background-color: var(--neutral-800); }

.cl-neutral-800 {
  color: var(--neutral-800); }

.border-neutral-800 {
  border-color: var(--neutral-800); }

.bg-neutral-700 {
  background-color: var(--neutral-700); }

.cl-neutral-700 {
  color: var(--neutral-700); }

.border-neutral-700 {
  border-color: var(--neutral-700); }

.bg-neutral-600 {
  background-color: var(--neutral-600); }

.cl-neutral-600 {
  color: var(--neutral-600); }

.border-neutral-600 {
  border-color: var(--neutral-600); }

.bg-neutral-400 {
  background-color: var(--neutral-400); }

.cl-neutral-400 {
  color: var(--neutral-400); }

.border-neutral-400 {
  border-color: var(--neutral-400); }

.bg-neutral-200 {
  background-color: var(--neutral-200); }

.cl-neutral-200 {
  color: var(--neutral-200); }

.border-neutral-200 {
  border-color: var(--neutral-200); }

.bg-neutral-100 {
  background-color: var(--neutral-100); }

.cl-neutral-100 {
  color: var(--neutral-100); }

.border-neutral-100 {
  border-color: var(--neutral-100); }

.bg-neutral-50 {
  background-color: var(--neutral-50); }

.cl-neutral-50 {
  color: var(--neutral-50); }

.border-neutral-50 {
  border-color: var(--neutral-50); }

.bg-text-primary {
  background-color: var(--text-primary); }

.cl-text-primary {
  color: var(--text-primary); }

.border-text-primary {
  border-color: var(--text-primary); }

.bg-text-secondary {
  background-color: var(--text-secondary); }

.cl-text-secondary {
  color: var(--text-secondary); }

.border-text-secondary {
  border-color: var(--text-secondary); }

.bg-text-tertiary {
  background-color: var(--text-tertiary); }

.cl-text-tertiary {
  color: var(--text-tertiary); }

.border-text-tertiary {
  border-color: var(--text-tertiary); }

.bg-premium-primary {
  background-color: var(--premium-primary); }

.cl-premium-primary {
  color: var(--premium-primary); }

.border-premium-primary {
  border-color: var(--premium-primary); }

.bg-elevation-white {
  background-color: var(--elevation-white); }

.cl-elevation-white {
  color: var(--elevation-white); }

.border-elevation-white {
  border-color: var(--elevation-white); }

.bg-elevation-blue {
  background-color: var(--elevation-blue); }

.cl-elevation-blue {
  color: var(--elevation-blue); }

.border-elevation-blue {
  border-color: var(--elevation-blue); }

.bg-none {
  background: none; }

/* Position */
.relative {
  position: relative; }

.absolute {
  position: absolute; }

.fixed {
  position: fixed; }

.sticky {
  position: sticky; }

.top-0 {
  top: 0px; }

.bottom-0 {
  bottom: 0px; }

.right-0 {
  right: 0px; }

.left-0 {
  left: 0px; }

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

.top-1 {
  top: 1px; }

.bottom-1 {
  bottom: 1px; }

.right-1 {
  right: 1px; }

.left-1 {
  left: 1px; }

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

.top-2 {
  top: 2px; }

.bottom-2 {
  bottom: 2px; }

.right-2 {
  right: 2px; }

.left-2 {
  left: 2px; }

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

.top-3 {
  top: 3px; }

.bottom-3 {
  bottom: 3px; }

.right-3 {
  right: 3px; }

.left-3 {
  left: 3px; }

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

.top-4 {
  top: 4px; }

.bottom-4 {
  bottom: 4px; }

.right-4 {
  right: 4px; }

.left-4 {
  left: 4px; }

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

.top-5 {
  top: 5px; }

.bottom-5 {
  bottom: 5px; }

.right-5 {
  right: 5px; }

.left-5 {
  left: 5px; }

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

.top-6 {
  top: 6px; }

.bottom-6 {
  bottom: 6px; }

.right-6 {
  right: 6px; }

.left-6 {
  left: 6px; }

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

.top-7 {
  top: 7px; }

.bottom-7 {
  bottom: 7px; }

.right-7 {
  right: 7px; }

.left-7 {
  left: 7px; }

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

.top-8 {
  top: 8px; }

.bottom-8 {
  bottom: 8px; }

.right-8 {
  right: 8px; }

.left-8 {
  left: 8px; }

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

.top-9 {
  top: 9px; }

.bottom-9 {
  bottom: 9px; }

.right-9 {
  right: 9px; }

.left-9 {
  left: 9px; }

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

.top-10 {
  top: 10px; }

.bottom-10 {
  bottom: 10px; }

.right-10 {
  right: 10px; }

.left-10 {
  left: 10px; }

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

.top-11 {
  top: 11px; }

.bottom-11 {
  bottom: 11px; }

.right-11 {
  right: 11px; }

.left-11 {
  left: 11px; }

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

.top-12 {
  top: 12px; }

.bottom-12 {
  bottom: 12px; }

.right-12 {
  right: 12px; }

.left-12 {
  left: 12px; }

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

.top-13 {
  top: 13px; }

.bottom-13 {
  bottom: 13px; }

.right-13 {
  right: 13px; }

.left-13 {
  left: 13px; }

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

.top-14 {
  top: 14px; }

.bottom-14 {
  bottom: 14px; }

.right-14 {
  right: 14px; }

.left-14 {
  left: 14px; }

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

.top-15 {
  top: 15px; }

.bottom-15 {
  bottom: 15px; }

.right-15 {
  right: 15px; }

.left-15 {
  left: 15px; }

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

.top-16 {
  top: 16px; }

.bottom-16 {
  bottom: 16px; }

.right-16 {
  right: 16px; }

.left-16 {
  left: 16px; }

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

.top-17 {
  top: 17px; }

.bottom-17 {
  bottom: 17px; }

.right-17 {
  right: 17px; }

.left-17 {
  left: 17px; }

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

.top-18 {
  top: 18px; }

.bottom-18 {
  bottom: 18px; }

.right-18 {
  right: 18px; }

.left-18 {
  left: 18px; }

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

.top-19 {
  top: 19px; }

.bottom-19 {
  bottom: 19px; }

.right-19 {
  right: 19px; }

.left-19 {
  left: 19px; }

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

.top-20 {
  top: 20px; }

.bottom-20 {
  bottom: 20px; }

.right-20 {
  right: 20px; }

.left-20 {
  left: 20px; }

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

.top-21 {
  top: 21px; }

.bottom-21 {
  bottom: 21px; }

.right-21 {
  right: 21px; }

.left-21 {
  left: 21px; }

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

.top-22 {
  top: 22px; }

.bottom-22 {
  bottom: 22px; }

.right-22 {
  right: 22px; }

.left-22 {
  left: 22px; }

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

.top-23 {
  top: 23px; }

.bottom-23 {
  bottom: 23px; }

.right-23 {
  right: 23px; }

.left-23 {
  left: 23px; }

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

.top-24 {
  top: 24px; }

.bottom-24 {
  bottom: 24px; }

.right-24 {
  right: 24px; }

.left-24 {
  left: 24px; }

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

.top-25 {
  top: 25px; }

.bottom-25 {
  bottom: 25px; }

.right-25 {
  right: 25px; }

.left-25 {
  left: 25px; }

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

.top-26 {
  top: 26px; }

.bottom-26 {
  bottom: 26px; }

.right-26 {
  right: 26px; }

.left-26 {
  left: 26px; }

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

.top-27 {
  top: 27px; }

.bottom-27 {
  bottom: 27px; }

.right-27 {
  right: 27px; }

.left-27 {
  left: 27px; }

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

.top-28 {
  top: 28px; }

.bottom-28 {
  bottom: 28px; }

.right-28 {
  right: 28px; }

.left-28 {
  left: 28px; }

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

.top-29 {
  top: 29px; }

.bottom-29 {
  bottom: 29px; }

.right-29 {
  right: 29px; }

.left-29 {
  left: 29px; }

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

.top-30 {
  top: 30px; }

.bottom-30 {
  bottom: 30px; }

.right-30 {
  right: 30px; }

.left-30 {
  left: 30px; }

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

.top-31 {
  top: 31px; }

.bottom-31 {
  bottom: 31px; }

.right-31 {
  right: 31px; }

.left-31 {
  left: 31px; }

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

.top-32 {
  top: 32px; }

.bottom-32 {
  bottom: 32px; }

.right-32 {
  right: 32px; }

.left-32 {
  left: 32px; }

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

.top-33 {
  top: 33px; }

.bottom-33 {
  bottom: 33px; }

.right-33 {
  right: 33px; }

.left-33 {
  left: 33px; }

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

.top-34 {
  top: 34px; }

.bottom-34 {
  bottom: 34px; }

.right-34 {
  right: 34px; }

.left-34 {
  left: 34px; }

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

.top-35 {
  top: 35px; }

.bottom-35 {
  bottom: 35px; }

.right-35 {
  right: 35px; }

.left-35 {
  left: 35px; }

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

.top-36 {
  top: 36px; }

.bottom-36 {
  bottom: 36px; }

.right-36 {
  right: 36px; }

.left-36 {
  left: 36px; }

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

.top-37 {
  top: 37px; }

.bottom-37 {
  bottom: 37px; }

.right-37 {
  right: 37px; }

.left-37 {
  left: 37px; }

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

.top-38 {
  top: 38px; }

.bottom-38 {
  bottom: 38px; }

.right-38 {
  right: 38px; }

.left-38 {
  left: 38px; }

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

.top-39 {
  top: 39px; }

.bottom-39 {
  bottom: 39px; }

.right-39 {
  right: 39px; }

.left-39 {
  left: 39px; }

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

.top-40 {
  top: 40px; }

.bottom-40 {
  bottom: 40px; }

.right-40 {
  right: 40px; }

.left-40 {
  left: 40px; }

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

.top-41 {
  top: 41px; }

.bottom-41 {
  bottom: 41px; }

.right-41 {
  right: 41px; }

.left-41 {
  left: 41px; }

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

.top-42 {
  top: 42px; }

.bottom-42 {
  bottom: 42px; }

.right-42 {
  right: 42px; }

.left-42 {
  left: 42px; }

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

.top-43 {
  top: 43px; }

.bottom-43 {
  bottom: 43px; }

.right-43 {
  right: 43px; }

.left-43 {
  left: 43px; }

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

.top-44 {
  top: 44px; }

.bottom-44 {
  bottom: 44px; }

.right-44 {
  right: 44px; }

.left-44 {
  left: 44px; }

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

.top-45 {
  top: 45px; }

.bottom-45 {
  bottom: 45px; }

.right-45 {
  right: 45px; }

.left-45 {
  left: 45px; }

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

.top-46 {
  top: 46px; }

.bottom-46 {
  bottom: 46px; }

.right-46 {
  right: 46px; }

.left-46 {
  left: 46px; }

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

.top-47 {
  top: 47px; }

.bottom-47 {
  bottom: 47px; }

.right-47 {
  right: 47px; }

.left-47 {
  left: 47px; }

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

.top-48 {
  top: 48px; }

.bottom-48 {
  bottom: 48px; }

.right-48 {
  right: 48px; }

.left-48 {
  left: 48px; }

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

.top-49 {
  top: 49px; }

.bottom-49 {
  bottom: 49px; }

.right-49 {
  right: 49px; }

.left-49 {
  left: 49px; }

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

.top-50 {
  top: 50px; }

.bottom-50 {
  bottom: 50px; }

.right-50 {
  right: 50px; }

.left-50 {
  left: 50px; }

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

.top-51 {
  top: 51px; }

.bottom-51 {
  bottom: 51px; }

.right-51 {
  right: 51px; }

.left-51 {
  left: 51px; }

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

.top-52 {
  top: 52px; }

.bottom-52 {
  bottom: 52px; }

.right-52 {
  right: 52px; }

.left-52 {
  left: 52px; }

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

.top-53 {
  top: 53px; }

.bottom-53 {
  bottom: 53px; }

.right-53 {
  right: 53px; }

.left-53 {
  left: 53px; }

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

.top-54 {
  top: 54px; }

.bottom-54 {
  bottom: 54px; }

.right-54 {
  right: 54px; }

.left-54 {
  left: 54px; }

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

.top-55 {
  top: 55px; }

.bottom-55 {
  bottom: 55px; }

.right-55 {
  right: 55px; }

.left-55 {
  left: 55px; }

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

.top-56 {
  top: 56px; }

.bottom-56 {
  bottom: 56px; }

.right-56 {
  right: 56px; }

.left-56 {
  left: 56px; }

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

.top-57 {
  top: 57px; }

.bottom-57 {
  bottom: 57px; }

.right-57 {
  right: 57px; }

.left-57 {
  left: 57px; }

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

.top-58 {
  top: 58px; }

.bottom-58 {
  bottom: 58px; }

.right-58 {
  right: 58px; }

.left-58 {
  left: 58px; }

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

.top-59 {
  top: 59px; }

.bottom-59 {
  bottom: 59px; }

.right-59 {
  right: 59px; }

.left-59 {
  left: 59px; }

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

.top-60 {
  top: 60px; }

.bottom-60 {
  bottom: 60px; }

.right-60 {
  right: 60px; }

.left-60 {
  left: 60px; }

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

.top-61 {
  top: 61px; }

.bottom-61 {
  bottom: 61px; }

.right-61 {
  right: 61px; }

.left-61 {
  left: 61px; }

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

.top-62 {
  top: 62px; }

.bottom-62 {
  bottom: 62px; }

.right-62 {
  right: 62px; }

.left-62 {
  left: 62px; }

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

.top-63 {
  top: 63px; }

.bottom-63 {
  bottom: 63px; }

.right-63 {
  right: 63px; }

.left-63 {
  left: 63px; }

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

.top-64 {
  top: 64px; }

.bottom-64 {
  bottom: 64px; }

.right-64 {
  right: 64px; }

.left-64 {
  left: 64px; }

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

.top-65 {
  top: 65px; }

.bottom-65 {
  bottom: 65px; }

.right-65 {
  right: 65px; }

.left-65 {
  left: 65px; }

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

.top-66 {
  top: 66px; }

.bottom-66 {
  bottom: 66px; }

.right-66 {
  right: 66px; }

.left-66 {
  left: 66px; }

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

.top-67 {
  top: 67px; }

.bottom-67 {
  bottom: 67px; }

.right-67 {
  right: 67px; }

.left-67 {
  left: 67px; }

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

.top-68 {
  top: 68px; }

.bottom-68 {
  bottom: 68px; }

.right-68 {
  right: 68px; }

.left-68 {
  left: 68px; }

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

.top-69 {
  top: 69px; }

.bottom-69 {
  bottom: 69px; }

.right-69 {
  right: 69px; }

.left-69 {
  left: 69px; }

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

.top-70 {
  top: 70px; }

.bottom-70 {
  bottom: 70px; }

.right-70 {
  right: 70px; }

.left-70 {
  left: 70px; }

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

.top-71 {
  top: 71px; }

.bottom-71 {
  bottom: 71px; }

.right-71 {
  right: 71px; }

.left-71 {
  left: 71px; }

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

.top-72 {
  top: 72px; }

.bottom-72 {
  bottom: 72px; }

.right-72 {
  right: 72px; }

.left-72 {
  left: 72px; }

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

.top-73 {
  top: 73px; }

.bottom-73 {
  bottom: 73px; }

.right-73 {
  right: 73px; }

.left-73 {
  left: 73px; }

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

.top-74 {
  top: 74px; }

.bottom-74 {
  bottom: 74px; }

.right-74 {
  right: 74px; }

.left-74 {
  left: 74px; }

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

.top-75 {
  top: 75px; }

.bottom-75 {
  bottom: 75px; }

.right-75 {
  right: 75px; }

.left-75 {
  left: 75px; }

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

.top-76 {
  top: 76px; }

.bottom-76 {
  bottom: 76px; }

.right-76 {
  right: 76px; }

.left-76 {
  left: 76px; }

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

.top-77 {
  top: 77px; }

.bottom-77 {
  bottom: 77px; }

.right-77 {
  right: 77px; }

.left-77 {
  left: 77px; }

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

.top-78 {
  top: 78px; }

.bottom-78 {
  bottom: 78px; }

.right-78 {
  right: 78px; }

.left-78 {
  left: 78px; }

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

.top-79 {
  top: 79px; }

.bottom-79 {
  bottom: 79px; }

.right-79 {
  right: 79px; }

.left-79 {
  left: 79px; }

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

.top-80 {
  top: 80px; }

.bottom-80 {
  bottom: 80px; }

.right-80 {
  right: 80px; }

.left-80 {
  left: 80px; }

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

.top-81 {
  top: 81px; }

.bottom-81 {
  bottom: 81px; }

.right-81 {
  right: 81px; }

.left-81 {
  left: 81px; }

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

.top-82 {
  top: 82px; }

.bottom-82 {
  bottom: 82px; }

.right-82 {
  right: 82px; }

.left-82 {
  left: 82px; }

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

.top-83 {
  top: 83px; }

.bottom-83 {
  bottom: 83px; }

.right-83 {
  right: 83px; }

.left-83 {
  left: 83px; }

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

.top-84 {
  top: 84px; }

.bottom-84 {
  bottom: 84px; }

.right-84 {
  right: 84px; }

.left-84 {
  left: 84px; }

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

.top-85 {
  top: 85px; }

.bottom-85 {
  bottom: 85px; }

.right-85 {
  right: 85px; }

.left-85 {
  left: 85px; }

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

.top-86 {
  top: 86px; }

.bottom-86 {
  bottom: 86px; }

.right-86 {
  right: 86px; }

.left-86 {
  left: 86px; }

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

.top-87 {
  top: 87px; }

.bottom-87 {
  bottom: 87px; }

.right-87 {
  right: 87px; }

.left-87 {
  left: 87px; }

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

.top-88 {
  top: 88px; }

.bottom-88 {
  bottom: 88px; }

.right-88 {
  right: 88px; }

.left-88 {
  left: 88px; }

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

.top-89 {
  top: 89px; }

.bottom-89 {
  bottom: 89px; }

.right-89 {
  right: 89px; }

.left-89 {
  left: 89px; }

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

.top-90 {
  top: 90px; }

.bottom-90 {
  bottom: 90px; }

.right-90 {
  right: 90px; }

.left-90 {
  left: 90px; }

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

.top-91 {
  top: 91px; }

.bottom-91 {
  bottom: 91px; }

.right-91 {
  right: 91px; }

.left-91 {
  left: 91px; }

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

.top-92 {
  top: 92px; }

.bottom-92 {
  bottom: 92px; }

.right-92 {
  right: 92px; }

.left-92 {
  left: 92px; }

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

.top-93 {
  top: 93px; }

.bottom-93 {
  bottom: 93px; }

.right-93 {
  right: 93px; }

.left-93 {
  left: 93px; }

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

.top-94 {
  top: 94px; }

.bottom-94 {
  bottom: 94px; }

.right-94 {
  right: 94px; }

.left-94 {
  left: 94px; }

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

.top-95 {
  top: 95px; }

.bottom-95 {
  bottom: 95px; }

.right-95 {
  right: 95px; }

.left-95 {
  left: 95px; }

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

.top-96 {
  top: 96px; }

.bottom-96 {
  bottom: 96px; }

.right-96 {
  right: 96px; }

.left-96 {
  left: 96px; }

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

.top-97 {
  top: 97px; }

.bottom-97 {
  bottom: 97px; }

.right-97 {
  right: 97px; }

.left-97 {
  left: 97px; }

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

.top-98 {
  top: 98px; }

.bottom-98 {
  bottom: 98px; }

.right-98 {
  right: 98px; }

.left-98 {
  left: 98px; }

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

.top-99 {
  top: 99px; }

.bottom-99 {
  bottom: 99px; }

.right-99 {
  right: 99px; }

.left-99 {
  left: 99px; }

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

.top-100 {
  top: 100px; }

.bottom-100 {
  bottom: 100px; }

.right-100 {
  right: 100px; }

.left-100 {
  left: 100px; }

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

.top-101 {
  top: 101px; }

.bottom-101 {
  bottom: 101px; }

.right-101 {
  right: 101px; }

.left-101 {
  left: 101px; }

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

.top-102 {
  top: 102px; }

.bottom-102 {
  bottom: 102px; }

.right-102 {
  right: 102px; }

.left-102 {
  left: 102px; }

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

.top-103 {
  top: 103px; }

.bottom-103 {
  bottom: 103px; }

.right-103 {
  right: 103px; }

.left-103 {
  left: 103px; }

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

.top-104 {
  top: 104px; }

.bottom-104 {
  bottom: 104px; }

.right-104 {
  right: 104px; }

.left-104 {
  left: 104px; }

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

.top-105 {
  top: 105px; }

.bottom-105 {
  bottom: 105px; }

.right-105 {
  right: 105px; }

.left-105 {
  left: 105px; }

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

.top-106 {
  top: 106px; }

.bottom-106 {
  bottom: 106px; }

.right-106 {
  right: 106px; }

.left-106 {
  left: 106px; }

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

.top-107 {
  top: 107px; }

.bottom-107 {
  bottom: 107px; }

.right-107 {
  right: 107px; }

.left-107 {
  left: 107px; }

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

.top-108 {
  top: 108px; }

.bottom-108 {
  bottom: 108px; }

.right-108 {
  right: 108px; }

.left-108 {
  left: 108px; }

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

.top-109 {
  top: 109px; }

.bottom-109 {
  bottom: 109px; }

.right-109 {
  right: 109px; }

.left-109 {
  left: 109px; }

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

.top-110 {
  top: 110px; }

.bottom-110 {
  bottom: 110px; }

.right-110 {
  right: 110px; }

.left-110 {
  left: 110px; }

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

.top-111 {
  top: 111px; }

.bottom-111 {
  bottom: 111px; }

.right-111 {
  right: 111px; }

.left-111 {
  left: 111px; }

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

.top-112 {
  top: 112px; }

.bottom-112 {
  bottom: 112px; }

.right-112 {
  right: 112px; }

.left-112 {
  left: 112px; }

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

.top-113 {
  top: 113px; }

.bottom-113 {
  bottom: 113px; }

.right-113 {
  right: 113px; }

.left-113 {
  left: 113px; }

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

.top-114 {
  top: 114px; }

.bottom-114 {
  bottom: 114px; }

.right-114 {
  right: 114px; }

.left-114 {
  left: 114px; }

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

.top-115 {
  top: 115px; }

.bottom-115 {
  bottom: 115px; }

.right-115 {
  right: 115px; }

.left-115 {
  left: 115px; }

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

.top-116 {
  top: 116px; }

.bottom-116 {
  bottom: 116px; }

.right-116 {
  right: 116px; }

.left-116 {
  left: 116px; }

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

.top-117 {
  top: 117px; }

.bottom-117 {
  bottom: 117px; }

.right-117 {
  right: 117px; }

.left-117 {
  left: 117px; }

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

.top-118 {
  top: 118px; }

.bottom-118 {
  bottom: 118px; }

.right-118 {
  right: 118px; }

.left-118 {
  left: 118px; }

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

.top-119 {
  top: 119px; }

.bottom-119 {
  bottom: 119px; }

.right-119 {
  right: 119px; }

.left-119 {
  left: 119px; }

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

.top-120 {
  top: 120px; }

.bottom-120 {
  bottom: 120px; }

.right-120 {
  right: 120px; }

.left-120 {
  left: 120px; }

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

/* Z-index */
.z-10 {
  z-index: 10 !important; }

.z-50 {
  z-index: 50 !important; }

.z-1000 {
  z-index: 1000 !important; }

/* Pointer Events */
.pointer-none {
  pointer-events: none; }

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

/* Overflow */
.overflow-hidden {
  overflow: hidden; }

.overflow-auto {
  overflow: auto; }

.overflow-visible {
  overflow: visible; }

.overflow-scroll {
  overflow: scroll; }

/* Overflow-x */
.overflow-x-auto {
  overflow-x: auto; }

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

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

/* Overflow-y */
.overflow-y-auto {
  overflow-y: auto; }

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

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

/* Custom translate and top percentage classes */
.top-p50 {
  top: 50% !important; }

.-translate-y-p50 {
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important; }

.shadow-sm {
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }

.shadow {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); }

.shadow-md {
  -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); }

.shadow-lg {
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); }

.shadow-xl {
  -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); }

.shadow-none {
  -webkit-box-shadow: 0 0 #0000;
  box-shadow: 0 0 #0000; }

.elevation-white {
  -webkit-box-shadow: var(--elevation-white);
  box-shadow: var(--elevation-white); }

.elevation-blue {
  -webkit-box-shadow: var(--elevation-blue);
  box-shadow: var(--elevation-blue); }

/* Cursor Utility System */
.cursor--pointer {
  cursor: pointer; }

.cursor--default {
  cursor: default; }

.cursor--not-allowed {
  cursor: not-allowed; }

.cursor--wait {
  cursor: wait; }

.cursor--move {
  cursor: move; }

.cursor--help {
  cursor: help; }

.cursor--zoom-in {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.cursor--zoom-out {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.cursor--grab {
  cursor: -webkit-grab;
  cursor: grab; }

.cursor--grabbing {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.iconBase {
  position: relative;
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain; }
  .iconBase img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.iconCaretRight, .iconCaretLeft, .iconCaretUp, .iconCaretDown {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23666' d='m11.354 8.354-5 5a.5.5 0 0 1-.708-.708L10.293 8 5.646 3.354a.5.5 0 1 1 .708-.708l5 5a.5.5 0 0 1 0 .708'/%3E%3C/svg%3E"); }

.iconArrowUpRight {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0v-6z' fill='%23666'/%3E%3C/svg%3E"); }

.iconClose {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23343330' d='M19.28 18.22a.752.752 0 0 1-.53 1.28.75.75 0 0 1-.53-.219L12 13.061l-6.22 6.22a.75.75 0 1 1-1.06-1.061L10.94 12 4.72 5.781A.75.75 0 1 1 5.78 4.72L12 10.94l6.22-6.22a.75.75 0 1 1 1.06 1.061l-6.22 6.22z'/%3E%3C/svg%3E"); }

.iconMore {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Ccircle cx='6.5' cy='11.5' r='1.5' fill='%23000'/%3E%3Ccircle cx='12' cy='11.5' r='1.5' fill='%23000'/%3E%3Ccircle cx='17.5' cy='11.5' r='1.5' fill='%23000'/%3E%3C/svg%3E"); }

.iconDotsThree {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23515358' d='M21.5 10.375a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3M20 18.25a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0M20 5.5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0'/%3E%3C/svg%3E"); }

.iconCheckCircle {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjI4MDYgOS4yMTkzN0MxNi4zNTA0IDkuMjg5MDMgMTYuNDA1NyA5LjM3MTc1IDE2LjQ0MzQgOS40NjI3OUMxNi40ODEyIDkuNTUzODQgMTYuNTAwNiA5LjY1MTQ0IDE2LjUwMDYgOS43NUMxNi41MDA2IDkuODQ4NTYgMTYuNDgxMiA5Ljk0NjE2IDE2LjQ0MzQgMTAuMDM3MkMxNi40MDU3IDEwLjEyODMgMTYuMzUwNCAxMC4yMTEgMTYuMjgwNiAxMC4yODA2TDExLjAzMDYgMTUuNTMwNkMxMC45NjEgMTUuNjAwNCAxMC44NzgzIDE1LjY1NTcgMTAuNzg3MiAxNS42OTM0QzEwLjY5NjIgMTUuNzMxMiAxMC41OTg2IDE1Ljc1MDYgMTAuNSAxNS43NTA2QzEwLjQwMTQgMTUuNzUwNiAxMC4zMDM4IDE1LjczMTIgMTAuMjEyOCAxNS42OTM0QzEwLjEyMTggMTUuNjU1NyAxMC4wMzkgMTUuNjAwNCA5Ljk2OTM4IDE1LjUzMDZMNy43MTkzOCAxMy4yODA2QzcuNTc4NjUgMTMuMTM5OSA3LjQ5OTU5IDEyLjk0OSA3LjQ5OTU5IDEyLjc1QzcuNDk5NTkgMTIuNTUxIDcuNTc4NjUgMTIuMzYwMSA3LjcxOTM4IDEyLjIxOTRDNy44NjAxMSAxMi4wNzg2IDguMDUwOTggMTEuOTk5NiA4LjI1IDExLjk5OTZDOC40NDkwMyAxMS45OTk2IDguNjM5OSAxMi4wNzg2IDguNzgwNjMgMTIuMjE5NEwxMC41IDEzLjkzOTdMMTUuMjE5NCA5LjIxOTM3QzE1LjI4OSA5LjE0OTY0IDE1LjM3MTggOS4wOTQzMiAxNS40NjI4IDkuMDU2NThDMTUuNTUzOCA5LjAxODg0IDE1LjY1MTQgOC45OTk0MSAxNS43NSA4Ljk5OTQxQzE1Ljg0ODYgOC45OTk0MSAxNS45NDYyIDkuMDE4ODQgMTYuMDM3MiA5LjA1NjU4QzE2LjEyODMgOS4wOTQzMiAxNi4yMTEgOS4xNDk2NCAxNi4yODA2IDkuMjE5MzdaTTIxLjc1IDEyQzIxLjc1IDEzLjkyODQgMjEuMTc4MiAxNS44MTM0IDIwLjEwNjggMTcuNDE2OEMxOS4wMzU1IDE5LjAyMDIgMTcuNTEyNyAyMC4yNjk5IDE1LjczMTIgMjEuMDA3OEMxMy45NDk2IDIxLjc0NTggMTEuOTg5MiAyMS45Mzg5IDEwLjA5NzkgMjEuNTYyN0M4LjIwNjU2IDIxLjE4NjUgNi40NjkyOCAyMC4yNTc5IDUuMTA1NzEgMTguODk0M0MzLjc0MjE1IDE3LjUzMDcgMi44MTM1NSAxNS43OTM0IDIuNDM3MzUgMTMuOTAyMUMyLjA2MTE0IDEyLjAxMDggMi4yNTQyMiAxMC4wNTA0IDIuOTkyMTggOC4yNjg4NEMzLjczMDEzIDYuNDg3MjYgNC45Nzk4MiA0Ljk2NDUxIDYuNTgzMTkgMy44OTMxN0M4LjE4NjU3IDIuODIxODMgMTAuMDcxNiAyLjI1IDEyIDIuMjVDMTQuNTg1IDIuMjUyNzMgMTcuMDYzNCAzLjI4MDg0IDE4Ljg5MTMgNS4xMDg3MkMyMC43MTkyIDYuOTM2NjEgMjEuNzQ3MyA5LjQxNDk4IDIxLjc1IDEyWk0yMC4yNSAxMkMyMC4yNSAxMC4zNjgzIDE5Ljc2NjEgOC43NzMyNSAxOC44NTk2IDcuNDE2NTVDMTcuOTUzMSA2LjA1OTg0IDE2LjY2NDYgNS4wMDI0MiAxNS4xNTcxIDQuMzc3OTlDMTMuNjQ5NyAzLjc1MzU3IDExLjk5MDkgMy41OTAxOSAxMC4zOTA1IDMuOTA4NTJDOC43OTAxNyA0LjIyNjg1IDcuMzIwMTYgNS4wMTI1OSA2LjE2NjM3IDYuMTY2MzdDNS4wMTI1OSA3LjMyMDE1IDQuMjI2ODUgOC43OTAxNiAzLjkwODUzIDEwLjM5MDVDMy41OTAyIDExLjk5MDggMy43NTM1OCAxMy42NDk2IDQuMzc4IDE1LjE1NzFDNS4wMDI0MiAxNi42NjQ2IDYuMDU5ODQgMTcuOTUzMSA3LjQxNjU1IDE4Ljg1OTZDOC43NzMyNiAxOS43NjYxIDEwLjM2ODMgMjAuMjUgMTIgMjAuMjVDMTQuMTg3MyAyMC4yNDc1IDE2LjI4NDMgMTkuMzc3NSAxNy44MzA5IDE3LjgzMDlDMTkuMzc3NSAxNi4yODQzIDIwLjI0NzUgMTQuMTg3MyAyMC4yNSAxMloiIGZpbGw9IiM1MTUzNTgiLz4KPC9zdmc+Cg=="); }

.iconCheckCircle-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23000' d='M7 1.313a5.687 5.687 0 1 0 0 11.374A5.687 5.687 0 0 0 7 1.313m2.497 4.684L6.435 9.06a.437.437 0 0 1-.62 0L4.503 7.747a.438.438 0 0 1 .619-.619l1.003 1.003 2.753-2.753a.438.438 0 0 1 .619.619'/%3E%3C/svg%3E"); }

.iconCheckSquare {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.625 2.25H3.375A1.125 1.125 0 0 0 2.25 3.375v11.25a1.125 1.125 0 0 0 1.125 1.125h11.25a1.125 1.125 0 0 0 1.125-1.125V3.375a1.125 1.125 0 0 0-1.125-1.125Z'/%3E%3C/svg%3E"); }

.iconCheckSquare-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' d='M14.625 2.25H3.375A1.125 1.125 0 0 0 2.25 3.375v11.25a1.125 1.125 0 0 0 1.125 1.125h11.25a1.125 1.125 0 0 0 1.125-1.125V3.375a1.125 1.125 0 0 0-1.125-1.125M12.21 7.71l-3.937 3.938a.56.56 0 0 1-.796 0L5.79 9.96a.563.563 0 0 1 .795-.795l1.29 1.29 3.54-3.54a.563.563 0 0 1 .796.795'/%3E%3C/svg%3E"); }

.iconCheck {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjM1NCA0Ljg1MzU0TDYuMzU0MDMgMTIuODUzNUM2LjMwNzU5IDEyLjkgNi4yNTI0NSAxMi45MzY5IDYuMTkxNzUgMTIuOTYyMUM2LjEzMTA1IDEyLjk4NzIgNi4wNjU5OSAxMy4wMDAyIDYuMDAwMjggMTMuMDAwMkM1LjkzNDU3IDEzLjAwMDIgNS44Njk1MSAxMi45ODcyIDUuODA4ODEgMTIuOTYyMUM1Ljc0ODExIDEyLjkzNjkgNS42OTI5NiAxMi45IDUuNjQ2NTMgMTIuODUzNUwyLjE0NjUzIDkuMzUzNTRDMi4wNTI3MSA5LjI1OTcyIDIgOS4xMzI0NyAyIDguOTk5NzlDMiA4Ljg2NzExIDIuMDUyNzEgOC43Mzk4NiAyLjE0NjUzIDguNjQ2MDRDMi4yNDAzNSA4LjU1MjIyIDIuMzY3NiA4LjQ5OTUxIDIuNTAwMjggOC40OTk1MUMyLjYzMjk2IDguNDk5NTEgMi43NjAyMSA4LjU1MjIyIDIuODU0MDMgOC42NDYwNEw2LjAwMDI4IDExLjc5MjlMMTMuNjQ2NSA0LjE0NjA0QzEzLjc0MDMgNC4wNTIyMiAxMy44Njc2IDMuOTk5NTEgMTQuMDAwMyAzLjk5OTUxQzE0LjEzMyAzLjk5OTUxIDE0LjI2MDIgNC4wNTIyMiAxNC4zNTQgNC4xNDYwNEMxNC40NDc4IDQuMjM5ODYgMTQuNTAwNiA0LjM2NzExIDE0LjUwMDYgNC40OTk3OUMxNC41MDA2IDQuNjMyNDcgMTQuNDQ3OCA0Ljc1OTcyIDE0LjM1NCA0Ljg1MzU0WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4K"); }

.iconSearch {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23343330' d='m21.53 20.47-4.693-4.694a8.26 8.26 0 1 0-1.06 1.06l4.693 4.695a.75.75 0 1 0 1.06-1.062M3.75 10.5a6.75 6.75 0 1 1 6.75 6.75 6.76 6.76 0 0 1-6.75-6.75'/%3E%3C/svg%3E"); }

.iconPlus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M28 16a1 1 0 0 1-1 1H17v10a1 1 0 0 1-2 0V17H5a1 1 0 0 1 0-2h10V5a1 1 0 0 1 2 0v10h10a1 1 0 0 1 1 1'/%3E%3C/svg%3E"); }

.iconMinus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M28 16a1 1 0 0 1-1 1H5a1 1 0 0 1 0-2h22a1 1 0 0 1 1 1'/%3E%3C/svg%3E"); }

.iconMail {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%235c6b7a' d='M18.124 4.36a.6.6 0 0 0-.023-.154.6.6 0 0 0-.13-.241l-.01-.012-.01-.01a.6.6 0 0 0-.094-.08l-.024-.016-.028-.017-.026-.014-.027-.013-.03-.012-.026-.01-.032-.009-.027-.006a.6.6 0 0 0-.123-.015L17.5 3.75H2.487a1 1 0 0 0-.093.01l-.03.005-.06.016-.028.01-.027.012-.03.014-.024.013a.6.6 0 0 0-.146.113l-.01.01-.01.012a.7.7 0 0 0-.11.183.6.6 0 0 0-.043.212l-.001.015V15a1.25 1.25 0 0 0 1.25 1.25h13.75a1.25 1.25 0 0 0 1.25-1.25V4.36m-2.23.64L10 10.402 4.107 5zm.981 10H3.125V5.796l6.453 5.915a.625.625 0 0 0 .844 0l6.453-5.915z'/%3E%3C/svg%3E"); }

.iconMailbox-fill {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzUgMTQuMjVDOS43NSAxNC40NDg5IDkuNjcwOTggMTQuNjM5NyA5LjUzMDMzIDE0Ljc4MDNDOS4zODk2OCAxNC45MjEgOS4xOTg5MSAxNSA5IDE1SDUuMjVDNS4wNTEwOSAxNSA0Ljg2MDMyIDE0LjkyMSA0LjcxOTY3IDE0Ljc4MDNDNC41NzkwMiAxNC42Mzk3IDQuNSAxNC40NDg5IDQuNSAxNC4yNUM0LjUgMTQuMDUxMSA0LjU3OTAyIDEzLjg2MDMgNC43MTk2NyAxMy43MTk3QzQuODYwMzIgMTMuNTc5IDUuMDUxMDkgMTMuNSA1LjI1IDEzLjVIOUM5LjE5ODkxIDEzLjUgOS4zODk2OCAxMy41NzkgOS41MzAzMyAxMy43MTk3QzkuNjcwOTggMTMuODYwMyA5Ljc1IDE0LjA1MTEgOS43NSAxNC4yNVpNMTUuNzUgM0gxOEMxOC4xOTg5IDMgMTguMzg5NyAyLjkyMDk4IDE4LjUzMDMgMi43ODAzM0MxOC42NzEgMi42Mzk2OCAxOC43NSAyLjQ0ODkxIDE4Ljc1IDIuMjVDMTguNzUgMi4wNTEwOSAxOC42NzEgMS44NjAzMiAxOC41MzAzIDEuNzE5NjdDMTguMzg5NyAxLjU3OTAyIDE4LjE5ODkgMS41IDE4IDEuNUgxNUMxNC44MDExIDEuNSAxNC42MTAzIDEuNTc5MDIgMTQuNDY5NyAxLjcxOTY3QzE0LjMyOSAxLjg2MDMyIDE0LjI1IDIuMDUxMDkgMTQuMjUgMi4yNVY1LjI1SDE1Ljc1VjNaTTIyLjUgMTAuODc1VjE2LjVDMjIuNSAxNi44OTc4IDIyLjM0MiAxNy4yNzk0IDIyLjA2MDcgMTcuNTYwN0MyMS43Nzk0IDE3Ljg0MiAyMS4zOTc4IDE4IDIxIDE4SDEyLjc1VjIxQzEyLjc1IDIxLjE5ODkgMTIuNjcxIDIxLjM4OTcgMTIuNTMwMyAyMS41MzAzQzEyLjM4OTcgMjEuNjcxIDEyLjE5ODkgMjEuNzUgMTIgMjEuNzVDMTEuODAxMSAyMS43NSAxMS42MTAzIDIxLjY3MSAxMS40Njk3IDIxLjUzMDNDMTEuMzI5IDIxLjM4OTcgMTEuMjUgMjEuMTk4OSAxMS4yNSAyMVYxOEgzQzIuNjAyMTggMTggMi4yMjA2NCAxNy44NDIgMS45MzkzNCAxNy41NjA3QzEuNjU4MDQgMTcuMjc5NCAxLjUgMTYuODk3OCAxLjUgMTYuNVYxMC44NzVDMS41MDE3NCA5LjM4MzY5IDIuMDk0OTMgNy45NTM5NiAzLjE0OTQ0IDYuODk5NDRDNC4yMDM5NiA1Ljg0NDkzIDUuNjMzNjkgNS4yNTE3NCA3LjEyNSA1LjI1SDE0LjI1VjEzLjVDMTQuMjUgMTMuNjk4OSAxNC4zMjkgMTMuODg5NyAxNC40Njk3IDE0LjAzMDNDMTQuNjEwMyAxNC4xNzEgMTQuODAxMSAxNC4yNSAxNSAxNC4yNUMxNS4xOTg5IDE0LjI1IDE1LjM4OTcgMTQuMTcxIDE1LjUzMDMgMTQuMDMwM0MxNS42NzEgMTMuODg5NyAxNS43NSAxMy42OTg5IDE1Ljc1IDEzLjVWNS4yNUgxNi44NzVDMTguMzY2MyA1LjI1MTc0IDE5Ljc5NiA1Ljg0NDkzIDIwLjg1MDYgNi44OTk0NEMyMS45MDUxIDcuOTUzOTYgMjIuNDk4MyA5LjM4MzY5IDIyLjUgMTAuODc1Wk0xMS4yNSAxMC44NzVDMTEuMjUgOS43ODA5OCAxMC44MTU0IDguNzMxNzcgMTAuMDQxOCA3Ljk1ODE4QzkuMjY4MjMgNy4xODQ2IDguMjE5MDIgNi43NSA3LjEyNSA2Ljc1QzYuMDMwOTggNi43NSA0Ljk4MTc3IDcuMTg0NiA0LjIwODE4IDcuOTU4MThDMy40MzQ2IDguNzMxNzcgMyA5Ljc4MDk4IDMgMTAuODc1VjE2LjVIMTEuMjVWMTAuODc1WiIgZmlsbD0iIzFBMUExQSIvPgo8L3N2Zz4K"); }

.iconDotsNine {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' d='M14.625 2.25H3.375A1.125 1.125 0 0 0 2.25 3.375v11.25a1.125 1.125 0 0 0 1.125 1.125h11.25a1.125 1.125 0 0 0 1.125-1.125V3.375a1.125 1.125 0 0 0-1.125-1.125M5.344 13.5a.844.844 0 1 1 0-1.688.844.844 0 0 1 0 1.688m0-3.656a.844.844 0 1 1 0-1.688.844.844 0 0 1 0 1.688m0-3.656a.844.844 0 1 1 0-1.688.844.844 0 0 1 0 1.688M9 13.5a.844.844 0 1 1 0-1.688.844.844 0 0 1 0 1.688m0-3.656a.844.844 0 1 1 0-1.688.844.844 0 0 1 0 1.688m0-3.656A.844.844 0 1 1 9 4.5a.844.844 0 0 1 0 1.688m3.656 7.312a.844.844 0 1 1 0-1.687.844.844 0 0 1 0 1.687m0-3.656a.844.844 0 1 1 0-1.688.844.844 0 0 1 0 1.688m0-3.656a.844.844 0 1 1 0-1.688.844.844 0 0 1 0 1.688'/%3E%3C/svg%3E"); }

.iconDotsNine-fill {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgNy41QzkgNy43OTY2NyA4LjkxMjAzIDguMDg2NjggOC43NDcyMSA4LjMzMzM2QzguNTgyMzggOC41ODAwMyA4LjM0ODExIDguNzcyMjkgOC4wNzQwMyA4Ljg4NTgyQzcuNzk5OTQgOC45OTkzNSA3LjQ5ODM0IDkuMDI5MDYgNy4yMDczNyA4Ljk3MTE4QzYuOTE2MzkgOC45MTMzIDYuNjQ5MTIgOC43NzA0NCA2LjQzOTM0IDguNTYwNjZDNi4yMjk1NiA4LjM1MDg4IDYuMDg2NyA4LjA4MzYxIDYuMDI4ODIgNy43OTI2NEM1Ljk3MDk0IDcuNTAxNjYgNi4wMDA2NSA3LjIwMDA2IDYuMTE0MTggNi45MjU5OEM2LjIyNzcxIDYuNjUxODkgNi40MTk5NyA2LjQxNzYyIDYuNjY2NjUgNi4yNTI4QzYuOTEzMzIgNi4wODc5NyA3LjIwMzMzIDYgNy41IDZDNy44OTc4MyA2IDguMjc5MzYgNi4xNTgwNCA4LjU2MDY2IDYuNDM5MzRDOC44NDE5NyA2LjcyMDY1IDkgNy4xMDIxOCA5IDcuNVpNMTYgNkMxNS43MDMzIDYgMTUuNDEzMyA2LjA4Nzk3IDE1LjE2NjYgNi4yNTI4QzE0LjkyIDYuNDE3NjIgMTQuNzI3NyA2LjY1MTg5IDE0LjYxNDIgNi45MjU5OEMxNC41MDA3IDcuMjAwMDYgMTQuNDcwOSA3LjUwMTY2IDE0LjUyODggNy43OTI2NEMxNC41ODY3IDguMDgzNjEgMTQuNzI5NiA4LjM1MDg4IDE0LjkzOTMgOC41NjA2NkMxNS4xNDkxIDguNzcwNDQgMTUuNDE2NCA4LjkxMzMgMTUuNzA3NCA4Ljk3MTE4QzE1Ljk5ODMgOS4wMjkwNiAxNi4yOTk5IDguOTk5MzUgMTYuNTc0IDguODg1ODJDMTYuODQ4MSA4Ljc3MjI5IDE3LjA4MjQgOC41ODAwMyAxNy4yNDcyIDguMzMzMzZDMTcuNDEyIDguMDg2NjggMTcuNSA3Ljc5NjY3IDE3LjUgNy41QzE3LjUgNy4xMDIxOCAxNy4zNDIgNi43MjA2NSAxNy4wNjA3IDYuNDM5MzRDMTYuNzc5NCA2LjE1ODA0IDE2LjM5NzggNiAxNiA2Wk0yNC41IDlDMjQuNzk2NyA5IDI1LjA4NjcgOC45MTIwMyAyNS4zMzM0IDguNzQ3MjFDMjUuNTggOC41ODIzOCAyNS43NzIzIDguMzQ4MTEgMjUuODg1OCA4LjA3NDAzQzI1Ljk5OTMgNy43OTk5NCAyNi4wMjkxIDcuNDk4MzQgMjUuOTcxMiA3LjIwNzM3QzI1LjkxMzMgNi45MTYzOSAyNS43NzA0IDYuNjQ5MTIgMjUuNTYwNyA2LjQzOTM0QzI1LjM1MDkgNi4yMjk1NiAyNS4wODM2IDYuMDg2NyAyNC43OTI2IDYuMDI4ODJDMjQuNTAxNyA1Ljk3MDk0IDI0LjIwMDEgNi4wMDA2NSAyMy45MjYgNi4xMTQxOEMyMy42NTE5IDYuMjI3NzEgMjMuNDE3NiA2LjQxOTk3IDIzLjI1MjggNi42NjY2NUMyMy4wODggNi45MTMzMiAyMyA3LjIwMzMzIDIzIDcuNUMyMyA3Ljg5NzgzIDIzLjE1OCA4LjI3OTM2IDIzLjQzOTMgOC41NjA2NkMyMy43MjA2IDguODQxOTcgMjQuMTAyMiA5IDI0LjUgOVpNNy41IDE0LjVDNy4yMDMzMyAxNC41IDYuOTEzMzIgMTQuNTg4IDYuNjY2NjUgMTQuNzUyOEM2LjQxOTk3IDE0LjkxNzYgNi4yMjc3MSAxNS4xNTE5IDYuMTE0MTggMTUuNDI2QzYuMDAwNjUgMTUuNzAwMSA1Ljk3MDk0IDE2LjAwMTcgNi4wMjg4MiAxNi4yOTI2QzYuMDg2NyAxNi41ODM2IDYuMjI5NTYgMTYuODUwOSA2LjQzOTM0IDE3LjA2MDdDNi42NDkxMiAxNy4yNzA0IDYuOTE2MzkgMTcuNDEzMyA3LjIwNzM3IDE3LjQ3MTJDNy40OTgzNCAxNy41MjkxIDcuNzk5OTQgMTcuNDk5NCA4LjA3NDAzIDE3LjM4NThDOC4zNDgxMSAxNy4yNzIzIDguNTgyMzggMTcuMDggOC43NDcyMSAxNi44MzM0QzguOTEyMDMgMTYuNTg2NyA5IDE2LjI5NjcgOSAxNkM5IDE1LjYwMjIgOC44NDE5NyAxNS4yMjA2IDguNTYwNjYgMTQuOTM5M0M4LjI3OTM2IDE0LjY1OCA3Ljg5NzgzIDE0LjUgNy41IDE0LjVaTTE2IDE0LjVDMTUuNzAzMyAxNC41IDE1LjQxMzMgMTQuNTg4IDE1LjE2NjYgMTQuNzUyOEMxNC45MiAxNC45MTc2IDE0LjcyNzcgMTUuMTUxOSAxNC42MTQyIDE1LjQyNkMxNC41MDA3IDE1LjcwMDEgMTQuNDcwOSAxNi4wMDE3IDE0LjUyODggMTYuMjkyNkMxNC41ODY3IDE2LjU4MzYgMTQuNzI5NiAxNi44NTA5IDE0LjkzOTMgMTcuMDYwN0MxNS4xNDkxIDE3LjI3MDQgMTUuNDE2NCAxNy40MTMzIDE1LjcwNzQgMTcuNDcxMkMxNS45OTgzIDE3LjUyOTEgMTYuMjk5OSAxNy40OTk0IDE2LjU3NCAxNy4zODU4QzE2Ljg0ODEgMTcuMjcyMyAxNy4wODI0IDE3LjA4IDE3LjI0NzIgMTYuODMzNEMxNy40MTIgMTYuNTg2NyAxNy41IDE2LjI5NjcgMTcuNSAxNkMxNy41IDE1LjYwMjIgMTcuMzQyIDE1LjIyMDYgMTcuMDYwNyAxNC45MzkzQzE2Ljc3OTQgMTQuNjU4IDE2LjM5NzggMTQuNSAxNiAxNC41Wk0yNC41IDE0LjVDMjQuMjAzMyAxNC41IDIzLjkxMzMgMTQuNTg4IDIzLjY2NjYgMTQuNzUyOEMyMy40MiAxNC45MTc2IDIzLjIyNzcgMTUuMTUxOSAyMy4xMTQyIDE1LjQyNkMyMy4wMDA3IDE1LjcwMDEgMjIuOTcwOSAxNi4wMDE3IDIzLjAyODggMTYuMjkyNkMyMy4wODY3IDE2LjU4MzYgMjMuMjI5NiAxNi44NTA5IDIzLjQzOTMgMTcuMDYwN0MyMy42NDkxIDE3LjI3MDQgMjMuOTE2NCAxNy40MTMzIDI0LjIwNzQgMTcuNDcxMkMyNC40OTgzIDE3LjUyOTEgMjQuNzk5OSAxNy40OTk0IDI1LjA3NCAxNy4zODU4QzI1LjM0ODEgMTcuMjcyMyAyNS41ODI0IDE3LjA4IDI1Ljc0NzIgMTYuODMzNEMyNS45MTIgMTYuNTg2NyAyNiAxNi4yOTY3IDI2IDE2QzI2IDE1LjYwMjIgMjUuODQyIDE1LjIyMDYgMjUuNTYwNyAxNC45MzkzQzI1LjI3OTQgMTQuNjU4IDI0Ljg5NzggMTQuNSAyNC41IDE0LjVaTTcuNSAyM0M3LjIwMzMzIDIzIDYuOTEzMzIgMjMuMDg4IDYuNjY2NjUgMjMuMjUyOEM2LjQxOTk3IDIzLjQxNzYgNi4yMjc3MSAyMy42NTE5IDYuMTE0MTggMjMuOTI2QzYuMDAwNjUgMjQuMjAwMSA1Ljk3MDk0IDI0LjUwMTcgNi4wMjg4MiAyNC43OTI2QzYuMDg2NyAyNS4wODM2IDYuMjI5NTYgMjUuMzUwOSA2LjQzOTM0IDI1LjU2MDdDNi42NDkxMiAyNS43NzA0IDYuOTE2MzkgMjUuOTEzMyA3LjIwNzM3IDI1Ljk3MTJDNy40OTgzNCAyNi4wMjkxIDcuNzk5OTQgMjUuOTk5MyA4LjA3NDAzIDI1Ljg4NThDOC4zNDgxMSAyNS43NzIzIDguNTgyMzggMjUuNTggOC43NDcyMSAyNS4zMzM0QzguOTEyMDMgMjUuMDg2NyA5IDI0Ljc5NjcgOSAyNC41QzkgMjQuMTAyMiA4Ljg0MTk3IDIzLjcyMDYgOC41NjA2NiAyMy40MzkzQzguMjc5MzYgMjMuMTU4IDcuODk3ODMgMjMgNy41IDIzWk0xNiAyM0MxNS43MDMzIDIzIDE1LjQxMzMgMjMuMDg4IDE1LjE2NjYgMjMuMjUyOEMxNC45MiAyMy40MTc2IDE0LjcyNzcgMjMuNjUxOSAxNC42MTQyIDIzLjkyNkMxNC41MDA3IDI0LjIwMDEgMTQuNDcwOSAyNC41MDE3IDE0LjUyODggMjQuNzkyNkMxNC41ODY3IDI1LjA4MzYgMTQuNzI5NiAyNS4zNTA5IDE0LjkzOTMgMjUuNTYwN0MxNS4xNDkxIDI1Ljc3MDQgMTUuNDE2NCAyNS45MTMzIDE1LjcwNzQgMjUuOTcxMkMxNS45OTgzIDI2LjAyOTEgMTYuMjk5OSAyNS45OTkzIDE2LjU3NCAyNS44ODU4QzE2Ljg0ODEgMjUuNzcyMyAxNy4wODI0IDI1LjU4IDE3LjI0NzIgMjUuMzMzNEMxNy40MTIgMjUuMDg2NyAxNy41IDI0Ljc5NjcgMTcuNSAyNC41QzE3LjUgMjQuMTAyMiAxNy4zNDIgMjMuNzIwNiAxNy4wNjA3IDIzLjQzOTNDMTYuNzc5NCAyMy4xNTggMTYuMzk3OCAyMyAxNiAyM1pNMjQuNSAyM0MyNC4yMDMzIDIzIDIzLjkxMzMgMjMuMDg4IDIzLjY2NjYgMjMuMjUyOEMyMy40MiAyMy40MTc2IDIzLjIyNzcgMjMuNjUxOSAyMy4xMTQyIDIzLjkyNkMyMy4wMDA3IDI0LjIwMDEgMjIuOTcwOSAyNC41MDE3IDIzLjAyODggMjQuNzkyNkMyMy4wODY3IDI1LjA4MzYgMjMuMjI5NiAyNS4zNTA5IDIzLjQzOTMgMjUuNTYwN0MyMy42NDkxIDI1Ljc3MDQgMjMuOTE2NCAyNS45MTMzIDI0LjIwNzQgMjUuOTcxMkMyNC40OTgzIDI2LjAyOTEgMjQuNzk5OSAyNS45OTkzIDI1LjA3NCAyNS44ODU4QzI1LjM0ODEgMjUuNzcyMyAyNS41ODI0IDI1LjU4IDI1Ljc0NzIgMjUuMzMzNEMyNS45MTIgMjUuMDg2NyAyNiAyNC43OTY3IDI2IDI0LjVDMjYgMjQuMTAyMiAyNS44NDIgMjMuNzIwNiAyNS41NjA3IDIzLjQzOTNDMjUuMjc5NCAyMy4xNTggMjQuODk3OCAyMyAyNC41IDIzWiIgZmlsbD0iIzFBMUExQSIvPgo8L3N2Zz4K"); }

.iconSortAscending {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.5 3h-15A1.5 1.5 0 0 0 3 4.5v15A1.5 1.5 0 0 0 4.5 21h15a1.5 1.5 0 0 0 1.5-1.5v-15A1.5 1.5 0 0 0 19.5 3M6.75 6.75h9a.75.75 0 1 1 0 1.5h-9a.75.75 0 0 1 0-1.5m3.75 10.5H6.75a.75.75 0 1 1 0-1.5h3.75a.75.75 0 1 1 0 1.5m.75-4.5h-4.5a.75.75 0 1 1 0-1.5h4.5a.75.75 0 1 1 0 1.5m7.28 2.78-2.25 2.25a.747.747 0 0 1-1.06 0l-2.25-2.25a.75.75 0 1 1 1.06-1.06l.97.97v-4.19a.75.75 0 1 1 1.5 0v4.19l.97-.97a.75.75 0 1 1 1.06 1.06'/%3E%3C/svg%3E"); }

.iconList {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23343330' d='M24.5 14a.875.875 0 0 1-.875.875H4.375a.875.875 0 0 1 0-1.75h19.25A.875.875 0 0 1 24.5 14M4.375 7.875h19.25a.875.875 0 1 0 0-1.75H4.375a.875.875 0 0 0 0 1.75m19.25 12.25H4.375a.875.875 0 0 0 0 1.75h19.25a.875.875 0 1 0 0-1.75'/%3E%3C/svg%3E"); }

.iconCirclesThree-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' d='M9 8.438A3.094 3.094 0 1 1 9 2.25a3.094 3.094 0 0 1 0 6.188M13.219 9a3.094 3.094 0 1 0 0 6.187 3.094 3.094 0 0 0 0-6.187M4.78 9a3.094 3.094 0 1 0 0 6.188 3.094 3.094 0 0 0 0-6.188'/%3E%3C/svg%3E"); }

.iconPencil {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%231a1a1a' d='m24.862 8.025-4.887-4.888a1.75 1.75 0 0 0-2.475 0L4.013 16.625a1.74 1.74 0 0 0-.513 1.237v4.888a1.75 1.75 0 0 0 1.75 1.75h4.888a1.74 1.74 0 0 0 1.237-.513L24.862 10.5a1.75 1.75 0 0 0 0-2.475M10.138 22.75H5.25v-4.888l9.625-9.625 4.888 4.888zM21 11.887 16.112 7l2.625-2.625 4.888 4.887z'/%3E%3C/svg%3E"); }

.iconPencil-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' d='M15.983 5.159 12.84 2.017a1.125 1.125 0 0 0-1.591 0l-8.67 8.67a1.12 1.12 0 0 0-.33.796v3.142a1.125 1.125 0 0 0 1.125 1.125h3.142a1.12 1.12 0 0 0 .796-.33l8.67-8.67a1.126 1.126 0 0 0 0-1.591M13.5 7.642 10.358 4.5l1.687-1.688 3.143 3.142z'/%3E%3C/svg%3E"); }

.iconBell {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%231a1a1a' d='M18.375 24.5a.875.875 0 0 1-.875.875h-7a.875.875 0 0 1 0-1.75h7a.875.875 0 0 1 .875.875m5.89-3.5a1.73 1.73 0 0 1-1.515.875H5.25a1.75 1.75 0 0 1-1.51-2.632c.608-1.045 1.51-4.003 1.51-7.868a8.75 8.75 0 1 1 17.5 0c0 3.864.904 6.823 1.51 7.868A1.74 1.74 0 0 1 24.265 21m-1.515-.875c-.845-1.451-1.75-4.807-1.75-8.75a7 7 0 1 0-14 0c0 3.944-.906 7.3-1.75 8.75z'/%3E%3C/svg%3E"); }

.iconUserCircle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%231a1a1a' d='M14 2.625A11.375 11.375 0 1 0 25.375 14 11.387 11.387 0 0 0 14 2.625M8.103 21.602a7 7 0 0 1 11.795 0 9.606 9.606 0 0 1-11.795 0m2.397-8.477a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0m10.692 7.264a8.7 8.7 0 0 0-3.944-3.145 5.25 5.25 0 1 0-6.496 0 8.7 8.7 0 0 0-3.944 3.145 9.625 9.625 0 1 1 14.385 0'/%3E%3C/svg%3E"); }

.iconCrown {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M14.984 5.676q.001.01-.004.02l-1.418 6.492a1 1 0 0 1-.982.812H3.42a1 1 0 0 1-.982-.812L1.02 5.696q-.001-.01-.004-.02a1 1 0 0 1 1.734-.839l2.104 2.268 2.238-5.018v-.006a1 1 0 0 1 1.816 0v.006l2.238 5.018 2.104-2.268a1 1 0 0 1 1.732.839z'/%3E%3C/svg%3E"); }

.iconHouse {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23000' d='m24.297 11.577-8.75-8.75a2.187 2.187 0 0 0-3.094 0l-8.75 8.75a2.17 2.17 0 0 0-.64 1.548v10.5a1.313 1.313 0 0 0 1.312 1.312h7a1.313 1.313 0 0 0 1.313-1.312v-5.688h2.624v5.688a1.313 1.313 0 0 0 1.313 1.312h7a1.313 1.313 0 0 0 1.313-1.312v-10.5a2.17 2.17 0 0 0-.641-1.548m-1.985 10.735h-4.375v-5.687a1.313 1.313 0 0 0-1.312-1.313h-5.25a1.313 1.313 0 0 0-1.312 1.313v5.687H5.688v-9.007L14 4.993l8.313 8.312z'/%3E%3C/svg%3E"); }

.iconUsers {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23000' d='M13.692 17.165a7 7 0 1 0-9.009 0 10.96 10.96 0 0 0-4.319 3.5 1.312 1.312 0 1 0 2.117 1.553 8.313 8.313 0 0 1 13.413 0 1.313 1.313 0 1 0 2.118-1.553 11 11 0 0 0-4.32-3.5m-8.88-5.352a4.375 4.375 0 1 1 8.75 0 4.375 4.375 0 0 1-8.75 0m22.543 10.682a1.313 1.313 0 0 1-1.836-.28 8.35 8.35 0 0 0-6.706-3.402 1.312 1.312 0 0 1 0-2.625 4.374 4.374 0 1 0-1.127-8.605 1.313 1.313 0 1 1-.674-2.536 7 7 0 0 1 6.305 12.118 10.96 10.96 0 0 1 4.319 3.5 1.31 1.31 0 0 1-.281 1.83'/%3E%3C/svg%3E"); }

.iconUsers-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M20.559 24.454A1 1 0 0 1 19.72 26H1.28a1 1 0 0 1-.838-1.546 11.98 11.98 0 0 1 5.903-4.714 7.5 7.5 0 1 1 8.312 0 11.98 11.98 0 0 1 5.903 4.714m10.988-.019a12 12 0 0 0-5.89-4.695 7.5 7.5 0 0 0-7.57-12.916.5.5 0 0 0-.166.75 9.48 9.48 0 0 1 .454 11.242.5.5 0 0 0 .134.692 14 14 0 0 1 3.73 3.853c.398.608.56 1.34.457 2.06a.5.5 0 0 0 .494.58h7.537a1 1 0 0 0 .967-.742 1.03 1.03 0 0 0-.147-.824'/%3E%3C/svg%3E"); }

.iconTicket {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23000' d='M25.375 11.813a1.313 1.313 0 0 0 1.313-1.313V7A2.19 2.19 0 0 0 24.5 4.813h-21A2.19 2.19 0 0 0 1.313 7v3.5a1.313 1.313 0 0 0 1.312 1.313 2.188 2.188 0 0 1 0 4.374A1.313 1.313 0 0 0 1.313 17.5V21A2.187 2.187 0 0 0 3.5 23.188h21A2.19 2.19 0 0 0 26.688 21v-3.5a1.313 1.313 0 0 0-1.313-1.312 2.188 2.188 0 0 1 0-4.375M3.938 18.63a4.812 4.812 0 0 0 0-9.262V7.438h5.687v13.125H3.938zm20.125 0v1.931H12.25V7.438h11.813V9.37a4.813 4.813 0 0 0 0 9.262'/%3E%3C/svg%3E"); }

.iconTicket-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' d='M16.313 7.313a.56.56 0 0 0 .562-.563V4.5a1.125 1.125 0 0 0-1.125-1.125H2.25A1.125 1.125 0 0 0 1.125 4.5v2.25a.563.563 0 0 0 .563.563 1.687 1.687 0 1 1 0 3.375.563.563 0 0 0-.563.562v2.25a1.125 1.125 0 0 0 1.125 1.125h13.5a1.125 1.125 0 0 0 1.125-1.125v-2.25a.56.56 0 0 0-.562-.562 1.687 1.687 0 1 1 0-3.376M2.25 11.756a2.812 2.812 0 0 0 0-5.512V4.5h3.938v9H2.25z'/%3E%3C/svg%3E"); }

.iconStarFour {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23000' d='m25.25 11.95-6.746-2.454-2.453-6.746a2.183 2.183 0 0 0-4.102 0L9.496 9.496 2.75 11.949a2.182 2.182 0 0 0 0 4.102l6.746 2.453 2.453 6.746a2.182 2.182 0 0 0 4.102 0l2.453-6.746 6.746-2.453a2.183 2.183 0 0 0 0-4.102m-8.218 4.297a1.31 1.31 0 0 0-.785.785L14 23.21l-2.247-6.178a1.31 1.31 0 0 0-.785-.785L4.79 14l6.178-2.247a1.31 1.31 0 0 0 .785-.785L14 4.79l2.247 6.178a1.32 1.32 0 0 0 .785.785L23.21 14z'/%3E%3C/svg%3E"); }

.iconRocket {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' d='M10.688 15.75a.563.563 0 0 1-.563.563h-2.25a.562.562 0 1 1 0-1.125h2.25a.563.563 0 0 1 .563.562m5.035-4.793-.869 3.911a1.125 1.125 0 0 1-1.793.64l-1.916-1.445H6.856L4.94 15.509a1.125 1.125 0 0 1-1.794-.64l-.87-3.912a1.13 1.13 0 0 1 .234-.964l2.008-2.41c.068-.884.271-1.754.603-2.577.907-2.274 2.531-3.701 3.19-4.209a1.125 1.125 0 0 1 1.378 0c.657.508 2.283 1.935 3.19 4.209.332.823.535 1.693.603 2.578l2.008 2.409a1.13 1.13 0 0 1 .233.964m-9.79 2.39q-1.131-2.061-1.375-4.054l-1.183 1.42.87 3.912.012-.01zm3.91-6.316a.844.844 0 1 0-1.687 0 .844.844 0 0 0 1.688 0m4.782 3.682-1.183-1.42q-.24 1.987-1.376 4.056l1.677 1.265.013.01z'/%3E%3C/svg%3E"); }

.iconSparkle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' d='M14.625 10.125a1.11 1.11 0 0 1-.733 1.05l-3.626 1.34-1.336 3.63a1.12 1.12 0 0 1-2.101 0l-1.345-3.63-3.63-1.335a1.12 1.12 0 0 1 0-2.101l3.63-1.345 1.336-3.63a1.12 1.12 0 0 1 2.101 0l1.345 3.63 3.63 1.336a1.11 1.11 0 0 1 .729 1.055m-3.938-6.75h1.125V4.5a.563.563 0 0 0 1.125 0V3.375h1.125a.563.563 0 1 0 0-1.125h-1.125V1.125a.562.562 0 1 0-1.125 0V2.25h-1.125a.562.562 0 1 0 0 1.125m6.188 2.25h-.563v-.562a.562.562 0 1 0-1.125 0v.562h-.562a.562.562 0 1 0 0 1.125h.562v.563a.563.563 0 0 0 1.125 0V6.75h.563a.563.563 0 1 0 0-1.125'/%3E%3C/svg%3E"); }

.iconSealCheck {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' d='M15.88 7.23c-.264-.278-.539-.563-.642-.814-.095-.23-.101-.611-.107-.98-.01-.686-.021-1.464-.562-2.005s-1.319-.552-2.005-.562c-.369-.006-.75-.012-.98-.107-.25-.103-.537-.378-.813-.643-.486-.466-1.037-.994-1.771-.994s-1.285.528-1.77.994c-.278.265-.563.54-.814.643-.229.095-.611.101-.98.107-.686.01-1.464.022-2.005.562-.54.541-.548 1.319-.562 2.005-.006.369-.012.75-.107.98-.103.25-.378.536-.643.814-.466.485-.994 1.036-.994 1.77s.528 1.285.994 1.77c.265.277.54.563.643.814.095.23.101.611.107.98.01.686.022 1.464.562 2.005.541.54 1.319.552 2.005.562.369.006.75.011.98.107.25.104.536.378.814.643.485.466 1.036.994 1.77.994s1.285-.528 1.77-.994c.277-.265.563-.54.814-.643.23-.095.611-.101.98-.107.686-.01 1.464-.021 2.005-.562s.552-1.319.562-2.005c.006-.369.011-.75.107-.98.104-.25.378-.537.643-.813.466-.486.994-1.037.994-1.771s-.528-1.285-.994-1.77m-3.67.48-3.937 3.938a.56.56 0 0 1-.796 0L5.79 9.96a.563.563 0 0 1 .795-.795l1.29 1.29 3.54-3.54a.563.563 0 0 1 .796.795'/%3E%3C/svg%3E"); }

.iconFire {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M17.923 2.231a1 1 0 0 0-1.58.427l-2.75 7.55-3.02-2.925a1 1 0 0 0-1.49.11C6.374 10.942 5 14.51 5 18a11 11 0 1 0 22 0c0-7.431-6.349-13.5-9.077-15.769m5.063 16.937a7.2 7.2 0 0 1-5.82 5.818 1 1 0 1 1-.331-1.973c2.071-.348 3.829-2.105 4.18-4.18a1 1 0 0 1 1.973.335z'/%3E%3C/svg%3E"); }

.iconCellSignalMedium {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.574 2.365a1.5 1.5 0 0 0-1.635.325l-15 15A1.5 1.5 0 0 0 3 20.25h15a1.5 1.5 0 0 0 1.5-1.5v-15a1.49 1.49 0 0 0-.926-1.385M18 18.75h-6v-9l6-6z'/%3E%3C/svg%3E"); }

.iconDiamondsFour {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11.47 10.28a.747.747 0 0 0 1.06 0l3.75-3.75a.75.75 0 0 0 0-1.06l-3.75-3.75a.75.75 0 0 0-1.06 0L7.72 5.47a.75.75 0 0 0 0 1.06zM12 3.31 14.69 6 12 8.69 9.31 6zm.53 10.407a.747.747 0 0 0-1.06 0l-3.75 3.75a.75.75 0 0 0 0 1.06l3.75 3.75a.747.747 0 0 0 1.06 0l3.75-3.75a.747.747 0 0 0 0-1.06zM12 20.69 9.31 18 12 15.31 14.69 18zm10.28-9.22-3.75-3.75a.75.75 0 0 0-1.06 0l-3.75 3.75a.75.75 0 0 0 0 1.06l3.75 3.75a.747.747 0 0 0 1.06 0l3.75-3.75a.747.747 0 0 0 0-1.06M18 14.69 15.31 12 18 9.31 20.69 12zm-7.72-3.22L6.53 7.72a.75.75 0 0 0-1.06 0l-3.75 3.75a.75.75 0 0 0 0 1.06l3.75 3.75a.75.75 0 0 0 1.06 0l3.75-3.75a.747.747 0 0 0 0-1.06M6 14.69 3.31 12 6 9.31 8.69 12z'/%3E%3C/svg%3E"); }

.iconUser {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' d='M16.237 15.469a.56.56 0 0 1-.487.281H2.25a.562.562 0 0 1-.487-.844c1.071-1.851 2.721-3.179 4.647-3.808a5.062 5.062 0 1 1 5.18 0c1.925.63 3.576 1.957 4.647 3.808a.56.56 0 0 1 0 .563'/%3E%3C/svg%3E"); }

.iconUserSquare, .iconTentang {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M26 4H6a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2M12 15a4 4 0 1 1 8 0 4 4 0 0 1-8 0M8.584 26a8 8 0 0 1 14.833 0zM26 26h-.459a9.99 9.99 0 0 0-5.835-6.286 6 6 0 1 0-7.412 0A9.99 9.99 0 0 0 6.459 26H6V6h20z'/%3E%3C/svg%3E"); }

.iconChartPie, .iconStatistik {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2.25A9.75 9.75 0 1 0 21.75 12 9.76 9.76 0 0 0 12 2.25m6.738 4.994-5.988 3.457V3.785a8.25 8.25 0 0 1 5.988 3.46m-7.488-3.46v7.782l-6.74 3.89a8.25 8.25 0 0 1 6.74-11.671M12 20.25a8.25 8.25 0 0 1-6.738-3.494L19.49 8.543A8.25 8.25 0 0 1 12 20.25'/%3E%3C/svg%3E"); }

.iconPenNib, .iconTulisan {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M23.25 8.689a1.5 1.5 0 0 0-.44-1.06l-6.438-6.44a1.5 1.5 0 0 0-2.122 0l-2.665 2.665-5.438 2.041a1.5 1.5 0 0 0-.958 1.158L3.01 20.126a.75.75 0 0 0 .864.864l13.072-2.18a1.5 1.5 0 0 0 1.158-.952l2.041-5.438 2.665-2.67a1.5 1.5 0 0 0 .44-1.061M16.7 17.33 5.936 19.126l4.441-4.441a2.625 2.625 0 1 0-1.061-1.061l-4.441 4.443L6.668 7.299l5.145-1.928 6.815 6.817zm-6.2-4.956a1.124 1.124 0 1 1 2.249 0 1.124 1.124 0 0 1-2.249 0m9-1.436L13.06 4.5l2.25-2.25 6.44 6.439z'/%3E%3C/svg%3E"); }

.iconCoin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M12.974 3.99C11.678 3.342 9.958 3 8 3s-3.678.342-4.974.99C1.731 4.638 1 5.549 1 6.5v3c0 .951.739 1.866 2.026 2.51C4.314 12.654 6.042 13 8 13s3.678-.342 4.974-.99C14.269 11.363 15 10.451 15 9.5v-3c0-.951-.739-1.866-2.026-2.51M8 4c3.915 0 6 1.452 6 2.5S11.915 9 8 9 2 7.548 2 6.5 4.085 4 8 4m-.5 5.991v2c-1.187-.038-2.187-.213-3-.468V9.566c.98.26 1.987.403 3 .425m1 0a12.7 12.7 0 0 0 3-.425v1.957c-.812.254-1.812.429-3 .468zM2 9.5V8.346c.315.26.66.484 1.026.664.152.076.313.147.474.214v1.901C2.51 10.635 2 10.018 2 9.5m10.5 1.625v-1.9q.245-.102.474-.215A5.2 5.2 0 0 0 14 8.346V9.5c0 .518-.51 1.135-1.5 1.625'/%3E%3C/svg%3E"); }

.iconSend {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjMxMTIgMi42ODlDMjEuMTIyNiAyLjUwMDUgMjAuODg3MSAyLjM2NTY5IDIwLjYyOSAyLjI5ODQ2QzIwLjM3MSAyLjIzMTIyIDIwLjA5OTcgMi4yMzQgMTkuODQzIDIuMzA2NUgxOS44MjlMMS44MzQ2MSA3Ljc2NjVDMS41NDI0OCA3Ljg1MDY5IDEuMjgyODMgOC4wMjE2NiAxLjA5MDA3IDguMjU2NzZDMC44OTczMDIgOC40OTE4NSAwLjc4MDUyNSA4Ljc3OTk3IDAuNzU1MjEgOS4wODI5NEMwLjcyOTg5NSA5LjM4NTkgMC43OTcyMzggOS42ODk0IDAuOTQ4MzE0IDkuOTUzMjNDMS4wOTkzOSAxMC4yMTcxIDEuMzI3MDcgMTAuNDI4NyAxLjYwMTE3IDEwLjU2MDJMOS41NjI0MiAxNC40Mzc3TDEzLjQzNDMgMjIuMzk0M0MxMy41NTQ3IDIyLjY1MTMgMTMuNzQ2MiAyMi44Njg1IDEzLjk4NjEgMjMuMDIwMUMxNC4yMjYgMjMuMTcxOCAxNC41MDQyIDIzLjI1MTcgMTQuNzg4IDIzLjI1MDJDMTQuODMxMiAyMy4yNTAyIDE0Ljg3NDMgMjMuMjQ4NCAxNC45MTc0IDIzLjI0NDZDMTUuMjIwMSAyMy4yMjAxIDE1LjUwODEgMjMuMTAzNiAxNS43NDI3IDIyLjkxMDdDMTUuOTc3MyAyMi43MTc4IDE2LjE0NzMgMjIuNDU3OCAxNi4yMjk5IDIyLjE2NTZMMjEuNjg2MiA0LjE3MTE5QzIxLjY4NjIgNC4xNjY1IDIxLjY4NjIgNC4xNjE4MSAyMS42ODYyIDQuMTU3MTJDMjEuNzU5NiAzLjkwMTE1IDIxLjc2MzYgMy42MzAyNCAyMS42OTc3IDMuMzcyMjNDMjEuNjMxOCAzLjExNDIxIDIxLjQ5ODQgMi44Nzg0IDIxLjMxMTIgMi42ODlaTTE0Ljc5NjUgMjEuNzM2MkwxNC43OTE4IDIxLjc0OTNWMjEuNzQyN0wxMS4wMzYyIDE0LjAyNzFMMTUuNTM2MiA5LjUyNzEyQzE1LjY3MDkgOS4zODUzMyAxNS43NDQ5IDkuMTk2NTEgMTUuNzQyNCA5LjAwMDk0QzE1LjczOTkgOC44MDUzNyAxNS42NjExIDguNjE4NTIgMTUuNTIyOCA4LjQ4MDIyQzE1LjM4NDUgOC4zNDE5MSAxNS4xOTc2IDguMjYzMTEgMTUuMDAyIDguMjYwNjFDMTQuODA2NSA4LjI1ODEgMTQuNjE3NyA4LjMzMjEgMTQuNDc1OSA4LjQ2NjgxTDkuOTc1ODYgMTIuOTY2OEwyLjI1NzQyIDkuMjExMTlIMi4yNTA4NkgyLjI2Mzk5TDIwLjI0OTkgMy43NTAyNUwxNC43OTY1IDIxLjczNjJaIiBmaWxsPSIjNkM2Rjc1Ii8+Cjwvc3ZnPgo="); }

.iconSend-fill {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjY5MzcgNC4xNTY2OUMyMS42OTM3IDQuMTU2NjkgMjEuNjkzNyA0LjE2NjA3IDIxLjY5MzcgNC4xNzA3NUwxNi4yMzc0IDIyLjE2NTFDMTYuMTU0OCAyMi40NTc0IDE1Ljk4NDggMjIuNzE3NCAxNS43NTAyIDIyLjkxMDNDMTUuNTE1NiAyMy4xMDMyIDE1LjIyNzYgMjMuMjE5NyAxNC45MjQ5IDIzLjI0NDJDMTQuODgxOCAyMy4yNDc5IDE0LjgzODcgMjMuMjQ5OCAxNC43OTU1IDIzLjI0OThDMTQuNTExOSAyMy4yNTA3IDE0LjIzMzggMjMuMTcwNCAxMy45OTQzIDIzLjAxODRDMTMuNzU0OCAyMi44NjY0IDEzLjU2MzcgMjIuNjQ5MSAxMy40NDM3IDIyLjM5MkwxMC4wMzEyIDE1LjM4ODlDOS45OTcwMyAxNS4zMTg3IDkuOTg1NjMgMTUuMjM5NiA5Ljk5ODU3IDE1LjE2MjZDMTAuMDExNSAxNS4wODU3IDEwLjA0ODEgMTUuMDE0NyAxMC4xMDM0IDE0Ljk1OTVMMTUuNTMzNCA5LjUyOTVDMTUuNjY4MSA5LjM4NzcxIDE1Ljc0MjEgOS4xOTg4OSAxNS43Mzk2IDkuMDAzMzJDMTUuNzM3MSA4LjgwNzc1IDE1LjY1ODMgOC42MjA5IDE1LjUyIDguNDgyNkMxNS4zODE3IDguMzQ0MjkgMTUuMTk0OCA4LjI2NTQ5IDE0Ljk5OTIgOC4yNjI5OUMxNC44MDM3IDguMjYwNDggMTQuNjE0OCA4LjMzNDQ4IDE0LjQ3MyA4LjQ2OTE5TDkuMDQwMjQgMTMuODk5MkM4Ljk4NTA4IDEzLjk1NDQgOC45MTQwNyAxMy45OTEgOC44MzcxIDE0LjAwNEM4Ljc2MDEzIDE0LjAxNjkgOC42ODEwNCAxNC4wMDU1IDguNjEwODYgMTMuOTcxNEwxLjYwMTE3IDEwLjU1OThDMS4zMjcwNyAxMC40MjgzIDEuMDk5MzkgMTAuMjE2NiAwLjk0ODMxNCA5Ljk1MjhDMC43OTcyMzggOS42ODg5NyAwLjcyOTg5NSA5LjM4NTQ3IDAuNzU1MjEgOS4wODI1QzAuNzgwNTI1IDguNzc5NTQgMC44OTczMDIgOC40OTE0MiAxLjA5MDA3IDguMjU2MzJDMS4yODI4MyA4LjAyMTIzIDEuNTQyNDggNy44NTAyNiAxLjgzNDYxIDcuNzY2MDdMMTkuODI5IDIuMzA5ODJIMTkuODQzQzIwLjA5OTMgMi4yMzc4NCAyMC4zNyAyLjIzNTMxIDIwLjYyNzUgMi4zMDI1MUMyMC44ODUgMi4zNjk3IDIxLjEyIDIuNTA0MTkgMjEuMzA4MyAyLjY5MjE3QzIxLjQ5NjcgMi44ODAxNiAyMS42MzE3IDMuMTE0ODcgMjEuNjk5NCAzLjM3MjI0QzIxLjc2NzEgMy42Mjk2IDIxLjc2NTEgMy45MDAzNCAyMS42OTM3IDQuMTU2NjlaIiBmaWxsPSIjMUExQTFBIi8+Cjwvc3ZnPgo="); }

.iconClock {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' d='M9 1.688A7.312 7.312 0 1 0 16.313 9 7.32 7.32 0 0 0 9 1.688m3.938 7.875H9A.56.56 0 0 1 8.438 9V5.063a.563.563 0 0 1 1.124 0v3.375h3.376a.563.563 0 1 1 0 1.124'/%3E%3C/svg%3E"); }

.iconClockCountdown-fill {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjQ5ODMgOC45OTk2MkMxOS40OTgzIDguNzc3MTEgMTkuNTY0MyA4LjU1OTYxIDE5LjY4NzkgOC4zNzQ2QzE5LjgxMTUgOC4xODk2IDE5Ljk4NzIgOC4wNDU0IDIwLjE5MjggNy45NjAyNUMyMC4zOTg0IDcuODc1MTEgMjAuNjI0NiA3Ljg1MjgzIDIwLjg0MjggNy44OTYyM0MyMS4wNjEgNy45Mzk2NCAyMS4yNjE1IDguMDQ2NzkgMjEuNDE4OCA4LjIwNDEyQzIxLjU3NjEgOC4zNjE0NiAyMS42ODMzIDguNTYxOTEgMjEuNzI2NyA4Ljc4MDE0QzIxLjc3MDEgOC45OTgzNyAyMS43NDc4IDkuMjI0NTcgMjEuNjYyNyA5LjQzMDE0QzIxLjU3NzUgOS42MzU3IDIxLjQzMzMgOS44MTE0MSAyMS4yNDgzIDkuOTM1MDJDMjEuMDYzMyAxMC4wNTg2IDIwLjg0NTggMTAuMTI0NiAyMC42MjMzIDEwLjEyNDZDMjAuMzI0OSAxMC4xMjQ2IDIwLjAzODggMTAuMDA2MSAxOS44Mjc4IDkuNzk1MTFDMTkuNjE2OCA5LjU4NDE0IDE5LjQ5ODMgOS4yOTc5OSAxOS40OTgzIDguOTk5NjJaTTE4LjM3MzMgNi43NDk2MkMxOC41OTU4IDYuNzQ5NjIgMTguODEzMyA2LjY4MzY0IDE4Ljk5ODMgNi41NjAwMkMxOS4xODMzIDYuNDM2NDEgMTkuMzI3NSA2LjI2MDcgMTkuNDEyNyA2LjA1NTE0QzE5LjQ5NzggNS44NDk1NyAxOS41MjAxIDUuNjIzMzcgMTkuNDc2NyA1LjQwNTE0QzE5LjQzMzMgNS4xODY5MSAxOS4zMjYxIDQuOTg2NDYgMTkuMTY4OCA0LjgyOTEyQzE5LjAxMTUgNC42NzE3OSAxOC44MTEgNC41NjQ2NCAxOC41OTI4IDQuNTIxMjNDMTguMzc0NiA0LjQ3NzgzIDE4LjE0ODQgNC41MDAxMSAxNy45NDI4IDQuNTg1MjVDMTcuNzM3MiA0LjY3MDQgMTcuNTYxNSA0LjgxNDYgMTcuNDM3OSA0Ljk5OTZDMTcuMzE0MyA1LjE4NDYxIDE3LjI0ODMgNS40MDIxMSAxNy4yNDgzIDUuNjI0NjJDMTcuMjQ4MyA1LjkyMjk5IDE3LjM2NjggNi4yMDkxNCAxNy41Nzc4IDYuNDIwMTFDMTcuNzg4OCA2LjYzMTA5IDE4LjA3NDkgNi43NDk2MiAxOC4zNzMzIDYuNzQ5NjJaTTIxLjA2MDIgMTEuOTk5NkMyMC44NjIgMTEuOTgzMyAyMC42NjU1IDEyLjA0NjMgMjAuNTEzOCAxMi4xNzQ4QzIwLjM2MjEgMTIuMzAzMyAyMC4yNjc2IDEyLjQ4NjggMjAuMjUxMSAxMi42ODQ5QzIwLjExNjkgMTQuMjUyOSAxOS41Mzc2IDE1Ljc0OTggMTguNTgxNSAxNi45OTk3QzE3LjYyNTQgMTguMjQ5NiAxNi4zMzIxIDE5LjIwMDQgMTQuODU0IDE5Ljc0MDNDMTMuMzc1OCAyMC4yODAxIDExLjc3NDIgMjAuMzg2NSAxMC4yMzc2IDIwLjA0N0M4LjcwMDk5IDE5LjcwNzUgNy4yOTMzMyAxOC45MzYxIDYuMTgwMjMgMTcuODIzN0M1LjA2NzEzIDE2LjcxMTMgNC4yOTQ5IDE1LjMwNDIgMy45NTQ0MiAxMy43Njc4QzMuNjEzOTMgMTIuMjMxNCAzLjcxOTM0IDEwLjYyOTcgNC4yNTgyNSA5LjE1MTIxQzQuNzk3MTYgNy42NzI2OSA1Ljc0NzE1IDYuMzc4ODYgNi45OTY0NCA1LjQyMTk0QzguMjQ1NzMgNC40NjUwMiA5Ljc0MjM0IDMuODg0ODIgMTEuMzEwMiAzLjc0OTYyQzExLjQwODcgMy43NDE0OSAxMS41MDQ2IDMuNzE0MDUgMTEuNTkyNSAzLjY2ODg1QzExLjY4MDQgMy42MjM2NSAxMS43NTg1IDMuNTYxNTkgMTEuODIyNCAzLjQ4NjJDMTEuODg2MyAzLjQxMDgxIDExLjkzNDcgMy4zMjM1NyAxMS45NjQ5IDMuMjI5NDdDMTEuOTk1MSAzLjEzNTM2IDEyLjAwNjQgMy4wMzYyMyAxMS45OTgzIDIuOTM3NzRDMTEuOTkwMiAyLjgzOTI1IDExLjk2MjcgMi43NDMzMyAxMS45MTc1IDIuNjU1NDRDMTEuODcyMyAyLjU2NzU2IDExLjgxMDMgMi40ODk0MyAxMS43MzQ5IDIuNDI1NTRDMTEuNjU5NSAyLjM2MTY0IDExLjU3MjMgMi4zMTMyMSAxMS40NzgyIDIuMjgzMDNDMTEuMzg0MSAyLjI1Mjg1IDExLjI4NDkgMi4yNDE0OSAxMS4xODY0IDIuMjQ5NjJDOS4zMzM5NiAyLjQwODk2IDcuNTY1NTIgMy4wOTQwNyA2LjA4OTE5IDQuMjI0MzNDNC42MTI4NiA1LjM1NDU5IDMuNDkwMDQgNi44ODI5OSAyLjg1Mjg0IDguNjI5NzFDMi4yMTU2NCAxMC4zNzY0IDIuMDkwNTYgMTIuMjY4OCAyLjQ5MjMzIDE0LjA4NDJDMi44OTQxIDE1Ljg5OTYgMy44MDU5OSAxNy41NjI1IDUuMTIwNzIgMTguODc3MkM2LjQzNTQ2IDIwLjE5MTkgOC4wOTgzNCAyMS4xMDM4IDkuOTEzNzMgMjEuNTA1NkMxMS43MjkxIDIxLjkwNzQgMTMuNjIxNSAyMS43ODIzIDE1LjM2ODIgMjEuMTQ1MUMxNy4xMTQ5IDIwLjUwNzkgMTguNjQzMyAxOS4zODUxIDE5Ljc3MzYgMTcuOTA4N0MyMC45MDM5IDE2LjQzMjQgMjEuNTg5IDE0LjY2NCAyMS43NDgzIDEyLjgxMTVDMjEuNzU2OCAxMi43MTI5IDIxLjc0NTcgMTIuNjEzNyAyMS43MTU2IDEyLjUxOTRDMjEuNjg1NiAxMi40MjUyIDIxLjYzNzIgMTIuMzM3OCAyMS41NzMyIDEyLjI2MjRDMjEuNTA5MiAxMi4xODY5IDIxLjQzMSAxMi4xMjQ4IDIxLjM0MjkgMTIuMDc5N0MyMS4yNTQ5IDEyLjAzNDYgMjEuMTU4OCAxMi4wMDc0IDIxLjA2MDIgMTEuOTk5NlpNMTEuOTk4MyA1LjI0OTYyQzEzLjMzMzMgNS4yNDk2MiAxNC42Mzg0IDUuNjQ1NSAxNS43NDg0IDYuMzg3MkMxNi44NTg0IDcuMTI4OSAxNy43MjM2IDguMTgzMSAxOC4yMzQ1IDkuNDE2NUMxOC43NDU0IDEwLjY0OTkgMTguODc5MSAxMi4wMDcxIDE4LjYxODYgMTMuMzE2NUMxOC4zNTgyIDE0LjYyNTggMTcuNzE1MyAxNS44Mjg2IDE2Ljc3MTMgMTYuNzcyNkMxNS44MjczIDE3LjcxNjYgMTQuNjI0NSAxOC4zNTk1IDEzLjMxNTIgMTguNjE5OUMxMi4wMDU4IDE4Ljg4MDQgMTAuNjQ4NiAxOC43NDY3IDkuNDE1MiAxOC4yMzU4QzguMTgxNzkgMTcuNzI0OSA3LjEyNzU5IDE2Ljg1OTcgNi4zODU4OSAxNS43NDk3QzUuNjQ0MTkgMTQuNjM5NyA1LjI0ODMxIDEzLjMzNDYgNS4yNDgzMSAxMS45OTk2QzUuMjUwMjkgMTAuMjEgNS45NjIwOSA4LjQ5NDI4IDcuMjI3NTMgNy4yMjg4NEM4LjQ5Mjk3IDUuOTYzNCAxMC4yMDg3IDUuMjUxNiAxMS45OTgzIDUuMjQ5NjJaTTExLjI0ODMgMTEuOTk5NkMxMS4yNDgzIDEyLjE5ODUgMTEuMzI3MyAxMi4zODkzIDExLjQ2OCAxMi41Mjk5QzExLjYwODYgMTIuNjcwNiAxMS43OTk0IDEyLjc0OTYgMTEuOTk4MyAxMi43NDk2SDE2LjQ5ODNDMTYuNjk3MiAxMi43NDk2IDE2Ljg4OCAxMi42NzA2IDE3LjAyODYgMTIuNTI5OUMxNy4xNjkzIDEyLjM4OTMgMTcuMjQ4MyAxMi4xOTg1IDE3LjI0ODMgMTEuOTk5NkMxNy4yNDgzIDExLjgwMDcgMTcuMTY5MyAxMS42MDk5IDE3LjAyODYgMTEuNDY5M0MxNi44ODggMTEuMzI4NiAxNi42OTcyIDExLjI0OTYgMTYuNDk4MyAxMS4yNDk2SDEyLjc0ODNWNy40OTk2MkMxMi43NDgzIDcuMzAwNzEgMTIuNjY5MyA3LjEwOTk0IDEyLjUyODYgNi45NjkyOUMxMi4zODggNi44Mjg2NCAxMi4xOTcyIDYuNzQ5NjIgMTEuOTk4MyA2Ljc0OTYyQzExLjc5OTQgNi43NDk2MiAxMS42MDg2IDYuODI4NjQgMTEuNDY4IDYuOTY5MjlDMTEuMzI3MyA3LjEwOTk0IDExLjI0ODMgNy4zMDA3MSAxMS4yNDgzIDcuNDk5NjJWMTEuOTk5NlpNMTQuOTk4MyA0LjQ5OTYyQzE1LjIyMDggNC40OTk2MiAxNS40MzgzIDQuNDMzNjQgMTUuNjIzMyA0LjMxMDAyQzE1LjgwODMgNC4xODY0MSAxNS45NTI1IDQuMDEwNyAxNi4wMzc3IDMuODA1MTRDMTYuMTIyOCAzLjU5OTU3IDE2LjE0NTEgMy4zNzMzNyAxNi4xMDE3IDMuMTU1MTRDMTYuMDU4MyAyLjkzNjkxIDE1Ljk1MTEgMi43MzY0NiAxNS43OTM4IDIuNTc5MTJDMTUuNjM2NSAyLjQyMTc5IDE1LjQzNiAyLjMxNDY0IDE1LjIxNzggMi4yNzEyNEMxNC45OTk2IDIuMjI3ODMgMTQuNzczNCAyLjI1MDExIDE0LjU2NzggMi4zMzUyNUMxNC4zNjIyIDIuNDIwNCAxNC4xODY1IDIuNTY0NiAxNC4wNjI5IDIuNzQ5NkMxMy45MzkzIDIuOTM0NjEgMTMuODczMyAzLjE1MjExIDEzLjg3MzMgMy4zNzQ2MkMxMy44NzMzIDMuNjcyOTkgMTMuOTkxOCAzLjk1OTE0IDE0LjIwMjggNC4xNzAxMUMxNC40MTM4IDQuMzgxMDkgMTQuNjk5OSA0LjQ5OTYyIDE0Ljk5ODMgNC40OTk2MloiIGZpbGw9IiMxQTFBMUEiLz4KPC9zdmc+Cg=="); }

.iconThumbsUp {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.7656 8.13719C23.5368 7.87792 23.2555 7.6703 22.9403 7.52812C22.6251 7.38593 22.2833 7.31243 21.9375 7.3125H16.25V5.6875C16.25 4.61006 15.822 3.57675 15.0601 2.81488C14.2983 2.05301 13.2649 1.625 12.1875 1.625C12.0366 1.62489 11.8886 1.66683 11.7601 1.74613C11.6317 1.82542 11.5279 1.93892 11.4603 2.07391L7.62328 9.75H3.25C2.81902 9.75 2.4057 9.92121 2.10095 10.226C1.7962 10.5307 1.625 10.944 1.625 11.375V20.3125C1.625 20.7435 1.7962 21.1568 2.10095 21.4615C2.4057 21.7663 2.81902 21.9375 3.25 21.9375H20.7188C21.3126 21.9377 21.8861 21.7211 22.3315 21.3284C22.777 20.9357 23.0637 20.3939 23.138 19.8047L24.3567 10.0547C24.3999 9.71143 24.3695 9.36291 24.2676 9.03229C24.1657 8.70168 23.9946 8.39655 23.7656 8.13719ZM3.25 11.375H7.3125V20.3125H3.25V11.375ZM22.7439 9.85156L21.5252 19.6016C21.5004 19.798 21.4048 19.9786 21.2563 20.1095C21.1079 20.2404 20.9167 20.3126 20.7188 20.3125H8.9375V10.7545L12.6659 3.29672C13.2185 3.40732 13.7156 3.70597 14.0728 4.14186C14.43 4.57775 14.6252 5.12395 14.625 5.6875V8.125C14.625 8.34049 14.7106 8.54715 14.863 8.69952C15.0153 8.8519 15.222 8.9375 15.4375 8.9375H21.9375C22.0528 8.93746 22.1668 8.96196 22.2719 9.00937C22.377 9.05678 22.4708 9.12602 22.5471 9.21248C22.6233 9.29894 22.6803 9.40064 22.7143 9.51083C22.7482 9.62102 22.7583 9.73717 22.7439 9.85156Z' fill='%23000'/%3E%3C/svg%3E%0A"); }

.iconThumbsUp-fill {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.25 10.015C28.9684 9.69591 28.6222 9.44037 28.2342 9.26537C27.8463 9.09037 27.4256 8.99991 27 9H20V7C20 5.67392 19.4732 4.40215 18.5355 3.46447C17.5979 2.52678 16.3261 2 15 2C14.8142 1.99987 14.6321 2.05149 14.474 2.14908C14.3159 2.24667 14.1881 2.38636 14.105 2.5525L9.3825 12H4C3.46957 12 2.96086 12.2107 2.58579 12.5858C2.21071 12.9609 2 13.4696 2 14V25C2 25.5304 2.21071 26.0391 2.58579 26.4142C2.96086 26.7893 3.46957 27 4 27H25.5C26.2309 27.0003 26.9367 26.7337 27.485 26.2503C28.0332 25.767 28.3861 25.1001 28.4775 24.375L29.9775 12.375C30.0307 11.9525 29.9933 11.5236 29.8679 11.1167C29.7424 10.7098 29.5318 10.3342 29.25 10.015ZM4 14H9V25H4V14Z' fill='%23000'/%3E%3C/svg%3E%0A"); }

.iconThumbsDown {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.3567 15.9453L23.138 6.19531C23.0637 5.60613 22.777 5.06431 22.3315 4.6716C21.8861 4.27889 21.3126 4.0623 20.7188 4.0625H3.25C2.81902 4.0625 2.4057 4.2337 2.10095 4.53845C1.7962 4.8432 1.625 5.25652 1.625 5.6875V14.625C1.625 15.056 1.7962 15.4693 2.10095 15.774C2.4057 16.0788 2.81902 16.25 3.25 16.25H7.62328L11.4603 23.9261C11.5279 24.0611 11.6317 24.1746 11.7601 24.2539C11.8886 24.3332 12.0366 24.3751 12.1875 24.375C13.2649 24.375 14.2983 23.947 15.0601 23.1851C15.822 22.4233 16.25 21.3899 16.25 20.3125V18.6875H21.9375C22.2834 18.6876 22.6253 18.6141 22.9406 18.4719C23.2559 18.3297 23.5374 18.1219 23.7662 17.8626C23.995 17.6032 24.166 17.2981 24.2678 16.9675C24.3697 16.6369 24.4 16.2885 24.3567 15.9453ZM7.3125 14.625H3.25V5.6875H7.3125V14.625ZM22.5469 16.7873C22.4712 16.8744 22.3775 16.9441 22.2723 16.9916C22.1671 17.0391 22.0529 17.0633 21.9375 17.0625H15.4375C15.222 17.0625 15.0153 17.1481 14.863 17.3005C14.7106 17.4528 14.625 17.6595 14.625 17.875V20.3125C14.6252 20.8761 14.43 21.4222 14.0728 21.8581C13.7156 22.294 13.2185 22.5927 12.6659 22.7033L8.9375 15.2455V5.6875H20.7188C20.9167 5.68743 21.1079 5.75963 21.2563 5.89053C21.4048 6.02144 21.5004 6.20204 21.5252 6.39844L22.7439 16.1484C22.7591 16.2628 22.7494 16.3792 22.7154 16.4894C22.6814 16.5997 22.6239 16.7013 22.5469 16.7873Z' fill='%23000'/%3E%3C/svg%3E%0A"); }

.iconThumbsDown-fill {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.9775 19.625L28.4775 7.625C28.3861 6.89985 28.0332 6.233 27.485 5.74966C26.9367 5.26632 26.2309 4.99975 25.5 5H4C3.46957 5 2.96086 5.21071 2.58579 5.58579C2.21071 5.96086 2 6.46957 2 7V18C2 18.5304 2.21071 19.0391 2.58579 19.4142C2.96086 19.7893 3.46957 20 4 20H9.3825L14.105 29.4475C14.1881 29.6136 14.3159 29.7533 14.474 29.8509C14.6321 29.9485 14.8142 30.0001 15 30C16.3261 30 17.5979 29.4732 18.5355 28.5355C19.4732 27.5979 20 26.3261 20 25V23H27C27.4257 23.0001 27.8466 22.9097 28.2346 22.7346C28.6227 22.5596 28.9691 22.3039 29.2507 21.9847C29.5323 21.6655 29.7428 21.2899 29.8681 20.8831C29.9934 20.4762 30.0307 20.0474 29.9775 19.625ZM9 18H4V7H9V18Z' fill='%23000'/%3E%3C/svg%3E%0A"); }

.iconLike {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M16.688 3.75c-1.936 0-3.631.832-4.688 2.24-1.057-1.408-2.752-2.24-4.687-2.24A5.82 5.82 0 0 0 1.5 9.563c0 6.562 9.73 11.874 10.145 12.093a.75.75 0 0 0 .71 0c.415-.22 10.145-5.531 10.145-12.093a5.82 5.82 0 0 0-5.812-5.813M12 20.138c-1.712-.998-9-5.542-9-10.576A4.32 4.32 0 0 1 7.313 5.25c1.823 0 3.354.971 3.993 2.531a.75.75 0 0 0 1.388 0c.64-1.563 2.17-2.531 3.993-2.531A4.32 4.32 0 0 1 21 9.563c0 5.025-7.29 9.576-9 10.574'/%3E%3C/svg%3E"); }

.iconLike-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M30 12.75c0 8.75-12.974 15.833-13.526 16.125a1 1 0 0 1-.948 0C14.974 28.582 2 21.5 2 12.75A7.76 7.76 0 0 1 9.75 5c2.581 0 4.841 1.11 6.25 2.986C17.409 6.11 19.669 5 22.25 5A7.76 7.76 0 0 1 30 12.75'/%3E%3C/svg%3E"); }

.iconComment {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23000' d='M23.625 5.25H4.375A1.75 1.75 0 0 0 2.625 7v17.5a1.73 1.73 0 0 0 1.012 1.586 1.738 1.738 0 0 0 1.86-.25l.009-.007 3.572-3.079h14.547a1.75 1.75 0 0 0 1.75-1.75V7a1.75 1.75 0 0 0-1.75-1.75m0 15.75H8.75a.88.88 0 0 0-.572.213L4.375 24.5V7h19.25z'/%3E%3C/svg%3E"); }

.iconShare {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23000' d='m25.994 11.632-8.75-8.75a.875.875 0 0 0-1.494.618v4.413c-2.837.243-5.97 1.632-8.549 3.819-3.104 2.633-5.037 6.027-5.442 9.556a1.313 1.313 0 0 0 2.262 1.048c1.203-1.281 5.484-5.331 11.729-5.688V21a.876.876 0 0 0 1.494.618l8.75-8.75a.875.875 0 0 0 0-1.236M17.5 18.888V15.75a.875.875 0 0 0-.875-.875c-3.071 0-6.063.802-8.891 2.384a21.5 21.5 0 0 0-4 2.901c.634-2.607 2.233-5.087 4.6-7.094 2.539-2.154 5.639-3.44 8.29-3.44a.875.875 0 0 0 .876-.876V5.613l6.638 6.637z'/%3E%3C/svg%3E"); }

.iconVote {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23000' d='m25.12 12.506-10.5-10.5a.876.876 0 0 0-1.239 0l-10.5 10.5A.875.875 0 0 0 3.501 14h4.374v8.75a1.75 1.75 0 0 0 1.75 1.75h8.75a1.75 1.75 0 0 0 1.75-1.75V14H24.5a.876.876 0 0 0 .62-1.494m-5.87-.256a.875.875 0 0 0-.875.875v9.625h-8.75v-9.625a.875.875 0 0 0-.875-.875H5.612L14 3.862l8.388 8.388z'/%3E%3C/svg%3E"); }

.iconVote-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' d='M16.27 8.653a.56.56 0 0 1-.52.347h-2.812v5.625a1.125 1.125 0 0 1-1.126 1.125H6.188a1.125 1.125 0 0 1-1.125-1.125V9H2.25a.563.563 0 0 1-.398-.96l6.75-6.75a.56.56 0 0 1 .796 0l6.75 6.75a.56.56 0 0 1 .122.613'/%3E%3C/svg%3E"); }

.iconBookmark {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23000' d='M20.125 3.5H7.875a1.75 1.75 0 0 0-1.75 1.75V24.5a.875.875 0 0 0 1.339.742L14 21.156l6.537 4.086a.876.876 0 0 0 1.338-.742V5.25a1.75 1.75 0 0 0-1.75-1.75m0 19.422-5.662-3.539a.88.88 0 0 0-.928 0l-5.66 3.539V5.25h12.25z'/%3E%3C/svg%3E"); }

.iconBookmark-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M23 4H9a2 2 0 0 0-2 2v22a1 1 0 0 0 1.53.848l7.47-4.67 7.471 4.67A.999.999 0 0 0 25 28V6a2 2 0 0 0-2-2'/%3E%3C/svg%3E"); }

.iconNotePencil {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m21.53 5.47-3-3a.75.75 0 0 0-1.06 0l-9 9a.75.75 0 0 0-.22.53v3a.75.75 0 0 0 .75.75h3a.75.75 0 0 0 .53-.22l9-9a.75.75 0 0 0 0-1.06m-9.84 8.78H9.75v-1.94l6-6 1.94 1.94zm7.06-7.06-1.94-1.94L18 4.06 19.94 6zM21 12v7.5a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 19.5v-15A1.5 1.5 0 0 1 4.5 3H12a.75.75 0 1 1 0 1.5H4.5v15h15V12a.75.75 0 1 1 1.5 0'/%3E%3C/svg%3E"); }

.iconTrash {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.25 4.5H16.5v-.75a2.25 2.25 0 0 0-2.25-2.25h-4.5A2.25 2.25 0 0 0 7.5 3.75v.75H3.75a.75.75 0 0 0 0 1.5h.75v13.5A1.5 1.5 0 0 0 6 21h12a1.5 1.5 0 0 0 1.5-1.5V6h.75a.75.75 0 1 0 0-1.5M9 3.75A.75.75 0 0 1 9.75 3h4.5a.75.75 0 0 1 .75.75v.75H9zm9 15.75H6V6h12zm-7.5-9.75v6a.75.75 0 1 1-1.5 0v-6a.75.75 0 0 1 1.5 0m4.5 0v6a.75.75 0 1 1-1.5 0v-6a.75.75 0 1 1 1.5 0'/%3E%3C/svg%3E"); }

.iconScroll {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 9.75A.75.75 0 0 1 9.75 9h6a.75.75 0 1 1 0 1.5h-6A.75.75 0 0 1 9 9.75m.75 3.75h6a.75.75 0 1 0 0-1.5h-6a.75.75 0 1 0 0 1.5m12 4.5a3 3 0 0 1-3 3H8.25a3 3 0 0 1-3-3V6a1.5 1.5 0 0 0-3 0c0 .538.453.902.458.906A.75.75 0 0 1 1.8 8.099C1.692 8.02.75 7.276.75 6a3 3 0 0 1 3-3H16.5a3 3 0 0 1 3 3v9.75h.75a.75.75 0 0 1 .45.15c.113.08 1.05.824 1.05 2.1M9.024 16.264a.76.76 0 0 1 .726-.514H18V6a1.5 1.5 0 0 0-1.5-1.5H6.346c.265.455.405.973.404 1.5v12a1.5 1.5 0 0 0 3 0c0-.538-.453-.902-.457-.906a.73.73 0 0 1-.269-.83M20.25 18a1.18 1.18 0 0 0-.303-.75h-8.812c.075.243.113.496.113.75 0 .527-.138 1.044-.402 1.5h7.904a1.5 1.5 0 0 0 1.5-1.5'/%3E%3C/svg%3E"); }

.iconStar {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22.423 9.118a1.535 1.535 0 0 0-1.336-1.056l-5.532-.446-2.135-5.164a1.534 1.534 0 0 0-2.838 0L8.448 7.615l-5.534.447a1.543 1.543 0 0 0-.878 2.706l4.218 3.64-1.285 5.444a1.536 1.536 0 0 0 2.297 1.67L12 18.608l4.738 2.914a1.538 1.538 0 0 0 2.294-1.67l-1.29-5.444 4.218-3.64a1.54 1.54 0 0 0 .463-1.65m-1.438.513-4.565 3.937a.75.75 0 0 0-.24.742l1.395 5.888a.035.035 0 0 1-.016.044c-.017.014-.022.01-.036 0l-5.13-3.154a.75.75 0 0 0-.786 0l-5.13 3.156c-.014.009-.017.012-.035 0a.035.035 0 0 1-.016-.045l1.395-5.887a.75.75 0 0 0-.24-.742L3.015 9.633c-.01-.01-.021-.018-.012-.047s.017-.025.031-.027l5.993-.484a.75.75 0 0 0 .63-.463l2.308-5.589c.007-.016.01-.023.033-.023.022 0 .025.007.032.023l2.314 5.589a.75.75 0 0 0 .633.461l5.992.484c.014 0 .023 0 .031.027s0 .038-.015.047'/%3E%3C/svg%3E"); }

.iconStar-fill {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4LjMwNjggOC45NzI3NEwxNC43OTEyIDEyLjAwNjNMMTUuODYyMyAxNi41NDMxQzE1LjkyMTQgMTYuNzg5MyAxNS45MDYxIDE3LjA0NzYgMTUuODE4NSAxNy4yODUyQzE1LjczMDkgMTcuNTIyOSAxNS41NzQ4IDE3LjcyOTIgMTUuMzcgMTcuODc4MkMxNS4xNjUyIDE4LjAyNzIgMTQuOTIwOCAxOC4xMTIxIDE0LjY2NzggMTguMTIyMkMxNC40MTQ3IDE4LjEzMjQgMTQuMTY0MyAxOC4wNjczIDEzLjk0ODIgMTcuOTM1MkwxMC4wMDI5IDE1LjUwNzFMNi4wNTUyMiAxNy45MzUyQzUuODM5MTUgMTguMDY2NiA1LjU4OTA2IDE4LjEzMSA1LjMzNjQzIDE4LjEyMDVDNS4wODM4IDE4LjExIDQuODM5OTMgMTguMDI0OSA0LjYzNTU0IDE3Ljg3NjFDNC40MzExNSAxNy43MjcyIDQuMjc1MzYgMTcuNTIxMiA0LjE4NzgxIDE3LjI4NEM0LjEwMDI1IDE3LjA0NjggNC4wODQ4NCAxNi43ODkgNC4xNDM1MSAxNi41NDMxTDUuMjE4NTEgMTIuMDA2M0wxLjcwMjg4IDguOTcyNzRDMS41MTE3MSA4LjgwNzUyIDEuMzczNDUgOC41ODk2MyAxLjMwNTM3IDguMzQ2MjlDMS4yMzcyOSA4LjEwMjk2IDEuMjQyNCA3Ljg0NDk2IDEuMzIwMDggNy42MDQ1MkMxLjM5Nzc2IDcuMzY0MDcgMS41NDQ1NSA3LjE1MTg0IDEuNzQyMTIgNi45OTQzMkMxLjkzOTcgNi44MzY4MSAyLjE3OTMgNi43NDA5OSAyLjQzMTAxIDYuNzE4ODRMNy4wNDAzOCA2LjM0Njk2TDguODE4NTEgMi4wNDM4NEM4LjkxNDc1IDEuODA5MzIgOS4wNzg1NiAxLjYwODcyIDkuMjg5MTEgMS40Njc1NEM5LjQ5OTY1IDEuMzI2MzYgOS43NDc0MyAxLjI1MDk4IDEwLjAwMDkgMS4yNTA5OEMxMC4yNTQ0IDEuMjUwOTggMTAuNTAyMiAxLjMyNjM2IDEwLjcxMjcgMS40Njc1NEMxMC45MjMzIDEuNjA4NzIgMTEuMDg3MSAxLjgwOTMyIDExLjE4MzMgMi4wNDM4NEwxMi45NjA3IDYuMzQ2OTZMMTcuNTcwMSA2LjcxODg0QzE3LjgyMjMgNi43NDAxNyAxOC4wNjI2IDYuODM1NDUgMTguMjYwOSA2Ljk5Mjc1QzE4LjQ1OTIgNy4xNTAwNSAxOC42MDY2IDcuMzYyMzYgMTguNjg0OCA3LjYwMzFDMTguNzYyOSA3Ljg0MzgzIDE4Ljc2ODMgOC4xMDIyOCAxOC43MDAzIDguMzQ2MDZDMTguNjMyMiA4LjU4OTg0IDE4LjQ5MzcgOC44MDgxMSAxOC4zMDIxIDguOTczNTJMMTguMzA2OCA4Ljk3Mjc0WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4K"); }

.iconView {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M23.185 11.696c-.032-.074-.827-1.835-2.592-3.6C18.241 5.742 15.27 4.5 12 4.5S5.76 5.743 3.407 8.095C1.642 9.861.844 11.625.815 11.696a.75.75 0 0 0 0 .61c.032.074.827 1.834 2.592 3.6C5.759 18.256 8.73 19.5 12 19.5s6.24-1.243 8.593-3.594c1.765-1.766 2.56-3.526 2.592-3.6a.75.75 0 0 0 0-.61M12 18c-2.886 0-5.407-1.05-7.493-3.117A12.5 12.5 0 0 1 2.344 12a12.5 12.5 0 0 1 2.163-2.883C6.593 7.05 9.114 6 12 6s5.407 1.05 7.493 3.117A12.5 12.5 0 0 1 21.661 12c-.676 1.262-3.62 6-9.661 6m0-10.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9m0 7.5a3 3 0 1 1 0-5.999A3 3 0 0 1 12 15'/%3E%3C/svg%3E"); }

.iconCalendar {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M13 2h-1.5v-.5a.5.5 0 0 0-1 0V2h-5v-.5a.5.5 0 1 0-1 0V2H3a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1m-2.396 6.354-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708l1.146 1.147 2.646-2.647a.5.5 0 1 1 .708.708M3 5V3h1.5v.5a.5.5 0 1 0 1 0V3h5v.5a.5.5 0 0 0 1 0V3H13v2z'/%3E%3C/svg%3E"); }

.iconCalendarBasic {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjI1IDIuMTg3NUgxNC42ODc1VjEuODc1QzE0LjY4NzUgMS42MjYzNiAxNC41ODg3IDEuMzg3OSAxNC40MTI5IDEuMjEyMDlDMTQuMjM3MSAxLjAzNjI3IDEzLjk5ODYgMC45Mzc1IDEzLjc1IDAuOTM3NUMxMy41MDE0IDAuOTM3NSAxMy4yNjI5IDEuMDM2MjcgMTMuMDg3MSAxLjIxMjA5QzEyLjkxMTMgMS4zODc5IDEyLjgxMjUgMS42MjYzNiAxMi44MTI1IDEuODc1VjIuMTg3NUg3LjE4NzVWMS44NzVDNy4xODc1IDEuNjI2MzYgNy4wODg3MyAxLjM4NzkgNi45MTI5MSAxLjIxMjA5QzYuNzM3MSAxLjAzNjI3IDYuNDk4NjQgMC45Mzc1IDYuMjUgMC45Mzc1QzYuMDAxMzYgMC45Mzc1IDUuNzYyOSAxLjAzNjI3IDUuNTg3MDkgMS4yMTIwOUM1LjQxMTI3IDEuMzg3OSA1LjMxMjUgMS42MjYzNiA1LjMxMjUgMS44NzVWMi4xODc1SDMuNzVDMy4zMzU2IDIuMTg3NSAyLjkzODE3IDIuMzUyMTIgMi42NDUxNSAyLjY0NTE1QzIuMzUyMTIgMi45MzgxNyAyLjE4NzUgMy4zMzU2IDIuMTg3NSAzLjc1VjE2LjI1QzIuMTg3NSAxNi42NjQ0IDIuMzUyMTIgMTcuMDYxOCAyLjY0NTE1IDE3LjM1NDlDMi45MzgxNyAxNy42NDc5IDMuMzM1NiAxNy44MTI1IDMuNzUgMTcuODEyNUgxNi4yNUMxNi42NjQ0IDE3LjgxMjUgMTcuMDYxOCAxNy42NDc5IDE3LjM1NDkgMTcuMzU0OUMxNy42NDc5IDE3LjA2MTggMTcuODEyNSAxNi42NjQ0IDE3LjgxMjUgMTYuMjVWMy43NUMxNy44MTI1IDMuMzM1NiAxNy42NDc5IDIuOTM4MTcgMTcuMzU0OSAyLjY0NTE1QzE3LjA2MTggMi4zNTIxMiAxNi42NjQ0IDIuMTg3NSAxNi4yNSAyLjE4NzVaTTUuMzEyNSA0LjA2MjVDNS4zMTI1IDQuMzExMTQgNS40MTEyNyA0LjU0OTYgNS41ODcwOSA0LjcyNTQxQzUuNzYyOSA0LjkwMTIzIDYuMDAxMzYgNSA2LjI1IDVDNi40OTg2NCA1IDYuNzM3MSA0LjkwMTIzIDYuOTEyOTEgNC43MjU0MUM3LjA4ODczIDQuNTQ5NiA3LjE4NzUgNC4zMTExNCA3LjE4NzUgNC4wNjI1SDEyLjgxMjVDMTIuODEyNSA0LjMxMTE0IDEyLjkxMTMgNC41NDk2IDEzLjA4NzEgNC43MjU0MUMxMy4yNjI5IDQuOTAxMjMgMTMuNTAxNCA1IDEzLjc1IDVDMTMuOTk4NiA1IDE0LjIzNzEgNC45MDEyMyAxNC40MTI5IDQuNzI1NDFDMTQuNTg4NyA0LjU0OTYgMTQuNjg3NSA0LjMxMTE0IDE0LjY4NzUgNC4wNjI1SDE1LjkzNzVWNS45Mzc1SDQuMDYyNVY0LjA2MjVINS4zMTI1Wk00LjA2MjUgMTUuOTM3NVY3LjgxMjVIMTUuOTM3NVYxNS45Mzc1SDQuMDYyNVoiIGZpbGw9IiMwRjc5QzYiLz4KPC9zdmc+Cg=="); }

.iconCalendarStar-fill {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjUgM0gxNy4yNVYyLjI1QzE3LjI1IDIuMDUxMDkgMTcuMTcxIDEuODYwMzIgMTcuMDMwMyAxLjcxOTY3QzE2Ljg4OTcgMS41NzkwMiAxNi42OTg5IDEuNSAxNi41IDEuNUMxNi4zMDExIDEuNSAxNi4xMTAzIDEuNTc5MDIgMTUuOTY5NyAxLjcxOTY3QzE1LjgyOSAxLjg2MDMyIDE1Ljc1IDIuMDUxMDkgMTUuNzUgMi4yNVYzSDguMjVWMi4yNUM4LjI1IDIuMDUxMDkgOC4xNzA5OCAxLjg2MDMyIDguMDMwMzMgMS43MTk2N0M3Ljg4OTY4IDEuNTc5MDIgNy42OTg5MSAxLjUgNy41IDEuNUM3LjMwMTA5IDEuNSA3LjExMDMyIDEuNTc5MDIgNi45Njk2NyAxLjcxOTY3QzYuODI5MDIgMS44NjAzMiA2Ljc1IDIuMDUxMDkgNi43NSAyLjI1VjNINC41QzQuMTAyMTggMyAzLjcyMDY0IDMuMTU4MDQgMy40MzkzNCAzLjQzOTM0QzMuMTU4MDQgMy43MjA2NCAzIDQuMTAyMTggMyA0LjVWMTkuNUMzIDE5Ljg5NzggMy4xNTgwNCAyMC4yNzk0IDMuNDM5MzQgMjAuNTYwN0MzLjcyMDY0IDIwLjg0MiA0LjEwMjE4IDIxIDQuNSAyMUgxOS41QzE5Ljg5NzggMjEgMjAuMjc5NCAyMC44NDIgMjAuNTYwNyAyMC41NjA3QzIwLjg0MiAyMC4yNzk0IDIxIDE5Ljg5NzggMjEgMTkuNVY0LjVDMjEgNC4xMDIxOCAyMC44NDIgMy43MjA2NCAyMC41NjA3IDMuNDM5MzRDMjAuMjc5NCAzLjE1ODA0IDE5Ljg5NzggMyAxOS41IDNaTTYuNzUgNlY1LjI1QzYuNzUgNS4wNTEwOSA2LjgyOTAyIDQuODYwMzIgNi45Njk2NyA0LjcxOTY3QzcuMTEwMzIgNC41NzkwMiA3LjMwMTA5IDQuNSA3LjUgNC41QzcuNjk4OTEgNC41IDcuODg5NjggNC41NzkwMiA4LjAzMDMzIDQuNzE5NjdDOC4xNzA5OCA0Ljg2MDMyIDguMjUgNS4wNTEwOSA4LjI1IDUuMjVWNkM4LjI1IDYuMTk4OTEgOC4xNzA5OCA2LjM4OTY4IDguMDMwMzMgNi41MzAzM0M3Ljg4OTY4IDYuNjcwOTggNy42OTg5MSA2Ljc1IDcuNSA2Ljc1QzcuMzAxMDkgNi43NSA3LjExMDMyIDYuNjcwOTggNi45Njk2NyA2LjUzMDMzQzYuODI5MDIgNi4zODk2OCA2Ljc1IDYuMTk4OTEgNi43NSA2Wk0xNi43MzkxIDExLjY5MDZMMTQuNDQ1OSAxMy41ODM0TDE1LjE0NTMgMTYuNDA2MkMxNS4xNjMxIDE2LjQ3NzkgMTUuMTU5NCAxNi41NTMzIDE1LjEzNDUgMTYuNjIyOEMxNS4xMDk3IDE2LjY5MjQgMTUuMDY0OCAxNi43NTMgMTUuMDA1NiAxNi43OTcyQzE0Ljk0MDcgMTYuODQ1IDE0Ljg2MjIgMTYuODcxIDE0Ljc4MTYgMTYuODcxM0MxNC43MTU2IDE2Ljg3MDggMTQuNjUwOSAxNi44NTMxIDE0LjU5NDEgMTYuODE5N0wxMiAxNS4yOTgxTDkuNDA4NzUgMTYuODIzNEM5LjM0NDgyIDE2Ljg2MTMgOS4yNzEwNyAxNi44Nzk0IDkuMTk2ODcgMTYuODc1M0M5LjEyMjY3IDE2Ljg3MTIgOS4wNTEzNiAxNi44NDUxIDguOTkyIDE2LjgwMDRDOC45MzI2MyAxNi43NTU3IDguODg3ODggMTYuNjk0NCA4Ljg2MzQ0IDE2LjYyNDJDOC44Mzg5OSAxNi41NTQgOC44MzU5NCAxNi40NzgyIDguODU0NjkgMTYuNDA2Mkw5LjU1NDA2IDEzLjU3OTdMNy4yNjA5NCAxMS42OTA2QzcuMjAzMDUgMTEuNjQzMSA3LjE2MDczIDExLjU3OTMgNy4xMzk0MiAxMS41MDc1QzcuMTE4MTIgMTEuNDM1NyA3LjExODgxIDExLjM1OTEgNy4xNDE0IDExLjI4NzdDNy4xNjQgMTEuMjE2MyA3LjIwNzQ2IDExLjE1MzMgNy4yNjYyIDExLjEwNjhDNy4zMjQ5MyAxMS4wNjAzIDcuMzk2MjQgMTEuMDMyNSA3LjQ3MDk0IDExLjAyNjlMMTAuNDkzNCAxMC43OTM0TDExLjY1NTkgOC4xMDE4N0MxMS42ODUgOC4wMzQ3OCAxMS43MzMxIDcuOTc3NjYgMTEuNzk0MiA3LjkzNzUzQzExLjg1NTMgNy44OTc0IDExLjkyNjkgNy44NzYwMyAxMiA3Ljg3NjAzQzEyLjA3MzEgNy44NzYwMyAxMi4xNDQ3IDcuODk3NCAxMi4yMDU4IDcuOTM3NTNDMTIuMjY2OSA3Ljk3NzY2IDEyLjMxNSA4LjAzNDc4IDEyLjM0NDEgOC4xMDE4N0wxMy41MDY2IDEwLjc5MzRMMTYuNTI5MSAxMS4wMjY5QzE2LjYwMzggMTEuMDMyNSAxNi42NzUxIDExLjA2MDMgMTYuNzMzOCAxMS4xMDY4QzE2Ljc5MjUgMTEuMTUzMyAxNi44MzYgMTEuMjE2MyAxNi44NTg2IDExLjI4NzdDMTYuODgxMiAxMS4zNTkxIDE2Ljg4MTkgMTEuNDM1NyAxNi44NjA2IDExLjUwNzVDMTYuODM5MyAxMS41NzkzIDE2Ljc5NjkgMTEuNjQzMSAxNi43MzkxIDExLjY5MDZaTTE3LjI1IDZDMTcuMjUgNi4xOTg5MSAxNy4xNzEgNi4zODk2OCAxNy4wMzAzIDYuNTMwMzNDMTYuODg5NyA2LjY3MDk4IDE2LjY5ODkgNi43NSAxNi41IDYuNzVDMTYuMzAxMSA2Ljc1IDE2LjExMDMgNi42NzA5OCAxNS45Njk3IDYuNTMwMzNDMTUuODI5IDYuMzg5NjggMTUuNzUgNi4xOTg5MSAxNS43NSA2VjUuMjVDMTUuNzUgNS4wNTEwOSAxNS44MjkgNC44NjAzMiAxNS45Njk3IDQuNzE5NjdDMTYuMTEwMyA0LjU3OTAyIDE2LjMwMTEgNC41IDE2LjUgNC41QzE2LjY5ODkgNC41IDE2Ljg4OTcgNC41NzkwMiAxNy4wMzAzIDQuNzE5NjdDMTcuMTcxIDQuODYwMzIgMTcuMjUgNS4wNTEwOSAxNy4yNSA1LjI1VjZaIiBmaWxsPSIjMjMyNDI2Ii8+Cjwvc3ZnPgo="); }

.iconLocation {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M16 8a5 5 0 1 0 0 10 5 5 0 0 0 0-10m0 8a3 3 0 1 1 0-5.999A3 3 0 0 1 16 16m0-14A11.013 11.013 0 0 0 5 13c0 3.925 1.814 8.085 5.25 12.031a31.8 31.8 0 0 0 5.181 4.788 1 1 0 0 0 1.148 0 31.8 31.8 0 0 0 5.171-4.788C25.181 21.085 27 16.925 27 13A11.01 11.01 0 0 0 16 2m0 25.75C13.934 26.125 7 20.156 7 13a9 9 0 0 1 18 0c0 7.154-6.934 13.125-9 14.75'/%3E%3C/svg%3E"); }

.iconLocation-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M8 1a5.506 5.506 0 0 0-5.5 5.5c0 4.706 5 8.26 5.213 8.41a.5.5 0 0 0 .574 0C8.5 14.76 13.5 11.205 13.5 6.5A5.506 5.506 0 0 0 8 1m0 3.5a2 2 0 1 1 0 4 2 2 0 0 1 0-4'/%3E%3C/svg%3E"); }

.iconFediverse {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.873 9a2.6 2.6 0 0 0-.985.187L16.029 5.62a2.626 2.626 0 0 0-3.712-3.611A2.63 2.63 0 0 0 11.262 4.4L6.906 6.215a2.625 2.625 0 1 0-2.682 4.203l.174 4.348a2.625 2.625 0 1 0 3.07 3.883l4.53 1.27a2.626 2.626 0 1 0 4.606-1.762l2.551-4.008A2.625 2.625 0 1 0 19.873 9m-5.25 8.25h-.083l-1.517-4.55 4.373-.208c.11.31.279.596.495.844l-2.55 4.007a2.6 2.6 0 0 0-.718-.093m-8.726-2.544-.174-4.348c.354-.122.677-.318.95-.574l3.986 2.31-3.887 3.02a2.6 2.6 0 0 0-.875-.408M14.02 6.75c.288-.016.571-.08.838-.188l2.859 3.568a2.6 2.6 0 0 0-.392.865l-4.366.208zm-6.326 9.548 3.93-3.055 1.493 4.484c-.284.2-.526.456-.712.75l-4.532-1.271a2.6 2.6 0 0 0-.179-.908M13.874 3a1.125 1.125 0 1 1 0 2.25 1.125 1.125 0 0 1 0-2.25M11.84 5.784c.201.246.445.453.72.613l-1.06 4.449-4.075-2.36a2.6 2.6 0 0 0 .058-.887zm-8.093 2.09a1.125 1.125 0 1 1 2.25 0 1.125 1.125 0 0 1-2.25 0m1.5 10.5a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25M14.623 21a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25m5.25-8.25a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25'/%3E%3C/svg%3E"); }

.iconLego {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m22.836 6.829-4.34-2.17C17.956 3.68 16.613 3 15 3c-2.103 0-3.75 1.153-3.75 2.625 0 .208.034.415.1.612l-1.83.915A5 5 0 0 0 7.5 6.75c-2.103 0-3.75 1.153-3.75 2.625 0 .208.034.415.1.612L1.163 11.33A.75.75 0 0 0 .75 12v6a.75.75 0 0 0 .414.671l6 3a.75.75 0 0 0 .672 0l15-7.5a.75.75 0 0 0 .414-.671v-6a.75.75 0 0 0-.414-.671M7.5 14.162 3.177 12l1.604-.802C5.46 11.694 6.42 12 7.5 12c2.103 0 3.75-1.153 3.75-2.625a2.04 2.04 0 0 0-.408-1.207l1.44-.72c.678.496 1.638.802 2.718.802 1.723 0 3.14-.774 3.595-1.864L20.823 7.5zM15 4.5c1.288 0 2.25.594 2.25 1.125 0 .53-.962 1.125-2.25 1.125s-2.25-.594-2.25-1.125c0-.53.962-1.125 2.25-1.125M7.5 8.25c1.288 0 2.25.594 2.25 1.125 0 .53-.962 1.125-2.25 1.125-.907 0-1.65-.294-2.013-.656a1 1 0 0 0-.079-.087.62.62 0 0 1-.158-.382c0-.53.962-1.125 2.25-1.125m-5.25 4.963 4.5 2.25v4.324l-4.5-2.25zm6 6.574v-4.324l13.5-6.75v4.324z'/%3E%3C/svg%3E"); }

.iconGlobe {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2.25A9.75 9.75 0 1 0 21.75 12 9.76 9.76 0 0 0 12 2.25M20.25 12a8.2 8.2 0 0 1-.312 2.25h-3.61a14.8 14.8 0 0 0 0-4.5h3.61A8.2 8.2 0 0 1 20.25 12M9.563 15.75h4.874A10.8 10.8 0 0 1 12 19.969a10.8 10.8 0 0 1-2.437-4.219m-.366-1.5a13.2 13.2 0 0 1 0-4.5h5.614a13.2 13.2 0 0 1 0 4.5zM3.75 12c0-.76.104-1.518.312-2.25h3.61a14.8 14.8 0 0 0 0 4.5h-3.61A8.2 8.2 0 0 1 3.75 12m10.688-3.75H9.561A10.8 10.8 0 0 1 12 4.031a10.8 10.8 0 0 1 2.438 4.219m4.905 0h-3.339a12.7 12.7 0 0 0-2.09-4.275 8.28 8.28 0 0 1 5.433 4.275zm-9.256-4.275c-.96 1.28-1.67 2.73-2.091 4.275H4.653a8.28 8.28 0 0 1 5.434-4.275M4.653 15.75h3.343a12.7 12.7 0 0 0 2.09 4.275 8.28 8.28 0 0 1-5.433-4.275m9.26 4.275c.96-1.28 1.67-2.73 2.091-4.275h3.343a8.28 8.28 0 0 1-5.434 4.275'/%3E%3C/svg%3E"); }

.iconDoor {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.75 20.25H19.5V3.75a1.5 1.5 0 0 0-1.5-1.5H6a1.5 1.5 0 0 0-1.5 1.5v16.5H2.25a.75.75 0 1 0 0 1.5h19.5a.75.75 0 1 0 0-1.5M6 3.75h12v16.5H6zm9.75 8.625a1.125 1.125 0 1 1-2.25 0 1.125 1.125 0 0 1 2.25 0'/%3E%3C/svg%3E"); }

.iconClover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.843 15.52c1.266-.548 1.907-1.985 1.907-4.27s-.641-3.722-1.907-4.27c-1.092-.47-2.554-.21-4.355.782.991-1.801 1.255-3.263.782-4.355C15.722 2.14 14.285 1.5 12 1.5s-3.722.641-4.27 1.907c-.47 1.092-.21 2.554.782 4.355C6.711 6.77 5.25 6.506 4.157 6.98 2.89 7.528 2.25 8.965 2.25 11.25s.641 3.722 1.907 4.27c.37.156.767.235 1.168.23.9 0 1.969-.34 3.187-1.012-.991 1.8-1.255 3.262-.782 4.354C8.278 20.358 9.715 21 12 21s3.722-.642 4.27-1.908c.184-.444.26-.926.22-1.406.98 1.521 1.84 3.232 2.283 5a.75.75 0 0 0 1.455-.368c-.65-2.602-2.087-5.044-3.549-7.011q1.104.443 1.996.443c.401.005.799-.074 1.168-.23m-.597-7.163c.83.362 1.004 1.768 1.004 2.893s-.174 2.531-1.003 2.893c-.784.34-2.205-.123-4.001-1.304a23 23 0 0 1-2.113-1.594c1.725-1.46 4.717-3.494 6.113-2.888M9.106 4.003C9.47 3.174 10.876 3 12 3s2.531.174 2.893 1.003c.34.784-.123 2.205-1.304 4.001q-.735 1.103-1.594 2.114c-1.46-1.726-3.493-4.719-2.888-6.115m-4.352 10.14c-.83-.362-1.004-1.768-1.004-2.893s.174-2.531 1.003-2.893c.188-.076.389-.112.59-.107.821 0 2.001.485 3.413 1.413a23 23 0 0 1 2.113 1.594c-1.727 1.457-4.72 3.492-6.115 2.886m10.14 4.353c-.363.83-1.769 1.004-2.894 1.004s-2.531-.174-2.893-1.003c-.34-.784.123-2.205 1.304-4.001q.736-1.103 1.594-2.113c1.46 1.725 3.493 4.718 2.888 6.113'/%3E%3C/svg%3E"); }

.iconClover-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.375 11.25c0 2.122-.562 3.443-1.68 3.925a2.6 2.6 0 0 1-1.032.2 4 4 0 0 1-.788-.087.38.38 0 0 1-.236-.154 34.5 34.5 0 0 0-4.476-5.18.75.75 0 0 0-1.032 1.089c1.392 1.304 6.012 5.952 7.343 11.275a.75.75 0 0 1-1.185.773.75.75 0 0 1-.266-.41c-.386-1.543-1.092-3.044-1.918-4.414q-.04.35-.178.676c-.484 1.12-1.805 1.682-3.927 1.682s-3.443-.562-3.926-1.682c-.511-1.18-.037-2.89 1.406-5.082q.096-.141.188-.281l-.282.187c-1.62 1.07-2.978 1.608-4.053 1.608a2.6 2.6 0 0 1-1.03-.2c-1.115-.482-1.678-1.803-1.678-3.925s.563-3.442 1.68-3.926c1.181-.511 2.891-.037 5.084 1.406l.281.188-.187-.282c-1.445-2.193-1.92-3.903-1.406-5.083.48-1.115 1.801-1.678 3.923-1.678s3.443.563 3.926 1.68c.511 1.181.037 2.891-1.406 5.084q-.093.144-.187.281l.28-.187c2.194-1.445 3.904-1.92 5.084-1.406 1.116.48 1.678 1.801 1.678 3.923'/%3E%3C/svg%3E"); }

.iconCoatHanger {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M22.647 16.05 13.25 9l2.2-1.65a.75.75 0 0 0 .3-.6 3.75 3.75 0 0 0-7.5 0 .75.75 0 0 0 1.5 0 2.25 2.25 0 0 1 4.471-.354L11.563 8.39l-.026.02-10.184 7.64a1.5 1.5 0 0 0 .897 2.7h19.5a1.5 1.5 0 0 0 .9-2.7zm-.897 1.2H2.25L12 9.938z'/%3E%3C/svg%3E"); }

.iconCoatHanger-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M30.196 21.4 17.666 12 20.6 9.8A1 1 0 0 0 21 9a5 5 0 0 0-10 0 1 1 0 1 0 2 0 3 3 0 0 1 5.961-.473L1.804 21.4A2 2 0 0 0 3 25h26a2 2 0 0 0 1.2-3.6zM4.091 23c2.61-1.676 7.095-4 11.91-4 4.813 0 9.3 2.324 11.908 4z'/%3E%3C/svg%3E"); }

.iconWallet {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.25 6h-15a.75.75 0 0 1 0-1.5H18A.75.75 0 1 0 18 3H5.25A2.25 2.25 0 0 0 3 5.25v12a2.25 2.25 0 0 0 2.25 2.25h15a1.5 1.5 0 0 0 1.5-1.5V7.5a1.5 1.5 0 0 0-1.5-1.5m0 12h-15a.75.75 0 0 1-.75-.75V7.372c.24.085.495.128.75.128h15zm-4.5-5.625a1.125 1.125 0 1 1 2.25 0 1.125 1.125 0 0 1-2.25 0'/%3E%3C/svg%3E"); }

.iconWallet-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M27 8H7a1 1 0 0 1 0-2h17a1 1 0 1 0 0-2H7a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h20a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2m-4.5 10a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3'/%3E%3C/svg%3E"); }

.iconSpeakerHigh {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M15.33 2.326a.75.75 0 0 0-.79.082L7.992 7.5H3.75A1.5 1.5 0 0 0 2.25 9v6a1.5 1.5 0 0 0 1.5 1.5h4.242l6.548 5.091A.75.75 0 0 0 15.75 21V3a.75.75 0 0 0-.42-.674m-1.08 17.14-5.54-4.308A.75.75 0 0 0 8.25 15h-4.5V9h4.5a.74.74 0 0 0 .46-.159l5.54-4.307zM19.5 9.75v4.5a.75.75 0 1 1-1.5 0v-4.5a.75.75 0 1 1 1.5 0m3-1.5v7.5a.75.75 0 1 1-1.5 0v-7.5a.75.75 0 1 1 1.5 0'/%3E%3C/svg%3E"); }

.iconSpeakerHigh-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M21 4v24a1 1 0 0 1-1.614.789L10.656 22H5a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h5.656l8.73-6.789a1 1 0 0 1 1.614.79m4 8a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1m4-2a1 1 0 0 0-1 1v10a1 1 0 0 0 2 0V11a1 1 0 0 0-1-1'/%3E%3C/svg%3E"); }

.iconSuitcase {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9.75 8.25v9a.75.75 0 1 1-1.5 0v-9a.75.75 0 0 1 1.5 0M12 7.5a.75.75 0 0 0-.75.75v9a.75.75 0 1 0 1.5 0v-9A.75.75 0 0 0 12 7.5m3 0a.75.75 0 0 0-.75.75v9a.75.75 0 1 0 1.5 0v-9A.75.75 0 0 0 15 7.5M19.5 6v13.5A1.5 1.5 0 0 1 18 21h-1.5v1.5a.75.75 0 1 1-1.5 0V21H9v1.5a.75.75 0 1 1-1.5 0V21H6a1.5 1.5 0 0 1-1.5-1.5V6A1.5 1.5 0 0 1 6 4.5h2.25V2.25A2.25 2.25 0 0 1 10.5 0h3a2.25 2.25 0 0 1 2.25 2.25V4.5H18A1.5 1.5 0 0 1 19.5 6M9.75 4.5h4.5V2.25a.75.75 0 0 0-.75-.75h-3a.75.75 0 0 0-.75.75zm8.25 15V6H6v13.5z'/%3E%3C/svg%3E"); }

.iconSuitcase-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M24 6h-3V3a3 3 0 0 0-3-3h-4a3 3 0 0 0-3 3v3H8a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h2v2a1 1 0 0 0 2 0v-2h8v2a1 1 0 0 0 2 0v-2h2a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2M12 24a1 1 0 0 1-2 0V10a1 1 0 0 1 2 0zm5 0a1 1 0 0 1-2 0V10a1 1 0 0 1 2 0zm2-18h-6V3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1zm3 18a1 1 0 0 1-2 0V10a1 1 0 0 1 2 0z'/%3E%3C/svg%3E"); }

.iconBasketball {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2.25A9.75 9.75 0 1 0 21.75 12 9.76 9.76 0 0 0 12 2.25M5.625 6.766a8.18 8.18 0 0 1 1.84 4.484h-3.68a8.2 8.2 0 0 1 1.84-4.484m7.125 4.484V3.785a8.2 8.2 0 0 1 4.564 1.91 9.66 9.66 0 0 0-2.286 5.555zm-1.5 0H8.972a9.66 9.66 0 0 0-2.286-5.556 8.2 8.2 0 0 1 4.564-1.91zm-3.785 1.5a8.18 8.18 0 0 1-1.84 4.484 8.2 8.2 0 0 1-1.84-4.484zm1.507 0h2.278v7.465a8.2 8.2 0 0 1-4.564-1.91 9.66 9.66 0 0 0 2.286-5.555m3.778 0h2.278a9.66 9.66 0 0 0 2.286 5.556 8.2 8.2 0 0 1-4.564 1.91zm3.785 0h3.68a8.2 8.2 0 0 1-1.84 4.484 8.18 8.18 0 0 1-1.84-4.484m0-1.5a8.18 8.18 0 0 1 1.84-4.484 8.2 8.2 0 0 1 1.84 4.484z'/%3E%3C/svg%3E"); }

.iconBasketball-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M7.95 5.799a12.94 12.94 0 0 1 6.5-2.707.5.5 0 0 1 .556.5V15h-3.044a12.97 12.97 0 0 0-4.04-8.445.5.5 0 0 1 .028-.756m-2.2 2.21a12.94 12.94 0 0 0-2.661 6.432.5.5 0 0 0 .5.559h6.365a10.98 10.98 0 0 0-3.468-7.051.5.5 0 0 0-.736.06m18.3-2.21a12.94 12.94 0 0 0-6.5-2.707.5.5 0 0 0-.556.5V15h3.037a12.97 12.97 0 0 1 4.04-8.445.502.502 0 0 0-.021-.756m4.857 8.642A12.94 12.94 0 0 0 26.25 8.01a.5.5 0 0 0-.733-.06A10.98 10.98 0 0 0 22.047 15h6.363a.5.5 0 0 0 .497-.559M3.092 17.56A12.94 12.94 0 0 0 5.75 23.99a.5.5 0 0 0 .732.06A10.98 10.98 0 0 0 9.954 17H3.59a.5.5 0 0 0-.498.559M26.25 23.99a12.94 12.94 0 0 0 2.661-6.432.5.5 0 0 0-.5-.559h-6.365a10.98 10.98 0 0 0 3.468 7.051.5.5 0 0 0 .736-.06m-18.3 2.21a12.94 12.94 0 0 0 6.5 2.706.5.5 0 0 0 .556-.5V17h-3.044a12.97 12.97 0 0 1-4.04 8.445.5.5 0 0 0 .028.756M20.037 17H17v11.41a.5.5 0 0 0 .556.5 12.94 12.94 0 0 0 6.5-2.706.5.5 0 0 0 .028-.756A12.97 12.97 0 0 1 20.037 17'/%3E%3C/svg%3E"); }

.iconButterfly {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.816 4.733c-.347-.449-1.018-.983-2.222-.983-1.58 0-3.606 1.058-5.42 2.827a13 13 0 0 0-1.424 1.629V5.25a.75.75 0 1 0-1.5 0v2.956a13 13 0 0 0-1.42-1.628C8.015 4.807 5.989 3.75 4.406 3.75c-1.203 0-1.875.534-2.222.982-.639.823-1.141 2.258-.02 6.676.568 2.234 1.83 3.093 2.872 3.414A4.125 4.125 0 0 0 12 19.244a4.125 4.125 0 0 0 6.964-4.422c1.042-.319 2.303-1.18 2.871-3.414.63-2.48 1.12-5.211-.02-6.675M8.625 19.5a2.637 2.637 0 0 1-.294-5.25.75.75 0 1 0-.165-1.49c-.701.075-1.371.33-1.945.74-.79.008-2.062-.335-2.602-2.462-.27-1.064-1.088-4.301-.25-5.385.134-.172.39-.403 1.037-.403 2.557 0 6.844 4.208 6.844 6.72v4.905A2.625 2.625 0 0 1 8.625 19.5m11.756-8.462c-.54 2.127-1.812 2.47-2.603 2.462a4.1 4.1 0 0 0-1.945-.745.75.75 0 1 0-.165 1.49 2.637 2.637 0 0 1 .133 5.223 2.635 2.635 0 0 1-3.051-2.593v-4.906c0-2.511 4.283-6.719 6.844-6.719.651 0 .905.23 1.04.403.84 1.084.017 4.321-.253 5.385'/%3E%3C/svg%3E"); }

.iconButterfly-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M16 12.521a14 14 0 0 0-1-1.58V7a1 1 0 0 1 2 0v3.941q-.555.755-1 1.58M29.087 6.31C28.626 5.713 27.73 5 26.126 5c-2.106 0-4.808 1.41-7.226 3.77A17.5 17.5 0 0 0 17 10.941V22.5a1 1 0 0 1-2 0V10.941c-.57-.774-1.204-1.5-1.894-2.171C10.686 6.41 7.985 5 5.875 5c-1.605 0-2.5.713-2.962 1.31-.853 1.096-1.523 3.01-.027 8.9.757 2.979 2.439 4.125 3.829 4.552A5.5 5.5 0 0 0 16 25.66a5.5 5.5 0 0 0 9.285-5.896c1.39-.426 3.071-1.574 3.829-4.553.84-3.305 1.492-6.948-.027-8.9'/%3E%3C/svg%3E"); }

.iconGraduationCap {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m23.602 8.338-11.25-6a.75.75 0 0 0-.705 0l-11.25 6a.75.75 0 0 0 0 1.324L3 11.05v4.54c-.001.368.135.724.38.998C4.61 17.956 7.36 20.25 12 20.25a12.2 12.2 0 0 0 4.5-.821v3.07a.75.75 0 1 0 1.5 0v-3.795a10.8 10.8 0 0 0 2.62-2.116c.245-.274.38-.63.38-.998v-4.54l2.602-1.388a.75.75 0 0 0 0-1.324M12 18.75c-4.057 0-6.443-1.982-7.5-3.16v-3.74l7.147 3.812a.75.75 0 0 0 .705 0L16.5 13.45v4.345c-1.181.55-2.67.955-4.5.955m7.5-3.164c-.45.499-.953.947-1.5 1.336V12.65l1.5-.8zm-1.875-4.436-.02-.012-5.25-2.8a.75.75 0 0 0-.706 1.324L16.031 12 12 14.15 2.344 9 12 3.85 21.656 9z'/%3E%3C/svg%3E"); }

.iconGraduationCap-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M22 25.905q1.036-.409 2-.966V30a1 1 0 0 1-2 0zm1.47-11.054-7-3.734a1 1 0 0 0-.94 1.765L21.375 16l2.125-1.133zm8-3.734-15-8a1 1 0 0 0-.94 0l-15 8a1 1 0 0 0 0 1.765L4 14.735v6.052c0 .491.18.966.508 1.331C6.145 23.942 9.814 27 16 27a16.3 16.3 0 0 0 6-1.095v-9.571L21.375 16 16 18.866 5.48 13.25 3.125 12 16 5.134 28.875 12l-2.347 1.25h-.008l-3.02 1.617a1 1 0 0 1 .5.867v9.205a14.5 14.5 0 0 0 3.493-2.822 2 2 0 0 0 .507-1.33v-6.053l3.47-1.851a1 1 0 0 0 0-1.765'/%3E%3C/svg%3E"); }

.iconInstagramLogo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M16 10a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6m0 10a4 4 0 1 1 0-8 4 4 0 0 1 0 8m6-17H10a7.007 7.007 0 0 0-7 7v12a7.01 7.01 0 0 0 7 7h12a7.01 7.01 0 0 0 7-7V10a7.01 7.01 0 0 0-7-7m5 19a5 5 0 0 1-5 5H10a5 5 0 0 1-5-5V10a5 5 0 0 1 5-5h12a5 5 0 0 1 5 5zM24 9.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0'/%3E%3C/svg%3E"); }

.iconInstagramLogo-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M22 3H10a7.007 7.007 0 0 0-7 7v12a7.01 7.01 0 0 0 7 7h12a7.01 7.01 0 0 0 7-7V10a7.01 7.01 0 0 0-7-7m-6 19a6 6 0 1 1 6-6 6.006 6.006 0 0 1-6 6m7.5-12a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3M20 16a4 4 0 1 1-8 0 4 4 0 0 1 8 0'/%3E%3C/svg%3E"); }

.iconWhatsappLogo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='m23.447 18.105-4-2a1 1 0 0 0-1 .063l-1.836 1.224a5.07 5.07 0 0 1-2-2l1.225-1.836a1 1 0 0 0 .063-1l-2-4a1 1 0 0 0-.9-.556 5 5 0 0 0-5 5 11.01 11.01 0 0 0 11 11 5 5 0 0 0 5-5 1 1 0 0 0-.552-.895M19 22a9.01 9.01 0 0 1-9-9 3 3 0 0 1 2.411-2.943l1.435 2.875-1.221 1.818a1 1 0 0 0-.091.939 7.06 7.06 0 0 0 3.768 3.768 1 1 0 0 0 .948-.082l1.826-1.218 2.875 1.436A3 3 0 0 1 19 22M16 3A13 13 0 0 0 4.522 22.11l-1.418 4.256a2 2 0 0 0 2.53 2.53l4.256-1.419A13 13 0 1 0 16 3m0 24a11 11 0 0 1-5.508-1.476 1 1 0 0 0-.817-.084L5 27l1.559-4.675a1 1 0 0 0-.083-.817A11 11 0 1 1 16 27'/%3E%3C/svg%3E"); }

.iconWhatsappLogo-fill {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.573 11.297c-.223-.112-1.32-.65-1.524-.726-.204-.075-.353-.112-.5.112-.147.224-.576.726-.706.875-.13.15-.26.168-.483.056a6.09 6.09 0 0 1-1.797-1.108 6.724 6.724 0 0 1-1.241-1.545c-.13-.223-.014-.344.1-.455.114-.11.223-.26.335-.39a1.52 1.52 0 0 0 .223-.373.41.41 0 0 0-.019-.39c-.056-.113-.5-1.21-.688-1.657-.188-.446-.365-.376-.5-.383a8.41 8.41 0 0 0-.428-.008.82.82 0 0 0-.595.28 2.5 2.5 0 0 0-.781 1.86c.073.842.39 1.644.911 2.308a9.945 9.945 0 0 0 3.808 3.367c.415.18.84.336 1.272.47.455.138.936.168 1.405.088a2.302 2.302 0 0 0 1.506-1.06c.146-.334.191-.703.13-1.062-.056-.093-.2-.149-.428-.26v.001ZM9.5 16.854a7.41 7.41 0 0 1-3.777-1.034l-.271-.16-2.808.736.75-2.738-.176-.28A7.42 7.42 0 1 1 9.5 16.853Zm6.318-13.736A8.93 8.93 0 0 0 1.767 13.891L.5 18.517l4.733-1.24a8.921 8.921 0 0 0 9.228-.42 8.932 8.932 0 0 0 1.357-13.739Z' fill='%23000'/%3E%3C/svg%3E"); }

.iconFacebookLogo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M16 3a13 13 0 1 0 13 13A13.013 13.013 0 0 0 16 3m1 23.954V19h3a1 1 0 0 0 0-2h-3v-3a2 2 0 0 1 2-2h2a1 1 0 0 0 0-2h-2a4 4 0 0 0-4 4v3h-3a1 1 0 0 0 0 2h3v7.954a11 11 0 1 1 2 0'/%3E%3C/svg%3E"); }

.iconFacebookLogo-fill {
  background-image: url("data:image/svg+xml,%3Csvg style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 512 512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m374.244 285.825 14.105-91.961h-88.233v-59.677c0-25.159 12.325-49.682 51.845-49.682h40.116V6.214S355.67 0 320.864 0c-72.67 0-120.165 44.042-120.165 123.775v70.089h-80.777v91.961h80.777v222.31A320.565 320.565 0 0 0 250.408 512c16.911 0 33.511-1.324 49.708-3.865v-222.31h74.128Z' fill='%23fff' style='fill-rule:nonzero'/%3E%3C/svg%3E"); }

.iconTelegramLogo-fill {
  background-image: url("data:image/svg+xml,%3Csvg height='512' style='enable-background:new 0 0 512 512' width='512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m484.689 98.231-69.417 327.37c-5.237 23.105-18.895 28.854-38.304 17.972L271.2 365.631l-51.034 49.086c-5.646 5.647-10.371 10.372-21.256 10.372l7.598-107.722L402.539 140.23c8.523-7.598-1.848-11.809-13.247-4.21L146.95 288.614 42.619 255.96c-22.694-7.086-23.104-22.695 4.723-33.579L455.423 65.166c18.893-7.085 35.427 4.209 29.266 33.065z' style='fill:%23fff'/%3E%3C/svg%3E"); }

.iconLineLogo-fill {
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.955 8.875a.568.568 0 1 1 0 1.137h-1.582v1.016h1.582a.568.568 0 0 1 0 1.135H15.8a.57.57 0 0 1-.565-.567v-4.3a.57.57 0 0 1 .568-.568h2.151a.568.568 0 0 1 0 1.136h-1.581v1.01h1.582Zm-3.475 2.718a.567.567 0 0 1-.568.565.556.556 0 0 1-.46-.225l-2.2-2.99v2.65a.568.568 0 1 1-1.133 0v-4.3a.565.565 0 0 1 .556-.567.583.583 0 0 1 .446.229l2.219 3V7.293a.569.569 0 0 1 1.136 0l.004 4.3Zm-5.175 0a.567.567 0 0 1-1.134 0v-4.3a.567.567 0 0 1 1.134 0v4.3Zm-2.223.567h-2.15a.571.571 0 0 1-.568-.567v-4.3a.568.568 0 1 1 1.136 0v3.735h1.583a.568.568 0 0 1 0 1.135l-.001-.003Zm15.051-2.876c0-4.841-4.854-8.781-10.817-8.781S.5 4.44.5 9.28c0 4.337 3.849 7.97 9.045 8.66.352.074.832.233.954.532.084.318.095.65.034.973l-.148.919c-.041.27-.216 1.069.946.58a34.866 34.866 0 0 0 8.505-6.286 7.771 7.771 0 0 0 2.3-5.38' fill='%23000'/%3E%3C/svg%3E"); }

.iconXLogo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='m26.844 26.464-7.825-12.298 7.721-8.494a1 1 0 0 0-1.48-1.344l-7.355 8.09-5.061-7.954A1 1 0 0 0 12 4H6a1 1 0 0 0-.844 1.537l7.825 12.297-7.721 8.5a1 1 0 1 0 1.48 1.345l7.355-8.09 5.061 7.954A1 1 0 0 0 20 28h6a1 1 0 0 0 .844-1.536M20.549 26 7.82 6h3.625L24.18 26z'/%3E%3C/svg%3E"); }

.iconXLogo-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M26.875 27.481A1 1 0 0 1 26 28h-6a1 1 0 0 1-.844-.464l-5.061-7.954-7.355 8.09a1 1 0 0 1-1.48-1.344l7.721-8.5-7.825-12.29A1 1 0 0 1 6 4h6a1 1 0 0 1 .844.464l5.061 7.954 7.355-8.09a1 1 0 0 1 1.48 1.345l-7.721 8.493 7.825 12.298a1 1 0 0 1 .031 1.017'/%3E%3C/svg%3E"); }

.iconLinkedinLogo-fill {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMicgaGVpZ2h0PSczMicgZmlsbD0nbm9uZScgdmlld0JveD0nMCAwIDMyIDMyJz48cGF0aCBmaWxsPScjZmZmJyBkPSdNMjcgM0g1YTIgMiAwIDAgMC0yIDJ2MjJhMiAyIDAgMCAwIDIgMmgyMmEyIDIgMCAwIDAgMi0yVjVhMiAyIDAgMCAwLTItMk0xMSAxM3YxMEg4VjEzek04IDEwLjI0YTEuNTcgMS41NyAwIDAgMSAuNTQtMS4yNEExLjYgMS42IDAgMCAxIDkuNjUgOC42YTEuNTYgMS41NiAwIDAgMSAxLjExLjQgMS41NyAxLjU3IDAgMCAxIC41NCAxLjI0IDEuNjEgMS42MSAwIDAgMS0zLjMgME0yNCAyM2gtM3YtNWMwLTEuMzgtLjUtMi0xLjQ3LTJBMS43MiAxLjcyIDAgMCAwIDE4IDE3LjVjLS4wNi4xNi0uMDUuMzQtLjA1LjV2NWgtM1YxM2gzdjEuMzVhMy41IDMuNSAwIDAgMSAzLTEuMzVjMS45NCAwIDMgMS4yOSAzIDMuODZ6Jy8+PC9zdmc+"); }

.iconYoutubeLogo {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m15.416 11.376-4.5-3A.75.75 0 0 0 9.75 9v6a.75.75 0 0 0 1.166.624l4.5-3a.75.75 0 0 0 0-1.248m-4.166 2.222v-3.192L13.648 12zm10.718-7.08A2.25 2.25 0 0 0 20.61 4.98C17.396 3.739 12.281 3.75 12 3.75s-5.396-.011-8.61 1.23a2.25 2.25 0 0 0-1.358 1.537C1.789 7.454 1.5 9.164 1.5 12s.289 4.547.532 5.483A2.25 2.25 0 0 0 3.39 19.02c3.079 1.188 7.897 1.229 8.548 1.229h.124c.65 0 5.472-.041 8.548-1.23a2.25 2.25 0 0 0 1.358-1.537c.243-.938.532-2.646.532-5.483s-.289-4.547-.532-5.482M20.516 17.11a.75.75 0 0 1-.447.515c-2.967 1.146-8.014 1.125-8.062 1.125H12c-.05 0-5.093.019-8.062-1.125a.75.75 0 0 1-.448-.515C3.262 16.255 3 14.678 3 12s.263-4.255.484-5.107a.75.75 0 0 1 .447-.518C6.792 5.27 11.587 5.25 11.979 5.25h.026c.05 0 5.098-.017 8.062 1.125a.75.75 0 0 1 .447.515c.224.855.486 2.432.486 5.11s-.262 4.255-.484 5.107z'/%3E%3C/svg%3E"); }

.iconYoutubeLogo-fill {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M29.291 8.69a3 3 0 0 0-1.811-2.05C23.195 4.985 16.375 5 16 5S8.805 4.985 4.52 6.64a3 3 0 0 0-1.811 2.05C2.385 9.938 2 12.218 2 16s.385 6.063.709 7.31a3 3 0 0 0 1.811 2.051C8.625 26.945 15.05 27 15.918 27h.165c.867 0 7.296-.055 11.397-1.639a3 3 0 0 0 1.811-2.051c.324-1.25.709-3.527.709-7.31s-.385-6.062-.709-7.31m-9.217 8.125-5 3.5A1 1 0 0 1 13.5 19.5v-7a1 1 0 0 1 1.574-.819l5 3.5a1 1 0 0 1 0 1.638z'/%3E%3C/svg%3E"); }

.iconCopy {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 15.75h4.5v-12h-12v4.5'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 8.25h-12v12h12z'/%3E%3C/svg%3E"); }

.iconLock {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjYyNSA1LjYyNUgxMi4zNzVWMy45Mzc1QzEyLjM3NSAzLjA0MjM5IDEyLjAxOTQgMi4xODM5NSAxMS4zODY1IDEuNTUxMDFDMTAuNzUzNiAwLjkxODA3OSA5Ljg5NTExIDAuNTYyNSA5IDAuNTYyNUM4LjEwNDg5IDAuNTYyNSA3LjI0NjQ1IDAuOTE4MDc5IDYuNjEzNTEgMS41NTEwMUM1Ljk4MDU4IDIuMTgzOTUgNS42MjUgMy4wNDIzOSA1LjYyNSAzLjkzNzVWNS42MjVIMy4zNzVDMy4wNzY2MyA1LjYyNSAyLjc5MDQ4IDUuNzQzNTMgMi41Nzk1IDUuOTU0NUMyLjM2ODUzIDYuMTY1NDggMi4yNSA2LjQ1MTYzIDIuMjUgNi43NVYxNC42MjVDMi4yNSAxNC45MjM0IDIuMzY4NTMgMTUuMjA5NSAyLjU3OTUgMTUuNDIwNUMyLjc5MDQ4IDE1LjYzMTUgMy4wNzY2MyAxNS43NSAzLjM3NSAxNS43NUgxNC42MjVDMTQuOTIzNCAxNS43NSAxNS4yMDk1IDE1LjYzMTUgMTUuNDIwNSAxNS40MjA1QzE1LjYzMTUgMTUuMjA5NSAxNS43NSAxNC45MjM0IDE1Ljc1IDE0LjYyNVY2Ljc1QzE1Ljc1IDYuNDUxNjMgMTUuNjMxNSA2LjE2NTQ4IDE1LjQyMDUgNS45NTQ1QzE1LjIwOTUgNS43NDM1MyAxNC45MjM0IDUuNjI1IDE0LjYyNSA1LjYyNVpNNi43NSAzLjkzNzVDNi43NSAzLjM0MDc2IDYuOTg3MDUgMi43Njg0NyA3LjQwOTAxIDIuMzQ2NTFDNy44MzA5NyAxLjkyNDU1IDguNDAzMjYgMS42ODc1IDkgMS42ODc1QzkuNTk2NzQgMS42ODc1IDEwLjE2OSAxLjkyNDU1IDEwLjU5MSAyLjM0NjUxQzExLjAxMjkgMi43Njg0NyAxMS4yNSAzLjM0MDc2IDExLjI1IDMuOTM3NVY1LjYyNUg2Ljc1VjMuOTM3NVpNMTQuNjI1IDE0LjYyNUgzLjM3NVY2Ljc1SDE0LjYyNVYxNC42MjVaTTkuODQzNzUgMTAuNjg3NUM5Ljg0Mzc1IDEwLjg1NDQgOS43OTQyNiAxMS4wMTc1IDkuNzAxNTUgMTEuMTU2M0M5LjYwODg0IDExLjI5NSA5LjQ3NzA2IDExLjQwMzIgOS4zMjI4OSAxMS40NjdDOS4xNjg3MSAxMS41MzA5IDguOTk5MDYgMTEuNTQ3NiA4LjgzNTM5IDExLjUxNUM4LjY3MTcyIDExLjQ4MjUgOC41MjEzOCAxMS40MDIxIDguNDAzMzggMTEuMjg0MUM4LjI4NTM4IDExLjE2NjEgOC4yMDUwMiAxMS4wMTU4IDguMTcyNDYgMTAuODUyMUM4LjEzOTkxIDEwLjY4ODQgOC4xNTY2MiAxMC41MTg4IDguMjIwNDggMTAuMzY0NkM4LjI4NDM0IDEwLjIxMDQgOC4zOTI0OCAxMC4wNzg3IDguNTMxMjQgOS45ODU5NUM4LjY2OTk5IDkuODkzMjQgOC44MzMxMiA5Ljg0Mzc1IDkgOS44NDM3NUM5LjIyMzc4IDkuODQzNzUgOS40MzgzOSA5LjkzMjY0IDkuNTk2NjIgMTAuMDkwOUM5Ljc1NDg1IDEwLjI0OTEgOS44NDM3NSAxMC40NjM3IDkuODQzNzUgMTAuNjg3NVoiIGZpbGw9IiMzNDMzMzAiLz4KPC9zdmc+Cg=="); }

.iconDiamonds {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjM3NTggNi4xNzA2M0wxMS44NzU4IDIuMTcwNjJDMTEuODI5IDIuMTE3MTggMTEuNzcxNCAyLjA3NDMxIDExLjcwNjcgMi4wNDQ4OUMxMS42NDIxIDIuMDE1NDcgMTEuNTcxOSAyLjAwMDE3IDExLjUwMDggMkg0LjUwMDgzQzQuNDI5NzkgMi4wMDAxNyA0LjM1OTYgMi4wMTU0NyA0LjI5NDk0IDIuMDQ0ODlDNC4yMzAyNyAyLjA3NDMxIDQuMTcyNjIgMi4xMTcxOCA0LjEyNTgzIDIuMTcwNjJMMC42MjU4MjcgNi4xNzA2M0MwLjU0NDE3NSA2LjI2Mzg1IDAuNTAwMDUzIDYuMzg0MDcgMC41MDIwMTYgNi41MDc5OEMwLjUwMzk3OSA2LjYzMTg5IDAuNTUxODg4IDYuNzUwNjYgMC42MzY0NTIgNi44NDEyNUw3LjYzNjQ1IDE0LjM0MTNDNy42ODMyNCAxNC4zOTE0IDcuNzM5ODQgMTQuNDMxNCA3LjgwMjc0IDE0LjQ1ODdDNy44NjU2NCAxNC40ODYxIDcuOTMzNDkgMTQuNTAwMiA4LjAwMjA4IDE0LjUwMDJDOC4wNzA2NiAxNC41MDAyIDguMTM4NTIgMTQuNDg2MSA4LjIwMTQyIDE0LjQ1ODdDOC4yNjQzMiAxNC40MzE0IDguMzIwOTIgMTQuMzkxNCA4LjM2NzcgMTQuMzQxM0wxNS4zNjc3IDYuODQxMjVDMTUuNDUxOSA2Ljc1MDM1IDE1LjQ5OTQgNi42MzE0MSAxNS41MDA5IDYuNTA3NUMxNS41MDI0IDYuMzgzNTkgMTUuNDU3OCA2LjI2MzU0IDE1LjM3NTggNi4xNzA2M1pNMTMuODk5IDZIMTEuMjUwOEw5LjAwMDgzIDNIMTEuMjc0TDEzLjg5OSA2Wk00LjY2MjA4IDdMNi41NDUyIDExLjcwODFMMi4xNTE0NSA3SDQuNjYyMDhaTTEwLjI2MjEgN0w4LjAwMDgzIDEyLjY1MzhMNS43Mzk1OCA3SDEwLjI2MjFaTTYuMDAwODMgNkw4LjAwMDgzIDMuMzMzMTNMMTAuMDAwOCA2SDYuMDAwODNaTTExLjMzOTYgN0gxMy44NTAyTDkuNDU2NDUgMTEuNzA4MUwxMS4zMzk2IDdaTTQuNzI3NyAzSDcuMDAwODNMNC43NTA4MyA2SDIuMTAyN0w0LjcyNzcgM1oiIGZpbGw9IiM1MTUzNTgiLz4KPC9zdmc+Cg=="); }

.iconArrow, .iconArrowLeft {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNTY1MjkgMTcuNTQ4NUwxNi40NDMxIDYuOTg4OTJMOC41MDQyNiA2Ljg3MTQxQzguMzA1MzcgNi44Njg0NyA4LjExNTc5IDYuNzg2NjQgNy45NzcyNCA2LjY0MzkyQzcuODM4NjggNi41MDEyIDcuNzYyNDkgNi4zMDkyOSA3Ljc2NTQ0IDYuMTEwMzlDNy43NjgzOCA1LjkxMTUgNy44NTAyMSA1LjcyMTkzIDcuOTkyOTMgNS41ODMzN0M4LjEzNTY1IDUuNDQ0ODIgOC4zMjc1NyA1LjM2ODYzIDguNTI2NDYgNS4zNzE1OEwxOC4yNzU0IDUuNTE1ODhDMTguNDc0MyA1LjUxODgyIDE4LjY2MzkgNS42MDA2NiAxOC44MDI0IDUuNzQzMzdDMTguOTQxIDUuODg2MDkgMTkuMDE3MiA2LjA3ODAxIDE5LjAxNDIgNi4yNzY5TDE4Ljg2OTkgMTYuMDI1OEMxOC44NjcgMTYuMjI0NyAxOC43ODUxIDE2LjQxNDMgMTguNjQyNCAxNi41NTI5QzE4LjQ5OTcgMTYuNjkxNCAxOC4zMDc4IDE2Ljc2NzYgMTguMTA4OSAxNi43NjQ2QzE3LjkxIDE2Ljc2MTcgMTcuNzIwNCAxNi42Nzk5IDE3LjU4MTkgMTYuNTM3MkMxNy40NDMzIDE2LjM5NDQgMTcuMzY3MSAxNi4yMDI1IDE3LjM3MDEgMTYuMDAzNkwxNy40ODc2IDguMDY0ODFMNi42MTA3MSAxOC42MjUzQzYuNTQwMDEgMTguNjkzOSA2LjQ1NjQ3IDE4Ljc0OCA2LjM2NDg4IDE4Ljc4NDNDNi4yNzMyOSAxOC44MjA3IDYuMTc1NDMgMTguODM4NyA2LjA3Njg5IDE4LjgzNzJDNS45NzgzNiAxOC44MzU4IDUuODgxMDcgMTguODE0OSA1Ljc5MDYgMTguNzc1OEM1LjcwMDEyIDE4LjczNjggNS42MTgyMiAxOC42ODAzIDUuNTQ5NTggMTguNjA5NkM1LjQ4MDkzIDE4LjUzODkgNS40MjY4OSAxOC40NTU0IDUuMzkwNTMgMTguMzYzOEM1LjM1NDE3IDE4LjI3MjIgNS4zMzYyIDE4LjE3NDMgNS4zMzc2NiAxOC4wNzU4QzUuMzM5MTIgMTcuOTc3MiA1LjM1OTk4IDE3Ljg4IDUuMzk5MDMgMTcuNzg5NUM1LjQzODA5IDE3LjY5OSA1LjQ5NDU4IDE3LjYxNzEgNS41NjUyOSAxNy41NDg1WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4K"); }

.iconPaper-fill {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjcgMTUuOUMyMC41NzAyIDE1LjgwMjYgMjAuNDEyMyAxNS43NSAyMC4yNSAxNS43NUgxOS41VjZDMTkuNSA1LjIwNDM1IDE5LjE4MzkgNC40NDEyOSAxOC42MjEzIDMuODc4NjhDMTguMDU4NyAzLjMxNjA3IDE3LjI5NTYgMyAxNi41IDNIMy43NUMyLjk1NDM1IDMgMi4xOTEyOSAzLjMxNjA3IDEuNjI4NjggMy44Nzg2OEMxLjA2NjA3IDQuNDQxMjkgMC43NSA1LjIwNDM1IDAuNzUgNkMwLjc1IDcuMjc1OTQgMS42OTIxOSA4LjAxOTM4IDEuOCA4LjFDMS45Mjk0NyA4LjE5ODA0IDIuMDg3NiA4LjI1MDc2IDIuMjUgOC4yNUMyLjQwNjMxIDguMjQ5NTcgMi41NTg1OCA4LjIwMDMyIDIuNjg1NTMgOC4xMDkxMkMyLjgxMjQ4IDguMDE3OTIgMi45MDc3NiA3Ljg4OTMzIDIuOTU4MDYgNy43NDEzM0MzLjAwODM2IDcuNTkzMzMgMy4wMTExNSA3LjQzMzMyIDIuOTY2MDYgNy4yODM2NUMyLjkyMDk3IDcuMTMzOTggMi44MzAyNCA3LjAwMjE1IDIuNzA2NTYgNi45MDY1NkMyLjcwMjgxIDYuOTAxODcgMi4yNSA2LjUzODEyIDIuMjUgNkMyLjI1IDUuNjAyMTggMi40MDgwNCA1LjIyMDY0IDIuNjg5MzQgNC45MzkzNEMyLjk3MDY0IDQuNjU4MDQgMy4zNTIxOCA0LjUgMy43NSA0LjVDNC4xNDc4MiA0LjUgNC41MjkzNiA0LjY1ODA0IDQuODEwNjYgNC45MzkzNEM1LjA5MTk2IDUuMjIwNjQgNS4yNSA1LjYwMjE4IDUuMjUgNlYxOEM1LjI1IDE4Ljc5NTYgNS41NjYwNyAxOS41NTg3IDYuMTI4NjggMjAuMTIxM0M2LjY5MTI5IDIwLjY4MzkgNy40NTQzNSAyMSA4LjI1IDIxSDE4Ljc1QzE5LjU0NTYgMjEgMjAuMzA4NyAyMC42ODM5IDIwLjg3MTMgMjAuMTIxM0MyMS40MzM5IDE5LjU1ODcgMjEuNzUgMTguNzk1NiAyMS43NSAxOEMyMS43NSAxNi43MjQxIDIwLjgxMjUgMTUuOTgwNiAyMC43IDE1LjlaTTkuNzUgOUgxNS43NUMxNS45NDg5IDkgMTYuMTM5NyA5LjA3OTAyIDE2LjI4MDMgOS4yMTk2N0MxNi40MjEgOS4zNjAzMiAxNi41IDkuNTUxMDkgMTYuNSA5Ljc1QzE2LjUgOS45NDg5MSAxNi40MjEgMTAuMTM5NyAxNi4yODAzIDEwLjI4MDNDMTYuMTM5NyAxMC40MjEgMTUuOTQ4OSAxMC41IDE1Ljc1IDEwLjVIOS43NUM5LjU1MTA5IDEwLjUgOS4zNjAzMiAxMC40MjEgOS4yMTk2NyAxMC4yODAzQzkuMDc5MDIgMTAuMTM5NyA5IDkuOTQ4OTEgOSA5Ljc1QzkgOS41NTEwOSA5LjA3OTAyIDkuMzYwMzIgOS4yMTk2NyA5LjIxOTY3QzkuMzYwMzIgOS4wNzkwMiA5LjU1MTA5IDkgOS43NSA5Wk05IDEyLjc1QzkgMTIuNTUxMSA5LjA3OTAyIDEyLjM2MDMgOS4yMTk2NyAxMi4yMTk3QzkuMzYwMzIgMTIuMDc5IDkuNTUxMDkgMTIgOS43NSAxMkgxNS43NUMxNS45NDg5IDEyIDE2LjEzOTcgMTIuMDc5IDE2LjI4MDMgMTIuMjE5N0MxNi40MjEgMTIuMzYwMyAxNi41IDEyLjU1MTEgMTYuNSAxMi43NUMxNi41IDEyLjk0ODkgMTYuNDIxIDEzLjEzOTcgMTYuMjgwMyAxMy4yODAzQzE2LjEzOTcgMTMuNDIxIDE1Ljk0ODkgMTMuNSAxNS43NSAxMy41SDkuNzVDOS41NTEwOSAxMy41IDkuMzYwMzIgMTMuNDIxIDkuMjE5NjcgMTMuMjgwM0M5LjA3OTAyIDEzLjEzOTcgOSAxMi45NDg5IDkgMTIuNzVaTTE4Ljc1IDE5LjVIMTAuMDk3OEMxMC4zNjIgMTkuMDQ0MyAxMC41MDA3IDE4LjUyNjcgMTAuNSAxOEMxMC41MDAyIDE3Ljc0NTcgMTAuNDYxOSAxNy40OTI5IDEwLjM4NjYgMTcuMjVIMTkuOTQ5MUMyMC4xMzUyIDE3LjQ1NjUgMjAuMjQyNSAxNy43MjIxIDIwLjI1MTkgMThDMjAuMjUxOSAxOC4xOTcxIDIwLjIxMyAxOC4zOTIzIDIwLjEzNzUgMTguNTc0NUMyMC4wNjIgMTguNzU2NiAxOS45NTE0IDE4LjkyMiAxOS44MTE5IDE5LjA2MTNDMTkuNjcyNCAxOS4yMDA2IDE5LjUwNjggMTkuMzExMSAxOS4zMjQ2IDE5LjM4NjRDMTkuMTQyNCAxOS40NjE2IDE4Ljk0NzEgMTkuNTAwMiAxOC43NSAxOS41WiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4K"); }

.iconInfo {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMS41QzYuNzE0NDIgMS41IDUuNDU3NzIgMS44ODEyMiA0LjM4ODggMi41OTU0NUMzLjMxOTg4IDMuMzA5NjggMi40ODY3NiA0LjMyNDg0IDEuOTk0NzkgNS41MTI1NkMxLjUwMjgyIDYuNzAwMjggMS4zNzQwOSA4LjAwNzIxIDEuNjI0OSA5LjI2ODA5QzEuODc1NyAxMC41MjkgMi40OTQ3NyAxMS42ODcyIDMuNDAzODEgMTIuNTk2MkM0LjMxMjg1IDEzLjUwNTIgNS40NzEwNCAxNC4xMjQzIDYuNzMxOTIgMTQuMzc1MUM3Ljk5Mjc5IDE0LjYyNTkgOS4yOTk3MyAxNC40OTcyIDEwLjQ4NzQgMTQuMDA1MkMxMS42NzUyIDEzLjUxMzIgMTIuNjkwMyAxMi42ODAxIDEzLjQwNDYgMTEuNjExMkMxNC4xMTg4IDEwLjU0MjMgMTQuNSA5LjI4NTU4IDE0LjUgOEMxNC40OTgyIDYuMjc2NjUgMTMuODEyOCA0LjYyNDQxIDEyLjU5NDIgMy40MDU4MkMxMS4zNzU2IDIuMTg3MjIgOS43MjMzNSAxLjUwMTgyIDggMS41Wk03Ljc1IDQuNUM3Ljg5ODM0IDQuNSA4LjA0MzM0IDQuNTQzOTkgOC4xNjY2OCA0LjYyNjRDOC4yOTAwMiA0LjcwODgxIDguMzg2MTUgNC44MjU5NCA4LjQ0MjkxIDQuOTYyOTlDOC40OTk2OCA1LjEwMDAzIDguNTE0NTMgNS4yNTA4MyA4LjQ4NTU5IDUuMzk2MzJDOC40NTY2NSA1LjU0MTggOC4zODUyMiA1LjY3NTQ0IDguMjgwMzMgNS43ODAzM0M4LjE3NTQ0IDUuODg1MjIgOC4wNDE4MSA1Ljk1NjY1IDcuODk2MzIgNS45ODU1OUM3Ljc1MDg0IDYuMDE0NTMgNy42MDAwMyA1Ljk5OTY4IDcuNDYyOTkgNS45NDI5MUM3LjMyNTk1IDUuODg2MTQgNy4yMDg4MSA1Ljc5MDAxIDcuMTI2NCA1LjY2NjY4QzcuMDQzOTkgNS41NDMzNCA3IDUuMzk4MzQgNyA1LjI1QzcgNS4wNTEwOSA3LjA3OTAyIDQuODYwMzIgNy4yMTk2NyA0LjcxOTY3QzcuMzYwMzIgNC41NzkwMiA3LjU1MTA5IDQuNSA3Ljc1IDQuNVpNOC41IDExLjVDOC4yMzQ3OSAxMS41IDcuOTgwNDMgMTEuMzk0NiA3Ljc5MjkgMTEuMjA3MUM3LjYwNTM2IDExLjAxOTYgNy41IDEwLjc2NTIgNy41IDEwLjVWOEM3LjM2NzM5IDggNy4yNDAyMiA3Ljk0NzMyIDcuMTQ2NDUgNy44NTM1NUM3LjA1MjY4IDcuNzU5NzkgNyA3LjYzMjYxIDcgNy41QzcgNy4zNjczOSA3LjA1MjY4IDcuMjQwMjEgNy4xNDY0NSA3LjE0NjQ1QzcuMjQwMjIgNy4wNTI2OCA3LjM2NzM5IDcgNy41IDdDNy43NjUyMiA3IDguMDE5NTcgNy4xMDUzNiA4LjIwNzExIDcuMjkyODlDOC4zOTQ2NSA3LjQ4MDQzIDguNSA3LjczNDc4IDguNSA4VjEwLjVDOC42MzI2MSAxMC41IDguNzU5NzkgMTAuNTUyNyA4Ljg1MzU2IDEwLjY0NjRDOC45NDczMiAxMC43NDAyIDkgMTAuODY3NCA5IDExQzkgMTEuMTMyNiA4Ljk0NzMyIDExLjI1OTggOC44NTM1NiAxMS4zNTM2QzguNzU5NzkgMTEuNDQ3MyA4LjYzMjYxIDExLjUgOC41IDExLjVaIiBmaWxsPSIjNjY2NjY2Ii8+Cjwvc3ZnPgo="); }

.iconInfo-fill {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTggMS41QzYuNzE0NDIgMS41IDUuNDU3NzIgMS44ODEyMiA0LjM4ODggMi41OTU0NUMzLjMxOTg4IDMuMzA5NjggMi40ODY3NiA0LjMyNDg0IDEuOTk0NzkgNS41MTI1NkMxLjUwMjgyIDYuNzAwMjggMS4zNzQwOSA4LjAwNzIxIDEuNjI0OSA5LjI2ODA5QzEuODc1NyAxMC41MjkgMi40OTQ3NyAxMS42ODcyIDMuNDAzODEgMTIuNTk2MkM0LjMxMjg1IDEzLjUwNTIgNS40NzEwNCAxNC4xMjQzIDYuNzMxOTIgMTQuMzc1MUM3Ljk5Mjc5IDE0LjYyNTkgOS4yOTk3MyAxNC40OTcyIDEwLjQ4NzQgMTQuMDA1MkMxMS42NzUyIDEzLjUxMzIgMTIuNjkwMyAxMi42ODAxIDEzLjQwNDYgMTEuNjExMkMxNC4xMTg4IDEwLjU0MjMgMTQuNSA5LjI4NTU4IDE0LjUgOEMxNC40OTgyIDYuMjc2NjUgMTMuODEyOCA0LjYyNDQxIDEyLjU5NDIgMy40MDU4MkMxMS4zNzU2IDIuMTg3MjIgOS43MjMzNSAxLjUwMTgyIDggMS41Wk03Ljc1IDQuNUM3Ljg5ODM0IDQuNSA4LjA0MzM0IDQuNTQzOTkgOC4xNjY2OCA0LjYyNjRDOC4yOTAwMiA0LjcwODgxIDguMzg2MTUgNC44MjU5NCA4LjQ0MjkxIDQuOTYyOTlDOC40OTk2OCA1LjEwMDAzIDguNTE0NTMgNS4yNTA4MyA4LjQ4NTU5IDUuMzk2MzJDOC40NTY2NSA1LjU0MTggOC4zODUyMiA1LjY3NTQ0IDguMjgwMzMgNS43ODAzM0M4LjE3NTQ0IDUuODg1MjIgOC4wNDE4MSA1Ljk1NjY1IDcuODk2MzIgNS45ODU1OUM3Ljc1MDg0IDYuMDE0NTMgNy42MDAwMyA1Ljk5OTY4IDcuNDYyOTkgNS45NDI5MUM3LjMyNTk1IDUuODg2MTQgNy4yMDg4MSA1Ljc5MDAxIDcuMTI2NCA1LjY2NjY4QzcuMDQzOTkgNS41NDMzNCA3IDUuMzk4MzQgNyA1LjI1QzcgNS4wNTEwOSA3LjA3OTAyIDQuODYwMzIgNy4yMTk2NyA0LjcxOTY3QzcuMzYwMzIgNC41NzkwMiA3LjU1MTA5IDQuNSA3Ljc1IDQuNVpNOC41IDExLjVDOC4yMzQ3OSAxMS41IDcuOTgwNDMgMTEuMzk0NiA3Ljc5MjkgMTEuMjA3MUM3LjYwNTM2IDExLjAxOTYgNy41IDEwLjc2NTIgNy41IDEwLjVWOEM3LjM2NzM5IDggNy4yNDAyMiA3Ljk0NzMyIDcuMTQ2NDUgNy44NTM1NUM3LjA1MjY4IDcuNzU5NzkgNyA3LjYzMjYxIDcgNy41QzcgNy4zNjczOSA3LjA1MjY4IDcuMjQwMjEgNy4xNDY0NSA3LjE0NjQ1QzcuMjQwMjIgNy4wNTI2OCA3LjM2NzM5IDcgNy41IDdDNy43NjUyMiA3IDguMDE5NTcgNy4xMDUzNiA4LjIwNzExIDcuMjkyODlDOC4zOTQ2NSA3LjQ4MDQzIDguNSA3LjczNDc4IDguNSA4VjEwLjVDOC42MzI2MSAxMC41IDguNzU5NzkgMTAuNTUyNyA4Ljg1MzU2IDEwLjY0NjRDOC45NDczMiAxMC43NDAyIDkgMTAuODY3NCA5IDExQzkgMTEuMTMyNiA4Ljk0NzMyIDExLjI1OTggOC44NTM1NiAxMS4zNTM2QzguNzU5NzkgMTEuNDQ3MyA4LjYzMjYxIDExLjUgOC41IDExLjVaIiBmaWxsPSIjNjY2NjY2Ii8+Cjwvc3ZnPgo="); }

.iconArrowUpLeft {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjUwMDQgOC45OTk5MUMxNC40OTkyIDEwLjA2MDQgMTQuMDc3NCAxMS4wNzcyIDEzLjMyNzUgMTEuODI3MUMxMi41Nzc2IDEyLjU3NjkgMTEuNTYwOSAxMi45OTg3IDEwLjUwMDQgMTIuOTk5OUg1LjAwMDM5QzQuODY3NzkgMTIuOTk5OSA0Ljc0MDYxIDEyLjk0NzIgNC42NDY4NCAxMi44NTM1QzQuNTUzMDcgMTIuNzU5NyA0LjUwMDM5IDEyLjYzMjUgNC41MDAzOSAxMi40OTk5QzQuNTAwMzkgMTIuMzY3MyA0LjU1MzA3IDEyLjI0MDEgNC42NDY4NCAxMi4xNDY0QzQuNzQwNjEgMTIuMDUyNiA0Ljg2Nzc5IDExLjk5OTkgNS4wMDAzOSAxMS45OTk5SDEwLjUwMDRDMTEuMjk2IDExLjk5OTkgMTIuMDU5MSAxMS42ODM4IDEyLjYyMTcgMTEuMTIxMkMxMy4xODQzIDEwLjU1ODYgMTMuNTAwNCA5Ljc5NTU2IDEzLjUwMDQgOC45OTk5MUMxMy41MDA0IDguMjA0MjYgMTMuMTg0MyA3LjQ0MTE5IDEyLjYyMTcgNi44Nzg1OUMxMi4wNTkxIDYuMzE1OTggMTEuMjk2IDUuOTk5OTEgMTAuNTAwNCA1Ljk5OTkxSDUuNTAwMzlWOC40OTk5MUM1LjUwMDQ3IDguNTk4ODUgNS40NzExOSA4LjY5NTYgNS40MTYyNSA4Ljc3NzlDNS4zNjEzMiA4Ljg2MDE5IDUuMjgzMiA4LjkyNDM0IDUuMTkxNzkgOC45NjIyMkM1LjEwMDM4IDkuMDAwMDkgNC45OTk3OCA5LjAxIDQuOTAyNzQgOC45OTA2N0M0LjgwNTcgOC45NzEzNCA0LjcxNjU3IDguOTIzNjYgNC42NDY2NCA4Ljg1MzY2TDEuNjQ2NjQgNS44NTM2NkMxLjYwMDE2IDUuODA3MjIgMS41NjMyOCA1Ljc1MjA3IDEuNTM4MTEgNS42OTEzOEMxLjUxMjk1IDUuNjMwNjggMS41IDUuNTY1NjEgMS41IDUuNDk5OTFDMS41IDUuNDM0MiAxLjUxMjk1IDUuMzY5MTMgMS41MzgxMSA1LjMwODQ0QzEuNTYzMjggNS4yNDc3NCAxLjYwMDE2IDUuMTkyNTkgMS42NDY2NCA1LjE0NjE2TDQuNjQ2NjQgMi4xNDYxNkM0LjcxNjU3IDIuMDc2MTUgNC44MDU3IDIuMDI4NDcgNC45MDI3NCAyLjAwOTE0QzQuOTk5NzggMS45ODk4MiA1LjEwMDM4IDEuOTk5NzIgNS4xOTE3OSAyLjAzNzU5QzUuMjgzMiAyLjA3NTQ3IDUuMzYxMzIgMi4xMzk2MiA1LjQxNjI1IDIuMjIxOTFDNS40NzExOSAyLjMwNDIxIDUuNTAwNDcgMi40MDA5NiA1LjUwMDM5IDIuNDk5OTFWNC45OTk5MUgxMC41MDA0QzExLjU2MDkgNS4wMDEwNiAxMi41Nzc2IDUuNDIyODYgMTMuMzI3NSA2LjE3Mjc2QzE0LjA3NzQgNi45MjI2NSAxNC40OTkyIDcuOTM5MzkgMTQuNTAwNCA4Ljk5OTkxWiIgZmlsbD0iIzAwMDAwMCIvPgo8L3N2Zz4K"); }

.iconAlertInfo {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDIuMzc1QzguMzkzMDMgMi4zNzUgNi44MjIxNCAyLjg1MTUyIDUuNDg2IDMuNzQ0MzFDNC4xNDk4NSA0LjYzNzEgMy4xMDg0NCA1LjkwNjA1IDIuNDkzNDggNy4zOTA3QzEuODc4NTIgOC44NzUzNSAxLjcxNzYyIDEwLjUwOSAyLjAzMTEyIDEyLjA4NTFDMi4zNDQ2MyAxMy42NjEyIDMuMTE4NDYgMTUuMTA4OSA0LjI1NDc2IDE2LjI0NTJDNS4zOTEwNiAxNy4zODE1IDYuODM4OCAxOC4xNTU0IDguNDE0OSAxOC40Njg5QzkuOTkwOTkgMTguNzgyNCAxMS42MjQ3IDE4LjYyMTUgMTMuMTA5MyAxOC4wMDY1QzE0LjU5NCAxNy4zOTE2IDE1Ljg2MjkgMTYuMzUwMiAxNi43NTU3IDE1LjAxNEMxNy42NDg1IDEzLjY3NzkgMTguMTI1IDEyLjEwNyAxOC4xMjUgMTAuNUMxOC4xMjI3IDguMzQ1ODEgMTcuMjY2IDYuMjgwNTEgMTUuNzQyNyA0Ljc1NzI3QzE0LjIxOTUgMy4yMzQwMyAxMi4xNTQyIDIuMzc3MjcgMTAgMi4zNzVaTTEwIDE3LjM3NUM4LjY0MDI2IDE3LjM3NSA3LjMxMTA1IDE2Ljk3MTggNi4xODA0NiAxNi4yMTY0QzUuMDQ5ODcgMTUuNDYwOSA0LjE2ODY4IDE0LjM4NzIgMy42NDgzMyAxMy4xMzA5QzMuMTI3OTggMTEuODc0NyAyLjk5MTgzIDEwLjQ5MjQgMy4yNTcxIDkuMTU4NzVDMy41MjIzOCA3LjgyNTEzIDQuMTc3MTYgNi42MDAxMyA1LjEzODY0IDUuNjM4NjRDNi4xMDAxMyA0LjY3NzE2IDcuMzI1MTQgNC4wMjIzNyA4LjY1ODc2IDMuNzU3MUM5Ljk5MjM4IDMuNDkxODMgMTEuMzc0NyAzLjYyNzk4IDEyLjYzMSA0LjE0ODMzQzEzLjg4NzIgNC42Njg2OCAxNC45NjA5IDUuNTQ5ODcgMTUuNzE2NCA2LjY4MDQ1QzE2LjQ3MTggNy44MTEwNCAxNi44NzUgOS4xNDAyNSAxNi44NzUgMTAuNUMxNi44NzI5IDEyLjMyMjcgMTYuMTQ3OSAxNC4wNzAyIDE0Ljg1OTEgMTUuMzU5MUMxMy41NzAyIDE2LjY0NzkgMTEuODIyNyAxNy4zNzI5IDEwIDE3LjM3NVpNMTEuMjUgMTQuMjVDMTEuMjUgMTQuNDE1OCAxMS4xODQyIDE0LjU3NDcgMTEuMDY2OSAxNC42OTE5QzEwLjk0OTcgMTQuODA5MiAxMC43OTA4IDE0Ljg3NSAxMC42MjUgMTQuODc1QzEwLjI5MzUgMTQuODc1IDkuOTc1NTQgMTQuNzQzMyA5Ljc0MTEyIDE0LjUwODlDOS41MDY3IDE0LjI3NDUgOS4zNzUgMTMuOTU2NSA5LjM3NSAxMy42MjVWMTAuNUM5LjIwOTI0IDEwLjUgOS4wNTAyNyAxMC40MzQyIDguOTMzMDYgMTAuMzE2OUM4LjgxNTg1IDEwLjE5OTcgOC43NSAxMC4wNDA4IDguNzUgOS44NzVDOC43NSA5LjcwOTI0IDguODE1ODUgOS41NTAyNyA4LjkzMzA2IDkuNDMzMDZDOS4wNTAyNyA5LjMxNTg1IDkuMjA5MjQgOS4yNSA5LjM3NSA5LjI1QzkuNzA2NTIgOS4yNSAxMC4wMjQ1IDkuMzgxNyAxMC4yNTg5IDkuNjE2MTJDMTAuNDkzMyA5Ljg1MDU0IDEwLjYyNSAxMC4xNjg1IDEwLjYyNSAxMC41VjEzLjYyNUMxMC43OTA4IDEzLjYyNSAxMC45NDk3IDEzLjY5MDggMTEuMDY2OSAxMy44MDgxQzExLjE4NDIgMTMuOTI1MyAxMS4yNSAxNC4wODQyIDExLjI1IDE0LjI1Wk04Ljc1IDcuMDYyNUM4Ljc1IDYuODc3MDggOC44MDQ5OSA2LjY5NTgyIDguOTA4IDYuNTQxNjVDOS4wMTEwMSA2LjM4NzQ4IDkuMTU3NDMgNi4yNjczMiA5LjMyODc0IDYuMTk2MzZDOS41MDAwNCA2LjEyNTQxIDkuNjg4NTQgNi4xMDY4NCA5Ljg3MDQgNi4xNDMwMUMxMC4wNTIzIDYuMTc5MTkgMTAuMjE5MyA2LjI2ODQ4IDEwLjM1MDQgNi4zOTk1OUMxMC40ODE1IDYuNTMwNyAxMC41NzA4IDYuNjk3NzUgMTAuNjA3IDYuODc5NkMxMC42NDMyIDcuMDYxNDYgMTAuNjI0NiA3LjI0OTk2IDEwLjU1MzYgNy40MjEyN0MxMC40ODI3IDcuNTkyNTcgMTAuMzYyNSA3LjczODk5IDEwLjIwODQgNy44NDJDMTAuMDU0MiA3Ljk0NTAyIDkuODcyOTIgOCA5LjY4NzUgOEM5LjQzODg2IDggOS4yMDA0MSA3LjkwMTIzIDkuMDI0NTkgNy43MjU0MUM4Ljg0ODc4IDcuNTQ5NiA4Ljc1IDcuMzExMTQgOC43NSA3LjA2MjVaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPgo="); }

.iconDownload {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 10v2.5a1.5 1.5 0 0 1-1.5 1.5h-5A1.5 1.5 0 0 1 4 12.5V10m4-7v7.5m0 0L5.5 8M8 10.5 10.5 8'/%3E%3C/svg%3E"); }

.iconTiktokLogo {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxIDYuMzc1QzE5LjkwNjQgNi4zNzM3NiAxOC44NTc5IDUuOTM4NzYgMTguMDg0NiA1LjE2NTQ1QzE3LjMxMTIgNC4zOTIxMyAxNi44NzYyIDMuMzQzNjQgMTYuODc1IDIuMjVDMTYuODc1IDEuOTUxNjMgMTYuNzU2NSAxLjY2NTQ4IDE2LjU0NTUgMS40NTQ1QzE2LjMzNDUgMS4yNDM1MyAxNi4wNDg0IDEuMTI1IDE1Ljc1IDEuMTI1SDEyQzExLjcwMTYgMS4xMjUgMTEuNDE1NSAxLjI0MzUzIDExLjIwNDUgMS40NTQ1QzEwLjk5MzUgMS42NjU0OCAxMC44NzUgMS45NTE2MyAxMC44NzUgMi4yNVYxNC42MjVDMTAuODc0OCAxNC44OTM0IDEwLjgwMjYgMTUuMTU2OSAxMC42NjU5IDE1LjM4NzlDMTAuNTI5MiAxNS42MTg5IDEwLjMzMyAxNS44MDkgMTAuMDk3OCAxNS45Mzg0QzkuODYyNjMgMTYuMDY3NyA5LjU5NzAzIDE2LjEzMTYgOS4zMjg3MyAxNi4xMjMzQzkuMDYwNDMgMTYuMTE1IDguNzk5MjcgMTYuMDM0OSA4LjU3MjQ5IDE1Ljg5MTNDOC4zNDU3MSAxNS43NDc3IDguMTYxNjIgMTUuNTQ1OCA4LjAzOTQzIDE1LjMwNjhDNy45MTcyNCAxNS4wNjc4IDcuODYxNDIgMTQuODAwNCA3Ljg3Nzc5IDE0LjUzMjVDNy44OTQxNyAxNC4yNjQ2IDcuOTgyMTUgMTQuMDA1OSA4LjEzMjU0IDEzLjc4MzZDOC4yODI5MyAxMy41NjEzIDguNDkwMjMgMTMuMzgzNCA4LjczMjgxIDEzLjI2ODRDOC45MjUwMSAxMy4xNzcxIDkuMDg3MzYgMTMuMDMzMiA5LjIwMTAzIDEyLjg1MzNDOS4zMTQ3IDEyLjY3MzQgOS4zNzUwMiAxMi40NjUgOS4zNzUgMTIuMjUyMlY4LjI1QzkuMzc0OTMgOC4wODU2MyA5LjMzODg1IDcuOTIzMjcgOS4yNjkyOSA3Ljc3NDM1QzkuMTk5NzMgNy42MjU0MyA5LjA5ODM4IDcuNDkzNTUgOC45NzIzNyA3LjM4ODAxQzguODQ2MzYgNy4yODI0NyA4LjY5ODc2IDcuMjA1ODIgOC41Mzk5NCA3LjE2MzQ2QzguMzgxMTMgNy4xMjEwOSA4LjIxNDk2IDcuMTE0MDUgOC4wNTMxMyA3LjE0MjgxQzYuMzIwMzggNy40NTk3OCA0Ljc1NjMyIDguMzgxMzQgMy42MzkzNyA5Ljc0MzQ0QzIuNTAxOTggMTEuMTE2MiAxLjg3ODEzIDEyLjg0MjIgMS44NzUgMTQuNjI1QzEuODc1IDE2LjYxNDEgMi42NjUxOCAxOC41MjE4IDQuMDcxNyAxOS45MjgzQzUuNDc4MjIgMjEuMzM0OCA3LjM4NTg4IDIyLjEyNSA5LjM3NSAyMi4xMjVDMTEuMzY0MSAyMi4xMjUgMTMuMjcxOCAyMS4zMzQ4IDE0LjY3ODMgMTkuOTI4M0MxNi4wODQ4IDE4LjUyMTggMTYuODc1IDE2LjYxNDEgMTYuODc1IDE0LjYyNVYxMS41MDAzQzE4LjE3MjkgMTIuMDc5NiAxOS41Nzg3IDEyLjM3NzcgMjEgMTIuMzc1QzIxLjI5ODQgMTIuMzc1IDIxLjU4NDUgMTIuMjU2NSAyMS43OTU1IDEyLjA0NTVDMjIuMDA2NSAxMS44MzQ1IDIyLjEyNSAxMS41NDg0IDIyLjEyNSAxMS4yNVY3LjVDMjIuMTI1IDcuMjAxNjMgMjIuMDA2NSA2LjkxNTQ4IDIxLjc5NTUgNi43MDQ1QzIxLjU4NDUgNi40OTM1MyAyMS4yOTg0IDYuMzc1IDIxIDYuMzc1Wk0xOS44NzUgMTAuMDQ1M0MxOC42MjI0IDkuODY4MTEgMTcuNDMxOCA5LjM4ODMzIDE2LjQwNjIgOC42NDc1QzE2LjIzODEgOC41MjY3MiAxNi4wMzk4IDguNDU0NjkgMTUuODMzMyA4LjQzOTM1QzE1LjYyNjkgOC40MjQwMSAxNS40MjAxIDguNDY1OTYgMTUuMjM2IDguNTYwNTdDMTUuMDUxOCA4LjY1NTE4IDE0Ljg5NzMgOC43OTg3OCAxNC43ODk1IDguOTc1NTZDMTQuNjgxNyA5LjE1MjM0IDE0LjYyNDggOS4zNTU0NCAxNC42MjUgOS41NjI1VjE0LjYyNUMxNC42MjUgMTYuMDE3NCAxNC4wNzE5IDE3LjM1MjcgMTMuMDg3MyAxOC4zMzczQzEyLjEwMjcgMTkuMzIxOSAxMC43Njc0IDE5Ljg3NSA5LjM3NSAxOS44NzVDNy45ODI2MSAxOS44NzUgNi42NDcyNiAxOS4zMjE5IDUuNjYyNjkgMTguMzM3M0M0LjY3ODEyIDE3LjM1MjcgNC4xMjUgMTYuMDE3NCA0LjEyNSAxNC42MjVDNC4xMjg0NyAxMy42MjA1IDQuNDEwNzcgMTIuNjM2NyA0Ljk0MDQ3IDExLjc4MzNDNS40NzAxNiAxMC45Mjk4IDYuMjI2NDMgMTAuMjQwMiA3LjEyNSA5Ljc5MTI1VjExLjYyNUM2LjYxMzYzIDEyLjAwODUgNi4yMDg3OSAxMi41MTY0IDUuOTQ4OTEgMTMuMTAwNEM1LjY4OTAzIDEzLjY4NDQgNS41ODI3NSAxNC4zMjUxIDUuNjQwMTUgMTQuOTYxOEM1LjY5NzU2IDE1LjU5ODQgNS45MTY3NCAxNi4yMDk4IDYuMjc2OSAxNi43Mzc5QzYuNjM3MDUgMTcuMjY2IDcuMTI2MjIgMTcuNjkzMiA3LjY5Nzk1IDE3Ljk3OTFDOC4yNjk2OCAxOC4yNjUgOC45MDQ5OSAxOC4zOTk5IDkuNTQzNTYgMTguMzcxMkMxMC4xODIxIDE4LjM0MjUgMTAuODAyNyAxOC4xNTEgMTEuMzQ2NSAxNy44MTQ5QzExLjg5MDIgMTcuNDc4OSAxMi4zMzkxIDE3LjAwOTQgMTIuNjUwMyAxNi40NTExQzEyLjk2MTYgMTUuODkyOCAxMy4xMjUgMTUuMjY0MiAxMy4xMjUgMTQuNjI1VjMuMzc1SDE0LjcyNDRDMTQuOTU2NyA0LjY1NTY5IDE1LjU3NDMgNS44MzQ5OSAxNi40OTQ2IDYuNzU1MzVDMTcuNDE1IDcuNjc1NzEgMTguNTk0MyA4LjI5MzMxIDE5Ljg3NSA4LjUyNTYzVjEwLjA0NTNaIiBmaWxsPSIjNTI1MjVCIi8+Cjwvc3ZnPgo="); }

.iconCaretLeft {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1); }

.iconCaretUp {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.iconCaretDown {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.iconArrowLeft {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg); }

.iconKomunitas {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M20.559 24.454A1 1 0 0 1 19.72 26H1.28a1 1 0 0 1-.838-1.546 11.98 11.98 0 0 1 5.903-4.714 7.5 7.5 0 1 1 8.312 0 11.98 11.98 0 0 1 5.903 4.714m10.988-.019a12 12 0 0 0-5.89-4.695 7.5 7.5 0 0 0-7.57-12.916.5.5 0 0 0-.166.75 9.48 9.48 0 0 1 .454 11.242.5.5 0 0 0 .134.692 14 14 0 0 1 3.73 3.853c.398.608.56 1.34.457 2.06a.5.5 0 0 0 .494.58h7.537a1 1 0 0 0 .967-.742 1.03 1.03 0 0 0-.147-.824'/%3E%3C/svg%3E"); }

.iconVote-filled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' d='M16.27 8.653a.56.56 0 0 1-.52.347h-2.812v5.625a1.125 1.125 0 0 1-1.126 1.125H6.188a1.125 1.125 0 0 1-1.125-1.125V9H2.25a.563.563 0 0 1-.398-.96l6.75-6.75a.56.56 0 0 1 .796 0l6.75 6.75a.56.56 0 0 1 .122.613'/%3E%3C/svg%3E"); }

.btn-share[data-share="facebook"] .iconBase:before,
.iconFacebookLogo-filled {
  background-image: url("data:image/svg+xml,%3Csvg style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 512 512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m374.244 285.825 14.105-91.961h-88.233v-59.677c0-25.159 12.325-49.682 51.845-49.682h40.116V6.214S355.67 0 320.864 0c-72.67 0-120.165 44.042-120.165 123.775v70.089h-80.777v91.961h80.777v222.31A320.565 320.565 0 0 0 250.408 512c16.911 0 33.511-1.324 49.708-3.865v-222.31h74.128Z' fill='%23fff' style='fill-rule:nonzero'/%3E%3C/svg%3E"); }

.btn-share[data-share="x"] .iconBase:before,
.iconXLogo-filled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M26.875 27.481A1 1 0 0 1 26 28h-6a1 1 0 0 1-.844-.464l-5.061-7.954-7.355 8.09a1 1 0 0 1-1.48-1.344l7.721-8.5-7.825-12.29A1 1 0 0 1 6 4h6a1 1 0 0 1 .844.464l5.061 7.954 7.355-8.09a1 1 0 0 1 1.48 1.345l-7.721 8.493 7.825 12.298a1 1 0 0 1 .031 1.017'/%3E%3C/svg%3E"); }

.iconInstagramLogo-filled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M22 3H10a7.007 7.007 0 0 0-7 7v12a7.01 7.01 0 0 0 7 7h12a7.01 7.01 0 0 0 7-7V10a7.01 7.01 0 0 0-7-7m-6 19a6 6 0 1 1 6-6 6.006 6.006 0 0 1-6 6m7.5-12a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3M20 16a4 4 0 1 1-8 0 4 4 0 0 1 8 0'/%3E%3C/svg%3E"); }

.btn-share[data-share="whatsapp"] .iconBase:before,
.iconWhatsappLogo-filled {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.573 11.297c-.223-.112-1.32-.65-1.524-.726-.204-.075-.353-.112-.5.112-.147.224-.576.726-.706.875-.13.15-.26.168-.483.056a6.09 6.09 0 0 1-1.797-1.108 6.724 6.724 0 0 1-1.241-1.545c-.13-.223-.014-.344.1-.455.114-.11.223-.26.335-.39a1.52 1.52 0 0 0 .223-.373.41.41 0 0 0-.019-.39c-.056-.113-.5-1.21-.688-1.657-.188-.446-.365-.376-.5-.383a8.41 8.41 0 0 0-.428-.008.82.82 0 0 0-.595.28 2.5 2.5 0 0 0-.781 1.86c.073.842.39 1.644.911 2.308a9.945 9.945 0 0 0 3.808 3.367c.415.18.84.336 1.272.47.455.138.936.168 1.405.088a2.302 2.302 0 0 0 1.506-1.06c.146-.334.191-.703.13-1.062-.056-.093-.2-.149-.428-.26v.001ZM9.5 16.854a7.41 7.41 0 0 1-3.777-1.034l-.271-.16-2.808.736.75-2.738-.176-.28A7.42 7.42 0 1 1 9.5 16.853Zm6.318-13.736A8.93 8.93 0 0 0 1.767 13.891L.5 18.517l4.733-1.24a8.921 8.921 0 0 0 9.228-.42 8.932 8.932 0 0 0 1.357-13.739Z' fill='%23000'/%3E%3C/svg%3E"); }

.iconYoutubeLogo-filled {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M29.291 8.69a3 3 0 0 0-1.811-2.05C23.195 4.985 16.375 5 16 5S8.805 4.985 4.52 6.64a3 3 0 0 0-1.811 2.05C2.385 9.938 2 12.218 2 16s.385 6.063.709 7.31a3 3 0 0 0 1.811 2.051C8.625 26.945 15.05 27 15.918 27h.165c.867 0 7.296-.055 11.397-1.639a3 3 0 0 0 1.811-2.051c.324-1.25.709-3.527.709-7.31s-.385-6.062-.709-7.31m-9.217 8.125-5 3.5A1 1 0 0 1 13.5 19.5v-7a1 1 0 0 1 1.574-.819l5 3.5a1 1 0 0 1 0 1.638z'/%3E%3C/svg%3E"); }

.btn-share[data-share="line"] .iconBase:before {
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.955 8.875a.568.568 0 1 1 0 1.137h-1.582v1.016h1.582a.568.568 0 0 1 0 1.135H15.8a.57.57 0 0 1-.565-.567v-4.3a.57.57 0 0 1 .568-.568h2.151a.568.568 0 0 1 0 1.136h-1.581v1.01h1.582Zm-3.475 2.718a.567.567 0 0 1-.568.565.556.556 0 0 1-.46-.225l-2.2-2.99v2.65a.568.568 0 1 1-1.133 0v-4.3a.565.565 0 0 1 .556-.567.583.583 0 0 1 .446.229l2.219 3V7.293a.569.569 0 0 1 1.136 0l.004 4.3Zm-5.175 0a.567.567 0 0 1-1.134 0v-4.3a.567.567 0 0 1 1.134 0v4.3Zm-2.223.567h-2.15a.571.571 0 0 1-.568-.567v-4.3a.568.568 0 1 1 1.136 0v3.735h1.583a.568.568 0 0 1 0 1.135l-.001-.003Zm15.051-2.876c0-4.841-4.854-8.781-10.817-8.781S.5 4.44.5 9.28c0 4.337 3.849 7.97 9.045 8.66.352.074.832.233.954.532.084.318.095.65.034.973l-.148.919c-.041.27-.216 1.069.946.58a34.866 34.866 0 0 0 8.505-6.286 7.771 7.771 0 0 0 2.3-5.38' fill='%23000'/%3E%3C/svg%3E"); }

.btn-share[data-share="telegram"] .iconBase:before {
  background-image: url("data:image/svg+xml,%3Csvg height='512' style='enable-background:new 0 0 512 512' width='512' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m484.689 98.231-69.417 327.37c-5.237 23.105-18.895 28.854-38.304 17.972L271.2 365.631l-51.034 49.086c-5.646 5.647-10.371 10.372-21.256 10.372l7.598-107.722L402.539 140.23c8.523-7.598-1.848-11.809-13.247-4.21L146.95 288.614 42.619 255.96c-22.694-7.086-23.104-22.695 4.723-33.579L455.423 65.166c18.893-7.085 35.427 4.209 29.266 33.065z' style='fill:%23fff'/%3E%3C/svg%3E"); }

.btn-share[data-share="linkedin"] .iconBase:before,
.iconLinkedinLogo-filled {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMicgaGVpZ2h0PSczMicgZmlsbD0nbm9uZScgdmlld0JveD0nMCAwIDMyIDMyJz48cGF0aCBmaWxsPScjZmZmJyBkPSdNMjcgM0g1YTIgMiAwIDAgMC0yIDJ2MjJhMiAyIDAgMCAwIDIgMmgyMmEyIDIgMCAwIDAgMi0yVjVhMiAyIDAgMCAwLTItMk0xMSAxM3YxMEg4VjEzek04IDEwLjI0YTEuNTcgMS41NyAwIDAgMSAuNTQtMS4yNEExLjYgMS42IDAgMCAxIDkuNjUgOC42YTEuNTYgMS41NiAwIDAgMSAxLjExLjQgMS41NyAxLjU3IDAgMCAxIC41NCAxLjI0IDEuNjEgMS42MSAwIDAgMS0zLjMgME0yNCAyM2gtM3YtNWMwLTEuMzgtLjUtMi0xLjQ3LTJBMS43MiAxLjcyIDAgMCAwIDE4IDE3LjVjLS4wNi4xNi0uMDUuMzQtLjA1LjV2NWgtM1YxM2gzdjEuMzVhMy41IDMuNSAwIDAgMSAzLTEuMzVjMS45NCAwIDMgMS4yOSAzIDMuODZ6Jy8+PC9zdmc+"); }

.active[data-toggle="like"] .iconLike {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M30 12.75c0 8.75-12.974 15.833-13.526 16.125a1 1 0 0 1-.948 0C14.974 28.582 2 21.5 2 12.75A7.76 7.76 0 0 1 9.75 5c2.581 0 4.841 1.11 6.25 2.986C17.409 6.11 19.669 5 22.25 5A7.76 7.76 0 0 1 30 12.75'/%3E%3C/svg%3E"); }

.active[data-toggle="vote"] .iconVote {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%23000' d='M16.27 8.653a.56.56 0 0 1-.52.347h-2.812v5.625a1.125 1.125 0 0 1-1.126 1.125H6.188a1.125 1.125 0 0 1-1.125-1.125V9H2.25a.563.563 0 0 1-.398-.96l6.75-6.75a.56.56 0 0 1 .796 0l6.75 6.75a.56.56 0 0 1 .122.613'/%3E%3C/svg%3E"); }

.active[data-toggle="bookmark"] .iconBookmark {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M23 4H9a2 2 0 0 0-2 2v22a1 1 0 0 0 1.53.848l7.47-4.67 7.471 4.67A.999.999 0 0 0 25 28V6a2 2 0 0 0-2-2'/%3E%3C/svg%3E"); }

.active[data-toggle="ThumbsUp"] .iconThumbsUp {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.25 10.015C28.9684 9.69591 28.6222 9.44037 28.2342 9.26537C27.8463 9.09037 27.4256 8.99991 27 9H20V7C20 5.67392 19.4732 4.40215 18.5355 3.46447C17.5979 2.52678 16.3261 2 15 2C14.8142 1.99987 14.6321 2.05149 14.474 2.14908C14.3159 2.24667 14.1881 2.38636 14.105 2.5525L9.3825 12H4C3.46957 12 2.96086 12.2107 2.58579 12.5858C2.21071 12.9609 2 13.4696 2 14V25C2 25.5304 2.21071 26.0391 2.58579 26.4142C2.96086 26.7893 3.46957 27 4 27H25.5C26.2309 27.0003 26.9367 26.7337 27.485 26.2503C28.0332 25.767 28.3861 25.1001 28.4775 24.375L29.9775 12.375C30.0307 11.9525 29.9933 11.5236 29.8679 11.1167C29.7424 10.7098 29.5318 10.3342 29.25 10.015ZM4 14H9V25H4V14Z' fill='%23000'/%3E%3C/svg%3E%0A"); }

.active[data-toggle="ThumbsDown"] .iconThumbsDown {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.9775 19.625L28.4775 7.625C28.3861 6.89985 28.0332 6.233 27.485 5.74966C26.9367 5.26632 26.2309 4.99975 25.5 5H4C3.46957 5 2.96086 5.21071 2.58579 5.58579C2.21071 5.96086 2 6.46957 2 7V18C2 18.5304 2.21071 19.0391 2.58579 19.4142C2.96086 19.7893 3.46957 20 4 20H9.3825L14.105 29.4475C14.1881 29.6136 14.3159 29.7533 14.474 29.8509C14.6321 29.9485 14.8142 30.0001 15 30C16.3261 30 17.5979 29.4732 18.5355 28.5355C19.4732 27.5979 20 26.3261 20 25V23H27C27.4257 23.0001 27.8466 22.9097 28.2346 22.7346C28.6227 22.5596 28.9691 22.3039 29.2507 21.9847C29.5323 21.6655 29.7428 21.2899 29.8681 20.8831C29.9934 20.4762 30.0307 20.0474 29.9775 19.625ZM9 18H4V7H9V18Z' fill='%23000'/%3E%3C/svg%3E%0A"); }

.badge--verified {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23000' d='M7 1.313a5.687 5.687 0 1 0 0 11.374A5.687 5.687 0 0 0 7 1.313m2.497 4.684L6.435 9.06a.437.437 0 0 1-.62 0L4.503 7.747a.438.438 0 0 1 .619-.619l1.003 1.003 2.753-2.753a.438.438 0 0 1 .619.619'/%3E%3C/svg%3E");
  -webkit-filter: invert(40%) sepia(32%) saturate(2298%) hue-rotate(193deg) brightness(105%) contrast(93%);
  filter: invert(40%) sepia(32%) saturate(2298%) hue-rotate(193deg) brightness(105%) contrast(93%); }

.header .btn[data-state="open"] .iconList {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23343330' d='M19.28 18.22a.752.752 0 0 1-.53 1.28.75.75 0 0 1-.53-.219L12 13.061l-6.22 6.22a.75.75 0 1 1-1.06-1.061L10.94 12 4.72 5.781A.75.75 0 1 1 5.78 4.72L12 10.94l6.22-6.22a.75.75 0 1 1 1.06 1.061l-6.22 6.22z'/%3E%3C/svg%3E"); }

.header .iconArrowUpLeft {
  -webkit-filter: invert(1);
  filter: invert(1); }

.iconBacktoOldKompasiana .iconArrowUpLeft {
  -webkit-filter: invert(1);
  filter: invert(1); }

.search-box:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23343330' d='m21.53 20.47-4.693-4.694a8.26 8.26 0 1 0-1.06 1.06l4.693 4.695a.75.75 0 1 0 1.06-1.062M3.75 10.5a6.75 6.75 0 1 1 6.75 6.75 6.76 6.76 0 0 1-6.75-6.75'/%3E%3C/svg%3E"); }

.icon-white {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); }

.icon-blue-primary {
  -webkit-filter: invert(44%) sepia(87%) saturate(2375%) hue-rotate(204deg) brightness(98%) contrast(96%);
  filter: invert(44%) sepia(87%) saturate(2375%) hue-rotate(204deg) brightness(98%) contrast(96%); }

.icon-neutral-700 {
  -webkit-filter: brightness(0) invert(40%) !important;
  filter: brightness(0) invert(40%) !important; }

[class^="sq-"],
[class*=" sq-"] {
  padding: 0; }
  [class^="sq-"].btn,
  [class*=" sq-"].btn {
    min-width: auto; }
  [class^="sq-"] .iconBase,
  [class*=" sq-"] .iconBase {
    width: 100%;
    height: 100%; }

.icon-blue-100 {
  -webkit-filter: invert(96%) sepia(21%) saturate(542%) hue-rotate(185deg) brightness(103%) contrast(105%);
  filter: invert(96%) sepia(21%) saturate(542%) hue-rotate(185deg) brightness(103%) contrast(105%); }

.icon-whatsapp {
  -webkit-filter: invert(67%) sepia(52%) saturate(652%) hue-rotate(105deg) brightness(92%) contrast(87%);
  filter: invert(67%) sepia(52%) saturate(652%) hue-rotate(105deg) brightness(92%) contrast(87%); }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth; }

body {
  --bg-main: var(--base-main);
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--blue-primary);
  background: var(--bg-main);
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeSpeed;
  margin: 0;
  padding: 0; }
  body.mobile {
    overflow-x: hidden; }

.body-m {
  max-width: 480px; }

.debug-outline * {
  outline: 1px solid rgba(197, 197, 197, 0.6) !important; }

a {
  color: inherit;
  text-decoration: none;
  vertical-align: baseline;
  outline: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  a:hover {
    color: var(--yale-blue-500);
    text-decoration: none; }

a:focus,
button:focus {
  outline: 0;
  outline: -webkit-focus-ring-color auto 0;
  outline-offset: 0; }

img {
  max-width: 100%;
  width: auto;
  height: auto;
  vertical-align: top;
  border: 0;
  -ms-interpolation-mode: bicubic; }

table {
  border-collapse: collapse; }

iframe {
  border: none;
  vertical-align: top; }

video {
  vertical-align: top; }

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none; }

input,
button,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0; }

input:focus {
  outline: 0; }

input:focus::-webkit-input-placeholder,
input:focus:-moz-placeholder,
input:focus::-moz-placeholder,
input:focus:-ms-input-placeholder {
  color: transparent; }

h1, h2, h3, h4, h5, h6 {
  margin: 0; }

.appearance-none {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .appearance-none::-ms-expand {
    display: none; }

.clearfix:after, .clearfix:before {
  display: table;
  content: "";
  line-height: 0; }

.clearfix:after {
  clear: both; }

.root {
  position: relative;
  background: var(--bg-main);
  padding-top: 1px; }

.container {
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  position: relative; }

.col-offset-fluid {
  margin-right: -15px;
  margin-left: -15px; }

.col-offset-0 {
  padding-right: 0px;
  padding-left: 0px; }

.col-offset-center {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 16px;
  padding: 0 16px 32px;
  margin-top: 60px;
  max-width: 1600px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 1200px) {
    .wrapper {
      padding: 0 32px 32px; } }
  @media screen and (min-width: 1201px) and (max-width: 1440px) {
    .wrapper {
      padding: 0 12px 24px;
      gap: 8px; } }

.sidebar {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 260px;
  -ms-flex-preferred-size: 260px;
  flex-basis: 260px;
  position: sticky;
  height: calc(100vh - 60px);
  top: calc(60px);
  overflow-y: auto;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  padding-top: 16px;
  padding-right: 18px;
  scrollbar-width: thin;
  scrollbar-color: var(--neutral-600) var(--neutral-300); }
  @media (min-width: 1400px) {
    .sidebar {
      width: 300px;
      -ms-flex-preferred-size: 300px;
      flex-basis: 300px; } }
  .sidebar::-webkit-scrollbar {
    width: 4px; }
  .sidebar::-webkit-scrollbar-thumb {
    background: var(--neutral-500);
    border-radius: 8px; }
  .sidebar::-webkit-scrollbar-track {
    background: var(--neutral-200);
    border-radius: 8px; }
  .sidebar:hover::-webkit-scrollbar-thumb {
    background: var(--neutral-300); }
  .sidebar-right {
    width: 300px;
    -ms-flex-preferred-size: 300px;
    flex-basis: 300px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
    @media (max-width: 768px) {
      .sidebar-right {
        display: none; } }

.content {
  position: relative;
  z-index: 1; }
  .desktop .content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: calc(100% - 260px - 16px); }
  .content-main {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
    .desktop .content-main {
      max-width: calc(100% - 300px - 32px); }

.img-read {
  position: relative;
  border-radius: 4px;
  overflow: hidden; }
  .img-read img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px; }
  .img-read .title,
  .img-read span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    padding: 8px;
    color: var(--neutral-800);
    font-size: 12px;
    line-height: 120%;
    z-index: 2; }

.read {
  border-radius: 8px; }
  .readThumb {
    position: relative;
    border-radius: 4px;
    overflow: hidden; }
    .readThumb .img img {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 4px; }
    .readThumb .title,
    .readThumb span {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: end;
      padding: 8px;
      color: var(--neutral-800);
      font-size: 12px;
      line-height: 120%;
      z-index: 2; }
  .readContent {
    position: relative; }
    .readContent table {
      width: 100%;
      border-collapse: collapse;
      margin: 0 0 1.5rem 0;
      font-size: 14px;
      line-height: 1.5; }
      .readContent table th,
      .readContent table td {
        border: 1px solid var(--neutral-300, #d1d5db);
        padding: 10px 12px;
        text-align: left;
        vertical-align: top; }
      .readContent table th {
        background-color: var(--neutral-100, #f3f4f6);
        font-weight: 600; }
      .readContent table tr:nth-child(even) {
        background-color: var(--neutral-50, #f9fafb); }
    .readContent ol {
      list-style: decimal outside;
      margin: 0 0 1.5rem 0;
      padding-left: 2rem; }
      .readContent ol li {
        margin-bottom: 0.5rem;
        line-height: 1.5; }
    .readContent ul {
      list-style: disc outside;
      margin: 0 0 1.5rem 0;
      padding-left: 2rem; }
      .readContent ul li {
        margin-bottom: 0.5rem;
        line-height: 1.5; }
    .readContent .twitter-tweet,
    .readContent .iframe.fr-instagram,
    .readContent .iframe.fr-instagram,
    .readContent .fr-instagram,
    .readContent .instagram-media {
      max-width: 450px;
      margin: 0 auto !important;
      display: block; }

.--read-more .toggle-btn {
  color: var(--blue-primary);
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  margin-left: 6px; }

.header {
  position: fixed;
  width: 100%;
  z-index: 300;
  top: 0;
  left: 0;
  height: 60px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04); }
  @media (min-width: 768px) {
    .desktop .header {
      padding: 0 40px; } }
  @media (min-width: 1600px) {
    .desktop .header {
      padding: 0 calc((100% - 1600px) / 2 + 40px); } }
  .header .btn-nav.active .iconBell {
    position: relative; }
    .header .btn-nav.active .iconBell:after {
      content: '';
      position: absolute;
      top: 0px;
      right: 3px;
      width: 8px;
      height: 8px;
      background: var(--red-primary);
      border-radius: 50%;
      font-size: 12px; }
  .mobile .header ~ .content {
    margin-top: 60px; }
  .mobile .header ~ .breadcrumb ~ .content,
  .mobile .header ~ .menu ~ .content {
    margin-top: 100px; }
  .header .logo {
    position: relative;
    width: 105px;
    height: 25px; }
    @media (min-width: 768px) {
      .desktop .header .logo {
        width: 136px;
        height: 33px; } }
    .header .logo img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain; }
  .header .avatar {
    width: 28px;
    height: 28px; }
  .header .btn-nav {
    border: none;
    background: transparent; }
    .header .btn-nav:hover {
      background: transparent; }
  .header .btn-tulis {
    border: none;
    color: var(--text-primary);
    padding: 0; }
    .header .btn-tulis .iconBase {
      margin-left: 16px;
      margin-right: 4px; }
      .header .btn-tulis .iconBase ~ span {
        margin-right: 16px; }
    .header .btn-tulis:focus, .header .btn-tulis:hover {
      color: var(--neutral-900);
      background: transparent; }

.search-box {
  width: 100%;
  position: relative; }
  .search-box:after {
    content: '';
    position: absolute;
    right: 16px;
    top: 0;
    width: 32px;
    height: 32px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 21px;
    pointer-events: none; }
  .search-box form {
    margin: 0;
    padding: 0;
    height: 100%; }
  .search-box .btn-search {
    position: absolute;
    background-color: transparent;
    padding: 0;
    border: 1px solid transparent;
    text-indent: -9999px;
    color: transparent;
    right: 16px;
    top: 0;
    z-index: 2; }
    .search-box .btn-search:focus, .search-box .btn-search:hover {
      background-color: transparent;
      border: 1px solid transparent;
      outline: none; }

.search-input {
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 0 40px 0 8px;
  width: 100%;
  height: 36px;
  background: #f1f1f1;
  color: var(--text-primary);
  -webkit-box-shadow: none;
  box-shadow: none; }
  .search-input:focus {
    border: 1px solid var(--neutral-600); }
  .search-input::-webkit-input-placeholder {
    color: var(--neutral-400); }
  .search-input::-moz-placeholder {
    color: var(--neutral-400); }
  .search-input:-ms-input-placeholder {
    color: var(--neutral-400); }
  .search-input::-ms-input-placeholder {
    color: var(--neutral-400); }
  .search-input::placeholder {
    color: var(--neutral-400); }
  .desktop .search-input {
    height: 32px;
    width: 450px; }

.footer {
  text-align: center; }
  @media (min-width: 768px) {
    .footerNav {
      text-align: left;
      gap: 50px; } }
  .footerNav ul {
    gap: 9px;
    max-height: 186px; }
    @media (min-width: 768px) {
      .footerNav ul {
        gap: 12px 24px; } }
    .footerNav ul li {
      position: relative; }
      .footerNav ul li::before {
        content: "|";
        font-size: 16px;
        color: var(--neutral-600); }
      .footerNav ul li:first-child::before {
        content: ""; }
      @media (min-width: 768px) {
        .footerNav ul li::before {
          display: none; } }
  .footerContent {
    text-align: center; }
  .footerSocial__item {
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (min-width: 768px) {
      .footerSocial__item {
        width: 32px;
        height: 32px; } }
    .footerSocial__item i {
      -webkit-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1); }
  .footerSocial .iconBase {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .footerSocial__youtube {
    background: #ff0209; }
  .footerSocial__instagram {
    background: linear-gradient(45deg, #faad4f 14.61%, #dd2a7b 39.38%, #9537b0 58.49%, #515bd4 85.39%); }
  .footerSocial__facebook {
    background: #1877f2; }
  .footerSocial__x {
    background: #1c1c1b; }
  .footerCopyright {
    display: inline-block; }
    .mobile .footerCopyright {
      padding-bottom: 100px; }

.menu {
  position: fixed;
  top: 60px;
  z-index: 300;
  height: 40px;
  width: 100%;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04); }
  .mobile .header ~ .menu:before {
    content: '';
    position: absolute;
    top: 0;
    left: 16px;
    width: calc(100% - 32px);
    height: 1px;
    background-color: var(--neutral-200);
    z-index: 1; }
  @media (min-width: 768px) {
    .desktop .menu {
      height: auto;
      margin-bottom: 28px;
      position: relative;
      top: 0;
      padding: 0;
      border-radius: 4px;
      overflow: hidden; } }
  @media (min-width: 768px) {
    .desktop .menu ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .menu li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (min-width: 768px) {
      .desktop .menu li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%; } }
  .menu .btn {
    padding: 0; }
    @media (min-width: 768px) {
      .desktop .menu .btn {
        width: 100%;
        height: 40px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border-radius: 0;
        padding: 0 8px;
        border: 0; } }
    .menu .btn .iconBase {
      width: 28px;
      height: 28px;
      -webkit-filter: invert(50%) sepia(17%) saturate(0%) hue-rotate(287deg) brightness(77%) contrast(69%);
      filter: invert(50%) sepia(17%) saturate(0%) hue-rotate(287deg) brightness(77%) contrast(69%); }
      @media (min-width: 768px) {
        .desktop .menu .btn .iconBase {
          width: 24px;
          height: 24px;
          margin-right: 8px; } }
    .menu .btn[data-active="true"] .iconBase {
      -webkit-filter: invert(26%) sepia(78%) saturate(803%) hue-rotate(172deg) brightness(99%) contrast(103%);
      filter: invert(26%) sepia(78%) saturate(803%) hue-rotate(172deg) brightness(99%) contrast(103%); }
    .menu .btn.active {
      -webkit-filter: brightness(0) saturate(100%) invert(27%) sepia(86%) saturate(1212%) hue-rotate(180deg) brightness(92%) contrast(92%);
      filter: brightness(0) saturate(100%) invert(27%) sepia(86%) saturate(1212%) hue-rotate(180deg) brightness(92%) contrast(92%); }
      .desktop .menu .btn.active {
        -webkit-filter: none;
        filter: none; }
  .mobile .menu-filter {
    padding-top: 0;
    padding-bottom: 4px; }
    .mobile .menu-filter ul {
      position: relative;
      gap: 12px;
      margin-left: -16px;
      margin-right: -16px;
      overflow-x: scroll;
      -ms-overflow-style: none;
      scrollbar-width: none;
      padding-bottom: 16px; }
      .mobile .menu-filter ul::-webkit-scrollbar {
        display: none; }
      .mobile .menu-filter ul li:first-child {
        margin-left: 16px; }
      .mobile .menu-filter ul li:last-child {
        margin-right: 16px; }
  @media (min-width: 768px) {
    .desktop .menu-filter {
      position: sticky;
      top: 60px;
      z-index: 299;
      background-color: var(--bg-main);
      max-width: 100%;
      overflow: auto; } }

.mobile .header ~ .breadcrumb {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  background-color: var(--base-white);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
  z-index: 301; }
  .mobile .header ~ .breadcrumb:before {
    content: "";
    position: absolute;
    top: 0;
    left: 16px;
    width: calc(100% - 32px);
    height: 1px;
    background-color: var(--neutral-200);
    z-index: 1; }

.breadcrumb ol li span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 120px; }
  .desktop .breadcrumb ol li span {
    max-width: 300px; }

.breadcrumb ol li::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23666' d='m11.354 8.354-5 5a.5.5 0 0 1-.708-.708L10.293 8 5.646 3.354a.5.5 0 1 1 .708-.708l5 5a.5.5 0 0 1 0 .708'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 0 0 4px;
  color: var(--text-secondary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23666' d='m11.354 8.354-5 5a.5.5 0 0 1-.708-.708L10.293 8 5.646 3.354a.5.5 0 1 1 .708-.708l5 5a.5.5 0 0 1 0 .708'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: middle; }

.breadcrumb ol li:last-child::after {
  content: none;
  margin: 0; }

.avatar {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  background-color: var(--neutral-200);
  position: relative;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%; }
  .avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  .avatar--group {
    width: auto;
    overflow: visible; }
    .avatar--group .avatar {
      margin-left: -20px;
      z-index: 1;
      -webkit-transition: margin 0.2s,
 z-index 0.2s;
      transition: margin 0.2s,
 z-index 0.2s; }
      .avatar--group .avatar:first-child {
        margin-left: 0; }
      .avatar--group .avatar:nth-child(2) {
        z-index: 2; }
      .avatar--group .avatar:nth-child(3) {
        z-index: 3; }
      .avatar--group .avatar:nth-child(4) {
        z-index: 4; }

.profileCommunity__list.card .avatar {
  width: 28px;
  height: 28px; }

.likedBy__avatars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .likedBy__avatars .avatar {
    width: 100%;
    height: 100%; }

.likedBy__avatar--overlap {
  margin-left: -12px;
  position: relative; }

.badge {
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: white;
  border-radius: 4px;
  height: 14px;
  width: 14px; }

.currentBadge {
  cursor: pointer; }

.labelProfile {
  width: 100%;
  position: relative; }
  .labelProfile__info {
    position: relative; }
    .labelProfile__info .iconBase {
      display: inline-block; }
    .labelProfile__info .rewardsBadge .currentBadge .iconBase {
      width: 16px;
      height: 16px; }
  .labelProfile__name {
    gap: 4px;
    overflow: hidden;
    min-width: 0; }
    .labelProfile__name > div:not(.line-clamp-1) {
      -ms-flex-negative: 0;
      flex-shrink: 0; }
  .labelProfile__group {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden; }

.card {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px; }
  .desktop .card.py-14 {
    padding-top: 18px;
    padding-bottom: 24px;
    gap: 14px; }
  .cardContent__list {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
    .spotlight .cardContent__list {
      margin-left: -12px;
      margin-right: -12px; }
      .desktop .spotlight .cardContent__list {
        margin-left: -18px;
        margin-right: -18px;
        position: relative;
        z-index: 1;
        gap: 12px; }
    .cardContent__list > div {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: calc(100% - 45%);
      max-width: 320px; }
      .cardArena .cardContent__list > div {
        width: 220px; }
        .desktop .cardArena .cardContent__list > div {
          width: calc(50% - 7px);
          max-width: none; }
      .cardTren .cardContent__list > div {
        width: calc(33.333% - 8px);
        max-width: none; }
        .mobile .cardTren .cardContent__list > div {
          width: calc(33.333% - 8px); }
      .cardTopik .cardContent__list > div {
        width: 220px; }
      .cardKolaborasi .cardContent__list > div {
        width: 65%; }
        .desktop .cardKolaborasi .cardContent__list > div {
          width: calc(40% - 8px);
          max-width: none; }
      .cardSeries .cardContent__list > div {
        width: 220px; }
      .spotlight .cardContent__list > div:first-child {
        margin-left: 12px; }
      .spotlight .cardContent__list > div:last-child {
        margin-right: 12px; }
    .desktop .cardContent__list.px-12 {
      padding-left: 18px;
      padding-right: 18px; }
  .cardContent__info {
    position: relative; }
    .cardContent__info > div {
      position: relative; }
      .cardContent__info > div:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        background-color: var(--neutral-200); }
    .cardContent__info > div:first-child {
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .cardContent__info > div:last-child {
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .cardContent__info > div:last-child:after {
        display: none; }
  .desktop .cardContent.px-12 {
    padding-left: 18px;
    padding-right: 18px; }
  .cardTitle__icon {
    position: relative;
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    vertical-align: top; }
    .cardTitle__icon img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
      object-fit: contain; }
  .cardImg {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden; }
  .desktop .cardHeader.px-12 {
    padding-left: 18px;
    padding-right: 18px; }
  .desktop .cardFooter.px-12 {
    padding-left: 18px;
    padding-right: 18px; }
  .card .avatar {
    width: 40px;
    height: 40px; }
    .desktop .card .avatar {
      width: 45px;
      height: 45px; }
  .card--embed-article .avatar {
    width: 18px !important;
    height: 18px !important; }
    .desktop .card--embed-article .avatar {
      width: 22px !important;
      height: 22px !important; }
  .card--embed-article .reaction .btn.btn-text.btn-2xs {
    height: 22px;
    font-size: 12px;
    gap: 4px;
    padding: 0; }
    .card--embed-article .reaction .btn.btn-text.btn-2xs .iconBase {
      width: 16px;
      height: 16px;
      background-size: contain; }
    .card--embed-article .reaction .btn.btn-text.btn-2xs[data-count]:after {
      font-size: 12px; }
  .desktop .card--embed-article .cardImg {
    width: 180px;
    height: 110px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 8px; }
    .desktop .card--embed-article .cardImg img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
  @media (max-width: 1200px) {
    .card--profile .px-100 {
      padding-left: 0;
      padding-right: 0; } }
  .desktop .card--profile .labelProfile > .avatar {
    width: 68px;
    height: 68px; }
    .desktop .card--profile .labelProfile > .avatar .avatar {
      width: 68px;
      height: 68px; }
  .card--profile-komunitas .cardHeader .avatar-overlap {
    bottom: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 2; }
    .card--profile-komunitas .cardHeader .avatar-overlap .avatar {
      width: 72px;
      height: 72px;
      border-width: 4px; }
    .desktop .card--profile-komunitas .cardHeader .avatar-overlap {
      left: 18px; }
      .desktop .card--profile-komunitas .cardHeader .avatar-overlap .avatar {
        width: 88px;
        height: 88px; }
  .card--profile-komunitas .cardContent {
    padding-top: 44px; }
    .card--profile-komunitas .cardContent .labelProfile {
      width: auto; }
    .card--profile-komunitas .cardContent .avatar--group .avatar {
      width: 16px;
      height: 16px;
      margin-left: -8px;
      border: 1px solid var(--base-white); }
      .card--profile-komunitas .cardContent .avatar--group .avatar:first-child {
        margin-left: 0; }
    .desktop .card--profile-komunitas .cardContent {
      padding-top: 60px; }
      .desktop .card--profile-komunitas .cardContent .avatar--group .avatar {
        width: 18px;
        height: 18px;
        margin-left: -9px; }
  .card--profile-komunitas-list .cardHeader .avatar-overlap .avatar {
    width: 32px !important;
    height: 32px !important;
    border-width: 2px !important; }
  .desktop .card--profile-komunitas-list .cardHeader .avatar-overlap .avatar {
    width: 50px !important;
    height: 50px !important;
    border-width: 3px !important; }
  .card--profile-komunitas-list .cardContent {
    padding-top: 24px !important; }
    .desktop .card--profile-komunitas-list .cardContent {
      padding-top: 32px !important; }
  .cardSlider {
    position: relative; }
    .cardSlider__track {
      overflow: hidden; }
    .cardSlider__arrow {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 40px;
      height: 40px;
      -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
      backdrop-filter: blur(4px);
      background: rgba(255, 255, 255, 0.6);
      border-radius: 50%;
      border: none;
      cursor: pointer;
      padding: 0;
      margin: 0;
      z-index: 2;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .cardSlider__arrow .iconBase {
        position: relative;
        display: block;
        width: 24px;
        height: 24px; }
      .cardSlider__arrow:hover {
        background-color: var(--neutral-200); }
      .cardSlider__arrow:disabled {
        opacity: 0.1;
        pointer-events: none; }
      .cardSlider__arrow:focus {
        outline: none; }
      .cardSlider__arrow:active {
        background-color: var(--neutral-200); }
      .cardSlider__arrow.-prev {
        left: 8px; }
        .cardSlider__arrow.-prev .iconBase {
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
      .cardSlider__arrow.-next {
        right: 8px; }
  .cardCommunity__avatar {
    top: -16px;
    width: 32px;
    height: 32px; }
    .desktop .cardCommunity__avatar {
      width: 50px;
      height: 50px; }
  .cardCommunity .labelProfile .avatar--group .avatar {
    margin-left: -9px;
    width: 18px;
    height: 18px; }
    .cardCommunity .labelProfile .avatar--group .avatar:first-child {
      margin-left: 0; }
    .desktop .cardCommunity .labelProfile .avatar--group .avatar {
      margin-left: -11px;
      width: 22px;
      height: 22px; }

.spotlight {
  -webkit-overflow-scrolling: touch; }
  .desktop .spotlight.card {
    padding: 18px; }
  .spotlight .card {
    width: 190px;
    position: relative;
    border-radius: 8px;
    padding: 0; }
    .desktop .spotlight .card {
      width: 246px;
      padding: 0; }
    .spotlight .cardHeader {
      width: 100%;
      position: absolute;
      z-index: 1;
      bottom: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 4px; }
      .desktop .spotlight .cardHeader {
        gap: 6px; }
      .spotlight .cardHeader .labelProfile .avatar {
        width: 20px;
        height: 20px; }
        .desktop .spotlight .cardHeader .labelProfile .avatar {
          width: 30px;
          height: 30px; }
      .spotlight .cardHeader .labelProfile__info .labelProfile__name a,
      .spotlight .cardHeader .labelProfile__info span {
        font-size: 12px; }
        .desktop .spotlight .cardHeader .labelProfile__info .labelProfile__name a, .desktop
        .spotlight .cardHeader .labelProfile__info span {
          font-size: 14px; }
      .spotlight .cardHeader .labelProfile__info .labelProfile__name a,
      .spotlight .cardHeader .labelProfile__info span {
        color: var(--base-white); }
      .spotlight .cardHeader .labelProfile__info .labelProfile__name {
        font-weight: 600; }
    .spotlight .cardTitle {
      color: var(--base-white);
      -webkit-line-clamp: 4; }
      .desktop .spotlight .cardTitle {
        font-size: 20px; }
        @media (max-width: 1280px) {
          .desktop .spotlight .cardTitle {
            font-size: 18px; } }
  .spotlight .cardContent .cardImg {
    border-radius: 8px;
    overflow: hidden; }
  .spotlight .cardContent::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(29.11%, rgba(0, 0, 0, 0)), to(#000000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 29.11%, #000000 100%);
    border-radius: 8px;
    pointer-events: none; }

.desktop .card--profile-komunitas .labelProfile {
  margin-left: 6px !important; }

.card--profile-storyRing .labelProfile > .avatar {
  overflow: visible;
  margin: 5px; }
  .card--profile-storyRing .labelProfile > .avatar .avatar {
    overflow: visible;
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 5px #3a65ff;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #3a65ff; }
    .card--profile-storyRing .labelProfile > .avatar .avatar img {
      border-radius: 50%; }

.listCard {
  padding: 12px 12px 24px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background-color: var(--base-white); }
  .desktop .listCard__header.px-12 {
    padding-left: 18px;
    padding-right: 18px; }
  .listCard__avatar .badge--verified {
    position: absolute;
    top: -2px;
    right: -2px;
    z-index: 2;
    border-radius: 50%; }
  .listCard .avatar {
    width: 42px;
    height: 42px; }
  .listCard .listCard__item:last-child {
    margin-bottom: 0; }
  .listCard__body-scroll {
    -webkit-transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
    overflow: hidden; }
  .listCard__body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .listCard[data-state="closed"] .listCard__item:nth-child(n+6) {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .listCard[data-state="closed"] .show-less {
    display: none; }
  .listCard[data-state="closed"] .listCard__body-scroll {
    max-height: 300px; }
  .listCard[data-state="open"] .show-more {
    display: none; }
  .listCard[data-state="open"] .listCard__footer-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease; }
  .listCard[data-state="open"] .listCard__body-scroll {
    max-height: 380px;
    overflow-y: auto;
    display: block; }
    .listCard[data-state="open"] .listCard__body-scroll::-webkit-scrollbar {
      width: 6px;
      display: block !important; }
    .listCard[data-state="open"] .listCard__body-scroll::-webkit-scrollbar-track {
      background: var(--neutral-100);
      border-radius: 10px; }
    .listCard[data-state="open"] .listCard__body-scroll::-webkit-scrollbar-thumb {
      background: var(--neutral-400);
      border-radius: 10px; }
      .listCard[data-state="open"] .listCard__body-scroll::-webkit-scrollbar-thumb:hover {
        background: var(--neutral-500); }
  .listCard[data-state="open"] .listCard__item:nth-child(n+6) {
    opacity: 1;
    visibility: visible;
    max-height: 100px;
    -webkit-transition: opacity 0.5s ease 0.1s, max-height 0.5s ease;
    transition: opacity 0.5s ease 0.1s, max-height 0.5s ease; }
  .listCard__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2px;
    min-width: 0; }
    .listCard__info .labelProfile__name {
      min-width: 0; }

.cardSliderWidget__title {
  font-weight: 700;
  margin: 0; }

.cardSliderWidget__viewport {
  position: relative; }

.cardSliderWidget__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; }
  .cardSliderWidget__track::-webkit-scrollbar {
    display: none; }
  .cardSliderWidget__track > * {
    scroll-snap-align: start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%; }

.cardSliderWidget__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid var(--neutral-300);
  border-radius: 50%;
  background: var(--base-white);
  color: var(--neutral-900);
  cursor: pointer;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); }
  .cardSliderWidget__arrow.-prev {
    left: 4px; }
    .cardSliderWidget__arrow.-prev .iconBase {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  .cardSliderWidget__arrow.-next {
    right: 4px; }
  .cardSliderWidget__arrow.is-disabled, .cardSliderWidget__arrow:disabled {
    opacity: 0;
    pointer-events: none; }

.cardSliderWidget .cardSliderWidget__arrow {
  padding: 4px; }

body.desktop .cardSliderWidget__track > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc((100% - 16px * 2) / 2.5);
  flex: 0 0 calc((100% - 16px * 2) / 2.5);
  width: calc((100% - 16px * 2) / 2.5); }

body.desktop .cardSliderWidget .cardSliderWidget__arrow {
  padding: 6px; }

.productCard__img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 49px;
  flex: 0 0 49px;
  width: 49px;
  aspect-ratio: 49 / 72;
  -ms-flex-item-align: start;
  align-self: flex-start; }
  .productCard__img--desktop {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66px;
    flex: 0 0 66px;
    width: 66px;
    aspect-ratio: 66 / 99; }
  .productCard__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block; }

.navigation {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  max-width: 288px;
  height: calc(100vh - 60px);
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 315;
  width: 100%;
  will-change: transform;
  /* Transisi untuk animasi geser */
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  /* State default: 'closed' */
  -webkit-transform: translateX(-288px);
  transform: translateX(-288px);
  overflow-y: auto;
  /* Memungkinkan scroll jika konten panjang */ }
  .desktop .navigation {
    background-color: transparent; }
  .navigation[data-state="open"] {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .navigation ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0;
    padding: 0; }
    .navigation ul li a {
      text-decoration: none;
      color: #333;
      font-weight: bold; }
      .navigation ul li a:hover {
        color: #007bff; }
  .navigation nav .btn-navigation {
    padding: 6px 16px;
    border: none;
    color: var(--text-primary);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4px;
    font-size: 16px;
    font-weight: 500;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .navigation nav .btn-navigation:focus, .navigation nav .btn-navigation:hover {
      color: var(--neutral-900);
      background: transparent; }
    .desktop .navigation nav .btn-navigation {
      min-height: 40px; }
    .navigation nav .btn-navigation .iconBase {
      width: 20px;
      height: 20px;
      -webkit-filter: invert(19%) sepia(4%) saturate(605%) hue-rotate(169deg) brightness(96%) contrast(89%);
      filter: invert(19%) sepia(4%) saturate(605%) hue-rotate(169deg) brightness(96%) contrast(89%); }
      @media (min-width: 768px) {
        .desktop .navigation nav .btn-navigation .iconBase {
          width: 24px;
          height: 24px;
          margin-right: 4px;
          -ms-flex-negative: 0;
          flex-shrink: 0; }
          .desktop .navigation nav .btn-navigation .iconBase:last-child {
            margin-right: 0; } }
    .navigation nav .btn-navigation .iconBase[class*="iconiconLestarisiana"] {
      -webkit-filter: none;
      filter: none; }
      .navigation nav .btn-navigation .iconBase[class*="iconiconLestarisiana"] ~ span {
        font-weight: 600; }
  .navigation nav .btn-caret {
    color: var(--neutral-400);
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .navigation nav .btn-caret:focus, .navigation nav .btn-caret:hover {
      color: var(--neutral-900);
      background: transparent; }
    .navigation nav .btn-caret[data-state="open"] .iconBase {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transition: -webkit-transform .2s ease-in-out;
      transition: -webkit-transform .2s ease-in-out;
      transition: transform .2s ease-in-out;
      transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
    .navigation nav .btn-caret[data-state="closed"] .iconBase {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: -webkit-transform .2s ease-in-out;
      transition: -webkit-transform .2s ease-in-out;
      transition: transform .2s ease-in-out;
      transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
  .navigation nav[aria-labelledby="Program"] {
    margin-bottom: 32px; }
    .navigation nav[aria-labelledby="Program"] .iconBase {
      -webkit-filter: none;
      filter: none; }
      .navigation nav[aria-labelledby="Program"] .iconBase img:not([src]),
      .navigation nav[aria-labelledby="Program"] .iconBase img[src=""],
      .navigation nav[aria-labelledby="Program"] .iconBase img[onerror-show="false"] {
        display: none !important; }
  .navigation nav .subcategories {
    margin-left: 50px;
    margin-bottom: 8px;
    border-left: 1px solid var(--neutral-400);
    padding: 0; }
    .desktop .navigation nav .subcategories {
      margin-left: 32px; }
    .navigation nav .subcategories[data-state="open"] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .navigation nav .subcategories[data-state="closed"] {
      display: none; }
    .navigation nav .subcategories .btn-navigation {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      border: 0;
      height: auto;
      padding: 4px 8px;
      color: var(--text-primary); }
      .desktop .navigation nav .subcategories .btn-navigation {
        padding: 6px 16px;
        min-height: auto; }
  @media (min-width: 768px) {
    .desktop .navigation {
      position: relative;
      height: auto;
      -webkit-transform: none;
      transform: none;
      top: 0;
      left: 0;
      border-radius: 4px; } }

/* Overlay gelap untuk latar belakang saat menu terbuka */
.backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 309;
  top: 60px; }

.backdrop[data-state="open"] {
  display: block; }

.old-version .iconBase {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); }

.story {
  position: relative;
  margin-left: -16px;
  margin-right: -16px;
  margin-bottom: 8px; }
  .desktop .story {
    margin-top: 16px;
    margin-left: 0;
    margin-right: 0; }
  .storyWrapper {
    overflow-x: scroll;
    border-bottom: 4px solid var(--base-white);
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-bottom: 16px; }
    .storyWrapper::-webkit-scrollbar {
      display: none; }
  .storyPlus .storyRing__wrapper {
    background: var(--neutral-600); }
  .desktop .storyPlus {
    margin-left: 0; }
  .storyItem {
    cursor: pointer; }
  .storyRing__wrapper {
    background: linear-gradient(238.74deg, #3a65ff -2.57%, #88ebff 44.58%, #3a65ff 91.55%); }
  .storyRing__wrapper,
  .storyRing img {
    padding: 3px; }
  .storyRing .avatar {
    width: 62px;
    height: 62px;
    display: block; }
  .storyRing .iconPlus {
    -webkit-filter: invert(19%) sepia(18%) saturate(7112%) hue-rotate(186deg) brightness(93%) contrast(93%);
    filter: invert(19%) sepia(18%) saturate(7112%) hue-rotate(186deg) brightness(93%) contrast(93%); }
  .storyRing, .storyRing__wrapper,
  .storyRing img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%; }
  .storyUsername {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 150%;
    text-align: center; }
  .storyPopup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 305;
    height: 100%;
    background: #0f0045; }
    .desktop .storyPopup {
      height: 100vh;
      background: #000;
      padding-top: 60px;
      padding-left: 32px; }
    .storyPopup [data-story-viewer] {
      height: 100%; }
      .desktop .storyPopup [data-story-viewer] {
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
        overflow-y: auto;
        -ms-scroll-snap-type: y mandatory;
        scroll-snap-type: y mandatory;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth; }
    .storyPopup__progressbar {
      position: absolute;
      top: 0;
      left: 0;
      gap: 3px;
      right: 0;
      z-index: 304; }
      .storyPopup__progressbar:after {
        content: '';
        display: block;
        width: calc(100% - 16px);
        height: 2px;
        background: var(--base-white);
        opacity: 0.4;
        position: absolute;
        top: 8px;
        left: 8px;
        z-index: -1; }
      @media (min-width: 768px) {
        .storyPopup__progressbar {
          display: none; } }
    .storyPopup__logo {
      position: fixed;
      top: 16px;
      left: 32px;
      z-index: 305;
      height: 32px; }
      .storyPopup__logo img {
        height: 100%; }
    .storyPopup__nextPrevBtn {
      position: absolute;
      inset: 0;
      z-index: 2;
      height: calc(100% - 90px);
      bottom: 0;
      top: auto; }
    .storyPopup__close {
      position: fixed;
      z-index: 305;
      top: 26px;
      right: 16px; }
      .desktop .storyPopup__close {
        top: 18px;
        right: 32px; }
    .storyPopup__item {
      --spacing: 0.25rem;
      position: absolute;
      inset: calc(var(--spacing) * 0); }
      .desktop .storyPopup__item {
        position: relative;
        max-width: 360px;
        width: auto;
        height: calc(100vh - 120px);
        margin: 0 auto 30px;
        scroll-snap-align: start;
        scroll-snap-stop: always;
        background: #0f0045; }
      .storyPopup__item .labelProfile__action {
        position: absolute;
        right: 48px; }
        .desktop .storyPopup__item .labelProfile__action {
          right: 8px; }
      .storyPopup__item img {
        -o-object-fit: cover;
        object-fit: cover; }
    .storyPopup__caption {
      position: absolute;
      bottom: 100px;
      left: 14px;
      padding-right: 90px;
      color: var(--base-white);
      z-index: 3; }
      .desktop .storyPopup__caption {
        bottom: 60px; }
    .storyPopup__header {
      position: relative;
      margin: 26px 8px;
      z-index: 3; }
      .desktop .storyPopup__header {
        margin: 0;
        padding: 16px; }
    .storyPopup__image {
      width: 100%;
      height: 100%;
      opacity: .9; }
      .storyPopup__imageWrap {
        left: 0;
        right: 0;
        top: 0;
        bottom: 180px;
        position: absolute;
        z-index: 1; }
        .storyPopup__imageWrap:after {
          content: '';
          display: block;
          width: 100%;
          height: calc(100vh - 350px);
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(15, 0, 69, 0)), to(#0f0045));
          background: linear-gradient(to bottom, rgba(15, 0, 69, 0) 0%, #0f0045 100%);
          position: absolute;
          top: 180px; }
          .desktop .storyPopup__imageWrap:after {
            height: calc(100vh - 450px);
            top: 160px; }
      .storyPopup__image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; }
    .storyPopup__stats {
      position: absolute;
      bottom: 100px;
      right: 16px;
      color: var(--base-white);
      z-index: 4; }
      .desktop .storyPopup__stats {
        bottom: 60px; }
    .storyPopup .btn {
      color: var(--base-white); }
    .storyPopup .reaction .btn {
      height: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      color: var(--base-white); }
      .storyPopup .reaction .btn .iconBase {
        -webkit-filter: brightness(0) saturate(100%) invert(98%) sepia(91%) saturate(3%) hue-rotate(298deg) brightness(105%) contrast(100%);
        filter: brightness(0) saturate(100%) invert(98%) sepia(91%) saturate(3%) hue-rotate(298deg) brightness(105%) contrast(100%);
        pointer-events: none; }
      .storyPopup .reaction .btn span {
        font-size: 12px;
        color: var(--base-white); }
      .storyPopup .reaction .btn:hover .iconBase, .storyPopup .reaction .btn:focus .iconBase {
        -webkit-filter: brightness(0) saturate(100%) invert(98%) sepia(91%) saturate(3%) hue-rotate(298deg) brightness(105%) contrast(100%);
        filter: brightness(0) saturate(100%) invert(98%) sepia(91%) saturate(3%) hue-rotate(298deg) brightness(105%) contrast(100%);
        height: 24px;
        width: 24px; }
    .storyPopup .iconBase {
      -webkit-filter: brightness(0) saturate(100%) invert(98%) sepia(91%) saturate(3%) hue-rotate(298deg) brightness(105%) contrast(100%);
      filter: brightness(0) saturate(100%) invert(98%) sepia(91%) saturate(3%) hue-rotate(298deg) brightness(105%) contrast(100%); }
    .storyPopup .modalPopover button {
      white-space: nowrap; }
    .storyPopup .labelProfile__name {
      font-size: 12px;
      font-weight: 600; }
      .storyPopup .labelProfile__name a {
        color: var(--base-white); }
    .storyPopup .labelProfile__info span {
      color: var(--base-white); }
  .storyPopup.hidden {
    display: none;
    pointer-events: none;
    opacity: 0; }
  .story__overlay {
    position: absolute;
    inset: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(40%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 15; }

.origin-left {
  -webkit-transform-origin: left;
  transform-origin: left; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 310;
  display: none; }
  .modal.modal--full .modalBox {
    width: 100%;
    height: 100%;
    max-width: 100vw;
    max-height: 100vh;
    border-radius: 0; }
  .modal.modal--full .modalContent {
    width: 100%;
    max-width: unset; }
  .modal[data-state="open"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .modal[data-target="comment-form-modal"] .modalBox {
    width: 100vw;
    border-radius: 12px 12px 0 0;
    place-self: flex-end; }
  .modal[data-target="comment-form-modal"] .modalHeader {
    margin-bottom: 0; }
  .modal[data-target="comment-form-modal"] .commentForm {
    margin-bottom: 20px; }
    .modal[data-target="comment-form-modal"] .commentForm textarea {
      min-height: 100px;
      font-size: 16px; }
  .modal[data-target="share"] .shareList {
    padding: 16px 0; }
  .modal[data-target="share"] .shareCopy {
    position: relative;
    background: var(--base-main);
    padding: 0 8px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 4px; }
    .modal[data-target="share"] .shareCopy__text {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .modal[data-target="share"] .shareCopy .iconBase {
      -webkit-filter: invert(31%) sepia(0%) saturate(1295%) hue-rotate(162deg) brightness(101%) contrast(78%);
      filter: invert(31%) sepia(0%) saturate(1295%) hue-rotate(162deg) brightness(101%) contrast(78%); }
    .modal[data-target="share"] .shareCopy.active .iconBase {
      -webkit-filter: none;
      filter: none; }
  .modal[data-target="share"] .btn-share {
    border-radius: 0;
    border: transparent;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    width: calc(100% / 4);
    -ms-flex-preferred-size: calc(100% / 4);
    flex-basis: calc(100% / 4); }
    .desktop .modal[data-target="share"] .btn-share {
      width: 65px;
      -ms-flex-preferred-size: 65px;
      flex-basis: 65px; }
    .modal[data-target="share"] .btn-share:hover {
      background-color: transparent; }
  .modal[data-target="share"] [data-share="x"] .iconBase {
    background-color: #000; }
  .modal[data-target="share"] [data-share="whatsapp"] .iconBase {
    background-color: #25d366; }
  .modal[data-target="share"] [data-share="line"] .iconBase {
    background-color: #00c300; }
  .modal[data-target="share"] [data-share="telegram"] .iconBase {
    background-color: #2aabee; }
  .modal[data-target="share"] [data-share="facebook"] .iconBase {
    background-color: #3b5998; }
  .modal[data-target="share"] [data-share="linkedin"] .iconBase {
    background-color: #0a66c2; }
  .modal[data-target="share"] .modalHeader {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px; }
  .modal[data-target="share"] .modalContent {
    padding: 16px 0;
    border-top: 1px solid var(--neutral-200);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px; }
  .modal[data-target="share"] .modalBox {
    max-width: 500px;
    padding: 16px; }
    .desktop .modal[data-target="share"] .modalBox {
      padding: 24px; }
  .modal[data-target="share"] .shareList {
    gap: 16px 8px; }
    .desktop .modal[data-target="share"] .shareList {
      gap: 8px; }
    .modal[data-target="share"] .shareList .iconBase {
      width: 36px;
      height: 36px;
      background-size: 16px;
      border-radius: 50%;
      position: relative;
      background-image: none; }
      .modal[data-target="share"] .shareList .iconBase:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        z-index: 1;
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1); }
  .modal[data-target="badge-level"] .modalHeader {
    margin-bottom: 0; }
  .modal[data-target="create-communities"] .modalContent {
    max-height: 48vh; }
  .modal[data-target="create-communities"] [data-state-view="success"] {
    display: none;
    max-width: 400px;
    margin: auto; }
    .modal[data-target="create-communities"] [data-state-view="success"] .success-badge {
      background-color: #E6F4EA; }
      .modal[data-target="create-communities"] [data-state-view="success"] .success-badge .success-icon {
        color: #137333;
        font-size: 36px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
  .modalHeader .modalClose:only-child {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1; }
  .modalBox {
    position: relative;
    width: calc(100% - 32px);
    max-width: 450px;
    -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
    box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03); }
    .modalBox--center {
      text-align: center; }
    .modalBox--lg {
      max-width: 640px;
      width: 100%; }
      .modalBox--lg .modalContent {
        max-width: 100%; }
    .modalBox--sm {
      max-width: 360px;
      width: 100%; }
      .modalBox--sm .modalContent {
        max-width: 100%; }
  .modalPopover {
    position: absolute;
    top: 0;
    right: 25px;
    z-index: 2;
    display: none; }
    .modalPopover[data-state="open"] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .modalPopover[data-position="bottom"] {
      top: 100%;
      right: auto;
      left: 0; }
  .modalContent {
    position: relative;
    max-height: 70vh;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    max-width: 450px; }
    .modalContent input[type="radio"] {
      width: 20px;
      height: 20px; }
  .modalTextarea {
    border-radius: 8px;
    border: 1px solid var(--neutral-200); }
    .modalTextarea textarea {
      resize: none;
      border: 0; }
      .modalTextarea textarea:focus {
        outline: none; }
    .modalTextarea:has(textarea:focus) {
      -webkit-box-shadow: 0 0 0 2px rgba(230, 230, 230, 0.5);
      box-shadow: 0 0 0 2px rgba(230, 230, 230, 0.5); }
  .modalReport--alt {
    border-radius: 8px;
    border: 1px solid var(--neutral-400);
    overflow: hidden;
    width: 100%; }
    .modalReport--alt button {
      border: 0;
      cursor: pointer;
      width: 100%;
      text-align: left; }
      .modalReport--alt button:hover, .modalReport--alt button:focus {
        color: var(--red-primary); }
  .modal .modalBox {
    border-radius: 12px; }
  .desktop .modal--harmonyFeedback .modalBox {
    padding-left: 120px;
    padding-right: 120px;
    max-width: 640px; }
  .modal--harmonyFeedback .btn .iconBase {
    width: 12px;
    -webkit-filter: invert(1);
    filter: invert(1); }
  .modal--harmonyFeedback .btn span {
    white-space: nowrap; }
  .modal--harmonyFeedback .modalClose {
    position: absolute;
    top: 9px;
    right: 7px;
    border: 2px solid var(--neutral-600);
    border-radius: 100%;
    padding: 2px;
    width: 24px;
    height: 24px;
    display: block; }
    .modal--harmonyFeedback .modalClose .iconBase {
      width: 16px;
      height: 16px;
      display: block;
      -webkit-filter: invert(68%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(92%) contrast(89%);
      filter: invert(68%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(92%) contrast(89%); }
  .modal--harmonyFeedback .modalContent {
    overflow: hidden; }
  .modal--harmonyFeedback .modalImg {
    left: 45px;
    position: relative; }
  .modal--harmonyFeedback .rating .iconBase {
    display: inline-block;
    width: 18px;
    height: 18px; }
  .modal--harmonyFeedback .rating .active .iconBase {
    -webkit-filter: invert(80%) sepia(54%) saturate(5580%) hue-rotate(5deg) brightness(103%) contrast(101%);
    filter: invert(80%) sepia(54%) saturate(5580%) hue-rotate(5deg) brightness(103%) contrast(101%); }
  .modal--writeSchedule [data-name="popup-back"] {
    left: 14px;
    position: absolute; }
  .modal--writeSchedule .modalBox {
    width: 100%;
    border-radius: 12px 12px 0 0; }
    .desktop .modal--writeSchedule .modalBox {
      max-width: 360px; }
  .desktop .modal--writeSchedule .modalBox {
    width: calc(100% - 32px);
    border-radius: 12px 12px; }
  .modal[data-target="daftar-event-success-modal"] .iconBase {
    -webkit-filter: brightness(0) invert(58%) sepia(77%) saturate(692%) hue-rotate(101deg) brightness(98%) contrast(98%);
    filter: brightness(0) invert(58%) sepia(77%) saturate(692%) hue-rotate(101deg) brightness(98%) contrast(98%); }
  .modal[data-target="daftar-event-failure-modal"] .iconBase {
    -webkit-filter: brightness(0) invert(24%) sepia(91%) saturate(5801%) hue-rotate(352deg) brightness(98%) contrast(108%);
    filter: brightness(0) invert(24%) sepia(91%) saturate(5801%) hue-rotate(352deg) brightness(98%) contrast(108%); }
  .modal[data-target="lihat-tiket-modal"] {
    overflow-y: auto;
    padding-top: 32px;
    padding-bottom: 32px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .modal[data-target="lihat-tiket-modal"] .modalClose {
      display: none; }
      .desktop .modal[data-target="lihat-tiket-modal"] .modalClose {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important; }
    .modal[data-target="lihat-tiket-modal"] button {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-align: center !important;
      -ms-flex-align: center !important;
      align-items: center !important;
      -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important; }
      .modal[data-target="lihat-tiket-modal"] button .iconBase {
        width: 16px !important;
        height: 16px !important;
        display: inline-block !important; }
  .modal[data-target="daftar-event-modal"] .modalHeader {
    border-bottom: 1px solid var(--neutral-400) !important;
    padding-bottom: 12px; }
  .modal[data-target="daftar-event-modal"] .modalBox,
  .modal[data-target="daftar-event-modal"] .modalContent {
    overflow: hidden !important; }
  .modal[data-target="daftar-event-modal"] .hidden-date-input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none; }
  .modal[data-target="daftar-event-modal"] .iconCalendar {
    width: 16px !important;
    height: 16px !important;
    display: inline-block !important; }

.modal[data-target="liked-by-modal"] .modalContent {
  max-height: 60vh;
  overflow-y: auto !important; }
  .desktop .modal[data-target="liked-by-modal"] .modalContent {
    max-height: 500px; }
  .modal[data-target="liked-by-modal"] .modalContent .text-14-bold {
    font-weight: 600; }

.modalContent--scroll {
  max-height: 60vh;
  overflow-y: auto !important; }
  .desktop .modalContent--scroll {
    max-height: 500px; }

.ticketWrapper {
  background-color: var(--neutral-100);
  border-radius: 16px;
  width: 100%;
  max-width: 328px; }

.ticketCard {
  background-color: var(--base-white);
  border-radius: 12px;
  width: 100%;
  -webkit-box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
  box-shadow: 0px 8px 8px -4px rgba(16, 24, 40, 0.03); }
  .ticketCard__top {
    padding: 14px 11px 8px 11px;
    text-align: left; }
  .ticketCard__separator {
    position: relative;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .ticketCard__separator:before {
      content: '';
      position: absolute;
      left: -14px;
      width: 28px;
      height: 28px;
      background-color: var(--neutral-100);
      border-radius: 50%; }
    .ticketCard__separator:after {
      content: '';
      position: absolute;
      right: -14px;
      width: 28px;
      height: 28px;
      background-color: var(--neutral-100);
      border-radius: 50%; }
    .ticketCard__separator span {
      width: 100%;
      border-top: 1px dashed var(--neutral-700); }
  .ticketCard__bottom {
    padding: 8px 11px 14px 11px;
    text-align: left; }

.mobile .reaction.gap-12 {
  gap: 8px; }

.reaction .btn {
  border: none;
  gap: 4px;
  color: var(--neutral-700); }
  .reaction .btn[data-count]:after {
    content: attr(data-count); }
  .reaction .btn span:empty {
    display: none; }
  .reaction .btn .iconBase {
    -webkit-filter: invert(31%) sepia(9%) saturate(294%) hue-rotate(185deg) brightness(94%) contrast(86%);
    filter: invert(31%) sepia(9%) saturate(294%) hue-rotate(185deg) brightness(94%) contrast(86%); }
  .reaction .btn.active {
    background-color: transparent; }
  .reaction .btn:focus .iconBase, .reaction .btn:hover .iconBase {
    -webkit-filter: invert(0%) sepia(5%) saturate(3957%) hue-rotate(13deg) brightness(91%) contrast(80%);
    filter: invert(0%) sepia(5%) saturate(3957%) hue-rotate(13deg) brightness(91%) contrast(80%); }
  .reaction .btn[aria-label="View"] {
    pointer-events: none;
    outline: none; }

.sidebar-right .reaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.paging {
  position: relative; }
  .mobile .paging {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .pagingItem {
    position: relative; }
  .pagingLink {
    background-color: transparent;
    color: var(--text-secondary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 24px;
    height: 24px;
    padding: 0 6px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 24px;
    border: 1px solid var(--blue-200);
    font-size: 14px;
    line-height: 1;
    white-space: nowrap; }
    .pagingLink.prev .iconBase {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .pagingLink.prev, .pagingLink.next {
      border: transparent; }
    .pagingLink:hover, .pagingLink.active {
      background-color: var(--blue-100);
      border: 1px solid var(--blue-100);
      color: var(--text-primary);
      font-weight: 700; }
    .pagingLink:hover {
      font-weight: 400;
      border: 1px solid var(--blue-200); }

.comment {
  position: relative;
  border-top: 1px solid var(--neutral-200); }
  .commentRead .btn-text:disabled {
    top: calc(100% - 35px - 32px - 2px + 1px); }
    .commentRead .btn-text:disabled .iconBase {
      opacity: 1; }
  .commentRead .commentFormMeta {
    opacity: 0; }
  .commentRead .commentForm {
    margin-bottom: -35px; }
    .desktop .commentRead .commentForm {
      margin-bottom: -16px; }
    .commentRead .commentForm textarea {
      resize: none; }
  .commentIndex {
    border-top: none; }
  .commentTitle {
    margin-bottom: -8px;
    margin-top: -8px; }
  .commentForm {
    position: relative;
    padding-bottom: 35px; }
    .desktop .commentForm {
      padding-bottom: 16px; }
    .commentForm textarea,
    .commentForm input {
      border: 1px solid var(--neutral-700);
      padding-left: 12px;
      padding-right: 30px;
      vertical-align: top; }
      .commentForm textarea::-webkit-input-placeholder, .commentForm input::-webkit-input-placeholder {
        font-size: 12px; }
      .commentForm textarea::-moz-placeholder, .commentForm input::-moz-placeholder {
        font-size: 12px; }
      .commentForm textarea:-ms-input-placeholder, .commentForm input:-ms-input-placeholder {
        font-size: 12px; }
      .commentForm textarea::-ms-input-placeholder, .commentForm input::-ms-input-placeholder {
        font-size: 12px; }
      .commentForm textarea::placeholder,
      .commentForm input::placeholder {
        font-size: 12px; }
        .desktop .commentForm textarea::-webkit-input-placeholder, .desktop
        .commentForm input::-webkit-input-placeholder {
          font-size: 16px; }
        .desktop .commentForm textarea::-moz-placeholder, .desktop
        .commentForm input::-moz-placeholder {
          font-size: 16px; }
        .desktop .commentForm textarea:-ms-input-placeholder, .desktop
        .commentForm input:-ms-input-placeholder {
          font-size: 16px; }
        .desktop .commentForm textarea::-ms-input-placeholder, .desktop
        .commentForm input::-ms-input-placeholder {
          font-size: 16px; }
        .desktop .commentForm textarea::placeholder, .desktop
        .commentForm input::placeholder {
          font-size: 16px; }
    .commentForm .btn {
      position: absolute;
      right: 4px;
      top: calc(100% - 35px - 32px - 2px);
      place-self: center; }
      .desktop .commentForm .btn {
        top: calc(100% - 16px - 32px - 2px); }
      .commentForm .btn:hover {
        background-color: transparent; }
      .desktop .commentForm .btn .iconBase {
        width: 24px;
        height: 24px; }
    .commentFormMeta {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 35px;
      z-index: 1; }
      .desktop .commentFormMeta {
        height: 16px; }
    .commentFormWarning.hidden {
      display: block; }
    .commentFormCounter {
      -ms-flex-negative: 0;
      flex-shrink: 0; }
  .commentGate {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .commentInput {
    position: relative; }
    .commentInput textarea,
    .commentInput input {
      min-height: 34px;
      max-height: 34px; }
      .commentIndex .commentInput textarea, .commentIndex
      .commentInput input {
        height: 34px;
        max-height: none; }
  .comment .avatar {
    width: 32px;
    height: 32px; }
    .desktop .comment .avatar {
      width: 40px;
      height: 40px; }
  .commentList {
    position: relative; }
  .commentItem {
    position: relative; }
    .desktop .commentItem {
      gap: 12px; }
    .commentItem .btn-2xs {
      min-width: 20px;
      width: auto;
      height: 20px;
      gap: 4px; }
      .commentItem .btn-2xs:hover {
        background-color: transparent; }
      .commentItem .btn-2xs i {
        width: 20px;
        height: 20px; }
    .commentItem .modalPopover {
      top: -4px;
      right: 16px; }
  .commentText {
    word-break: break-word; }
    .desktop .commentText {
      font-size: 16px;
      line-height: 1.4; }
  .commentReaction {
    gap: 20px; }
    .commentReaction .btn-2xs {
      min-width: 20px;
      width: auto;
      height: 20px; }
      .commentReaction .btn-2xs i {
        width: 20px;
        height: 20px; }
      .commentReaction .btn-2xs span {
        font-weight: 700;
        color: var(--neutral-800); }
      .commentReaction .btn-2xs[aria-label="Reply"] i {
        display: none; }
  .commentReplyForm {
    position: relative;
    display: none;
    padding-bottom: 10px; }
    .commentReplyForm.open {
      display: block; }
  .commentReplyList {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px; }
    .hide .commentReplyList {
      display: none; }
  .commentReply .avatar {
    width: 24px;
    height: 24px; }
    .desktop .commentReply .avatar {
      width: 32px;
      height: 32px; }
  .commentReply .btn-2xs[aria-label="Balasan"] .iconCaretRight, .commentReply .btn-2xs[aria-label="Balasan"] .iconCaretLeft, .commentReply .btn-2xs[aria-label="Balasan"] .iconCaretUp, .commentReply .btn-2xs[aria-label="Balasan"] .iconCaretDown {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  .commentReply .btn-2xs[aria-label="Balasan"].active .iconCaretRight, .commentReply .btn-2xs[aria-label="Balasan"].active .iconCaretLeft, .commentReply .btn-2xs[aria-label="Balasan"].active .iconCaretUp, .commentReply .btn-2xs[aria-label="Balasan"].active .iconCaretDown {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  .commentReply .btn-2xs[aria-label="Balasan"] span {
    color: var(--neutral-800);
    white-space: nowrap; }
  .commentReply.hide .btn-2xs[aria-label="Balasan"] .iconCaretRight, .commentReply.hide .btn-2xs[aria-label="Balasan"] .iconCaretLeft, .commentReply.hide .btn-2xs[aria-label="Balasan"] .iconCaretUp, .commentReply.hide .btn-2xs[aria-label="Balasan"] .iconCaretDown {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .commentMore {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .commentMore .btn {
      place-self: center; }

[data-expandtext] {
  position: relative;
  place-self: start;
  width: 100%; }
  [data-expandtext][data-expanded="false"] [data-expandtext-toggle] {
    display: inline-block;
    position: static;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer; }
  [data-expandtext][data-expanded="true"] [data-expandtext-content] {
    -webkit-line-clamp: unset;
    overflow: visible;
    display: block; }
    [data-expandtext][data-expanded="true"] [data-expandtext-content]::after {
      content: none; }
  [data-expandtext][data-expanded="true"] [data-expandtext-toggle] {
    position: static;
    -webkit-transform: none;
    transform: none;
    display: inline-block;
    position: static;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer; }
  [data-expandtext] hr {
    border-top: 0;
    border-bottom: 2px solid var(--neutral-200);
    margin: 18px 0; }

.coverKanal {
  border-radius: 8px 8px 0 0;
  overflow: hidden; }
  .coverKanal__thumb {
    position: relative; }
    .coverKanal__thumb--noImg {
      min-height: 80px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end; }
      .coverKanal__thumb--noImg::after {
        display: none; }
    .coverKanal__thumb img::before {
      content: "loading";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: var(--neutral-800);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 14px;
      font-weight: 600;
      color: var(--base-white); }
    .coverKanal__thumb::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
      z-index: 2; }
    .coverKanal__thumb span {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      color: var(--cl-white);
      font-size: 4rem;
      /* text-7xl */
      font-weight: 800;
      /* font-extrabold */
      letter-spacing: 0.1em;
      /* tracking-widest */
      z-index: 1; }
  .coverKanal__title {
    position: absolute;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: auto;
    bottom: 0;
    padding-bottom: 12px;
    z-index: 3; }
    @media (min-width: 768px) {
      .desktop .coverKanal__title {
        padding-bottom: 18px; } }
  .coverKanal__title, .coverKanal__textarea {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px; }
    @media (min-width: 768px) {
      .desktop .coverKanal__title, .desktop .coverKanal__textarea {
        padding-left: 18px;
        padding-right: 18px; } }

.progressBar {
  border-radius: 8px; }
  .progressBar__area {
    position: relative;
    background-color: var(--neutral-200);
    border-radius: 30px; }
    .progressBar__areaFill {
      position: absolute;
      top: 0;
      left: 0;
      accent-color: var(--blue-primary);
      -webkit-transition: width 0.5s;
      transition: width 0.5s;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border: none;
      border-radius: 30px; }
      .progressBar__areaFill::-webkit-progress-bar {
        background-color: var(--neutral-200);
        border-radius: 30px; }
      .progressBar__areaFill::-webkit-progress-value {
        background-color: var(--blue-primary);
        border-radius: 10px;
        -webkit-transition: width 0.5s ease;
        transition: width 0.5s ease; }
      .progressBar__areaFill::-moz-progress-bar {
        background-color: var(--neutral-200);
        -moz-transition: width 0.5s ease;
        transition: width 0.5s ease; }

.rewardsBadge .currentBadge .iconBase {
  width: 28px;
  height: 28px; }
  .desktop .rewardsBadge .currentBadge .iconBase {
    width: 50px;
    height: 50px; }

.rewardsDetail > .w-p33 {
  width: 50%; }

.desktop .rewardsDetail {
  gap: 8px 0; }

.modalFrame .rewardsBadge,
.modalFrame .rewardsBadge .currentBadge {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .modalFrame .rewardsBadge .iconBase,
  .modalFrame .rewardsBadge .currentBadge .iconBase {
    width: 50px;
    height: 50px; }
    .desktop .modalFrame .rewardsBadge .iconBase, .desktop
    .modalFrame .rewardsBadge .currentBadge .iconBase {
      width: 60px;
      height: 60px; }

.modalBadge .modalContent > .modalText {
  margin-bottom: 16px; }

.modalBadge .modalContent .iconBase {
  display: inline-block;
  width: 24px;
  height: 24px; }

.notification .avatar {
  width: 30px;
  height: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 4px; }
  .desktop .notification .avatar {
    width: 50px;
    height: 50px; }

.notificationTitle {
  color: var(--neutral-800); }

.minatSubmit {
  text-align: center; }

.checkboxSelect label {
  border-color: transparent;
  padding-left: 15px;
  padding-right: 15px; }
  .desktop .checkboxSelect label {
    border-color: var(--neutral-400); }
  .checkboxSelect label:hover:not(:disabled) {
    background: var(--base-white);
    color: var(--neutral-700);
    border-color: transparent; }
    .desktop .checkboxSelect label:hover:not(:disabled) {
      border-color: var(--neutral-600); }
    .checkboxSelect label:hover:not(:disabled) .iconCheck {
      -webkit-filter: invert(59%) sepia(12%) saturate(0%) hue-rotate(145deg) brightness(105%) contrast(91%);
      filter: invert(59%) sepia(12%) saturate(0%) hue-rotate(145deg) brightness(105%) contrast(91%); }

.checkboxSelect input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none; }
  .checkboxSelect input:checked:not(:disabled) ~ label {
    background: var(--base-white);
    color: var(--blue-primary);
    border-color: var(--blue-primary); }
    .desktop .checkboxSelect input:checked:not(:disabled) ~ label {
      border-color: var(--blue-primary); }
    .checkboxSelect input:checked:not(:disabled) ~ label .iconCheck {
      border-color: transparent;
      -webkit-filter: invert(40%) sepia(32%) saturate(2298%) hue-rotate(193deg) brightness(105%) contrast(93%);
      filter: invert(40%) sepia(32%) saturate(2298%) hue-rotate(193deg) brightness(105%) contrast(93%); }
      .checkboxSelect input:checked:not(:disabled) ~ label .iconCheck:before {
        left: 4px;
        -ms-transform: rotate(40deg);
        /* IE 9 */
        -webkit-transform: rotate(40deg);
        /* Safari */
        transform: rotate(40deg); }
      .checkboxSelect input:checked:not(:disabled) ~ label .iconCheck:before {
        width: 5px;
        height: 2px;
        top: 10px; }
      .checkboxSelect input:checked:not(:disabled) ~ label .iconCheck::after {
        top: 8px;
        left: 6px;
        -ms-transform: rotate(130deg);
        /* IE 9 */
        -webkit-transform: rotate(130deg);
        /* Safari */
        transform: rotate(130deg); }

.checkboxSelect .iconCheck {
  width: 20px;
  height: 20px;
  margin-left: 8px;
  margin-right: 0;
  border: 1px solid #000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }
  .checkboxSelect .iconCheck:before, .checkboxSelect .iconCheck:after {
    content: "";
    position: absolute;
    background: #000;
    width: 13px;
    height: 2px;
    top: 8px;
    left: 2.5px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
  .checkboxSelect .iconCheck:after {
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Safari */
    transform: rotate(90deg); }

.activityNav__item {
  width: calc(50% - 8px); }
  .activityNav__item .btn-activity {
    text-align: left;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left; }
    .activityNav__item .btn-activity.btn-lg i:not(:only-child) {
      margin-right: 4px;
      margin-left: 6px; }
    .activityNav__item .btn-activity.btn-lg i ~ span {
      font-size: 14px; }
    .activityNav__item .btn-activity .iconBase {
      -webkit-filter: invert(28%) sepia(85%) saturate(1554%) hue-rotate(185deg) brightness(103%) contrast(88%);
      filter: invert(28%) sepia(85%) saturate(1554%) hue-rotate(185deg) brightness(103%) contrast(88%); }
      .desktop .activityNav__item .btn-activity .iconBase {
        width: 24px;
        height: 24px; }
    .activityNav__item .btn-activity .iconCaretRight, .activityNav__item .btn-activity .iconCaretLeft, .activityNav__item .btn-activity .iconCaretUp, .activityNav__item .btn-activity .iconCaretDown {
      margin-left: auto;
      margin-right: 6px;
      -webkit-filter: none;
      filter: none; }

.settings .cardHeader .iconBase {
  height: 24px;
  width: 24px; }

.settings .cardHeader a {
  display: inherit; }

.settingsAcount__action .btn {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 0;
  border: none;
  font-weight: 700; }
  .settingsAcount__action .btn:hover {
    color: inherit;
    background: transparent; }
  .settingsAcount__action .btn .iconBase {
    width: 24px;
    height: 24px; }

.settingsLogout .iconBase {
  -webkit-filter: invert(34%) sepia(96%) saturate(4649%) hue-rotate(349deg) brightness(101%) contrast(107%);
  filter: invert(34%) sepia(96%) saturate(4649%) hue-rotate(349deg) brightness(101%) contrast(107%); }

.info-group p {
  word-break: break-all; }

.adsRail {
  position: relative;
  background-color: var(--neutral-100); }
  .adsRail .adsReservebox {
    z-index: 1; }
  .adsRail > .ads300x250 {
    position: sticky;
    top: calc(60px + 16px); }

.adsReservebox {
  position: relative;
  z-index: 1;
  text-align: center;
  overflow: hidden; }
  .mobile .adsReservebox {
    max-width: 100vw;
    margin-top: 16px;
    margin-bottom: 16px; }
  .desktop .adsReservebox {
    background-color: var(--neutral-200); }
    .desktop .adsReservebox:before {
      background-color: var(--neutral-200); }
  .mobile .feedList .adsReservebox {
    margin-top: 0;
    margin-bottom: 0; }
  .adsReservebox:before {
    content: "Advertisement";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--neutral-100);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: var(--neutral-700);
    z-index: -1; }
  .storyPopup .adsReservebox {
    position: absolute;
    z-index: 1;
    top: 60px;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain; }
    .storyPopup .adsReservebox:first-child {
      left: 32px; }
    .storyPopup .adsReservebox:last-child {
      right: 32px; }
    .storyPopup .adsReservebox:before {
      background-color: var(--neutral-800);
      color: var(--neutral-700); }

.adsRailings {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  text-align: center; }

.ads300x600 {
  min-width: 300px;
  min-height: 600px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  text-align: center; }
  .sidebar-right > .ads300x600 {
    margin-top: 16px; }
  .mobile .content .ads300x600 {
    margin-left: -16px;
    margin-right: -16px; }

.ads970x250 {
  min-width: 970px;
  height: 250px;
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  text-align: center; }
  .content > .ads970x250 {
    margin-top: 16px; }

.ads640x250 {
  min-width: 640px;
  height: 250px;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  text-align: center; }

.ads300x250 {
  min-width: 300px;
  min-height: 250px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  text-align: center; }
  .ads300x250.adsRail {
    min-height: 600px; }
  .sidebar-right > .ads300x250 {
    margin-top: 16px; }
  .mobile .content .ads300x250 {
    margin-left: -16px;
    margin-right: -16px; }

.adsMgid {
  min-width: 300px;
  min-height: 520px;
  display: block;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 16px; }
  .mobile .content .adsMgid {
    min-height: 430px;
    margin-left: -16px;
    margin-right: -16px; }

.adsHorad {
  position: fixed;
  z-index: 299;
  bottom: 0; }
  .desktop .adsHorad {
    width: 1100px;
    min-height: 150px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
    .desktop .adsHorad .adsReservebox {
      min-height: 150px;
      margin: 0; }
      .desktop .adsHorad .adsReservebox:before {
        background-color: #f9f9f9; }
  .mobile .adsHorad {
    width: 100vw;
    min-height: 150px;
    margin: 0; }
    .mobile .adsHorad .adsReservebox {
      min-height: 150px;
      margin: 0; }
  .adsHorad .adsClose {
    position: absolute;
    right: 0;
    top: -12px;
    z-index: 2;
    background: #000;
    border-radius: 12px; }
    .adsHorad .adsClose .iconClose {
      -webkit-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1);
      width: 18px;
      height: 18px; }

.mobile .header ~ .breadcrumb ~ .adsReservebox,
.mobile .header ~ .menu ~ .adsReservebox {
  margin-top: 100px;
  margin-bottom: 0; }

.mobile .header ~ .breadcrumb ~ .adsReservebox ~ .content,
.mobile .header ~ .menu ~ .adsReservebox ~ .content {
  margin-top: 0; }

.banner-promo {
  position: relative;
  width: 100%;
  padding-top: calc((100vw - 32px) * 100 / 320);
  margin-top: 16px;
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--neutral-100); }
  .desktop .banner-promo {
    padding-top: calc(100% * 120 / 740);
    margin-top: 24px;
    margin-bottom: 24px; }
  .banner-promo img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.adsReservebox ~ .read,
.adsReservebox ~ .spotlight {
  margin-top: 16px; }

.ol_container {
  top: 0;
  width: 100%;
  position: relative;
  z-index: 0;
  background: #212121;
  height: 510px;
  overflow: hidden;
  padding-top: 30px; }
  .ol_container:after {
    content: 'Iklan — Scroll ke bawah untuk melanjutkan';
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 30px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }

.ol_swipe {
  display: none; }

.ol_big {
  width: 320px;
  height: 480px;
  left: 0;
  right: 0;
  margin: 0 auto; }

.ol_big_inner {
  position: fixed;
  top: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 320px;
  height: 480px; }

.ol_close_ad {
  right: calc((100% - 320px) / 2 - 4px);
  width: 30px;
  z-index: 99;
  height: 30px;
  position: absolute;
  top: 0;
  cursor: pointer;
  padding: 0;
  color: #fff;
  background: transparent;
  line-height: 1;
  font-size: 22px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .ol_close_ad:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 22px;
    height: 22px;
    background: rgba(112, 112, 112, 0.8);
    border: 1px solid rgba(134, 134, 134, 0.8);
    border-radius: 50%;
    z-index: -1; }

.ol_landing {
  position: absolute;
  margin: 0 auto;
  border: none;
  border: none;
  height: 100%;
  width: 100%;
  right: 0;
  left: 0;
  top: 0; }

.ol_promo {
  width: 320px;
  height: 480px;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 1;
  opacity: 0;
  pointer-events: none; }
  .ol_promo.show {
    opacity: 1;
    pointer-events: all; }

.ol_script {
  position: relative;
  z-index: 2;
  background-color: #212121; }

.pushdown.pushdown-close .pushdown-banner {
  display: none; }

.pushdown-banner ~ .root .menu,
.pushdown-banner ~ .root .breadcrumb {
  position: absolute; }

.pushdown-banner ~ .root .header {
  position: absolute;
  top: 0; }

.pushdown-banner ~ .root .navigation {
  height: 100vh; }

.pushdown-banner ~ .root .navigation,
.pushdown-banner ~ .root .backdrop {
  top: 0; }

/* scroll pushdown */
.pushdown-scroll .menu,
.pushdown-scroll .breadcrumb,
.pushdown-scroll .header,
.ol_scroll .menu,
.ol_scroll .breadcrumb,
.ol_scroll .header {
  position: fixed !important; }

.pushdown-scroll .pushdown-banner ~ .root .navigation,
.ol_scroll .pushdown-banner ~ .root .navigation {
  height: calc(100vh - 60px); }

.pushdown-scroll .pushdown-banner ~ .root .navigation,
.pushdown-scroll .pushdown-banner ~ .root .backdrop,
.ol_scroll .pushdown-banner ~ .root .navigation,
.ol_scroll .pushdown-banner ~ .root .backdrop {
  top: 60px; }

.pushdown-hide {
  display: none; }

.contentCompetition__list {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; }

.contentCompetition__tagList .cardCompetition__tag {
  margin-right: 8px;
  max-height: calc((24px * 2) + 16px);
  overflow: hidden; }

.contentCompetition__item {
  width: 250px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .desktop .contentCompetition__item {
    width: 375px; }

.contentCompetition__status {
  max-height: 20px; }

.contentCompetition__sponsor {
  max-height: 18px;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain; }

.contentCompetition .sponsored {
  background: #6fb93e;
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(111, 185, 62, 0.53)), to(white));
  background: linear-gradient(90deg, rgba(111, 185, 62, 0.53) 20%, white 100%); }

.contentCompetition .iconPencil {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); }

.contentCompetition__status .iconBase {
  height: 20px;
  width: 20px;
  display: inline-block; }

.modal--writeSchedule .calendarArrow,
.modal--writeSchedule .calendarDate,
.modal--writeSchedule .timeArrow {
  cursor: pointer; }

/* Tooltip Container Styling */
[data-copy="share-link"] {
  position: relative; }

/* The Tooltip Bubble */
[data-copy="share-link"]::after {
  content: "Copied!";
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none; }

/* Show Tooltip when active class is added */
[data-copy="share-link"].active::after {
  opacity: 1;
  visibility: visible; }

/* Info Tooltip Component */
/* Naming: firstSecond__thirdFourth--modifier */
.infoTooltip {
  /* Inline Mode: No backdrop, with close btn, custom action url */
  /* Wider when has thumbnail image */ }
  .infoTooltip__bubble {
    /* Standard Bubble Style */
    position: absolute;
    z-index: 1000;
    background-color: #FFEBBF;
    background-color: var(--orange-200, #FFEBBF);
    color: #000000;
    padding: 12px 16px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.5;
    width: 260px;
    pointer-events: none;
    -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 0, 0, 0.08);
    text-align: left;
    white-space: normal;
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
    transition: opacity 0.2s ease, transform 0.2s ease;
    transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
    opacity: 0;
    /* The Arrow (Runcing) */
    /* Directional States */
    /* Wizard Mode Extensions */ }
    .infoTooltip__bubble::after {
      content: "";
      position: absolute;
      border-width: 8px;
      border-style: solid; }
    .infoTooltip__bubble--visible {
      opacity: 1; }
    .infoTooltip__bubble--top::after {
      top: 100%;
      left: var(--arrow-left, 50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      border-color: var(--orange-200) transparent transparent transparent; }
    .infoTooltip__bubble--bottom::after {
      bottom: 100%;
      left: var(--arrow-left, 50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      border-color: transparent transparent var(--orange-200) transparent; }
    .infoTooltip__bubble--left::after {
      left: 100%;
      top: var(--arrow-top, 50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      border-color: transparent transparent transparent var(--orange-200); }
    .infoTooltip__bubble--right::after {
      right: 100%;
      top: var(--arrow-top, 50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      border-color: transparent var(--orange-200) transparent transparent; }
    .infoTooltip__bubble--wizard {
      pointer-events: auto;
      z-index: 10001;
      /* Above backdrop */
      width: 280px; }
  .infoTooltip__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.05); }
  .infoTooltip__step {
    font-weight: 400;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.6); }
  .infoTooltip__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px; }
  .infoTooltip__btn {
    border: none;
    background: transparent;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 6px;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s; }
    .infoTooltip__btn--skip {
      color: rgba(0, 0, 0, 0.5); }
      .infoTooltip__btn--skip:hover {
        background-color: rgba(0, 0, 0, 0.05); }
    .infoTooltip__btn--next, .infoTooltip__btn--done {
      font-weight: 600;
      padding: 6px 16px; }
      .infoTooltip__btn--next:hover, .infoTooltip__btn--done:hover {
        background-color: #333;
        color: #fff; }
  .infoTooltip__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none; }
    .infoTooltip__backdrop--visible {
      opacity: 1;
      visibility: visible;
      pointer-events: auto; }
  .infoTooltip__title {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 4px;
    color: #000; }
  .infoTooltip__content {
    font-size: 14px; }
  .infoTooltip__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: 8px;
    overflow: hidden; }
    .infoTooltip__image img {
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
  .infoTooltip__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px; }
  .infoTooltip__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0; }
  .infoTooltip__highlight {
    position: relative !important;
    z-index: 10001 !important;
    pointer-events: none !important;
    /* prevent interaction with target during wizard if needed, or keep it */ }
  .infoTooltip__bubble--inline {
    pointer-events: auto;
    width: 280px; }
  .infoTooltip__bubble--has-image {
    width: 340px; }
    .mobile .infoTooltip__bubble--has-image {
      width: calc(100vw - 32px);
      max-width: 340px; }
  .infoTooltip__close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    padding: 0; }
    .infoTooltip__close::before, .infoTooltip__close::after {
      content: "";
      position: absolute;
      width: 10px;
      height: 1.5px;
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 1px; }
    .infoTooltip__close::before {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .infoTooltip__close::after {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .infoTooltip__close:hover {
      background-color: rgba(0, 0, 0, 0.08); }
  .infoTooltip__link {
    display: inline-block;
    margin-top: 12px;
    padding: 6px 16px;
    font-size: 12px;
    font-weight: 600;
    color: var(--base-white);
    background-color: var(--blue-primary);
    border-radius: 6px;
    text-decoration: none;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s; }
    .infoTooltip__link:hover {
      background-color: var(--blue-800);
      color: var(--base-white); }

.alert {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 600; }
  .alert > div[role="alert"] {
    pointer-events: auto;
    min-width: 320px;
    max-width: 90%;
    -webkit-box-shadow: var(--elevation-white);
    box-shadow: var(--elevation-white);
    -webkit-animation: alertSlideDown 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    animation: alertSlideDown 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .desktop .alert > div[role="alert"] {
      max-width: 740px; }
  .alert--success > div {
    background-color: var(--green-100);
    border: 1px solid var(--green-300);
    color: var(--text-primary); }
  .alert--success .iconAlertInfo {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDIuMzc1QzguMzkzMDMgMi4zNzUgNi44MjIxNCAyLjg1MTUyIDUuNDg2IDMuNzQ0MzFDNC4xNDk4NSA0LjYzNzEgMy4xMDg0NCA1LjkwNjA1IDIuNDkzNDggNy4zOTA3QzEuODc4NTIgOC44NzUzNSAxLjcxNzYyIDEwLjUwOSAyLjAzMTEyIDEyLjA4NTFDMi4zNDQ2MyAxMy42NjEyIDMuMTE4NDYgMTUuMTA4OSA0LjI1NDc2IDE2LjI0NTJDNS4zOTEwNiAxNy4zODE1IDYuODM4OCAxOC4xNTU0IDguNDE0OSAxOC40Njg5QzkuOTkwOTkgMTguNzgyNCAxMS42MjQ3IDE4LjYyMTUgMTMuMTA5MyAxOC4wMDY1QzE0LjU5NCAxNy4zOTE2IDE1Ljg2MjkgMTYuMzUwMiAxNi43NTU3IDE1LjAxNEMxNy42NDg1IDEzLjY3NzkgMTguMTI1IDEyLjEwNyAxOC4xMjUgMTAuNUMxOC4xMjI3IDguMzQ1ODEgMTcuMjY2IDYuMjgwNTEgMTUuNzQyNyA0Ljc1NzI3QzE0LjIxOTUgMy4yMzQwMyAxMi4xNTQyIDIuMzc3MjcgMTAgMi4zNzVaTTEwIDE3LjM3NUM4LjY0MDI2IDE3LjM3NSA3LjMxMTA1IDE2Ljk3MTggNi4xODA0NiAxNi4yMTY0QzUuMDQ5ODcgMTUuNDYwOSA0LjE2ODY4IDE0LjM4NzIgMy42NDgzMyAxMy4xMzA5QzMuMTI3OTggMTEuODc0NyAyLjk5MTgzIDEwLjQ5MjQgMy4yNTcxIDkuMTU4NzVDMy41MjIzOCA3LjgyNTEzIDQuMTc3MTYgNi42MDAxMyA1LjEzODY0IDUuNjM4NjRDNi4xMDAxMyA0LjY3NzE2IDcuMzI1MTQgNC4wMjIzNyA4LjY1ODc2IDMuNzU3MUM5Ljk5MjM4IDMuNDkxODMgMTEuMzc0NyAzLjYyNzk4IDEyLjYzMSA0LjE0ODMzQzEzLjg4NzIgNC42Njg2OCAxNC45NjA5IDUuNTQ5ODcgMTUuNzE2NCA2LjY4MDQ1QzE2LjQ3MTggNy44MTEwNCAxNi44NzUgOS4xNDAyNSAxNi44NzUgMTAuNUMxNi44NzI5IDEyLjMyMjcgMTYuMTQ3OSAxNC4wNzAyIDE0Ljg1OTEgMTUuMzU5MUMxMy41NzAyIDE2LjY0NzkgMTEuODIyNyAxNy4zNzI5IDEwIDE3LjM3NVpNMTEuMjUgMTQuMjVDMTEuMjUgMTQuNDE1OCAxMS4xODQyIDE0LjU3NDcgMTEuMDY2OSAxNC42OTE5QzEwLjk0OTcgMTQuODA5MiAxMC43OTA4IDE0Ljg3NSAxMC42MjUgMTQuODc1QzEwLjI5MzUgMTQuODc1IDkuOTc1NTQgMTQuNzQzMyA5Ljc0MTEyIDE0LjUwODlDOS41MDY3IDE0LjI3NDUgOS4zNzUgMTMuOTU2NSA5LjM3NSAxMy42MjVWMTAuNUM5LjIwOTI0IDEwLjUgOS4wNTAyNyAxMC40MzQyIDguOTMzMDYgMTAuMzE2OUM4LjgxNTg1IDEwLjE5OTcgOC43NSAxMC4wNDA4IDguNzUgOS44NzVDOC43NSA5LjcwOTI0IDguODE1ODUgOS41NTAyNyA4LjkzMzA2IDkuNDMzMDZDOS4wNTAyNyA5LjMxNTg1IDkuMjA5MjQgOS4yNSA5LjM3NSA5LjI1QzkuNzA2NTIgOS4yNSAxMC4wMjQ1IDkuMzgxNyAxMC4yNTg5IDkuNjE2MTJDMTAuNDkzMyA5Ljg1MDU0IDEwLjYyNSAxMC4xNjg1IDEwLjYyNSAxMC41VjEzLjYyNUMxMC43OTA4IDEzLjYyNSAxMC45NDk3IDEzLjY5MDggMTEuMDY2OSAxMy44MDgxQzExLjE4NDIgMTMuOTI1MyAxMS4yNSAxNC4wODQyIDExLjI1IDE0LjI1Wk04Ljc1IDcuMDYyNUM4Ljc1IDYuODc3MDggOC44MDQ5OSA2LjY5NTgyIDguOTA4IDYuNTQxNjVDOS4wMTEwMSA2LjM4NzQ4IDkuMTU3NDMgNi4yNjczMiA5LjMyODc0IDYuMTk2MzZDOS41MDAwNCA2LjEyNTQxIDkuNjg4NTQgNi4xMDY4NCA5Ljg3MDQgNi4xNDMwMUMxMC4wNTIzIDYuMTc5MTkgMTAuMjE5MyA2LjI2ODQ4IDEwLjM1MDQgNi4zOTk1OUMxMC40ODE1IDYuNTMwNyAxMC41NzA4IDYuNjk3NzUgMTAuNjA3IDYuODc5NkMxMC42NDMyIDcuMDYxNDYgMTAuNjI0NiA3LjI0OTk2IDEwLjU1MzYgNy40MjEyN0MxMC40ODI3IDcuNTkyNTcgMTAuMzYyNSA3LjczODk5IDEwLjIwODQgNy44NDJDMTAuMDU0MiA3Ljk0NTAyIDkuODcyOTIgOCA5LjY4NzUgOEM5LjQzODg2IDggOS4yMDA0MSA3LjkwMTIzIDkuMDI0NTkgNy43MjU0MUM4Ljg0ODc4IDcuNTQ5NiA4Ljc1IDcuMzExMTQgOC43NSA3LjA2MjVaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPgo=");
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(121deg) brightness(91%) contrast(95%);
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(121deg) brightness(91%) contrast(95%);
    background-color: transparent !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    width: 20px;
    height: 20px; }
  .alert--success .alertContent strong {
    color: var(--text-primary);
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8); }
  .alert--error > div {
    background-color: var(--red-100);
    border: 1px solid var(--red-200);
    color: var(--text-primary); }
  .alert--error .iconAlertInfo {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDIuMzc1QzguMzkzMDMgMi4zNzUgNi44MjIxNCAyLjg1MTUyIDUuNDg2IDMuNzQ0MzFDNC4xNDk4NSA0LjYzNzEgMy4xMDg0NCA1LjkwNjA1IDIuNDkzNDggNy4zOTA3QzEuODc4NTIgOC44NzUzNSAxLjcxNzYyIDEwLjUwOSAyLjAzMTEyIDEyLjA4NTFDMi4zNDQ2MyAxMy42NjEyIDMuMTE4NDYgMTUuMTA4OSA0LjI1NDc2IDE2LjI0NTJDNS4zOTEwNiAxNy4zODE1IDYuODM4OCAxOC4xNTU0IDguNDE0OSAxOC40Njg5QzkuOTkwOTkgMTguNzgyNCAxMS42MjQ3IDE4LjYyMTUgMTMuMTA5MyAxOC4wMDY1QzE0LjU5NCAxNy4zOTE2IDE1Ljg2MjkgMTYuMzUwMiAxNi43NTU3IDE1LjAxNEMxNy42NDg1IDEzLjY3NzkgMTguMTI1IDEyLjEwNyAxOC4xMjUgMTAuNUMxOC4xMjI3IDguMzQ1ODEgMTcuMjY2IDYuMjgwNTEgMTUuNzQyNyA0Ljc1NzI3QzE0LjIxOTUgMy4yMzQwMyAxMi4xNTQyIDIuMzc3MjcgMTAgMi4zNzVaTTEwIDE3LjM3NUM4LjY0MDI2IDE3LjM3NSA3LjMxMTA1IDE2Ljk3MTggNi4xODA0NiAxNi4yMTY0QzUuMDQ5ODcgMTUuNDYwOSA0LjE2ODY4IDE0LjM4NzIgMy42NDgzMyAxMy4xMzA5QzMuMTI3OTggMTEuODc0NyAyLjk5MTgzIDEwLjQ5MjQgMy4yNTcxIDkuMTU4NzVDMy41MjIzOCA3LjgyNTEzIDQuMTc3MTYgNi42MDAxMyA1LjEzODY0IDUuNjM4NjRDNi4xMDAxMyA0LjY3NzE2IDcuMzI1MTQgNC4wMjIzNyA4LjY1ODc2IDMuNzU3MUM5Ljk5MjM4IDMuNDkxODMgMTEuMzc0NyAzLjYyNzk4IDEyLjYzMSA0LjE0ODMzQzEzLjg4NzIgNC42Njg2OCAxNC45NjA5IDUuNTQ5ODcgMTUuNzE2NCA2LjY4MDQ1QzE2LjQ3MTggNy44MTEwNCAxNi44NzUgOS4xNDAyNSAxNi44NzUgMTAuNUMxNi44NzI5IDEyLjMyMjcgMTYuMTQ3OSAxNC4wNzAyIDE0Ljg1OTEgMTUuMzU5MUMxMy41NzAyIDE2LjY0NzkgMTEuODIyNyAxNy4zNzI5IDEwIDE3LjM3NVpNMTEuMjUgMTQuMjVDMTEuMjUgMTQuNDE1OCAxMS4xODQyIDE0LjU3NDcgMTEuMDY2OSAxNC42OTE5QzEwLjk0OTcgMTQuODA5MiAxMC43OTA4IDE0Ljg3NSAxMC42MjUgMTQuODc1QzEwLjI5MzUgMTQuODc1IDkuOTc1NTQgMTQuNzQzMyA5Ljc0MTEyIDE0LjUwODlDOS41MDY3IDE0LjI3NDUgOS4zNzUgMTMuOTU2NSA5LjM3NSAxMy42MjVWMTAuNUM5LjIwOTI0IDEwLjUgOS4wNTAyNyAxMC40MzQyIDguOTMzMDYgMTAuMzE2OUM4LjgxNTg1IDEwLjE5OTcgOC43NSAxMC4wNDA4IDguNzUgOS44NzVDOC43NSA5LjcwOTI0IDguODE1ODUgOS41NTAyNyA4LjkzMzA2IDkuNDMzMDZDOS4wNTAyNyA5LjMxNTg1IDkuMjA5MjQgOS4yNSA5LjM3NSA5LjI1QzkuNzA2NTIgOS4yNSAxMC4wMjQ1IDkuMzgxNyAxMC4yNTg5IDkuNjE2MTJDMTAuNDkzMyA5Ljg1MDU0IDEwLjYyNSAxMC4xNjg1IDEwLjYyNSAxMC41VjEzLjYyNUMxMC43OTA4IDEzLjYyNSAxMC45NDk3IDEzLjY5MDggMTEuMDY2OSAxMy44MDgxQzExLjE4NDIgMTMuOTI1MyAxMS4yNSAxNC4wODQyIDExLjI1IDE0LjI1Wk04Ljc1IDcuMDYyNUM4Ljc1IDYuODc3MDggOC44MDQ5OSA2LjY5NTgyIDguOTA4IDYuNTQxNjVDOS4wMTEwMSA2LjM4NzQ4IDkuMTU3NDMgNi4yNjczMiA5LjMyODc0IDYuMTk2MzZDOS41MDAwNCA2LjEyNTQxIDkuNjg4NTQgNi4xMDY4NCA5Ljg3MDQgNi4xNDMwMUMxMC4wNTIzIDYuMTc5MTkgMTAuMjE5MyA2LjI2ODQ4IDEwLjM1MDQgNi4zOTk1OUMxMC40ODE1IDYuNTMwNyAxMC41NzA4IDYuNjk3NzUgMTAuNjA3IDYuODc5NkMxMC42NDMyIDcuMDYxNDYgMTAuNjI0NiA3LjI0OTk2IDEwLjU1MzYgNy40MjEyN0MxMC40ODI3IDcuNTkyNTcgMTAuMzYyNSA3LjczODk5IDEwLjIwODQgNy44NDJDMTAuMDU0MiA3Ljk0NTAyIDkuODcyOTIgOCA5LjY4NzUgOEM5LjQzODg2IDggOS4yMDA0MSA3LjkwMTIzIDkuMDI0NTkgNy43MjU0MUM4Ljg0ODc4IDcuNTQ5NiA4Ljc1IDcuMzExMTQgOC43NSA3LjA2MjVaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPgo=");
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-filter: invert(17%) sepia(93%) saturate(6004%) hue-rotate(358deg) brightness(94%) contrast(116%);
    filter: invert(17%) sepia(93%) saturate(6004%) hue-rotate(358deg) brightness(94%) contrast(116%);
    background-color: transparent !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    width: 20px;
    height: 20px; }
  .alert--error .alertContent strong {
    color: var(--text-primary);
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8); }
  .alert--warning > div {
    background-color: var(--orange-200);
    border: 1px solid var(--orange-primary);
    color: var(--text-primary); }
  .alert--warning .iconAlertInfo {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDIuMzc1QzguMzkzMDMgMi4zNzUgNi44MjIxNCAyLjg1MTUyIDUuNDg2IDMuNzQ0MzFDNC4xNDk4NSA0LjYzNzEgMy4xMDg0NCA1LjkwNjA1IDIuNDkzNDggNy4zOTA3QzEuODc4NTIgOC44NzUzNSAxLjcxNzYyIDEwLjUwOSAyLjAzMTEyIDEyLjA4NTFDMi4zNDQ2MyAxMy42NjEyIDMuMTE4NDYgMTUuMTA4OSA0LjI1NDc2IDE2LjI0NTJDNS4zOTEwNiAxNy4zODE1IDYuODM4OCAxOC4xNTU0IDguNDE0OSAxOC40Njg5QzkuOTkwOTkgMTguNzgyNCAxMS42MjQ3IDE4LjYyMTUgMTMuMTA5MyAxOC4wMDY1QzE0LjU5NCAxNy4zOTE2IDE1Ljg2MjkgMTYuMzUwMiAxNi43NTU3IDE1LjAxNEMxNy42NDg1IDEzLjY3NzkgMTguMTI1IDEyLjEwNyAxOC4xMjUgMTAuNUMxOC4xMjI3IDguMzQ1ODEgMTcuMjY2IDYuMjgwNTEgMTUuNzQyNyA0Ljc1NzI3QzE0LjIxOTUgMy4yMzQwMyAxMi4xNTQyIDIuMzc3MjcgMTAgMi4zNzVaTTEwIDE3LjM3NUM4LjY0MDI2IDE3LjM3NSA3LjMxMTA1IDE2Ljk3MTggNi4xODA0NiAxNi4yMTY0QzUuMDQ5ODcgMTUuNDYwOSA0LjE2ODY4IDE0LjM4NzIgMy42NDgzMyAxMy4xMzA5QzMuMTI3OTggMTEuODc0NyAyLjk5MTgzIDEwLjQ5MjQgMy4yNTcxIDkuMTU4NzVDMy41MjIzOCA3LjgyNTEzIDQuMTc3MTYgNi42MDAxMyA1LjEzODY0IDUuNjM4NjRDNi4xMDAxMyA0LjY3NzE2IDcuMzI1MTQgNC4wMjIzNyA4LjY1ODc2IDMuNzU3MUM5Ljk5MjM4IDMuNDkxODMgMTEuMzc0NyAzLjYyNzk4IDEyLjYzMSA0LjE0ODMzQzEzLjg4NzIgNC42Njg2OCAxNC45NjA5IDUuNTQ5ODcgMTUuNzE2NCA2LjY4MDQ1QzE2LjQ3MTggNy44MTEwNCAxNi44NzUgOS4xNDAyNSAxNi44NzUgMTAuNUMxNi44NzI5IDEyLjMyMjcgMTYuMTQ3OSAxNC4wNzAyIDE0Ljg1OTEgMTUuMzU5MUMxMy41NzAyIDE2LjY0NzkgMTEuODIyNyAxNy4zNzI5IDEwIDE3LjM3NVpNMTEuMjUgMTQuMjVDMTEuMjUgMTQuNDE1OCAxMS4xODQyIDE0LjU3NDcgMTEuMDY2OSAxNC42OTE5QzEwLjk0OTcgMTQuODA5MiAxMC43OTA4IDE0Ljg3NSAxMC42MjUgMTQuODc1QzEwLjI5MzUgMTQuODc1IDkuOTc1NTQgMTQuNzQzMyA5Ljc0MTEyIDE0LjUwODlDOS41MDY3IDE0LjI3NDUgOS4zNzUgMTMuOTU2NSA5LjM3NSAxMy42MjVWMTAuNUM5LjIwOTI0IDEwLjUgOS4wNTAyNyAxMC40MzQyIDguOTMzMDYgMTAuMzE2OUM4LjgxNTg1IDEwLjE5OTcgOC43NSAxMC4wNDA4IDguNzUgOS44NzVDOC43NSA5LjcwOTI0IDguODE1ODUgOS41NTAyNyA4LjkzMzA2IDkuNDMzMDZDOS4wNTAyNyA5LjMxNTg1IDkuMjA5MjQgOS4yNSA5LjM3NSA5LjI1QzkuNzA2NTIgOS4yNSAxMC4wMjQ1IDkuMzgxNyAxMC4yNTg5IDkuNjE2MTJDMTAuNDkzMyA5Ljg1MDU0IDEwLjYyNSAxMC4xNjg1IDEwLjYyNSAxMC41VjEzLjYyNUMxMC43OTA4IDEzLjYyNSAxMC45NDk3IDEzLjY5MDggMTEuMDY2OSAxMy44MDgxQzExLjE4NDIgMTMuOTI1MyAxMS4yNSAxNC4wODQyIDExLjI1IDE0LjI1Wk04Ljc1IDcuMDYyNUM4Ljc1IDYuODc3MDggOC44MDQ5OSA2LjY5NTgyIDguOTA4IDYuNTQxNjVDOS4wMTEwMSA2LjM4NzQ4IDkuMTU3NDMgNi4yNjczMiA5LjMyODc0IDYuMTk2MzZDOS41MDAwNCA2LjEyNTQxIDkuNjg4NTQgNi4xMDY4NCA5Ljg3MDQgNi4xNDMwMUMxMC4wNTIzIDYuMTc5MTkgMTAuMjE5MyA2LjI2ODQ4IDEwLjM1MDQgNi4zOTk1OUMxMC40ODE1IDYuNTMwNyAxMC41NzA4IDYuNjk3NzUgMTAuNjA3IDYuODc5NkMxMC42NDMyIDcuMDYxNDYgMTAuNjI0NiA3LjI0OTk2IDEwLjU1MzYgNy40MjEyN0MxMC40ODI3IDcuNTkyNTcgMTAuMzYyNSA3LjczODk5IDEwLjIwODQgNy44NDJDMTAuMDU0MiA3Ljk0NTAyIDkuODcyOTIgOCA5LjY4NzUgOEM5LjQzODg2IDggOS4yMDA0MSA3LjkwMTIzIDkuMDI0NTkgNy43MjU0MUM4Ljg0ODc4IDcuNTQ5NiA4Ljc1IDcuMzExMTQgOC43NSA3LjA2MjVaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPgo=");
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-filter: invert(53%) sepia(91%) saturate(2352%) hue-rotate(11deg) brightness(103%) contrast(106%);
    filter: invert(53%) sepia(91%) saturate(2352%) hue-rotate(11deg) brightness(103%) contrast(106%);
    background-color: transparent !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    width: 20px;
    height: 20px; }
  .alert--warning .alertContent strong {
    color: var(--text-primary);
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8); }
  .alert--information > div {
    background-color: var(--blue-100);
    border: 1px solid var(--blue-200);
    color: var(--text-primary); }
  .alert--information .iconAlertInfo {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDIuMzc1QzguMzkzMDMgMi4zNzUgNi44MjIxNCAyLjg1MTUyIDUuNDg2IDMuNzQ0MzFDNC4xNDk4NSA0LjYzNzEgMy4xMDg0NCA1LjkwNjA1IDIuNDkzNDggNy4zOTA3QzEuODc4NTIgOC44NzUzNSAxLjcxNzYyIDEwLjUwOSAyLjAzMTEyIDEyLjA4NTFDMi4zNDQ2MyAxMy42NjEyIDMuMTE4NDYgMTUuMTA4OSA0LjI1NDc2IDE2LjI0NTJDNS4zOTEwNiAxNy4zODE1IDYuODM4OCAxOC4xNTU0IDguNDE0OSAxOC40Njg5QzkuOTkwOTkgMTguNzgyNCAxMS42MjQ3IDE4LjYyMTUgMTMuMTA5MyAxOC4wMDY1QzE0LjU5NCAxNy4zOTE2IDE1Ljg2MjkgMTYuMzUwMiAxNi43NTU3IDE1LjAxNEMxNy42NDg1IDEzLjY3NzkgMTguMTI1IDEyLjEwNyAxOC4xMjUgMTAuNUMxOC4xMjI3IDguMzQ1ODEgMTcuMjY2IDYuMjgwNTEgMTUuNzQyNyA0Ljc1NzI3QzE0LjIxOTUgMy4yMzQwMyAxMi4xNTQyIDIuMzc3MjcgMTAgMi4zNzVaTTEwIDE3LjM3NUM4LjY0MDI2IDE3LjM3NSA3LjMxMTA1IDE2Ljk3MTggNi4xODA0NiAxNi4yMTY0QzUuMDQ5ODcgMTUuNDYwOSA0LjE2ODY4IDE0LjM4NzIgMy42NDgzMyAxMy4xMzA5QzMuMTI3OTggMTEuODc0NyAyLjk5MTgzIDEwLjQ5MjQgMy4yNTcxIDkuMTU4NzVDMy41MjIzOCA3LjgyNTEzIDQuMTc3MTYgNi42MDAxMyA1LjEzODY0IDUuNjM4NjRDNi4xMDAxMyA0LjY3NzE2IDcuMzI1MTQgNC4wMjIzNyA4LjY1ODc2IDMuNzU3MUM5Ljk5MjM4IDMuNDkxODMgMTEuMzc0NyAzLjYyNzk4IDEyLjYzMSA0LjE0ODMzQzEzLjg4NzIgNC42Njg2OCAxNC45NjA5IDUuNTQ5ODcgMTUuNzE2NCA2LjY4MDQ1QzE2LjQ3MTggNy44MTEwNCAxNi44NzUgOS4xNDAyNSAxNi44NzUgMTAuNUMxNi44NzI5IDEyLjMyMjcgMTYuMTQ3OSAxNC4wNzAyIDE0Ljg1OTEgMTUuMzU5MUMxMy41NzAyIDE2LjY0NzkgMTEuODIyNyAxNy4zNzI5IDEwIDE3LjM3NVpNMTEuMjUgMTQuMjVDMTEuMjUgMTQuNDE1OCAxMS4xODQyIDE0LjU3NDcgMTEuMDY2OSAxNC42OTE5QzEwLjk0OTcgMTQuODA5MiAxMC43OTA4IDE0Ljg3NSAxMC42MjUgMTQuODc1QzEwLjI5MzUgMTQuODc1IDkuOTc1NTQgMTQuNzQzMyA5Ljc0MTEyIDE0LjUwODlDOS41MDY3IDE0LjI3NDUgOS4zNzUgMTMuOTU2NSA5LjM3NSAxMy42MjVWMTAuNUM5LjIwOTI0IDEwLjUgOS4wNTAyNyAxMC40MzQyIDguOTMzMDYgMTAuMzE2OUM4LjgxNTg1IDEwLjE5OTcgOC43NSAxMC4wNDA4IDguNzUgOS44NzVDOC43NSA5LjcwOTI0IDguODE1ODUgOS41NTAyNyA4LjkzMzA2IDkuNDMzMDZDOS4wNTAyNyA5LjMxNTg1IDkuMjA5MjQgOS4yNSA5LjM3NSA5LjI1QzkuNzA2NTIgOS4yNSAxMC4wMjQ1IDkuMzgxNyAxMC4yNTg5IDkuNjE2MTJDMTAuNDkzMyA5Ljg1MDU0IDEwLjYyNSAxMC4xNjg1IDEwLjYyNSAxMC41VjEzLjYyNUMxMC43OTA4IDEzLjYyNSAxMC45NDk3IDEzLjY5MDggMTEuMDY2OSAxMy44MDgxQzExLjE4NDIgMTMuOTI1MyAxMS4yNSAxNC4wODQyIDExLjI1IDE0LjI1Wk04Ljc1IDcuMDYyNUM4Ljc1IDYuODc3MDggOC44MDQ5OSA2LjY5NTgyIDguOTA4IDYuNTQxNjVDOS4wMTEwMSA2LjM4NzQ4IDkuMTU3NDMgNi4yNjczMiA5LjMyODc0IDYuMTk2MzZDOS41MDAwNCA2LjEyNTQxIDkuNjg4NTQgNi4xMDY4NCA5Ljg3MDQgNi4xNDMwMUMxMC4wNTIzIDYuMTc5MTkgMTAuMjE5MyA2LjI2ODQ4IDEwLjM1MDQgNi4zOTk1OUMxMC40ODE1IDYuNTMwNyAxMC41NzA4IDYuNjk3NzUgMTAuNjA3IDYuODc5NkMxMC42NDMyIDcuMDYxNDYgMTAuNjI0NiA3LjI0OTk2IDEwLjU1MzYgNy40MjEyN0MxMC40ODI3IDcuNTkyNTcgMTAuMzYyNSA3LjczODk5IDEwLjIwODQgNy44NDJDMTAuMDU0MiA3Ljk0NTAyIDkuODcyOTIgOCA5LjY4NzUgOEM5LjQzODg2IDggOS4yMDA0MSA3LjkwMTIzIDkuMDI0NTkgNy43MjU0MUM4Ljg0ODc4IDcuNTQ5NiA4Ljc1IDcuMzExMTQgOC43NSA3LjA2MjVaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPgo=");
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(209deg) brightness(101%) contrast(101%);
    filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(209deg) brightness(101%) contrast(101%);
    background-color: transparent !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
    width: 20px;
    height: 20px; }
  .alert--information .alertContent strong {
    color: var(--text-primary);
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8); }
  .alertBox {
    width: 100%; }
  .alertContent {
    font-size: 14px;
    line-height: 1.4; }
  .alertClose {
    background: transparent;
    border: none;
    cursor: pointer;
    opacity: 0.6;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    .alertClose:hover {
      opacity: 1; }
  .alert .iconBase {
    display: inline-block;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center; }
    .alert .iconBase.iconAlertInfo {
      -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDIuMzc1QzguMzkzMDMgMi4zNzUgNi44MjIxNCAyLjg1MTUyIDUuNDg2IDMuNzQ0MzFDNC4xNDk4NSA0LjYzNzEgMy4xMDg0NCA1LjkwNjA1IDIuNDkzNDggNy4zOTA3QzEuODc4NTIgOC44NzUzNSAxLjcxNzYyIDEwLjUwOSAyLjAzMTEyIDEyLjA4NTFDMi4zNDQ2MyAxMy42NjEyIDMuMTE4NDYgMTUuMTA4OSA0LjI1NDc2IDE2LjI0NTJDNS4zOTEwNiAxNy4zODE1IDYuODM4OCAxOC4xNTU0IDguNDE0OSAxOC40Njg5QzkuOTkwOTkgMTguNzgyNCAxMS42MjQ3IDE4LjYyMTUgMTMuMTA5MyAxOC4wMDY1QzE0LjU5NCAxNy4zOTE2IDE1Ljg2MjkgMTYuMzUwMiAxNi43NTU3IDE1LjAxNEMxNy42NDg1IDEzLjY3NzkgMTguMTI1IDEyLjEwNyAxOC4xMjUgMTAuNUMxOC4xMjI3IDguMzQ1ODEgMTcuMjY2IDYuMjgwNTEgMTUuNzQyNyA0Ljc1NzI3QzE0LjIxOTUgMy4yMzQwMyAxMi4xNTQyIDIuMzc3MjcgMTAgMi4zNzVaTTEwIDE3LjM3NUM4LjY0MDI2IDE3LjM3NSA3LjMxMTA1IDE2Ljk3MTggNi4xODA0NiAxNi4yMTY0QzUuMDQ5ODcgMTUuNDYwOSA0LjE2ODY4IDE0LjM4NzIgMy42NDgzMyAxMy4xMzA5QzMuMTI3OTggMTEuODc0NyAyLjk5MTgzIDEwLjQ5MjQgMy4yNTcxIDkuMTU4NzVDMy41MjIzOCA3LjgyNTEzIDQuMTc3MTYgNi42MDAxMyA1LjEzODY0IDUuNjM4NjRDNi4xMDAxMyA0LjY3NzE2IDcuMzI1MTQgNC4wMjIzNyA4LjY1ODc2IDMuNzU3MUM5Ljk5MjM4IDMuNDkxODMgMTEuMzc0NyAzLjYyNzk4IDEyLjYzMSA0LjE0ODMzQzEzLjg4NzIgNC42Njg2OCAxNC45NjA5IDUuNTQ5ODcgMTUuNzE2NCA2LjY4MDQ1QzE2LjQ3MTggNy44MTEwNCAxNi44NzUgOS4xNDAyNSAxNi44NzUgMTAuNUMxNi44NzI5IDEyLjMyMjcgMTYuMTQ3OSAxNC4wNzAyIDE0Ljg1OTEgMTUuMzU5MUMxMy41NzAyIDE2LjY0NzkgMTEuODIyNyAxNy4zNzI5IDEwIDE3LjM3NVpNMTEuMjUgMTQuMjVDMTEuMjUgMTQuNDE1OCAxMS4xODQyIDE0LjU3NDcgMTEuMDY2OSAxNC42OTE5QzEwLjk0OTcgMTQuODA5MiAxMC43OTA4IDE0Ljg3NSAxMC42MjUgMTQuODc1QzEwLjI5MzUgMTQuODc1IDkuOTc1NTQgMTQuNzQzMyA5Ljc0MTEyIDE0LjUwODlDOS41MDY3IDE0LjI3NDUgOS4zNzUgMTMuOTU2NSA5LjM3NSAxMy42MjVWMTAuNUM5LjIwOTI0IDEwLjUgOS4wNTAyNyAxMC40MzQyIDguOTMzMDYgMTAuMzE2OUM4LjgxNTg1IDEwLjE5OTcgOC43NSAxMC4wNDA4IDguNzUgOS44NzVDOC43NSA5LjcwOTI0IDguODE1ODUgOS41NTAyNyA4LjkzMzA2IDkuNDMzMDZDOS4wNTAyNyA5LjMxNTg1IDkuMjA5MjQgOS4yNSA5LjM3NSA5LjI1QzkuNzA2NTIgOS4yNSAxMC4wMjQ1IDkuMzgxNyAxMC4yNTg5IDkuNjE2MTJDMTAuNDkzMyA5Ljg1MDU0IDEwLjYyNSAxMC4xNjg1IDEwLjYyNSAxMC41VjEzLjYyNUMxMC43OTA4IDEzLjYyNSAxMC45NDk3IDEzLjY5MDggMTEuMDY2OSAxMy44MDgxQzExLjE4NDIgMTMuOTI1MyAxMS4yNSAxNC4wODQyIDExLjI1IDE0LjI1Wk04Ljc1IDcuMDYyNUM4Ljc1IDYuODc3MDggOC44MDQ5OSA2LjY5NTgyIDguOTA4IDYuNTQxNjVDOS4wMTEwMSA2LjM4NzQ4IDkuMTU3NDMgNi4yNjczMiA5LjMyODc0IDYuMTk2MzZDOS41MDAwNCA2LjEyNTQxIDkuNjg4NTQgNi4xMDY4NCA5Ljg3MDQgNi4xNDMwMUMxMC4wNTIzIDYuMTc5MTkgMTAuMjE5MyA2LjI2ODQ4IDEwLjM1MDQgNi4zOTk1OUMxMC40ODE1IDYuNTMwNyAxMC41NzA4IDYuNjk3NzUgMTAuNjA3IDYuODc5NkMxMC42NDMyIDcuMDYxNDYgMTAuNjI0NiA3LjI0OTk2IDEwLjU1MzYgNy40MjEyN0MxMC40ODI3IDcuNTkyNTcgMTAuMzYyNSA3LjczODk5IDEwLjIwODQgNy44NDJDMTAuMDU0MiA3Ljk0NTAyIDkuODcyOTIgOCA5LjY4NzUgOEM5LjQzODg2IDggOS4yMDA0MSA3LjkwMTIzIDkuMDI0NTkgNy43MjU0MUM4Ljg0ODc4IDcuNTQ5NiA4Ljc1IDcuMzExMTQgOC43NSA3LjA2MjVaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPgo=");
      mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDIuMzc1QzguMzkzMDMgMi4zNzUgNi44MjIxNCAyLjg1MTUyIDUuNDg2IDMuNzQ0MzFDNC4xNDk4NSA0LjYzNzEgMy4xMDg0NCA1LjkwNjA1IDIuNDkzNDggNy4zOTA3QzEuODc4NTIgOC44NzUzNSAxLjcxNzYyIDEwLjUwOSAyLjAzMTEyIDEyLjA4NTFDMi4zNDQ2MyAxMy42NjEyIDMuMTE4NDYgMTUuMTA4OSA0LjI1NDc2IDE2LjI0NTJDNS4zOTEwNiAxNy4zODE1IDYuODM4OCAxOC4xNTU0IDguNDE0OSAxOC40Njg5QzkuOTkwOTkgMTguNzgyNCAxMS42MjQ3IDE4LjYyMTUgMTMuMTA5MyAxOC4wMDY1QzE0LjU5NCAxNy4zOTE2IDE1Ljg2MjkgMTYuMzUwMiAxNi43NTU3IDE1LjAxNEMxNy42NDg1IDEzLjY3NzkgMTguMTI1IDEyLjEwNyAxOC4xMjUgMTAuNUMxOC4xMjI3IDguMzQ1ODEgMTcuMjY2IDYuMjgwNTEgMTUuNzQyNyA0Ljc1NzI3QzE0LjIxOTUgMy4yMzQwMyAxMi4xNTQyIDIuMzc3MjcgMTAgMi4zNzVaTTEwIDE3LjM3NUM4LjY0MDI2IDE3LjM3NSA3LjMxMTA1IDE2Ljk3MTggNi4xODA0NiAxNi4yMTY0QzUuMDQ5ODcgMTUuNDYwOSA0LjE2ODY4IDE0LjM4NzIgMy42NDgzMyAxMy4xMzA5QzMuMTI3OTggMTEuODc0NyAyLjk5MTgzIDEwLjQ5MjQgMy4yNTcxIDkuMTU4NzVDMy41MjIzOCA3LjgyNTEzIDQuMTc3MTYgNi42MDAxMyA1LjEzODY0IDUuNjM4NjRDNi4xMDAxMyA0LjY3NzE2IDcuMzI1MTQgNC4wMjIzNyA4LjY1ODc2IDMuNzU3MUM5Ljk5MjM4IDMuNDkxODMgMTEuMzc0NyAzLjYyNzk4IDEyLjYzMSA0LjE0ODMzQzEzLjg4NzIgNC42Njg2OCAxNC45NjA5IDUuNTQ5ODcgMTUuNzE2NCA2LjY4MDQ1QzE2LjQ3MTggNy44MTEwNCAxNi44NzUgOS4xNDAyNSAxNi44NzUgMTAuNUMxNi44NzI5IDEyLjMyMjcgMTYuMTQ3OSAxNC4wNzAyIDE0Ljg1OTEgMTUuMzU5MUMxMy41NzAyIDE2LjY0NzkgMTEuODIyNyAxNy4zNzI5IDEwIDE3LjM3NVpNMTEuMjUgMTQuMjVDMTEuMjUgMTQuNDE1OCAxMS4xODQyIDE0LjU3NDcgMTEuMDY2OSAxNC42OTE5QzEwLjk0OTcgMTQuODA5MiAxMC43OTA4IDE0Ljg3NSAxMC42MjUgMTQuODc1QzEwLjI5MzUgMTQuODc1IDkuOTc1NTQgMTQuNzQzMyA5Ljc0MTEyIDE0LjUwODlDOS41MDY3IDE0LjI3NDUgOS4zNzUgMTMuOTU2NSA5LjM3NSAxMy42MjVWMTAuNUM5LjIwOTI0IDEwLjUgOS4wNTAyNyAxMC40MzQyIDguOTMzMDYgMTAuMzE2OUM4LjgxNTg1IDEwLjE5OTcgOC43NSAxMC4wNDA4IDguNzUgOS44NzVDOC43NSA5LjcwOTI0IDguODE1ODUgOS41NTAyNyA4LjkzMzA2IDkuNDMzMDZDOS4wNTAyNyA5LjMxNTg1IDkuMjA5MjQgOS4yNSA5LjM3NSA5LjI1QzkuNzA2NTIgOS4yNSAxMC4wMjQ1IDkuMzgxNyAxMC4yNTg5IDkuNjE2MTJDMTAuNDkzMyA5Ljg1MDU0IDEwLjYyNSAxMC4xNjg1IDEwLjYyNSAxMC41VjEzLjYyNUMxMC43OTA4IDEzLjYyNSAxMC45NDk3IDEzLjY5MDggMTEuMDY2OSAxMy44MDgxQzExLjE4NDIgMTMuOTI1MyAxMS4yNSAxNC4wODQyIDExLjI1IDE0LjI1Wk04Ljc1IDcuMDYyNUM4Ljc1IDYuODc3MDggOC44MDQ5OSA2LjY5NTgyIDguOTA4IDYuNTQxNjVDOS4wMTEwMSA2LjM4NzQ4IDkuMTU3NDMgNi4yNjczMiA5LjMyODc0IDYuMTk2MzZDOS41MDAwNCA2LjEyNTQxIDkuNjg4NTQgNi4xMDY4NCA5Ljg3MDQgNi4xNDMwMUMxMC4wNTIzIDYuMTc5MTkgMTAuMjE5MyA2LjI2ODQ4IDEwLjM1MDQgNi4zOTk1OUMxMC40ODE1IDYuNTMwNyAxMC41NzA4IDYuNjk3NzUgMTAuNjA3IDYuODc5NkMxMC42NDMyIDcuMDYxNDYgMTAuNjI0NiA3LjI0OTk2IDEwLjU1MzYgNy40MjEyN0MxMC40ODI3IDcuNTkyNTcgMTAuMzYyNSA3LjczODk5IDEwLjIwODQgNy44NDJDMTAuMDU0MiA3Ljk0NTAyIDkuODcyOTIgOCA5LjY4NzUgOEM5LjQzODg2IDggOS4yMDA0MSA3LjkwMTIzIDkuMDI0NTkgNy43MjU0MUM4Ljg0ODc4IDcuNTQ5NiA4Ljc1IDcuMzExMTQgOC43NSA3LjA2MjVaIiBmaWxsPSIjMDAwMDAwIi8+Cjwvc3ZnPgo="); }
    .alert .iconBase.iconClose {
      -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23343330' d='M19.28 18.22a.752.752 0 0 1-.53 1.28.75.75 0 0 1-.53-.219L12 13.061l-6.22 6.22a.75.75 0 1 1-1.06-1.061L10.94 12 4.72 5.781A.75.75 0 1 1 5.78 4.72L12 10.94l6.22-6.22a.75.75 0 1 1 1.06 1.061l-6.22 6.22z'/%3E%3C/svg%3E");
      mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23343330' d='M19.28 18.22a.752.752 0 0 1-.53 1.28.75.75 0 0 1-.53-.219L12 13.061l-6.22 6.22a.75.75 0 1 1-1.06-1.061L10.94 12 4.72 5.781A.75.75 0 1 1 5.78 4.72L12 10.94l6.22-6.22a.75.75 0 1 1 1.06 1.061l-6.22 6.22z'/%3E%3C/svg%3E"); }
  .alert--inline {
    position: static;
    left: auto;
    right: auto;
    z-index: auto;
    pointer-events: auto;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .alert--inline > div[role="alert"] {
      max-width: 100%;
      -webkit-animation: none;
      animation: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .desktop .alert--inline > div[role="alert"] {
        max-width: 100%; }

.desktop .emptyState {
  max-width: 359px;
  margin: 0 auto; }

/* Event Components */
.filter-blue-primary, .ticketCard .sq-20 {
  -webkit-filter: invert(21%) sepia(100%) saturate(2220%) hue-rotate(193deg) brightness(91%) contrast(102%);
  filter: invert(21%) sepia(100%) saturate(2220%) hue-rotate(193deg) brightness(91%) contrast(102%); }

.ticketCard .btn-quantity {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .ticketCard .btn-quantity.active {
    color: #00569c;
    border-color: #00569c; }
  .ticketCard .btn-quantity.inactive {
    color: #9ca3af;
    border-color: #e5e7eb; }

/* Static Alert override for inline usage */
.alert-static {
  position: static !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  pointer-events: auto !important;
  z-index: 1 !important;
  width: 100% !important; }
  .alert-static .alertBox {
    min-width: 100% !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-animation: none !important;
    animation: none !important; }

.alert-info-event {
  background-color: #fffbeb;
  border: 1px solid #fef3c7;
  border-radius: 8px;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px; }
  .alert-info-event .iconBase {
    color: #f59e0b; }

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px; }
  .toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0; }
    .toggle-switch input:checked + .slider {
      background-color: #00569c; }
      .toggle-switch input:checked + .slider:before {
        -webkit-transform: translateX(16px);
        transform: translateX(16px); }
  .toggle-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 20px; }
    .toggle-switch .slider:before {
      position: absolute;
      content: "";
      height: 16px;
      width: 16px;
      left: 2px;
      bottom: 2px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
      border-radius: 50%; }

/* Event Header Card with blurred duplication of the poster image */
.eventCard {
  max-width: 970px; }
  .desktop .eventCard {
    max-width: none; }
    .desktop .eventCard > div {
      aspect-ratio: 970 / 270;
      height: auto !important;
      border-radius: 14px; }
    .desktop .eventCard .eventHero--left {
      aspect-ratio: auto;
      padding-bottom: 0;
      height: 100%; }
    .desktop .eventCard .eventHero--right {
      height: 100%;
      min-height: 0; }
  .eventCard__action {
    width: auto;
    left: auto; }
  .eventCard__action-btn {
    border: none;
    background: rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(4px);
    border: 0;
    padding: 3px; }
    .eventCard__action-btn i {
      -webkit-filter: invert(1);
      filter: invert(1); }

.desktop .eventHero--left {
  width: 50%; }

.eventHero--left .slider__prev,
.eventHero--left .slider__next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9);
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  .eventHero--left .slider__prev:hover,
  .eventHero--left .slider__next:hover {
    background-color: #fff; }
  .eventHero--left .slider__prev .iconBase,
  .eventHero--left .slider__next .iconBase {
    width: 16px;
    height: 16px; }

.eventHero--left .slider__prev {
  left: 12px; }
  .eventHero--left .slider__prev .iconBase {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

.eventHero--left .slider__next {
  right: 12px; }

.eventHero--right {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .desktop .eventHero--right {
    width: 50%; }

.eventHero__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden; }
  .eventHero__bg-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-filter: blur(30px);
    filter: blur(30px);
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  .eventHero__bg-overlay {
    position: absolute;
    inset: 0;
    background: rgba(42, 42, 42, 0.8);
    z-index: 1; }

.eventHero__content {
  position: relative;
  z-index: 1;
  width: 100%; }
  .desktop .eventHero__content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%; }

.eventDetail .list-disc {
  list-style: disc outside;
  padding-left: 20px;
  margin: 0; }
  .eventDetail .list-disc li {
    display: list-item;
    color: #1f2937;
    /* cl-neutral-800 or black */
    margin-bottom: 8px; }
    .eventDetail .list-disc li:last-child {
      margin-bottom: 0; }
    .eventDetail .list-disc li::marker {
      color: #1f2937;
      /* Force black bullet point */ }

.eventDetail .avatar {
  width: 100% !important;
  height: 100% !important; }

.eventDetail .accordion .accordionHeader .iconCaretDown {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important; }

.eventDetail .accordion[data-state="closed"] .show-open {
  display: none; }

.eventDetail .accordion[data-state="closed"] .show-closed {
  display: inline; }

.eventDetail .accordion[data-state="closed"] .event-desc {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.eventDetail .accordion[data-state="open"] .show-open {
  display: inline; }

.eventDetail .accordion[data-state="open"] .show-closed {
  display: none; }

.eventDetail .accordion[data-state="open"] .event-desc {
  display: block; }

.eventDetail .accordion[data-state="open"] .accordionHeader .iconCaretDown {
  -webkit-transform: rotate(-90deg) !important;
  transform: rotate(-90deg) !important; }

.eventDetail .card .cardCollapseContent {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

.eventDetail .card[data-state="closed"] .show-open {
  display: none; }

.eventDetail .card[data-state="closed"] .show-closed {
  display: inline; }

.eventDetail .card[data-state="open"] .show-open {
  display: inline; }

.eventDetail .card[data-state="open"] .show-closed {
  display: none; }

.eventDetail .card[data-state="open"] .cardCollapseContent {
  max-height: 2000px;
  opacity: 1;
  visibility: visible; }

/* Base64 icon filters for event write and event-read pages */
[data-feature="event"] .iconBase {
  -webkit-filter: brightness(0) invert(40%) !important;
  filter: brightness(0) invert(40%) !important; }

.eventHero--right .iconBase {
  -webkit-filter: brightness(0) invert(1) !important;
  filter: brightness(0) invert(1) !important; }

.accordion {
  width: 100%; }
  .accordion[data-state="open"] .accordionContent {
    max-height: 1000px;
    opacity: 1;
    margin-top: 3px;
    visibility: visible; }
  .accordion[data-state="open"] .accordionHeader .iconCaretDown {
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important; }
  .accordion[data-state="open"] .accordionHeader .iconCaretRight, .accordion[data-state="open"] .accordionHeader .iconCaretLeft, .accordion[data-state="open"] .accordionHeader .iconCaretUp, .accordion[data-state="open"] .accordionHeader .iconCaretDown {
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important; }
  .accordionHeader {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    z-index: 2; }
    .accordionHeader .iconBase {
      -webkit-transition: -webkit-transform 0.3s ease;
      transition: -webkit-transform 0.3s ease;
      transition: transform 0.3s ease;
      transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
    .accordionHeader .iconCaretDown,
    .accordionHeader .iconCaretRight,
    .accordionHeader .iconCaretLeft,
    .accordionHeader .iconCaretUp,
    .accordionHeader .iconCaretDown {
      -webkit-transform: rotate(-90deg) !important;
      transform: rotate(-90deg) !important; }
      @media (max-width: 640px) {
        .accordionHeader .iconCaretDown,
        .accordionHeader .iconCaretRight,
        .accordionHeader .iconCaretLeft,
        .accordionHeader .iconCaretUp,
        .accordionHeader .iconCaretDown {
          width: 20px;
          height: 20px; } }
    
    .accordionHeader .iconCaretRight,
    .accordionHeader .iconCaretLeft,
    .accordionHeader .iconCaretUp,
    .accordionHeader .iconCaretDown {
      -webkit-transform: rotate(0deg) !important;
      transform: rotate(0deg) !important; }
  .accordionContent {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    @media (max-width: 640px) {
      .accordionContent {
        overflow: auto; }
        .accordionContent .iconBase {
          width: 20px;
          height: 20px; } }
    .accordionContent p a {
      color: var(--blue-primary) !important; }

.lagiRame__label {
  background: var(--red-200);
  white-space: nowrap;
  line-height: 1;
  padding: 8px 10px 8px 18px; }
  .desktop .lagiRame__label {
    padding: 10px 10px 10px 18px; }

.lagiRame__header {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.lagiRame__ticker {
  position: relative;
  height: 24px; }

.lagiRame__tickerItem {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
  pointer-events: none; }
  .lagiRame__tickerItem.active {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: auto; }
  .lagiRame__tickerItem.exit {
    opacity: 0;
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%); }

.desktop [data-snk="sidebar"] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 296px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 16px 0 32px;
  background: var(--neutral-50); }
  .desktop [data-snk="sidebar"] button {
    white-space: normal; }

.desktop .modal--full .modalBox > .flex-col {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 26px 0; }

[data-snk="sidebar"] {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  [data-snk="sidebar"]::-webkit-scrollbar {
    display: none; }
  [data-snk="sidebar"] button {
    outline: none;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    [data-snk="sidebar"] button:focus {
      outline: none; }

.desktop .snkPremium {
  margin-top: 60px; }

.snkPremium__cover {
  background-color: var(--neutral-200); }
  .mobile .snkPremium__cover {
    margin-top: 60px; }
  .snkPremium__cover img {
    max-width: 1920px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; }
    .mobile .snkPremium__cover img {
      aspect-ratio: 3 / 1;
      -o-object-fit: cover;
      object-fit: cover; }

.snkPremium__content {
  max-width: 800px;
  margin: 0 auto;
  background-color: var(--base-white);
  padding: 32px 64px 64px; }
  .mobile .snkPremium__content {
    max-width: 100%;
    padding: 24px 16px 48px; }

.coverSeries {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 16px; }
  .coverSeries__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .coverSeries__bg img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center; }
  .coverSeries__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(40%, rgba(0, 0, 0, 0.6)), color-stop(80%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.2) 80%, rgba(0, 0, 0, 0) 100%); }
  .coverSeries__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    padding: 16px 12px;
    max-width: 100%; }
    .desktop .coverSeries__content {
      gap: 24px;
      padding: 32px;
      max-width: 80%; }
  .coverSeries__poster {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100px;
    border-radius: 6px;
    overflow: hidden; }
    .desktop .coverSeries__poster {
      width: 160px;
      border-radius: 8px; }
  .coverSeries__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px; }
    .desktop .coverSeries__info {
      gap: 12px; }
    .coverSeries__info p {
      opacity: 0.85; }
  .coverSeries__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-top: 4px; }
    .desktop .coverSeries__social {
      margin-top: 8px; }
    .coverSeries__social a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.2);
      -webkit-transition: background 0.2s ease;
      transition: background 0.2s ease; }
      .desktop .coverSeries__social a {
        width: 28px;
        height: 28px; }
  .desktop .coverSeries__socialIcon--whatsapp:hover {
    background: #25d366; }
  .desktop .coverSeries__socialIcon--facebook:hover {
    background: #1877f2; }
  .desktop .coverSeries__socialIcon--x:hover {
    background: #000000; }
  .desktop .coverSeries__socialIcon--tiktok:hover {
    background: #010101; }

.staticSidebar {
  padding: 0 16px; }
  .staticSidebar button {
    text-align: left;
    border: 0;
    background: none;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    padding: 8px 0;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 400;
    color: var(--neutral-700);
    outline: none;
    line-height: 1.4;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; }
    .staticSidebar button:focus {
      outline: none;
      -webkit-box-shadow: none;
      box-shadow: none; }
    .staticSidebar button.active {
      color: var(--blue-primary);
      background-color: var(--blue-50); }
  .desktop .staticSidebar {
    padding: 0 24px;
    position: sticky;
    top: 80px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    overflow: visible !important; }
    .desktop .staticSidebar button {
      padding: 12px 0;
      font-size: 14px;
      max-width: none;
      -ms-flex-negative: 1;
      flex-shrink: 1;
      -webkit-line-clamp: 2; }

.desktop .infinite {
  margin-top: 60px; }

.mobile .infinite {
  margin-top: 60px; }

.infiniteHero {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--blue-100)), to(var(--base-white)));
  background: linear-gradient(180deg, var(--blue-100) 0%, var(--base-white) 100%); }
  .infiniteHero__logo {
    max-width: 200px; }
    .desktop .infiniteHero__logo {
      max-width: 320px; }
  .infiniteHero__img {
    display: block;
    max-width: 100%; }
    .desktop .infiniteHero__img {
      max-width: 360px; }

.infiniteSection {
  border-bottom: 1px solid var(--neutral-200); }
  .infiniteSection:last-child {
    border-bottom: none; }
  .infiniteSection__img {
    display: block;
    max-width: 200px;
    margin: 0 auto; }
    .desktop .infiniteSection__img {
      max-width: 360px;
      margin: 0; }

.infiniteContentCard {
  width: 150px;
  min-width: 150px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .desktop .infiniteContentCard {
    width: 280px;
    min-width: 280px; }
  .infiniteContentCard__cat {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    background-color: rgba(0, 0, 0, 0.6);
    color: var(--base-white);
    font-size: 10px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    z-index: 2;
    -o-object-fit: none;
    object-fit: none; }

.infiniteTestiCard {
  width: 150px;
  min-width: 150px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .desktop .infiniteTestiCard {
    width: 300px;
    min-width: 300px; }

.infiniteLogo {
  height: 24px;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain; }
  .desktop .infiniteLogo {
    height: 30px; }

.modal[data-target="gopay-modal"] .modalContent a:not(.btn) {
  color: var(--blue-primary) !important;
  font-weight: 600; }

.modal[data-target="gopay-modal"] .modalContent a.btn-solid {
  color: var(--base-white) !important; }

.desktop .kRewards {
  margin-top: 60px; }

.mobile .kRewards {
  margin-top: 100px; }

.kRewardsHero {
  background: -webkit-gradient(linear, left top, left bottom, from(var(--neutral-200)), to(var(--base-white)));
  background: linear-gradient(180deg, var(--neutral-200) 0%, var(--base-white) 100%); }
  .kRewardsHero__logo {
    max-width: 180px; }
    .desktop .kRewardsHero__logo {
      max-width: 280px; }
  .kRewardsHero__title {
    max-width: 160px; }
    .desktop .kRewardsHero__title {
      max-width: 200px; }

.kRewardsSection {
  border-bottom: 1px solid var(--neutral-200); }
  .kRewardsSection:last-child {
    border-bottom: none; }

.kRewardsIcon--blue .iconBase {
  -webkit-filter: invert(40%) sepia(90%) saturate(1500%) hue-rotate(200deg) brightness(100%) contrast(95%);
  filter: invert(40%) sepia(90%) saturate(1500%) hue-rotate(200deg) brightness(100%) contrast(95%);
  width: 14px !important;
  height: 14px !important; }
  .mobile .kRewardsIcon--blue .iconBase {
    width: 12px !important;
    height: 12px !important; }

.kRewardsBenefit__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1; }

.kRewardsCard {
  width: 150px;
  min-width: 150px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .desktop .kRewardsCard {
    width: calc(33.333% - 11px);
    min-width: calc(33.333% - 11px); }

.promoContent {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid var(--neutral-200);
  border-radius: 8px; }
  .desktop .promoContent {
    margin-top: 24px;
    margin-bottom: 24px; }
  .promoContent__banner {
    position: relative;
    width: 100%;
    min-height: 60px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    background-color: #f0f0f0; }
    .desktop .promoContent__banner {
      min-height: 120px; }
    .promoContent__banner a {
      display: block;
      width: 100%; }
    .promoContent__banner img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 8px 8px 0 0; }

.desktop .chat {
  height: calc(100vh - 140px);
  min-height: 500px; }

.chat__subHeader {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  z-index: 299; }

.chat__wrapper {
  padding-top: 120px; }
  .mobile .chat__wrapper {
    padding-top: 76px; }
    .mobile .chat__wrapper .chat {
      height: calc(100vh - 160px);
      min-height: 400px; }

.chat__sidebar {
  width: 300px;
  min-width: 300px; }

.chat__contactList::-webkit-scrollbar {
  width: 4px; }

.chat__contactList::-webkit-scrollbar-thumb {
  background-color: var(--neutral-300);
  border-radius: 4px; }

.chat__contact {
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s; }
  .chat__contact:hover {
    background-color: var(--neutral-100); }
  .chat__contact--active:hover {
    background-color: var(--neutral-200); }

.chat__messages {
  background-color: #8BABD8;
  background-image: url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2260%22><rect fill=%22%23e8f0fe%22 width=%2260%22 height=%2260%22/><circle cx=%2230%22 cy=%2230%22 r=%222%22 fill=%22%23d0e0f5%22 opacity=%220.3%22/></svg>");
  background-repeat: repeat; }

.chat__bubbleContent {
  max-width: 70%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); }
  .mobile .chat__bubbleContent {
    max-width: 80%; }
  .chat__bubbleContent--outgoing {
    background-color: #DCF7C5; }

.chat__dropdown {
  z-index: 10;
  min-width: 160px; }

.chat__inputFloating {
  z-index: 5; }

.chat__emojiPicker {
  z-index: 10;
  width: 260px;
  max-height: 200px;
  overflow-y: auto;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }

.chat__emojiItem {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px;
  cursor: pointer;
  border-radius: 4px; }
  .chat__emojiItem:hover {
    background-color: var(--neutral-100); }
  .chat__emojiItem img {
    width: 24px;
    height: 24px; }

.chat__textarea {
  resize: none;
  line-height: 1.4;
  max-height: 100px;
  overflow-y: auto;
  font-family: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .mobile .chat__textarea {
    max-height: 40vh; }
  .chat__textarea::-webkit-scrollbar {
    width: 4px; }
  .chat__textarea::-webkit-scrollbar-thumb {
    background-color: var(--neutral-300);
    border-radius: 4px; }
  .chat__textarea:focus {
    outline: none; }

.chat__input input:focus, .chat__textarea:focus {
  border-color: var(--blue-500); }

.profileSearchSort__search:after {
  right: 8px !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.profileSearchSort__search .btn-search {
  right: 4px !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.profileSearchSort__select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23333' d='M13.354 6.354 8.354 11.354a.5.5 0 0 1-.708 0l-5-5a.5.5 0 1 1 .708-.708L8 10.293l4.646-4.647a.5.5 0 0 1 .708.708Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 12px;
  white-space: nowrap; }
  .desktop .profileSearchSort__select {
    padding-left: 12px !important;
    padding-right: 32px !important;
    background-position: right 10px center;
    background-size: 14px; }

.profileSearchSort__datepickerInput {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  border: 0;
  padding: 0;
  margin: 0; }

.profileSearchSort__date {
  white-space: nowrap;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content; }
  .profileSearchSort__date::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer; }

.profileSearchSort__dateHidden {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.desktop .profileSearchSort {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px; }
  .desktop .profileSearchSort .profileSearchSort__search {
    max-width: 280px; }

.profileSearchSort .profileSearchSort__filters {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.kgmModal {
  font-size: 16px;
  position: fixed;
  z-index: 310;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .kgmModal.-hide {
    visibility: hidden;
    opacity: 0;
    display: none; }
  .kgmModal .kgmModal-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 28px;
    flex-basis: 28px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 28px;
    height: 28px;
    position: relative;
    cursor: pointer;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    margin: 0;
    padding: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23343330' d='M19.28 18.22a.752.752 0 0 1-.53 1.28.75.75 0 0 1-.53-.219L12 13.061l-6.22 6.22a.75.75 0 1 1-1.06-1.061L10.94 12 4.72 5.781A.75.75 0 1 1 5.78 4.72L12 10.94l6.22-6.22a.75.75 0 1 1 1.06 1.061l-6.22 6.22z'/%3E%3C/svg%3E"); }
  .kgmModal .form-google {
    position: relative;
    min-height: 40px;
    height: 40px; }
    .kgmModal .form-google .g_id_signin span {
      font-weight: 700; }
  .kgmModal .btn-login {
    width: 100%; }
  .kgmModal-block {
    position: relative;
    border-radius: 8px;
    background: var(--base-white);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    overflow: hidden;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%; }
    @media (min-width: 768px) {
      .kgmModal-block {
        width: 360px; } }
  @media (max-width: 767px) {
    .kgmModal.-bottom {
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      padding: 0; }
      .kgmModal.-bottom .kgmModal-block {
        -webkit-transition: none;
        transition: none;
        border-radius: 8px 8px 0 0; } }
  .kgmModal-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: -16px -16px 0;
    padding: 16px 16px 8px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px; }
    .kgmModal-header-inner {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 28px; }
  .kgmModal-body {
    position: relative;
    padding: 12px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px; }
    .kgmModal-body > p {
      margin: 1.375em 0;
      font-size: 0.875em;
      font-weight: 400;
      line-height: 1.4;
      color: var(--cl-modal-black); }
    .desktop .kgmModal-body {
      gap: 24px; }
  .kgmModal-onetap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px; }
    .kgmModal-onetap div#googleLgnBtn {
      text-align: center; }
      .kgmModal-onetap div#googleLgnBtn > div {
        display: inline-block; }
  .kgmModal-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 130%;
    margin: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: var(--text-primary);
    text-align: left; }
  .kgmModal-lead {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0px;
    color: var(--text-primary);
    text-align: left; }
  .kgmModal-reg {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    color: var(--text-primary);
    text-align: center;
    padding: 5px 0; }
    .kgmModal-reg span {
      display: inline-block;
      padding: 0 2px; }
    .kgmModal-reg a {
      font-weight: 600;
      color: var(--blue-primary); }
  .kgmModal-method {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%; }
    .kgmModal-method a {
      color: #007AFF; }
  .kgmModal-info {
    width: calc(100% + 48px);
    text-align: center;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    color: var(--neutral-600); }
    .kgmModal-info a {
      color: var(--text-primary);
      text-decoration: underline; }
  .kgmModal-footer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 8px; }
  .kgmModal-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .kgmModal .btn-login {
    border: 1px solid #E2E2E2;
    color: var(--text-primary);
    background: var(--base-white); }
    .kgmModal .btn-login.btn-base i {
      margin-right: 7px; }

.-locked {
  overflow: hidden; }

div[id*="gsi_"][id*=" -wrapper"] {
  width: 100% !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.page-dsNarativ #panel,
.page-dsNarativ .slideout-panel {
  position: relative;
  z-index: unset; }

.dashboard {
  /* Opsional: Putar balik ikon saat select dibuka (jika didukung browser/state) */ }
  .desktop .dashboardWrite {
    width: 100%;
    z-index: 6; }
  .dashboardWrite__title {
    width: 100%;
    border: none;
    height: 46px;
    resize: vertical;
    line-height: 1;
    background: var(--base-white);
    min-height: 31px;
    padding: 12px 16px; }
    .dashboardWrite__title::-webkit-scrollbar {
      display: none; }
    .desktop .dashboardWrite__title {
      height: 50px; }
    .desktop .dashboardWrite__title {
      border-radius: 8px;
      border: 1px solid var(--neutral-200); }
  .desktop .dashboardWrite__side {
    max-width: 264px;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    position: sticky;
    top: 168px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    z-index: 5;
    max-height: calc(100vh - 168px - 32px);
    overflow-y: auto;
    padding-right: 4px; }
    .desktop .dashboardWrite__side::-webkit-scrollbar {
      width: 4px; }
    .desktop .dashboardWrite__side::-webkit-scrollbar-thumb {
      background: var(--neutral-200);
      border-radius: 10px; }
    @media (min-width: 1280px) {
      .desktop .dashboardWrite__side {
        top: 168px;
        max-height: calc(100vh - 168px - 32px); } }
    .desktop .dashboardWrite__side .icon-success {
      -webkit-filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(134deg) brightness(95%) contrast(92%);
      filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(134deg) brightness(95%) contrast(92%); }
    .desktop .dashboardWrite__side .icon-warning {
      -webkit-filter: invert(75%) sepia(90%) saturate(2000%) hue-rotate(355deg) brightness(95%) contrast(105%);
      filter: invert(75%) sepia(90%) saturate(2000%) hue-rotate(355deg) brightness(95%) contrast(105%); }
    .desktop .dashboardWrite__side .border-subtle {
      border-bottom: 1px solid var(--neutral-100); }
  .dashboardAction {
    position: -webkit-sticky;
    /* For Safari */
    position: sticky;
    top: 75px;
    z-index: 10;
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    transition: -webkit-box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    /* Smooth visual transition */
    margin-top: 0; }
    @media (max-width: 768px) {
      .dashboardAction {
        background: var(--base-white);
        padding: 13px;
        margin-left: -13px;
        margin-right: -16px;
        top: 60px;
        z-index: 200; } }
    @media (min-width: 1280px) {
      .dashboardAction {
        top: 40px; } }
    @media (min-width: 1440px) {
      .dashboardAction {
        top: 40px; } }
    .dashboardAction.is-pinned {
      -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
      padding: 8px 8px;
      border-radius: 8px; }
      @media (max-width: 768px) {
        .dashboardAction.is-pinned {
          padding: 8px 13px;
          margin-left: -13px;
          margin-right: -16px;
          border-radius: 0; } }
      .desktop .dashboardAction.is-pinned {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: unset;
        padding-bottom: 6px;
        border-radius: 0; }
    .dashboardAction__sentinel {
      height: 1px;
      margin-bottom: -1px; }
    .desktop .root:has(.dashboardAction) .header {
      -webkit-box-shadow: none;
      box-shadow: none; }
    .desktop .dashboardAction {
      top: 60px;
      padding-bottom: 6px;
      background: var(--base-white); }
      @media (min-width: 1280px) {
        .desktop .dashboardAction {
          top: 60px; } }
      @media (min-width: 1440px) {
        .desktop .dashboardAction {
          top: 60px; } }
    .dashboardAction__wrapper {
      max-width: 648px;
      margin: auto; }
  .dashboardCategory__container .btn-caret {
    top: 0;
    bottom: 0;
    margin: auto;
    right: 12px;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    pointer-events: none; }
  .dashboardCategory__select {
    /* Menghilangkan panah bawaan browser */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    /* Agar tidak menutupi ikon di bawahnya */
    z-index: 1; }
  .dashboardCategory__select:focus + .btn-caret {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .desktop .dashboardSubmenu li {
    cursor: pointer; }
  .dashboard-draf .artikel--count {
    min-width: 110px; }
    .dashboard-draf .artikel--count__item {
      margin: 0 10px; }
      .dashboard-draf .artikel--count__item .icon {
        display: inline-block;
        float: left;
        margin-top: 1px;
        margin-right: 10px; }
  .dashboard-setting--caption, .dashboard-draf--caption, .dashboard-obrolan--caption, .dashboard-afiliasi--caption {
    letter-spacing: 0.3px;
    padding: 0;
    margin-top: 5px;
    float: left;
    text-transform: uppercase; }
  .dashboard-write--caption {
    letter-spacing: 0.3px;
    padding: 0;
    margin-top: 5px;
    float: left;
    text-transform: uppercase; }
  .dashboard-write .icon-font {
    vertical-align: bottom; }
  .dashboard-write .title {
    width: 100%;
    padding: 1%;
    border: none;
    outline: none; }
  .dashboard-write .bootstrap-tagsinput input {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0 110px 0 0;
    margin-top: 8px;
    width: 100%;
    max-width: inherit;
    font-size: 12px; }
  .dashboard-write .bootstrap-tagsinput .tag {
    font-size: 12px;
    word-break: break-word; }
  .dashboard-write .tags-info b {
    font-weight: 500; }
  .dashboard-write .schedule-form .display-flex {
    gap: 20px; }
  .dashboard-write .form_schedule {
    position: relative;
    width: 100%;
    height: auto;
    padding: 10px 24px 10px 0;
    border: none;
    border-bottom: 1px solid #cecece;
    font-size: 14px;
    line-height: 1.42857;
    color: #555555;
    background-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
    .dashboard-write .form_schedule:hover, .dashboard-write .form_schedule:focus {
      border-bottom: 1px solid #4a86e8; }
    .dashboard-write .form_schedule-wrap {
      position: relative;
      width: 100%; }
      .dashboard-write .form_schedule-wrap .icon {
        position: absolute;
        top: 12px;
        right: 0;
        width: 14px;
        height: 14px;
        background-size: contain;
        background-repeat: no-repeat;
        -webkit-filter: invert(0%) sepia(0%) saturate(100%) hue-rotate(16deg) brightness(0) contrast(102%);
        filter: invert(0%) sepia(0%) saturate(100%) hue-rotate(16deg) brightness(0) contrast(102%); }
  .dashboard-setting--title {
    text-align: center; }
  .dashboard-setting--caption {
    margin: 5px auto 0 auto;
    width: 100%; }
  .dashboard-setting .cs-sort > span {
    padding: 7px 45px 7px 20px;
    border: 1px solid #dadada;
    border-radius: 20px;
    color: #555;
    text-transform: none;
    font-size: 14px; }
  .dashboard-setting .cs-disable > span {
    background: #eeeeee;
    color: #999;
    text-transform: capitalize;
    font-size: 14px; }
  .dashboard-setting .cs-active > span {
    background: #fff; }
  .dashboard-setting .cs-options {
    padding: 10px;
    border-radius: 20px; }
    .dashboard-setting .cs-options ul {
      max-height: 200px;
      overflow-y: scroll; }
  .dashboard-setting div.cs-sort {
    padding: 0; }
  .dashboard-setting label.upload input[type="file"] {
    display: none; }
  .dashboard-setting .form-setting--radio h1 {
    margin: 0; }
  .dashboard-setting input[type="radio"],
  .dashboard-setting input[type="checkbox"] {
    margin: 10px 0; }
  .dashboard-setting .edu-wrapper.active,
  .dashboard-setting .work-wrapper.active {
    position: relative;
    height: 85px; }
    .dashboard-setting .edu-wrapper.active .other-edu,
    .dashboard-setting .edu-wrapper.active .other-work,
    .dashboard-setting .work-wrapper.active .other-edu,
    .dashboard-setting .work-wrapper.active .other-work {
      position: absolute;
      bottom: 0; }
  .dashboard-setting--holder, .dashboard-obrolan--holder, .dashboard-afiliasi--holder, .dashboard-event--holder {
    margin: 10px 0 0 0; }
  .dashboard-setting .menu-setting, .dashboard-obrolan .menu-setting, .dashboard-afiliasi .menu-setting, .dashboard-event .menu-setting {
    font-size: 13px;
    margin-top: 10px; }
    .dashboard-setting .menu-setting--profil a, .dashboard-obrolan .menu-setting--profil a, .dashboard-afiliasi .menu-setting--profil a, .dashboard-event .menu-setting--profil a {
      padding: 5px 15px;
      border: 1px solid #bebebe;
      border-radius: 15px; }
    .dashboard-setting .menu-setting--profil .profil-sort--item:after, .dashboard-obrolan .menu-setting--profil .profil-sort--item:after, .dashboard-afiliasi .menu-setting--profil .profil-sort--item:after, .dashboard-event .menu-setting--profil .profil-sort--item:after {
      content: "";
      padding: 5px; }
    .dashboard-setting .menu-setting--profil .profil-sort--item.active a, .dashboard-obrolan .menu-setting--profil .profil-sort--item.active a, .dashboard-afiliasi .menu-setting--profil .profil-sort--item.active a, .dashboard-event .menu-setting--profil .profil-sort--item.active a {
      color: #fff;
      background: #3982ce;
      border-color: #3982ce; }
  .dashboard-setting .dashboard-setting--editwrapper, .dashboard-obrolan .dashboard-setting--editwrapper, .dashboard-afiliasi .dashboard-setting--editwrapper, .dashboard-event .dashboard-setting--editwrapper {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 15px; }
  .dashboard-setting--editing, .dashboard-obrolan--editing, .dashboard-afiliasi--editing, .dashboard-event--editing {
    border: 1px solid #b7b7b7 !important;
    background-color: #b7b7b7 !important;
    color: #fff !important; }
  .dashboard-setting .form-setting--input, .dashboard-setting .form-setting--radio, .dashboard-obrolan .form-setting--input, .dashboard-obrolan .form-setting--radio, .dashboard-afiliasi .form-setting--input, .dashboard-afiliasi .form-setting--radio, .dashboard-event .form-setting--input, .dashboard-event .form-setting--radio {
    border-bottom: 1px solid #efefef;
    padding: 20px 0; }
  .dashboard-setting .form-setting h1, .dashboard-obrolan .form-setting h1, .dashboard-afiliasi .form-setting h1, .dashboard-event .form-setting h1 {
    font-size: 15px;
    font-weight: 400;
    margin: 10px 0 5px; }
  .dashboard-setting .form-setting p, .dashboard-obrolan .form-setting p, .dashboard-afiliasi .form-setting p, .dashboard-event .form-setting p {
    margin: 10px 0;
    color: #b3b3b3;
    word-break: break-word; }
  .dashboard-setting .form-setting--input.username p, .dashboard-obrolan .form-setting--input.username p, .dashboard-afiliasi .form-setting--input.username p, .dashboard-event .form-setting--input.username p {
    margin: 0 0 10px; }
  .dashboard-setting .form-setting .dashboard-setting--edit, .dashboard-obrolan .form-setting .dashboard-setting--edit, .dashboard-afiliasi .form-setting .dashboard-setting--edit, .dashboard-event .form-setting .dashboard-setting--edit {
    top: 5px; }
  .dashboard-setting .form-setting--input.form-setting--socmed input, .dashboard-obrolan .form-setting--input.form-setting--socmed input, .dashboard-afiliasi .form-setting--input.form-setting--socmed input, .dashboard-event .form-setting--input.form-setting--socmed input {
    display: inline-block; }
    .dashboard-setting .form-setting--input.form-setting--socmed input:nth-of-type(1), .dashboard-obrolan .form-setting--input.form-setting--socmed input:nth-of-type(1), .dashboard-afiliasi .form-setting--input.form-setting--socmed input:nth-of-type(1), .dashboard-event .form-setting--input.form-setting--socmed input:nth-of-type(1) {
      width: calc(100% - 42% - 10px);
      margin-right: 10px; }
  .dashboard-setting .form-setting--input .lastBold ul li:last-child span, .dashboard-obrolan .form-setting--input .lastBold ul li:last-child span, .dashboard-afiliasi .form-setting--input .lastBold ul li:last-child span, .dashboard-event .form-setting--input .lastBold ul li:last-child span {
    font-weight: bold; }
  .dashboard-setting .form-border, .dashboard-obrolan .form-border, .dashboard-afiliasi .form-border, .dashboard-event .form-border {
    padding: 10px;
    border: none;
    border: 1px solid #dadada;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    -o-border-radius: none;
    border-radius: none; }
    .dashboard-setting .form-border:focus, .dashboard-obrolan .form-border:focus, .dashboard-afiliasi .form-border:focus, .dashboard-event .form-border:focus {
      border: 1px solid #969696; }
  .dashboard-setting .other-work,
  .dashboard-setting .other-edu,
  .dashboard-setting .other-work:focus,
  .dashboard-setting .other-edu:focus, .dashboard-obrolan .other-work,
  .dashboard-obrolan .other-edu,
  .dashboard-obrolan .other-work:focus,
  .dashboard-obrolan .other-edu:focus, .dashboard-afiliasi .other-work,
  .dashboard-afiliasi .other-edu,
  .dashboard-afiliasi .other-work:focus,
  .dashboard-afiliasi .other-edu:focus, .dashboard-event .other-work,
  .dashboard-event .other-edu,
  .dashboard-event .other-work:focus,
  .dashboard-event .other-edu:focus {
    margin-top: 10px; }
  .dashboard-setting #datepicker input, .dashboard-obrolan #datepicker input, .dashboard-afiliasi #datepicker input, .dashboard-event #datepicker input {
    color: #555555; }
  .dashboard-setting .form-control, .dashboard-obrolan .form-control, .dashboard-afiliasi .form-control, .dashboard-event .form-control {
    height: auto;
    padding: 7px 20px; }
    .dashboard-setting .form-control:focus, .dashboard-obrolan .form-control:focus, .dashboard-afiliasi .form-control:focus, .dashboard-event .form-control:focus {
      -webkit-box-shadow: none;
      box-shadow: none; }
    .dashboard-setting .form-control::-webkit-input-placeholder, .dashboard-obrolan .form-control::-webkit-input-placeholder, .dashboard-afiliasi .form-control::-webkit-input-placeholder, .dashboard-event .form-control::-webkit-input-placeholder {
      color: #555; }
    .dashboard-setting .form-control::-moz-placeholder, .dashboard-obrolan .form-control::-moz-placeholder, .dashboard-afiliasi .form-control::-moz-placeholder, .dashboard-event .form-control::-moz-placeholder {
      color: #555; }
    .dashboard-setting .form-control:-ms-input-placeholder, .dashboard-obrolan .form-control:-ms-input-placeholder, .dashboard-afiliasi .form-control:-ms-input-placeholder, .dashboard-event .form-control:-ms-input-placeholder {
      color: #555; }
    .dashboard-setting .form-control::-ms-input-placeholder, .dashboard-obrolan .form-control::-ms-input-placeholder, .dashboard-afiliasi .form-control::-ms-input-placeholder, .dashboard-event .form-control::-ms-input-placeholder {
      color: #555; }
    .dashboard-setting .form-control::placeholder, .dashboard-obrolan .form-control::placeholder, .dashboard-afiliasi .form-control::placeholder, .dashboard-event .form-control::placeholder {
      color: #555; }
  .dashboard-setting textarea.form-control, .dashboard-obrolan textarea.form-control, .dashboard-afiliasi textarea.form-control, .dashboard-event textarea.form-control {
    min-height: 80px; }
  .dashboard-setting .form-control[readonly], .dashboard-obrolan .form-control[readonly], .dashboard-afiliasi .form-control[readonly], .dashboard-event .form-control[readonly] {
    background-color: #fff;
    opacity: 1; }
  .dashboard-setting .form-control[disabled], .dashboard-obrolan .form-control[disabled], .dashboard-afiliasi .form-control[disabled], .dashboard-event .form-control[disabled] {
    background-color: #eeeeee;
    opacity: 1; }
    .dashboard-setting .form-control[disabled]::-webkit-input-placeholder, .dashboard-obrolan .form-control[disabled]::-webkit-input-placeholder, .dashboard-afiliasi .form-control[disabled]::-webkit-input-placeholder, .dashboard-event .form-control[disabled]::-webkit-input-placeholder {
      color: #959595; }
    .dashboard-setting .form-control[disabled]::-moz-placeholder, .dashboard-obrolan .form-control[disabled]::-moz-placeholder, .dashboard-afiliasi .form-control[disabled]::-moz-placeholder, .dashboard-event .form-control[disabled]::-moz-placeholder {
      color: #959595; }
    .dashboard-setting .form-control[disabled]:-ms-input-placeholder, .dashboard-obrolan .form-control[disabled]:-ms-input-placeholder, .dashboard-afiliasi .form-control[disabled]:-ms-input-placeholder, .dashboard-event .form-control[disabled]:-ms-input-placeholder {
      color: #959595; }
    .dashboard-setting .form-control[disabled]::-ms-input-placeholder, .dashboard-obrolan .form-control[disabled]::-ms-input-placeholder, .dashboard-afiliasi .form-control[disabled]::-ms-input-placeholder, .dashboard-event .form-control[disabled]::-ms-input-placeholder {
      color: #959595; }
    .dashboard-setting .form-control[disabled]::placeholder, .dashboard-obrolan .form-control[disabled]::placeholder, .dashboard-afiliasi .form-control[disabled]::placeholder, .dashboard-event .form-control[disabled]::placeholder {
      color: #959595; }
  .dashboard-setting select, .dashboard-obrolan select, .dashboard-afiliasi select, .dashboard-event select {
    color: #555555;
    border-bottom: solid 2px #c9c9c9;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer; }
    .dashboard-setting select option, .dashboard-obrolan select option, .dashboard-afiliasi select option, .dashboard-event select option {
      outline: 0; }
    .dashboard-setting select.form-control:focus, .dashboard-obrolan select.form-control:focus, .dashboard-afiliasi select.form-control:focus, .dashboard-event select.form-control:focus {
      border-color: transparent;
      border-bottom: solid 2px #969696;
      outline: 0;
      -webkit-box-shadow: none;
      box-shadow: none; }
  .dashboard-setting .bootstrap-tagsinput, .dashboard-obrolan .bootstrap-tagsinput, .dashboard-afiliasi .bootstrap-tagsinput, .dashboard-event .bootstrap-tagsinput {
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 10px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
    border: none;
    border-bottom: solid 2px #c9c9c9;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s; }
    .dashboard-setting .bootstrap-tagsinput input, .dashboard-obrolan .bootstrap-tagsinput input, .dashboard-afiliasi .bootstrap-tagsinput input, .dashboard-event .bootstrap-tagsinput input {
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      outline: none;
      background-color: transparent;
      padding: 0;
      margin: 0;
      width: auto !important;
      max-width: inherit; }
      .dashboard-setting .bootstrap-tagsinput input:focus, .dashboard-obrolan .bootstrap-tagsinput input:focus, .dashboard-afiliasi .bootstrap-tagsinput input:focus, .dashboard-event .bootstrap-tagsinput input:focus {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none; }
  .dashboard-obrolan--title {
    border-top: 1px solid #d6d4d4;
    padding-top: 10px; }
  .dashboard-obrolan--caption {
    float: none; }
  .dashboard-obrolan .icon-angle-down {
    font-size: 20px; }
  .dashboard-obrolan .obrolan__chat .icon-angle-down {
    display: inline;
    position: absolute;
    margin-left: 10px; }
  .dashboard-obrolan .obrolan__chat .user-box {
    padding-top: 20px; }
  .dashboard-obrolan .obrolan__chat .icon-user-plus {
    font-size: 20px;
    position: relative;
    top: 3px; }
  .dashboard-obrolan .obrolan__chat .save {
    display: none; }
  .dashboard-obrolan .obrolan .form-border {
    max-width: 100%; }
  .dashboard-afiliasi .afiliasi_read {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    word-break: break-word; }
    .dashboard-afiliasi .afiliasi_read--tentang {
      background: #2cacaf;
      color: #fff;
      padding: 0 0 10px; }
      .dashboard-afiliasi .afiliasi_read--tentang .title {
        padding: 20px 0 0;
        margin-bottom: 20px; }
    .dashboard-afiliasi .afiliasi_read--alur {
      padding: 30px 0;
      background: #fff; }
      .dashboard-afiliasi .afiliasi_read--alur .ul-parent {
        list-style-type: decimal;
        padding: 0 10px 0 30px; }
        .dashboard-afiliasi .afiliasi_read--alur .ul-parent .ul-child {
          list-style-type: none;
          padding: 0 10px 0 20px; }
    .dashboard-afiliasi .afiliasi_read--ketentuan {
      padding: 30px 0;
      background: #0f4665;
      color: #fff;
      text-align: left;
      font-weight: 300; }
      .dashboard-afiliasi .afiliasi_read--ketentuan .col-offset-ket {
        margin-left: 6.33333%; }
      .dashboard-afiliasi .afiliasi_read--ketentuan ul {
        list-style-type: decimal;
        padding: 0 10px 0 30px; }
    .dashboard-afiliasi .afiliasi_read--cap {
      color: #fff;
      text-transform: uppercase; }
      .dashboard-afiliasi .afiliasi_read--cap span {
        background: #0f4665;
        padding: 8px 20px; }
      .dashboard-afiliasi .afiliasi_read--cap_white {
        color: #0f4665; }
        .dashboard-afiliasi .afiliasi_read--cap_white span {
          background: #fff; }
    .dashboard-afiliasi .afiliasi_read img {
      max-width: 100%; }
    .dashboard-afiliasi .afiliasi_read--foot {
      font-size: 10px;
      text-align: center;
      background: #0d5b97;
      color: #eae4d8;
      padding: 10px 0; }
  .dashboard-afiliasi .afiliasi_index .afiliasi_item {
    padding: 20px 0;
    border-bottom: 1px solid #efefef;
    position: relative;
    /* file size: 1ko | optimized file size: 0.9ko | base64 size: 1.2ko */
    /* file size: 3.5ko | optimized file size: 3.2ko | base64 size: 4.3ko */
    /* file size: 2.1ko | optimized file size: 1.9ko | base64 size: 2.5ko */ }
    .dashboard-afiliasi .afiliasi_index .afiliasi_item--title h1 {
      margin: 0 10px 20px 0; }
    .dashboard-afiliasi .afiliasi_index .afiliasi_item:first-child {
      padding-top: 0px; }
    .dashboard-afiliasi .afiliasi_index .afiliasi_item:last-child {
      border: none; }
    .dashboard-afiliasi .afiliasi_index .afiliasi_item .afi-sponsor {
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzg5LjggMzU0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzODkuOCAzNTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO2ZpbGw6I0IzQjNCMzt9PC9zdHlsZT48Zz48Zz48ZGVmcz48cmVjdCBpZD0iU1ZHSURfMV8iIHdpZHRoPSIzODkuOCIgaGVpZ2h0PSIzNTQiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJTVkdJRF8yXyI+PHVzZSB4bGluazpocmVmPSIjU1ZHSURfMV8iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz48L2NsaXBQYXRoPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zODYuMSwyMzIuM0wyNDcuOSw5LjJjLTUuMi04LjQtMTcuMS0xMi43LTI0LjctNS44TDI3LjYsMjQ1Yy0wLjQsMC4yLTAuNywwLjUtMS4xLDAuN0wwLDI0NC4ybDY1LjQsMTA1LjVsMTAuNC0yNC40YzAuNC0wLjIsMC44LTAuNCwxLjEtMC42bDc1LjgtMTYuOWw3LDMwLjRjMi41LDEwLjgsMTMuMiwxNy41LDI0LDE1bDEwNy4yLTI0LjZjMTAuOC0yLjUsMTcuNS0xMy4yLDE1LTI0bC02LjgtMjkuNmw4MS4yLTE4LjFDMzg5LjUsMjUzLjUsMzkxLjQsMjQwLjcsMzg2LjEsMjMyLjNMMzg2LjEsMjMyLjN6IE0xODQuMSwzMjZsLTUuNS0yNGw5NC43LTIxLjFsNS40LDIzLjRMMTg0LjEsMzI2eiBNMTg0LjEsMzI2Ii8+PC9nPjwvZz48L3N2Zz4=); }
    .dashboard-afiliasi .afiliasi_index .afiliasi_item .afi-rupiah {
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9Iklzb2xhdGlvbl9Nb2RlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMxOS45IDQwOS45IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMTkuOSA0MDkuOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtjbGlwLXBhdGg6dXJsKCNTVkdJRF8yXyk7fTwvc3R5bGU+PGc+PGc+PGRlZnM+PHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMzE5LjkiIGhlaWdodD0iNDA5LjkiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJTVkdJRF8yXyI+PHVzZSB4bGluazpocmVmPSIjU1ZHSURfMV8iICBzdHlsZT0ib3ZlcmZsb3c6dmlzaWJsZTsiLz48L2NsaXBQYXRoPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yOTAuNiwyMDAuMmMtMTYuNC0yNC4zLTM3LjMtNDIuOS01NC4xLTU3LjhjLTE1LjEtMTMuNC0yOC4zLTI1LjMtMzEuNy0zNS41YzctMi43LDEyLTkuNiwxMi0xNy41YzAtNy44LTQuNy0xNC40LTExLjUtMTcuM2wxMy45LTU0LjVjMS41LTUuMywwLjUtMTAuMS0yLjYtMTMuM2MtMy4yLTMuMi04LTQuMy0xMy40LTIuOWMtMC4xLDAtMC4yLDAuMS0wLjMsMC4xYy0wLjMsMC4xLTI2LjIsOC40LTM0LjgsMTAuOGMtNS42LDEuNi0xNS40LDEuNi0yMSwwYy04LjctMi41LTM0LjktMTAuOC0zNS4xLTEwLjljLTAuMSwwLTAuMi0wLjEtMC4zLTAuMWMtNS4zLTEuNC0xMC4yLTAuMy0xMy40LDIuOWMtMy4yLDMuMi00LjEsOC4xLTIuNiwxMy40YzAsMC4xLDAsMC4xLDAuMSwwLjJsMTcuNiw1NC40Yy02LjUsMy0xMS4xLDkuNS0xMS4xLDE3LjFjMCw4LDUsMTQuOCwxMiwxNy41Yy0zLjMsMTAuMi0xNi42LDIyLjEtMzEuNywzNS41Yy0xNi44LDE1LTM3LjcsMzMuNi01NC4xLDU3LjhDOS40LDIyOC44LDAsMjU5LjUsMCwyOTQuMmMwLDMxLjMsMTIuNiw1OS45LDM1LjQsODAuN0M1OS44LDM5Ny4yLDkzLjksNDA5LDEzNCw0MDloNTEuMmM0MC4xLDAsNzQuMi0xMS44LDk4LjYtMzQuMWMyMi44LTIwLjgsMzUuNC00OS41LDM1LjQtODAuN0MzMTkuMiwyNTkuNSwzMDkuOCwyMjguOCwyOTAuNiwyMDAuMkwyOTAuNiwyMDAuMnogTTE3Mi4zLDk2LjJoLTUxLjFjLTMuNywwLTYuOC0zLjEtNi44LTYuOGMwLTMuNywzLTYuOCw2LjgtNi44YzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwaDMyYzAsMCwwLDAsMCwwYzAsMCwwLDAsMCwwSDE2NmMwLDAsMCwwLDAsMHMwLDAsMCwwaDMyYzMuOCwwLDYuOCwzLjEsNi44LDYuOHMtMy4xLDYuOC02LjgsNi44SDE3Mi4zeiBNMTA3LjEsMTIuN2MwLjMsMCwwLjgsMCwxLjUsMC4yYzIuNSwwLjgsMjYuNyw4LjUsMzUuMywxMC45YzcuNywyLjIsMTkuOSwyLjIsMjcuNiwwYzguNS0yLjQsMzIuNS0xMC4xLDM0LjktMTAuOWMwLjctMC4yLDEuMi0wLjIsMS41LTAuMmMwLDAuMywwLDAuOC0wLjMsMS42YzAsMC4xLDAsMC4xLTAuMSwwLjJsLTE0LjMsNTZoLTE5LjdsNC41LTE4LjFjMC44LTMuMi0xLjEtNi41LTQuNC03LjNjLTMuMi0wLjgtNi41LDEuMi03LjMsNC40bC01LjMsMjEuMWgtMy40bC01LjMtMjEuMWMtMC44LTMuMi00LjEtNS4yLTcuMy00LjRjLTMuMiwwLjgtNS4yLDQuMS00LjQsNy4zbDQuNSwxOC4xaC0yMGwtMTguMy01Ni4zQzEwNy4xLDEzLjUsMTA3LjEsMTMsMTA3LjEsMTIuN0wxMDcuMSwxMi43eiBNMjc1LjgsMzY2Yy0yMi4yLDIwLjItNTMuNSwzMC45LTkwLjYsMzAuOUgxMzRjLTM3LjEsMC02OC40LTEwLjctOTAuNi0zMC45QzIzLjIsMzQ3LjUsMTIsMzIyLDEyLDI5NC4yYzAtNzIuOCw0NS41LTExMy4zLDc4LjctMTQyLjljMTcuOS0xNS45LDMyLjUtMjksMzUuOC00My4xaDEybC0zLjgsMTEuM2MtMSwzLjEsMC43LDYuNSwzLjgsNy42YzAuNiwwLjIsMS4zLDAuMywxLjksMC4zYzIuNSwwLDQuOS0xLjYsNS43LTQuMWw1LTE1LjFoMTYuOWw1LDE1LjFjMC44LDIuNSwzLjIsNC4xLDUuNyw0LjFjMC42LDAsMS4zLTAuMSwxLjktMC4zYzMuMS0xLDQuOC00LjQsMy44LTcuNmwtMy44LTExLjNoMTJjMy4zLDE0LjIsMTcuOSwyNy4yLDM1LjgsNDMuMWMzMy4yLDI5LjYsNzguNyw3MC4xLDc4LjcsMTQyLjlDMzA3LjIsMzIyLDI5NiwzNDcuNSwyNzUuOCwzNjZMMjc1LjgsMzY2eiBNMjc1LjgsMzY2Ii8+PC9nPjxwYXRoIGQ9Ik0xNTkuNiwxNzNjLTUyLjcsMC05NS42LDQyLjktOTUuNiw5NS42YzAsNTIuNyw0Mi45LDk1LjYsOTUuNiw5NS42YzUyLjcsMCw5NS42LTQyLjksOTUuNi05NS42QzI1NS4yLDIxNS44LDIxMi4zLDE3MywxNTkuNiwxNzNMMTU5LjYsMTczeiBNMTU5LjYsMzUyLjJjLTQ2LjEsMC04My42LTM3LjUtODMuNi04My42YzAtNDYuMSwzNy41LTgzLjYsODMuNi04My42YzQ2LjEsMCw4My42LDM3LjUsODMuNiw4My42QzI0My4yLDMxNC43LDIwNS43LDM1Mi4yLDE1OS42LDM1Mi4yTDE1OS42LDM1Mi4yeiBNMTU5LjYsMzUyLjIiLz48Zz48cGF0aCBkPSJNMTExLjYsMjI1LjJjNC40LTAuOSwxMC43LTEuNCwxNi44LTEuNGM5LjMsMCwxNS40LDEuNywxOS42LDUuNWMzLjQsMyw1LjMsNy42LDUuMywxMi45YzAsOC45LTUuNiwxNC45LTEyLjgsMTcuM3YwLjNjNS4yLDEuOCw4LjMsNi42LDkuOSwxMy43YzIuMiw5LjQsMy44LDE2LDUuMiwxOC42aC05Yy0xLjEtMS45LTIuNi03LjctNC41LTE2LjJjLTItOS4zLTUuNi0xMi45LTEzLjYtMTMuMmgtOC4yVjI5MmgtOC43VjIyNS4yeiBNMTIwLjMsMjU2aDguOWM5LjMsMCwxNS4zLTUuMSwxNS4zLTEyLjljMC04LjctNi4zLTEyLjYtMTUuNi0xMi43Yy00LjIsMC03LjIsMC40LTguNiwwLjhWMjU2eiIvPjxwYXRoIGQ9Ik0xNjYuMywyNTkuMmMwLTYuMi0wLjItMTEuMi0wLjQtMTUuOWg3LjlsMC40LDguM2gwLjJjMy42LTUuOSw5LjMtOS40LDE3LjMtOS40YzExLjcsMCwyMC42LDkuOSwyMC42LDI0LjdjMCwxNy41LTEwLjYsMjYuMS0yMi4xLDI2LjFjLTYuNCwwLTEyLjEtMi44LTE1LTcuNmgtMC4ydjI2LjRoLTguN1YyNTkuMnogTTE3NS4xLDI3Mi4yYzAsMS4zLDAuMiwyLjUsMC40LDMuNmMxLjYsNi4xLDYuOSwxMC4zLDEzLjMsMTAuM2M5LjMsMCwxNC44LTcuNiwxNC44LTE4LjhjMC05LjctNS4xLTE4LjEtMTQuNS0xOC4xYy02LDAtMTEuNiw0LjMtMTMuNCwxMC45Yy0wLjMsMS4xLTAuNiwyLjQtMC42LDMuNlYyNzIuMnoiLz48L2c+PC9nPjwvc3ZnPg==);
      width: 12px;
      height: 15px; }
    .dashboard-afiliasi .afiliasi_index .afiliasi_item .afi-chart {
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDA5LjYgMTk0LjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwOS42IDE5NC4xOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0IzQjNCMzt9PC9zdHlsZT48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzY2LjEsMGMtMjQsMC00My41LDE5LjUtNDMuNSw0My41YzAsOC43LDIuNiwxNi45LDcuMSwyMy43bC00Nyw0N2MtNi44LTQuNS0xNS03LjEtMjMuNy03LjFjLTkuMSwwLTE3LjUsMi44LTI0LjUsNy42TDE4Nyw2Ny4yYzQuNS02LjgsNy4xLTE1LDcuMS0yMy43YzAtMjQtMTkuNS00My41LTQzLjUtNDMuNWMtMjQsMC00My41LDE5LjUtNDMuNSw0My41YzAsOC43LDIuNiwxNi45LDcuMSwyMy43bC00Nyw0N2MtNi44LTQuNS0xNS03LjEtMjMuNy03LjFjLTI0LDAtNDMuNSwxOS41LTQzLjUsNDMuNWMwLDI0LDE5LjUsNDMuNSw0My41LDQzLjVjMjQsMCw0My41LTE5LjUsNDMuNS00My41YzAtOC43LTIuNi0xNi45LTcuMS0yMy43bDQ3LTQ3YzYuOCw0LjUsMTUsNy4xLDIzLjcsNy4xczE2LjktMi42LDIzLjctNy4xbDQ3LjcsNDcuN2MtNC4yLDYuNy02LjYsMTQuNS02LjYsMjNjMCwyNCwxOS41LDQzLjUsNDMuNSw0My41YzI0LDAsNDMuNS0xOS41LDQzLjUtNDMuNWMwLTguNy0yLjYtMTYuOS03LjEtMjMuN2w0Ny00N2M2LjgsNC41LDE1LDcuMSwyMy43LDcuMWMyNCwwLDQzLjUtMTkuNSw0My41LTQzLjVDNDA5LjYsMTkuNSwzOTAuMSwwLDM2Ni4xLDBMMzY2LjEsMHogTTQzLjUsMTc2LjFjLTE0LjEsMC0yNS41LTExLjQtMjUuNS0yNS41YzAtMTQuMSwxMS40LTI1LjUsMjUuNS0yNS41YzE0LjEsMCwyNS41LDExLjQsMjUuNSwyNS41QzY5LDE2NC43LDU3LjYsMTc2LjEsNDMuNSwxNzYuMUw0My41LDE3Ni4xeiBNMTUwLjYsNjljLTE0LjEsMC0yNS41LTExLjQtMjUuNS0yNS41YzAtMTQuMSwxMS40LTI1LjUsMjUuNS0yNS41YzE0LjEsMCwyNS41LDExLjQsMjUuNSwyNS41QzE3Ni4xLDU3LjYsMTY0LjcsNjksMTUwLjYsNjlMMTUwLjYsNjl6IE0yNTksMTc2LjFjLTE0LjEsMC0yNS41LTExLjQtMjUuNS0yNS41YzAtMTQuMSwxMS40LTI1LjUsMjUuNS0yNS41YzE0LjEsMCwyNS41LDExLjQsMjUuNSwyNS41QzI4NC41LDE2NC43LDI3MywxNzYuMSwyNTksMTc2LjFMMjU5LDE3Ni4xeiBNMzY2LjEsNjljLTE0LjEsMC0yNS41LTExLjQtMjUuNS0yNS41YzAtMTQuMSwxMS40LTI1LjUsMjUuNS0yNS41YzE0LjEsMCwyNS41LDExLjQsMjUuNSwyNS41QzM5MS42LDU3LjYsMzgwLjIsNjksMzY2LjEsNjlMMzY2LjEsNjl6IE0zNjYuMSw2OSIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNDEuNCwxMTAuNGMtMy41LTMuNS05LjItMy41LTEyLjcsMGwtMTguMywxOC4zYy0zLjUsMy41LTMuNSw5LjIsMCwxMi43YzEuOCwxLjgsNC4xLDIuNiw2LjQsMi42czQuNi0wLjksNi40LTIuNmwxOC4zLTE4LjNDMTQ0LjksMTE5LjYsMTQ0LjksMTEzLjksMTQxLjQsMTEwLjRMMTQxLjQsMTEwLjR6IE0xNDEuNCwxMTAuNCIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yOTkuMiw1M2MtMy41LTMuNS05LjItMy41LTEyLjcsMGwtMTguMywxOC4zYy0zLjUsMy41LTMuNSw5LjIsMCwxMi43YzEuOCwxLjgsNC4xLDIuNiw2LjQsMi42YzIuMywwLDQuNi0wLjksNi40LTIuNmwxOC4zLTE4LjNDMzAyLjcsNjIuMiwzMDIuNyw1Ni41LDI5OS4yLDUzTDI5OS4yLDUzeiBNMjk5LjIsNTMiLz48L2c+PC9zdmc+);
      width: 15px;
      height: 7px;
      top: 0 !important; }
  .dashboard-afiliasi .afiliasi_index .afiliasi_ico {
    color: #b3b3b3; }
    .dashboard-afiliasi .afiliasi_index .afiliasi_ico a, .dashboard-afiliasi .afiliasi_index .afiliasi_ico--item {
      display: inline-block;
      color: #b3b3b3;
      margin-right: 27px;
      line-height: 20px; }
      .dashboard-afiliasi .afiliasi_index .afiliasi_ico a:last-child, .dashboard-afiliasi .afiliasi_index .afiliasi_ico--item:last-child {
        margin-right: 0px; }
    .dashboard-afiliasi .afiliasi_index .afiliasi_ico .icon {
      font-size: 15px;
      position: relative;
      top: 2px;
      margin-right: 5px; }
      .dashboard-afiliasi .afiliasi_index .afiliasi_ico .icon-brief {
        font-size: 17px;
        top: 4px; }
  .dashboard-afiliasi .afiliasi_index .afiliasi_periode {
    color: #b4b4b4; }
    .dashboard-afiliasi .afiliasi_index .afiliasi_periode .icon-periode {
      font-size: 20px;
      position: relative;
      top: 5px;
      margin-right: 5px; }
  .dashboardInfo, .dashboardInfo__rec {
    position: relative;
    display: inline-block; }
    .dashboardInfo[data-node].active:before, .dashboardInfo__rec[data-node].active:before, .dashboardInfo[data-node].active::after, .dashboardInfo__rec[data-node].active::after {
      display: block; }
    .dashboardInfo[data-node]:before, .dashboardInfo__rec[data-node]:before {
      -webkit-transition-property: all;
      transition-property: all;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
      display: none;
      content: attr(data-node);
      position: absolute;
      top: -3px;
      left: 16px;
      width: auto;
      min-width: 220px;
      text-align: center;
      padding: 4px 8px;
      -webkit-box-shadow: 0.67px 0.74px 1px #5f5f5f29;
      box-shadow: 0.67px 0.74px 1px #5f5f5f29;
      border: 0.2px solid #aaa9a9;
      border-radius: 8px;
      background: #000;
      color: #fff;
      cursor: pointer;
      z-index: 999; }
    .dashboardInfo[data-node]:after, .dashboardInfo__rec[data-node]:after {
      -webkit-transition-property: all;
      transition-property: all;
      -webkit-transition-duration: 0.5s;
      transition-duration: 0.5s;
      display: none;
      content: "x";
      position: absolute;
      background: #595858;
      right: -230px;
      top: -14px;
      padding: 3px 8px 6px;
      text-align: center;
      border-radius: 100%;
      z-index: 999; }
    .dashboardInfo__rec[data-node]:before {
      left: -70px; }
    .dashboardInfo__rec[data-node]:after {
      right: -155px; }
  .dashboardAutosave {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0.5; }
  .dashboardFroala {
    color: var(--cl-black);
    font-size: 16px; }
    .mobile .dashboardFroala {
      position: relative;
      z-index: 1; }
    .dashboardFroala .fr-box.fr-basic .fr-element {
      padding: 16px 0;
      font-size: 16px !important; }
      .desktop .dashboardFroala .fr-box.fr-basic .fr-element {
        padding: 16px 16px; }
      .dashboardFroala .fr-box.fr-basic .fr-element p {
        font-size: 16px !important;
        line-height: 1.5 !important; }
      .dashboardFroala .fr-box.fr-basic .fr-element ol {
        list-style-type: decimal;
        padding-left: 26px;
        margin: 0 0 10px 0; }
      .dashboardFroala .fr-box.fr-basic .fr-element ul {
        list-style-type: disc;
        padding-left: 26px;
        margin: 0 0 10px 0; }
    .dashboardFroala__textarea {
      resize: vertical;
      outline: 0;
      border: 0;
      background: var(--base-white);
      padding: 18px;
      width: 100%; }
      .desktop .dashboardFroala__textarea {
        border-radius: 8px;
        border: 1px solid var(--neutral-200); }
    .desktop .dashboardFroala .fr-box.fr-basic.fr-top .fr-wrapper {
      background: var(--base-white); }
    @media (max-width: 600px) {
      .dashboardFroala .fr-box .fr-wrapper {
        background: var(--base-white);
        padding: 15px; }
        .dashboardFroala .fr-box .fr-wrapper .fr-placeholder {
          margin: 16px !important; } }
    .desktop .dashboardFroala .fr-box.fr-basic .fr-wrapper {
      border-radius: 8px;
      border: 1px solid var(--neutral-200); }
    .mobile .dashboardFroala .fr-popup {
      position: fixed;
      top: 60px !important;
      left: 50% !important;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      max-width: calc(100vw - 32px);
      max-height: calc(100vh - 80px);
      overflow-y: auto; }
    .dashboardFroala .fr-box .fr-counter {
      font-size: 16px;
      font-weight: 400;
      position: absolute;
      bottom: 24px;
      right: 10px;
      color: var(--neutral-800);
      border: none;
      font-family: inherit; }
    .desktop .dashboardFroala .teaserWrapper .dashboardFroala__textarea {
      min-height: 223px; }
    .dashboardFroala .teaserWrapper .counter {
      font-size: 16px;
      font-weight: 400;
      position: absolute;
      bottom: 24px;
      right: 16px;
      color: var(--neutral-800); }
  .dashboardCount {
    font-size: 12px; }
  .dashboardInput {
    padding: 0;
    outline: 0;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    background: transparent;
    border-bottom: 1px solid #cecece;
    resize: vertical;
    -webkit-appearance: none; }
    .dashboardInput:hover, .dashboardInput:focus {
      border-bottom: 1px solid #4a86e8; }
  .dashboardTags {
    padding: 0 10px 13px;
    border-radius: 3px;
    border: 1px solid #cecece;
    /* bootstrap-tagsinput override styling for tags label */ }
    .desktop .dashboardTags {
      border-radius: 8px;
      border: 1px solid var(--neutral-200); }
    .dashboardTags__wrap {
      position: relative; }
    .dashboardTags ~ .dashboardTags__rec {
      position: absolute;
      right: 4px;
      bottom: 10px; }
    .dashboardTags .bootstrap-tagsinput-max input {
      cursor: default; }
      .dashboardTags .bootstrap-tagsinput-max input:focus {
        color: transparent; }
    .dashboardTags:hover, .dashboardTags:focus {
      border: 1px solid #4a86e8; }
    .dashboardTags__item {
      background: #4a86e8;
      border-radius: 3px; }
    .dashboardTags .typeahead {
      position: absolute;
      border: 1px solid #dedede;
      margin-top: 10px;
      z-index: 1; }
      .dashboardTags .typeahead:before {
        content: "";
        position: absolute;
        left: 16px;
        top: 0;
        height: 16px;
        width: 16px;
        border-left: 1px solid #dedede;
        border-top: 1px solid #dedede; }
      .dashboardTags .typeahead li {
        padding: 5px 16px;
        list-style: none; }
  .dashboardSelect .cs-sort > span {
    color: inherit;
    padding: 0;
    background: transparent;
    border-radius: 0;
    border-bottom: 1px solid #cecece; }
    .dashboardSelect .cs-sort > span:after {
      right: 0; }
  .dashboardSelect .cs-sort.cs-active > span {
    border-bottom: 1px solid #4a86e8; }
  .dashboardSelect .kategori_list {
    width: 280px; }
  .dashboardGuide {
    position: relative; }
    .dashboardGuide--fixed {
      position: fixed;
      right: 15px;
      top: 120px;
      z-index: 100; }
      .dashboardGuide--fixed .dashboardGuide__close {
        display: block; }
    .dashboardGuide__close {
      display: none;
      position: absolute;
      right: -8px;
      top: -8px;
      background: #595858;
      color: #fff;
      border: none;
      border-radius: 100%;
      font-size: 10px;
      height: 20px;
      width: 20px; }
    .dashboardGuide__menu {
      display: none;
      position: absolute;
      width: 237px;
      right: 0;
      top: 40px;
      padding: 8px;
      z-index: 9999; }
      .dashboardGuide__menu.active {
        display: block; }
    .dashboardGuide__link {
      display: block;
      position: relative;
      padding: 8px;
      font-size: 12px;
      color: #388de4;
      border-bottom: 1px solid #cfedfe; }
      .dashboardGuide__link:last-child {
        border-bottom: 0; }
      .dashboardGuide__link:hover {
        background: #cfedfe; }
    .dashboardGuide__arrow {
      position: absolute;
      right: 8px;
      bottom: 8px; }
    .dashboardGuide .dashboardInfo[data-node]:before, .dashboardGuide .dashboardInfo__rec[data-node]:before {
      top: -25px;
      left: 0; }
    .dashboardGuide .dashboardInfo[data-node]:after, .dashboardGuide .dashboardInfo__rec[data-node]:after {
      right: -200px;
      top: -35px; }
    .dashboardGuide .icon-fill-info {
      vertical-align: middle; }
  .dashboardArrow .icon {
    width: 11px;
    height: 11px;
    margin-left: 8px;
    vertical-align: middle; }
  .dashboardCtn__btn {
    margin-left: 10px; }
  .dashboardCtn__result {
    gap: 10px;
    margin-top: 10px; }
    .dashboardCtn__result.hide {
      display: none; }
  .dashboardCtn__item {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 2px 8px;
    background: #d1f9fe;
    color: #363636; }
  .dashboardPopup__rec, .dashboardPopup__req, .dashboardPopup__success {
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px 10px;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
    border: 0.5px solid #a2a2a2;
    border-radius: 5px; }
    .dashboardPopup__rec .dashboardPopup__close, .dashboardPopup__req .dashboardPopup__close, .dashboardPopup__success .dashboardPopup__close {
      position: absolute;
      background: #595858;
      border: 0;
      right: -8px;
      top: -8px;
      padding: 1px 8px 6px;
      text-align: center;
      border-radius: 100%;
      color: white;
      font-size: 20px;
      line-height: 1; }
    .dashboardPopup__rec--info .dashboardPopup__wrap {
      max-height: calc(100vh - 200px);
      overflow-y: auto;
      overflow-x: hidden;
      padding-right: 5px; }
  .dashboardPopup__wrap {
    position: relative; }
  .dashboardPopup__list {
    width: 100%;
    max-height: calc(100vh - 280px);
    overflow-y: auto;
    padding-left: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .dashboardPopup__list li {
      width: 100%;
      margin-top: 10px; }
      .dashboardPopup__list li .dashboardPopup__art {
        padding: 10px 10px 10px 15px;
        margin-right: 5px; }
      .dashboardPopup__list li .dashboardPopup__img img {
        height: 74px; }
  .dashboardPopup__step {
    padding-left: 15px; }
  .dashboardPopup__title {
    padding-left: 6px;
    border-left: 2px solid #f92323; }
    .dashboardPopup__title--info {
      text-align: center; }
    .dashboardPopup__title span {
      font-size: 12px;
      color: #808080;
      display: block; }
  .dashboardPopup__img {
    position: relative;
    z-index: 1; }
    .dashboardPopup__img img {
      width: 95px;
      -o-object-fit: cover;
      object-fit: cover;
      border-radius: 3px; }
  .dashboardPopup__art {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    left: -5px;
    border: 1px solid #a2a2a2;
    border-radius: 3px;
    -webkit-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
    z-index: 0; }
    .dashboardPopup__art a {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1; }
  .dashboardPopup__tag {
    padding: 2px 10px;
    top: 3px;
    left: 3px;
    position: absolute;
    display: inline-block;
    border-radius: 3px;
    background: rgba(6, 6, 6, 0.5); }
  .dashboardPopup__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer; }
    .dashboardPopup__label:hover .dashboardPopup__art {
      background: #f5f5f5; }
    .dashboardPopup__label:hover .dashboardPopup__option {
      border: 1px solid #3982ce; }
      .dashboardPopup__label:hover .dashboardPopup__option:after {
        border-color: #3982ce; }
  .dashboardPopup__input:checked ~ .dashboardPopup__label .dashboardPopup__art {
    background: #e0eafb;
    border: 1px solid #e0eafb; }
    .dashboardPopup__input:checked ~ .dashboardPopup__label .dashboardPopup__art .dashboardPopup__option {
      background: #3982ce;
      border: 1px solid #3982ce; }
  .dashboardPopup__input:checked ~ .dashboardPopup__label:hover .dashboardPopup__art .dashboardPopup__option {
    background: #3982ce;
    border: 1px solid #3982ce; }
  .dashboardPopup__input {
    display: none; }
  .dashboardPopup__option {
    position: relative;
    margin-left: 6px;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background: #c2c2c2;
    border: 1px solid #c2c2c2;
    -webkit-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out; }
    .dashboardPopup__option:after {
      content: "";
      position: absolute;
      top: 17px;
      left: 5px;
      -webkit-transform-origin: 0 100%;
      transform-origin: 0 100%;
      width: 6px;
      height: 11px;
      border-color: #fff;
      -webkit-transform: translate3d(0, -16px, 0) rotate(45deg);
      transform: translate3d(0, -16px, 0) rotate(45deg); }
  .dashboardPopup__cta {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .dashboardPopup__req, .dashboardPopup__success {
    top: -120px;
    padding: 20px 15px; }
    .dashboardPopup__req .buttonGray, .dashboardPopup__success .buttonGray {
      min-width: 148px;
      margin-right: 10px; }
    .dashboardPopup__req .dashboardPopup__title, .dashboardPopup__success .dashboardPopup__title {
      border: 0; }
  .dashboardPopup__header {
    margin-top: -20px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 50px;
    padding-top: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #e8f8ff;
    border-bottom: 1px solid #a2a2a2; }
    .dashboardPopup__headerImg {
      position: relative;
      margin-bottom: -34px; }
      .dashboardPopup__headerImg img {
        width: 69px;
        height: 69px;
        -o-object-fit: cover;
        object-fit: cover; }
      .dashboardPopup__headerImg:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 69px;
        height: 34px;
        border: 1px solid #a2a2a2;
        border-bottom-left-radius: 69px;
        border-bottom-right-radius: 69px;
        border-top: 0; }
  .dashboardPopup__link {
    text-decoration: underline; }
  .dashboardPopup__success {
    background: #e8f8ff; }
    .dashboardPopup__success .buttonBlue {
      min-width: 124px; }
    .dashboardPopup__success .dashboardPopup__title {
      text-transform: uppercase; }
    .dashboardPopup__success .popupClose {
      right: -10px;
      top: -10px; }
  .dashboardCount {
    display: inline-block;
    padding: 10px 16px;
    background: #d1f9fe;
    text-transform: uppercase; }
    .dashboardCount span {
      color: #fb5454; }
  .dashboardNav {
    gap: 10px;
    margin-right: 20px; }
    .dashboardNav__wrap {
      margin-top: 8px;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
  .dashboardWarn {
    display: none;
    position: fixed;
    width: 270px;
    padding: 4px 10px;
    -webkit-box-shadow: 0.67px 0.74px 1px #5f5f5f29;
    box-shadow: 0.67px 0.74px 1px #5f5f5f29;
    border: 0.2px solid #aaa9a9;
    border-radius: 4px;
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font: 300 12px/1.2 "Roboto",
 sans-serif;
    color: #595858;
    cursor: pointer;
    z-index: 1; }
    .dashboardWarn.active {
      display: block; }
    .dashboardWarn:after {
      content: "x";
      position: absolute;
      background: #595858;
      right: 0;
      top: -14px;
      padding: 3px 8px 6px;
      text-align: center;
      border-radius: 100%;
      z-index: 33; }

.label-info {
  background: #4a86e8;
  border-radius: 3px; }

.sosmed {
  position: relative; }
  .sosmed input[type="number"]::-webkit-inner-spin-button,
  .sosmed input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .sosmed input[type="number"] {
    -moz-appearance: textfield; }
  .sosmed input[type="number"]:focus {
    outline: 0; }
  .sosmed-nav {
    right: 12px;
    position: absolute;
    height: 30px;
    top: 2px; }
  .sosmed-button {
    position: relative;
    cursor: pointer;
    width: 20px;
    text-align: center;
    color: #cecece;
    font-size: 16px;
    font-family: "Merriweather", serif;
    line-height: 1.7;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; }
    .sosmed-button.sosmed-up {
      position: absolute;
      height: 50%;
      top: 0;
      right: 0;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg); }
    .sosmed-button.sosmed-down {
      position: absolute;
      bottom: -1px;
      right: 0;
      height: 50%;
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg); }

.error.text-danger {
  font-weight: 300;
  font-size: 13px;
  color: #d60000; }

.cs-disable.cs-active > span {
  background: #eeeeee; }

.country-btn label {
  color: #b3b3b3;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  padding-left: 25px;
  margin-top: 12px;
  margin-left: 3px;
  margin-bottom: 0;
  max-height: 20px;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .country-btn label input[type="radio"],
  .country-btn label input[type="checkbox"] {
    opacity: 0;
    margin: 2px 0;
    float: right; }
  .country-btn label .checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 3px; }
    .country-btn label .checkmark:after {
      content: "";
      position: absolute;
      display: none;
      left: 4px;
      top: 2px;
      width: 4px;
      height: 7px;
      border: solid black;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
  .country-btn label input:checked ~ .checkmark:after {
    display: block; }

.narativValidasi__text {
  line-height: 1.5;
  font-size: 16px;
  margin: 15px 0;
  color: #444; }

.desktop #desktop-toolbar {
  position: -webkit-sticky;
  position: sticky;
  z-index: 100;
  border-bottom: 1px solid #e0e0e0;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  top: 98px; }

.desktop .fr-box.fr-basic {
  overflow: visible !important; }

.calendarWrapper {
  width: 100%;
  max-width: 320px;
  margin: 0 auto; }

.calendarHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px; }

.calendarMonth {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
  text-align: center; }

.calendarDate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 38px;
  height: 38px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-radius: 50%;
  font-size: 14px;
  font-weight: 500; }
  .calendarDate:hover {
    background-color: var(--neutral-100); }
  .calendarDate.bg-blue-200 {
    background-color: var(--blue-primary) !important;
    color: var(--base-white) !important; }

.txt-13-medium {
  font-size: 13px;
  font-weight: 500; }

.grid {
  display: grid; }

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

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

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

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

.js-checkbox {
  cursor: pointer; }

.empty-state-box {
  width: 246px;
  height: 198px;
  margin-left: auto;
  margin-right: auto; }

/* Ruang Slider - Nested Tree Concept */
.slider {
  position: relative;
  overflow: hidden; }
  .slider__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
  .slider__slide {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%; }
  .slider__dots {
    height: 10px;
    position: absolute;
    bottom: 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    z-index: 10;
    top: auto;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .slider__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    border: none;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .slider__dot.active {
      background: #ffffff;
      width: 10px;
      height: 10px;
      border-radius: 4px; }
  .slider__prev, .slider__next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.4);
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    color: #ffffff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 10;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease; }
    .slider__prev:hover, .slider__next:hover {
      background: rgba(0, 0, 0, 0.6); }
  .slider__prev {
    left: 12px; }
  .slider__next {
    right: 12px;
    left: auto; }

.hidden {
  display: none;
  pointer-events: none;
  opacity: 0; }

#id_post {
  display: none; }