@import url('https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900&display=swap'); 

:root
{
    --primary-color: #e9ecf6;
    --primary-color-alt:#;
    --primary-color-disb:#;
    
    --secondary-color: #F93F7C;
    --secondary-color-alt:#e62465;
    --secondary-color-disb:#f8f0f7;

    --accent-color: #72A603;
    --accent-color-alt: #648e0b;
    --accent-color-disb:#;

    --white-color: #E8EBF4;
    --black-color: #39364e;
    --gray-color: #4A4C5F;
    --darkgray-color: #38416E;
    --darkergray-color: #36394E;
    --lightgray-color: #9A9DAB;
    --lightergray-color: #E2E7F3;

    --body-text-color: var(--black-color);  
    --muted-text-color: var(--gray-color);
    --title-text-color: var(--black-color);
    --left-sidebar-color: rgb(97,94,113);
    --left-sidebar-bgcolor-mobile: #fff;

    --bg-light: #F4F6FD;
    --bg-dark: #16181F;

    --table-border-color: #cccccc;
    --table-header-bgcolor: var(--lightergray-color);
    --body-font: 'Inter', sans-serif;
}

[data-theme="dark"] {
  --bg-color: var(--bg-dark);
  --text-color: var(--primary-color);

  /* --accent-color: #5D8025; */
  --body-text-color: var(--primary-color); 
  --muted-text-color: var(--lightgray-color);
  --title-text-color: var(--primary-color);
  --sidebar-active-color: #8ED13D;
  --left-sidebar-color: rgba(232, 235, 244, .65);
  --left-sidebar-bgcolor-mobile: var(--gray-color);
  --table-header-bgcolor: var(--gray-color);
  }

  [data-theme="light"] 
  {
    --sidebar-active-color: #54801C;
    --bg-color:  var(--bg-light); 
    --text-color: var(--black-color);
  }

/* Dark Mode */
[data-theme="dark"] .navbar {
  background-color: var(--bg-dark);
  box-shadow: 0 2px 5px rgba(255,255,255,0.1);
}

*, ::after, ::before
{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
}

a
{
  outline: none;
}

button
{
  border: none;
}

body
{
  font-family: var(--body-font);
  font-size: 1rem;
  max-width: 100vw;
  overflow-x: hidden;

  background-color: var(--bg-color);
  color: var(--text-color);
  transition: background-color 0.5s ease, color 0.5s ease;
}

@media (min-width: 640px) {
  body {
      padding-top: 65px;
  }
}

/* ----------- Table -------- */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 16px;
  text-align: left;
}

th, td {
  border: 1px solid var(--table-border-color);
  padding: 10px 15px;
}

th {
  background-color: var(--table-header-bgcolor); /* Light background for headers */
  font-weight: bold;
}

/* --------- Next/Prev btn -------- */

.snipg-pofd6 { 
  color: inherit; 
  text-decoration: inherit;
} 

.snip-svg { 
  display: block; 
  vertical-align: middle;
} 

.snipg-ydjhl { 
  display: flex;
} 

.snipg-z6wxv { 
  flex-direction: column;
} 

@media (min-width: 640px){ 
.sm\:px-8 { 
  padding-left: 2rem; 
  padding-right: 2rem;
} 
}     

@media (min-width: 1024px){ 
.lg\:px-0 { 
  padding-left: 0; 
  padding-right: 0;
} 
}     

@media (min-width: 640px){ 
.sm\:pt-8 { 
  padding-top: 2rem;
} 
}     

@media (min-width: 1024px){ 
.lg\:pt-10 { 
  padding-top: 2.5rem;
} 

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

.lg\:pl-\[264px\] { 
  padding-left: 264px;
} 
}     

@media (min-width: 1280px){ 
.xl\:pl-0 { 
  padding-left: 0;
} 
}     

@media (min-width: 1024px){ 
.lg\:flex { 
  display: flex;
} 
}     

.snipg-rex7l { 
  margin-bottom: 1.5rem;
} 

.snipg-j86cd { 
  gap: .5rem;
} 

@media (min-width: 640px){ 
.snipg-j1s1e { 
  margin-bottom: 2rem;
} 

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

.snipg-ye7ix { 
  gap: 1rem;
} 
}     

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

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

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

.snipg-wh4ye { 
  border-radius: .5rem;
} 

.snipg-jv4ow { 
  border-width: 1px;
} 

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

.snipg-g524y { 
  border-color: rgb(146 151 168 / 30%);
} 

.snipg-b79y8 { 
  padding-left: 1rem; 
  padding-right: 1rem;
} 

.snipg-roc53 { 
  padding-bottom: .75rem; 
  padding-top: .75rem;
} 

.snipg-13qyb { 
  font-size: 13px; 
  line-height: 26px;
} 

.snipg-v2y56 { 
  font-weight: 600;
} 

.snipg-d3vy2 { 
  color: var(--muted-text-color);
} 

@media (min-width: 640px){ 
.snipg-2l3dx { 
  flex: 1 1 0%;
} 

.snipg-2hyxm { 
  font-size: 14px; 
  line-height: 20px;
} 

.sm\:leading-2\.6 { 
  line-height: 26px;
} 
}     

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

.snipg-g8h74 { 
  height: 1.75rem;
} 

.snipg-kpw2w { 
  width: 1.75rem;
} 

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

.snipg-tvtgh { 
  --tw-text-opacity: 1; 
  color: rgba(197,210,234,var(--tw-text-opacity));
} 

.snipg-kqvos[data-v-e1fe0118] { 
  transform: rotate(90deg);
} 

.snipg-q2cot[data-v-e1fe0118] { 
  transform: rotate(-90deg);
} 

.svg { 
  fill: currentColor;
} 

.snipg-kqvos svg[data-v-e1fe0118]  { 
  height: 18px; 
  width: 18px;
} 

.snipg-q2cot svg[data-v-e1fe0118]  { 
  height: 18px; 
  width: 18px;
} 


/* ------------- Header ------------ */
.snipg-jroaf { 
    font-family: inherit; 
    font-size: 100%; 
    line-height: 1.15; 
    margin: 0;
} 

.snipg-jroaf { 
    text-transform: none;
} 

.snipg-jroaf { 
    -webkit-appearance: button;
} 

.snipg-jroaf { 
    background-color: transparent; 
    background-image: none;
} 

.snipg-jroaf { 
    cursor: pointer;
} 

.snipg-jroaf { 
    color: inherit; 
    line-height: inherit; 
    padding: 0;
} 

.snipg-3ymef { 
    color: inherit; 
    text-decoration: inherit;
} 

.snipg-ipoqk { 
    display: block; 
    vertical-align: middle;
} 

.snipg-ipoqk { 
    height: auto; 
    max-width: 100%;
} 

.snip-svg { 
    display: block; 
    vertical-align: middle;
} 

.snipg-khdjt { 
    position: fixed;
} 

.snipg-6f9yt
{
  top: 9px;
}

.snipg-3m4xo
{
  top: 15px;
}

.snipg-4zfqp
{
  top: 21px;
}

.snipg-ytnr2 { 
    left: 0;
} 

.snipg-hbwob { 
    top: 0;
} 

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

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

.snipg-zggjr { 
    width: 100%;
} 

.snipg-2ivqv { 
    --tw-bg-opacity: 1; 
    background-color: rgba(57,54,78,var(--tw-bg-opacity));
} 

.snipg-4x3m8 { 
    padding-bottom: .5rem; 
    padding-top: .5rem;
} 

@media (min-width: 640px){ 
  .snipg-t1qje { 
    padding: .5rem 0;
  } 
}     

.snipg-wjfh3 { 
    padding-left: 1rem; 
    padding-right: 1rem; 
    width: 100%;
} 

@media (min-width: 640px){ 
  .snipg-wjfh3 { 
    max-width: 640px; 
    padding-left: 16px; 
    padding-right: 16px;
  } 
}     

@media (min-width: 768px){ 
  .snipg-wjfh3 { 
    max-width: 768px;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-wjfh3 { 
    max-width: 1024px; 
    padding-left: 20px; 
    padding-right: 20px;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-wjfh3 { 
    max-width: 1280px;
  } 
}     

@media (min-width: 1366px){ 
  .snipg-wjfh3 { 
    max-width: 1366px; 
    padding-left: 32px; 
    padding-right: 32px;
  } 
}     

.snipg-sgg27 { 
    margin-left: auto; 
    margin-right: auto;
} 

@media (min-width: 1280px){ 
  .snipg-yon92 { 
    max-width: none;
  } 
}     

.snipg-wjfh3 { 
    max-width: none!important;
} 

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

.snipg-qznd4 { 
    display: flex;
} 

.snipg-ho48v[data-v-16f5f4ef] { 
    height: 100%; 
    transform: translateX(-100%); 
    transition: all .3s ease;
} 

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

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

.snipg-fxi5k { 
    height: 100%;
    width: 280px;
} 

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

.snipg-gvdt3 { 
    background-color: var(--white-color);
} 

.snipg-gvleftsidemobile { 
  background-color: var(--left-sidebar-bgcolor-mobile);
} 

.snipg-7iymz { 
    padding-left: .5rem; 
    padding-right: .5rem;
} 

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

.snipg-o8sds[data-v-16f5f4ef] { 
    opacity: 0;
} 

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

.snipg-zjay6 { 
    gap: .5rem;
} 

@media (min-width: 640px){ 
  .snipg-9bqed { 
    gap: .5rem;
  } 
}     

@media (min-width: 1024px){ 
  .lg\:w-\[240px\] { 
    width: 240px;
  } 

  .snipg-mgv43 { 
    flex: none;
  } 

  .snipg-5mwox[data-v-68c65607] { 
    position: relative;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-5mwox[data-v-68c65607]:before { 
    display: none;
  } 
}     

.snipg-ajcny { 
    gap: 2rem;
} 

@media (min-width: 1024px){ 
  .snipg-a73l3 { 
    flex: 1 1 0%;
  } 

  .snipg-9qdr8 { 
    justify-content: space-between;
  } 

  .lg\:pl-1\.5 { 
    padding-left: .375rem;
  } 
}     

@media (min-width: 1366px){ 
  .\32 xl\:pl-8  { 
    padding-left: 2rem;
  } 
}     

.snipg-8hyp6 { 
    padding-bottom: 1rem; 
    padding-top: 1rem;
} 

.snipg-9mvbh[data-v-16f5f4ef] { 
    height: calc(100% - 64px); 
    overflow: auto;
} 

.snipg-8ssji { 
    position: relative;
} 

.snipg-vmfxa { 
    height: 2rem;
} 

.snipg-m8gro { 
    width: 2rem;
} 

.snipg-cyhpc { 
    cursor: pointer;
} 

.p-1\.5 { 
    padding: .375rem;
} 

.snipg-e1pm4
{
  border: none;
}

@media (min-width: 640px){ 
  .snipg-jqe6b { 
    height: 2.25rem;
  } 

  .snipg-e1pm4 { 
    width: 2.25rem;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-qifhw { 
    display: none;
  } 

  .snipg-okfth { 
    padding-left: 2.25rem;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-ymvai { 
    padding-left: 0;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-vzaja { 
    gap: 1.5rem;
  } 
}     

@media (min-width: 1366px){ 
  .\32 xl\:max-w-\[482px\]  { 
    max-width: 482px;
  } 

  .\32 xl\:flex-1  { 
    flex: 1 1 0%;
  } 
}     

.snipg-1mjx7 { 
    justify-content: center;
} 

.snipg-laewi { 
    --tw-text-opacity: 1; 
    color: rgba(173,187,212,var(--tw-text-opacity));
} 

.snipg-acmfq { 
    padding-top: .5rem;
} 

.snipg-e1olf { 
    padding-bottom: 1rem;
} 

.snipg-qoihb { 
    padding-bottom: 5rem;
} 

.snipg-cg1sf { 
    position: absolute;
} 

.snipg-axflw { 
    right: 0;
    height: 1.67px;
} 

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

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

.snipg-9l1lf { 
    width: 1.25rem;
} 

.snipg-kqfe2 { 
    border-radius: .125rem;
} 

@media (min-width: 640px){ 
  .snipg-6f9yt { 
    top: .5rem;
  } 

  .snipg-olfk1 { 
    width: 1.5rem;
  } 
}     

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

@media (min-width: 640px){ 
  .snipg-3m4xo { 
    top: 1rem;
  } 
}     

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

@media (min-width: 640px){ 
  .snipg-4zfqp { 
    top: 1.5rem;
  } 
}     

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

@media (min-width: 640px){ 
  .sm\:w-\[140px\] { 
    width: 140px;
  } 
}     

.snipg-12tr
{
  padding-left: .375rem;
  padding-right: .375rem;
}

.snipg-lee2r { 
    border-radius: .25rem;
} 

.snipg-9t3q2 { 
    background-color: var(--darkgray-color);
} 

.px-1\.5 { 
    padding-left: .375rem; 
    padding-right: .375rem;
} 

.text-\[10px\] { 
    font-size: 10px;
} 

.snipg-j1mhr { 
    font-weight: 600;
} 

.snipg-fvmkz { 
    line-height: 1.25rem;
} 

.snipg-32xdn { 
    --tw-text-opacity: 1; 
    color: rgba(255,255,255,var(--tw-text-opacity));
} 

@media (min-width: 640px){ 
  .snipg-fbmmc { 
    font-size: .75rem; 
    line-height: 1rem;
  } 

  .snipg-xngo7 { 
    line-height: 1.25rem;
  } 
}     

.snipg-xfr6d { 
    resize: none;
} 

@media (min-width: 640px){ 
  .snipg-eoewx { 
    display: inline-block;
  } 
}     

.snipg-eoqi7 { 
    margin-right: 1.5rem;
} 

.snipg-zpygq { 
    display: none;
} 

.snipg-lozcm { 
    border-radius: .375rem;
} 

.snipg-ve3sj { 
    border-width: 1px;
} 

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

.snipg-kj98x { 
  border-color: var(--accent-color);
  background-color: var(--accent-color);
} 

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

.py-1\.5 { 
    padding-bottom: .375rem; 
    padding-top: .375rem;
} 

@media (min-width: 1024px){ 
  .snipg-tdf37 { 
    margin-right: 0;
  } 

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

  .snipg-g54mz { 
    padding: 7px 1rem;
  } 

  .lg\:py-\[7px\] { 
    padding-bottom: 7px; 
    padding-top: 7px;
  } 
}     

@media (min-width: 1366px){ 
  .\32 xl\:text-micro  { 
    font-size: 13px; 
    line-height: 26px;
  } 

  .\32 xl\:leading-5  { 
    line-height: 1.25rem;
  } 
}     

.h-3 { 
    height: .75rem;
} 

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

.w-3 { 
    width: .75rem;
} 

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

.svg { 
    fill: currentColor;
} 

.snipg-b39q4 { 
    font-size: 13px; 
    line-height: 26px;
} 

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

@media (min-width: 640px){ 
  .snipg-hgwgv { 
    display: block;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-mo1om { 
    margin-right: 0;
  } 
}     

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

.snipg-xohh9[data-v-6ec72199] { 
    opacity: 0; 
    pointer-events: none; 
    transition: all .3s ease;
} 

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

.snipg-bnwvc > .snipg-l6moh:first-child .snipg-ecrak[data-v-16f5f4ef]  { 
    display: none;
} 

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

.snipg-qcqip { 
    left: .5rem;
    top: 10px;
} 

input { 
    font-family: inherit; 
    font-size: 100%; 
    line-height: 1.15; 
    margin: 0;
} 

input { 
    color: inherit; 
    line-height: inherit; 
    padding: 0;
} 

.snipg-e4fia { 
    padding-left: 2rem;
} 

.snipg-q5cjk { 
    padding-right: 1rem;
} 

.snipg-ehbw6 { 
    font-size: 14px; 
    line-height: 20px;
} 

.snipg-tzfog { 
    font-weight: 400;
} 

.snipg-ix4in { 
    line-height: 1.5rem;
} 

.snipg-oc4wa[data-v-68c65607] { 
    background: hsla(0,0%,100%,.1); 
    border: 1px solid #615e71; 
    border-radius: 8px; 
    color: #f6f7f8; 
    height: 36px; 
    outline: none; 
    width: 100%;
} 

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

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

.snipg-ec3zh { 
    overflow: hidden;
} 

.snipg-68z9o { 
    border-radius: .75rem;
} 

.snipg-jnb27 { 
    padding: .75rem;
} 

.snipg-th3te { 
    font-weight: 700;
} 

.leading-2\.2 { 
    line-height: 22px;
} 

.snipg-pjfip { 
    color: var(--left-sidebar-color);
} 

@media (min-width: 1366px){ 
  .\32 xl\:text-m  { 
    font-size: 15px; 
    line-height: 26px;
  } 
}     

.h-3\.7 { 
    height: 14px;
} 

.w-3\.7 { 
    width: 14px;
} 

.text-other-1000 { 
    --tw-text-opacity: 1; 
    color: rgba(246,247,248,var(--tw-text-opacity));
} 

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

.snipg-in93t { 
    border-radius: .5rem;
} 

.snipg-ly913 { 
    padding-left: 1rem;
} 

.snipg-6d6vv { 
    font-weight: 500;
} 

.snipg-ilqex { 
    color: var(--left-sidebar-color);
} 

@media (min-width: 1366px){ 
  .\32 xl\:text-sm  { 
    font-size: 14px; 
    line-height: 20px;
  } 
}     

.snipg-zjay6\.5 { 
    gap: .625rem;
} 

.snipg-ywg3f { 
    padding-left: .75rem; 
    padding-right: .75rem;
} 

.snipg-wgkny:hover { 
    --tw-bg-opacity: 1; 
    background-color: rgba(246,250,255,var(--tw-bg-opacity));
} 

.snipg-px
{
  padding-left: .375rem;
  padding-right: .375rem;
}

.snipg-mwowy { 
    height: 1rem;
} 

.snipg-eb8x4 { 
    width: 1rem;
} 

.snipg-z6poo[data-v-16f5f4ef] { 
    position: relative;
} 

.snipg-z6poo[data-v-16f5f4ef]:before { 
    background: #d2d0dc; 
    border-radius: 4px; 
    bottom: 0; 
    content: ""; 
    height: 2px; 
    left: 0; 
    margin: auto; 
    opacity: 0; 
    position: absolute; 
    right: 0; 
    top: 0; 
    width: 14px;
} 

.snipg-iw5ri { 
    height: 1.25rem;
} 

.text-dark-200 { 
    --tw-text-opacity: 1; 
    color: rgba(210,208,220,var(--tw-text-opacity));
} 

.snipg-z6poo svg[data-v-16f5f4ef]  { 
    position: relative; 
    top: 1px; 
    transform: rotate(-90deg);
} 




/* --------- Main ---------- */
.main
{
    display: flex;
}

/*----- Left Side -----*/
aside.left-side
{
  width: 264px
}

.snipg-lj1r8 { 
    color: inherit; 
    text-decoration: inherit;
} 

.snip-svg { 
    display: block; 
    vertical-align: middle;
} 

@media (min-width: 1024px){ 
  .lg\:flex { 
    display: flex;
  } 
}     

.snipg-hd7do { 
    position: fixed;
} 

.snipg-1cbsg { 
    left: 0;
} 

.snipg-hfwws { 
    display: none;
} 

.snipg-vco5c { 
    height: 100%;
} 

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

.snipg-3wodb { 
    flex-shrink: 0;
} 

.snipg-4atsy { 
    overflow: auto;
} 

.snipg-7xbeb { 
  background-color: rgb(146 151 168 / 10%);
} 

.snipg-h6cbc { 
    padding-bottom: 1.5rem; 
    padding-top: 1.5rem;
} 

.snipg-63z19 { 
    padding-left: 1.25rem;
} 

.snipg-j1tno { 
    padding-right: .25rem;
} 

@media (min-width: 1024px){ 
  .lg\:top-\[68px\] { 
    top: 68px;
  } 

  .snipg-117fl { 
    display: block;
  } 
}     

.snipg-z83ly::-webkit-scrollbar { 
    width: 5px;
} 

.snipg-z83ly::-webkit-scrollbar-thumb { 
    background: rgba(143,155,180,.3); 
    border-radius: 4px;
} 

.snipg-z83ly::-webkit-scrollbar-track { 
    background: #f3f7ff;
} 

.snipg-dk4wz { 
    padding-bottom: 5rem;
} 

.snipg-mfstm { 
    padding-left: .5rem; 
    padding-right: .5rem;
} 

.snipg-4qg6m { 
    display: flex;
} 

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

.snipg-hso7n { 
    gap: .5rem;
} 

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

.snipg-7y95p { 
    padding-bottom: .5rem; 
    padding-top: .5rem;
} 

.snipg-hxiih { 
    font-size: 14px; 
    line-height: 20px;
} 

.snipg-7xp6w { 
    font-weight: 700;
} 

.leading-2\.2 { 
    line-height: 22px;
} 

.snipg-k2rvg { 
    color:var(--left-sidebar-color);
} 

.snipg-pj53r:first-child .snipg-grekt  { 
    display: none;
} 

.snipg-5bnbq { 
    padding-left: 1rem;
} 

.snipg-floxp { 
    font-size: 13px; 
    line-height: 26px;
} 

.snipg-f5m4i { 
    font-weight: 500;
} 

.snipg-tcm4z { 
    line-height: 1.25rem;
} 

.snipg-ygm9e { 
    color: var(--left-sidebar-color);
} 

@media (min-width: 1024px){ 
  .snipg-tlwjd { 
    padding-left: 1rem;
  } 
}     

.snipg-nbzhl { 
    transition: all .3s ease;
} 

.snipg-lside-active { 
    color: var(--sidebar-active-color);
} 

.snipg-nbzhl:hover { 
    color: var(--sidebar-active-color);
} 

.snipg-9twet { 
    height: 1rem;
} 

.snipg-pr418 { 
    width: 1rem;
} 

.snipg-ktdo7 { 
    cursor: pointer; 
    position: relative;
} 

.snipg-ktdo7:before { 
    background: #d2d0dc; 
    border-radius: 4px; 
    bottom: 0; 
    content: ""; 
    height: 2px; 
    left: 0; 
    margin: auto; 
    opacity: 0; 
    position: absolute; 
    right: 0; 
    top: 0; 
    width: 14px;
} 

.h-3\.7 { 
    height: 14px;
} 

.w-3\.7 { 
    width: 14px;
} 

.text-dark-200 { 
    --tw-text-opacity: 1; 
    color: rgba(210,208,220,var(--tw-text-opacity));
} 

.svg { 
    fill: currentColor;
} 

.snipg-ktdo7 svg { 
    position: relative; 
    top: 1px; 
    transform: rotate(-90deg);
} 

/*----- Right Side -----*/
aside.right-side
{
  width: 264px;
}

 .snipg-nigvd { 
    color: inherit; 
    text-decoration: inherit;
} 

@media (min-width: 1024px){ 
  .lg\:flex-1 { 
    flex: 1 1 0%;
  } 
}     

@media (min-width: 1280px){ 
  .xl\:pl-0 { 
    padding-left: 0;
  } 
}     

@media (min-width: 1024px){ 
  .lg\:flex { 
    display: flex;
  } 
}     

.snipg-e7ybk { 
    position: fixed;
} 

.snipg-zbcla { 
    right: 0;
} 

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

.snipg-8lwqs { 
    display: none;
} 

.snipg-3jfne { 
    height: 100%;
} 

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

.snipg-8owcm { 
    flex-shrink: 0;
} 

.snipg-82o1n { 
    overflow: auto;
}

.snipg-oao2t { 
    border-left: 1px solid rgb(146 151 168 / 10%);;
} 

.snipg-7o4fv { 
    padding-bottom: 1.5rem; 
    padding-top: 1.5rem;
} 

.snipg-1dhof { 
    padding-left: 1.25rem; 
    padding-right: 1.25rem;
} 

@media (min-width: 1280px){ 
  .snipg-h2vvv { 
    display: block;
  } 
}     

.snipg-yw8cb:-webkit-scrollbar { 
    width: 5px;
} 

.snipg-yw8cb:-webkit-scrollbar-thumb { 
    background: rgba(143,155,180,.3); 
    border-radius: 4px;
} 

.snipg-yw8cb:-webkit-scrollbar-track { 
    background: #f3f7ff;
} 

.snipg-qi21y { 
    padding-bottom: 5rem;
} 

.snipg-6816g { 
    margin-bottom: .5rem;
} 

.snipg-oopwo { 
    display: block;
} 

.snipg-4lb3j { 
    font-size: 15px; 
    line-height: 26px;
} 

.snipg-ak81t { 
    font-weight: 600;
} 

.snipg-vldtr { 
    line-height: 1.25rem;
} 

.snipg-q9z6d { 
    --tw-text-opacity: 1; 
    color: rgba(57,54,78,var(--tw-text-opacity));
} 

@media (min-width: 1366px){ 
  .\32 xl\:text-m  { 
    font-size: 15px; 
    line-height: 26px;
  } 

  .\32 xl\:leading-5  { 
    line-height: 1.25rem;
  } 
}     

.py-1\.5 { 
    padding-bottom: .375rem; 
    padding-top: .375rem;
} 

.snipg-r272f { 
    font-size: 14px; 
    line-height: 20px;
    padding: .375rem 0;
} 

.snipg-y75eo { 
    font-weight: 500;
} 

.snipg-mb78f { 
    --tw-text-opacity: 1; 
    color: rgba(97,94,113,var(--tw-text-opacity));
} 

@media (min-width: 1366px){ 
  .\32 xl\:text-sm  { 
    font-size: 14px; 
    line-height: 20px;
  } 
}     

.snipg-17tbo:hover { 
    --tw-text-opacity: 1; 
    color: rgba(0,117,255,var(--tw-text-opacity));
} 

.snipg-9tckd { 
    padding-left: 1rem;
} 

.snipg-4oo7y { 
    --tw-text-opacity: 1; 
    color: rgba(152,148,169,var(--tw-text-opacity));
} 

/* ----- Center Content -----*/
@media (min-width: 1024px) {
  .snipg-content-center {
      padding-left: 264px;
  }
}

 .snipg-812oq { 
    color: inherit; 
    height: 0;
} 

.snipg-812oq { 
    margin: 0;
} 

.snipg-812oq { 
    border-top-width: 1px;
} 

.snipg-yqj1p { 
    margin: 0;
} 

.snipg-yqj1p { 
    font-size: inherit; 
    font-weight: inherit;
} 

.snipg-nswf2 { 
    margin: 0;
} 

.snipg-q6pf4 { 
    color: inherit; 
    text-decoration: inherit;
} 

.snipg-o5hom { 
    margin: 0;
} 

.snipg-o5hom { 
    font-size: inherit; 
    font-weight: inherit;
} 

.snipg-6kzis { 
    margin: 0; 
    padding: 0;
} 

.snipg-6kzis { 
    list-style: none;
} 

.snipg-m2byc { 
    margin: 0;
} 

.snipg-m2byc { 
    font-size: inherit; 
    font-weight: inherit;
} 

.snipg-dp71p { 
    font-family: inherit; 
    font-size: 100%; 
    line-height: 1.15; 
    margin: 0;
} 

.snipg-dp71p { 
    text-transform: none;
} 

.snipg-dp71p { 
    -webkit-appearance: button;
} 

.snipg-dp71p { 
    background-color: transparent; 
    background-image: none;
} 

.snipg-dp71p { 
    cursor: pointer;
} 

.snipg-dp71p { 
    color: inherit; 
    line-height: inherit; 
    padding: 0;
} 

.snip-svg { 
    display: block; 
    vertical-align: middle;
} 

@media (min-width: 1024px){ 
  .lg\:flex { 
    display: flex;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-majl8 { 
    flex: 1 1 0%;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-p5ifh { 
    padding-left: 0;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-j77eh { 
    min-height: calc(100vh - 68px);
  } 
}     

@media (min-width: 1024px){ 
  .lg\:pl-\[264px\] { 
    padding-left: 264px;
  } 
}     

.snipg-81f5m { 
    position: fixed;
} 

.snipg-786pt { 
    right: 0;
} 

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

.snipg-3d3gs { 
    display: none;
} 

.snipg-skj8x { 
    height: 100%;
} 

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

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

.snipg-fo3iq { 
    overflow: auto;
} 

.snipg-rfn5e { 
    border-left-width: 1px;
} 

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

.snipg-y9zao { 
    border-color: rgb(146 151 168 / 30%);
    color: var(--muted-text-color);
} 

.snipg-loq18 { 
    padding-bottom: 1.5rem; 
    padding-top: 1.5rem;
} 

.snipg-by4f5 { 
    padding-left: 1.25rem; 
    padding-right: 1.25rem;
} 

@media (min-width: 1280px){ 
  .snipg-xmshk { 
    display: block;
  } 
}     

.snipg-v6xio:-webkit-scrollbar { 
    width: 5px;
} 

.snipg-v6xio:-webkit-scrollbar-thumb { 
    background: rgba(143,155,180,.3); 
    border-radius: 4px;
} 

.snipg-v6xio:-webkit-scrollbar-track { 
    background: #f3f7ff;
} 

.snipg-67lqw { 
    padding-top: 1.5rem;
} 

@media (min-width: 640px){ 
  .snipg-beqmc { 
    padding-top: 2rem;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-ik9ep { 
    padding-top: 2.5rem;
  } 
}     

.snipg-f8z3h { 
    padding-bottom: 5rem;
} 

.snipg-ytaf5 { 
    padding-left: 1rem; 
    padding-right: 1rem; 
    width: 100%;
} 

@media (min-width: 640px){ 
  .snipg-ytaf5 { 
    max-width: 640px; 
    padding-left: 16px; 
    padding-right: 16px;
  } 
}     

@media (min-width: 768px){ 
  .snipg-ytaf5 { 
    max-width: 768px;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-ytaf5 { 
    max-width: 1024px; 
    padding-left: 20px; 
    padding-right: 20px;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-ytaf5 { 
    max-width: 1280px;
  } 
}     

@media (min-width: 1366px){ 
  .snipg-ytaf5 { 
    max-width: 1366px; 
    padding-left: 32px; 
    padding-right: 32px;
  } 
}     

.snipg-8teoe { 
    margin-left: auto; 
    margin-right: auto;
} 

.snipg-scoyc { 
    display: flex;
} 

.snipg-2423p { 
    flex-direction: column;
} 

@media (min-width: 640px){ 
  .snipg-6ry9n { 
    padding-left: 2rem; 
    padding-right: 2rem;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-4z2z2 { 
    padding-left: 0; 
    padding-right: 0;
  } 
}     

.snipg-ytaf5 { 
    max-width: none!important;
} 

@media (min-width: 1024px){ 
  .snipg-p1a2o { 
    max-width: 620px!important;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-p1a2o { 
    max-width: 672px!important;
  } 
}     

@media (min-width: 1360px){ 
  .snipg-p1a2o { 
    max-width: 700px!important;
  } 
}     

.snipg-j91ff { 
    margin-bottom: .5rem;
} 

.snipg-haynn { 
    display: block;
} 

.snipg-6em8n { 
    font-size: 15px; 
    line-height: 26px;
} 

.snipg-qowsr { 
    font-weight: 600;
} 

.snipg-fn9zl { 
    line-height: 1.25rem;
} 

h1, h2, h3
{
  color: var(--title-text-color);
}

@media (min-width: 1366px){ 
  .snipg-7262t\32 xl\:text-m  { 
    font-size: 15px; 
    line-height: 26px;
  } 

  .snipg-7262t\32 xl\:leading-5  { 
    line-height: 1.25rem;
  } 
}     

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

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

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

.snipg-d9cd4 { 
    font-size: 13px; 
    line-height: 26px;
} 

.snipg-kyw5v { 
    font-weight: 400;
} 

.leading-2\.2 { 
    line-height: 22px;
} 

.snipg-q8h63 { 
   color: var(--muted-text-color);
} 

@media (min-width: 640px){ 
  .snipg-9i11p { 
    font-size: 16px; 
    line-height: 24px;
  } 

  .sm\:leading-2\.6 { 
    line-height: 26px;
  } 
}     

.snipg-cmi4o { 
    margin-bottom: 1rem; 
    margin-top: 1rem;
} 

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

.snipg-rgy4q { 
    width: 100%;
} 

.snipg-7bhff { 
    --tw-bg-opacity: 1; 
    background-color: rgba(230,238,253,var(--tw-bg-opacity));
} 

@media (min-width: 640px){ 
  .snipg-becrd { 
    margin-bottom: 2rem; 
    margin-top: 2rem;
  } 
}     

.snipg-a6e7y { 
    max-width: 65ch;
} 

.snipg-a6e7y { 
    font-size: 1rem; 
    line-height: 1.75;
} 

.snipg-8x3kp { 
    margin-bottom: 2.5rem;
} 

.snipg-bq2qe { 
    max-width: none;
} 

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

@media (min-width: 640px){ 
  .snipg-yarzj { 
    font-size: .875rem; 
    line-height: 1.7142857;
  } 

  .snipg-ciwms { 
    margin-bottom: 3rem;
  } 

  .snipg-r946v { 
    font-size: 14px; 
    line-height: 20px;
  } 

  .snipg-ncqis { 
    line-height: 1.5rem;
  } 
}     

@media (min-width: 768px){ 
  .snipg-rg76x { 
    font-size: 14px; 
    line-height: 20px;
  } 

  .snipg-8bgd4 { 
    line-height: 1.5rem;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-nmyer { 
    font-size: 1.125rem; 
    line-height: 1.7777778;
  } 

  .snipg-g5gz3 { 
    font-size: 15px; 
    line-height: 26px;
  } 

  .snipg-61j9j { 
    line-height: 1.5rem;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-myxo1 { 
    font-size: 1.25rem; 
    line-height: 1.8;
  } 

  .snipg-wxyv2 { 
    font-size: 15px; 
    line-height: 26px;
  } 
}     

.snipg-8f1ev { 
    margin-bottom: 1.5rem;
} 

.snipg-efrd3 { 
    gap: .5rem;
} 

@media (min-width: 640px){ 
  .snipg-gyra8 { 
    margin-bottom: 2rem;
  } 

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

  .snipg-f4dxp { 
    gap: 1rem;
  } 
}     

.snipg-cxcpo { 
    padding-bottom: 3rem;
} 

@media (min-width: 640px){ 
  .snipg-p8zzh { 
    display: flex;
  } 

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

  .snipg-41i1m { 
    justify-content: space-between;
  } 

  .snipg-z5ge5 { 
    border-top-width: 1px;
  } 

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

  .snipg-pws3n { 
    --tw-border-opacity: 1; 
    border-color: rgba(230,238,253,var(--tw-border-opacity));
  } 

  .snipg-4sged { 
    padding-top: 2.5rem;
  } 

  .snipg-zklad { 
    padding-bottom: 4rem;
  } 
}     

.text-\[26px\] { 
    font-size: 26px;
} 

.snipg-5jnal { 
    font-weight: 700;
    font-size: 30px;
} 

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

@media (min-width: 640px){ 
  .sm\:text-\[30px\] { 
    font-size: 30px;
  } 

  .snipg-14xzg { 
    line-height: 2.5rem;
  } 

  .snipg-8k975 { 
    font-weight: 400;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-pextz { 
    font-weight: 500;
  } 
}     

.snipg-a6e7y > :first-child  { 
    margin-top: 0;
} 

.snipg-a6e7y > :last-child  { 
    margin-bottom: 0;
} 

@media (min-width: 640px){ 
  .snipg-yarzj > :first-child  { 
    margin-top: 0;
  } 

  .snipg-yarzj > :last-child  { 
    margin-bottom: 0;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-nmyer > :first-child  { 
    margin-top: 0;
  } 

  .snipg-nmyer > :last-child  { 
    margin-bottom: 0;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-myxo1 > :first-child  { 
    margin-top: 0;
  } 

  .snipg-myxo1 > :last-child  { 
    margin-bottom: 0;
  } 
}     

.snipg-47hcb { 
    display: inline-flex;
} 

.snipg-29tz9 { 
    align-items: center;
} 

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

.snipg-z9bqs { 
    border-radius: .5rem;
} 

.snipg-h9roe { 
    border-width: 1px;
} 

.snipg-zv2co { 
    padding-left: 1rem; 
    padding-right: 1rem;
} 

.snipg-k4egr { 
    padding-bottom: .75rem; 
    padding-top: .75rem;
} 

@media (min-width: 640px){ 
  .snipg-32hca { 
    flex: 1 1 0%;
  } 
}     

.snipg-9qzid { 
    margin-bottom: 2rem;
} 

@media (min-width: 640px){ 
  .snipg-gc3fk { 
    margin-bottom: 0;
  } 
}     

.py-1\.5 { 
    padding-bottom: .375rem; 
    padding-top: .375rem;
} 

.snipg-blbpp { 
    font-size: 14px; 
    line-height: 20px;
} 

.snipg-o1h24 { 
    font-weight: 500;
} 

.snipg-t7vnf { 
    --tw-text-opacity: 1; 
    color: var(--left-sidebar-color);
} 

@media (min-width: 1366px){ 
  .snipg-7262t\32 xl\:text-sm  { 
    font-size: 14px; 
    line-height: 20px;
  } 
}     

.snipg-2sj63:hover { 
    color: var(--accent-color);
} 

textarea { 
    font-family: inherit; 
    font-size: 100%; 
    line-height: 1.15; 
    margin: 0;
} 

textarea { 
    resize: vertical;
} 

textarea { 
    color: inherit; 
    line-height: inherit; 
    padding: 0;
} 

.snipg-wa53i { 
    position: relative;
} 

.snipg-a6e7y h2  { 
    font-size: 20px; 
    line-height: 28px; 
    padding-bottom: 8px; 
    padding-top: 24px;
} 

.snipg-a6e7y h2  { 
    font-weight: 700; 
    margin-bottom: 0; 
    margin-top: 0;
} 

@media (min-width: 640px){ 
  .snipg-yarzj h2  { 
    font-size: 24px; 
    line-height: 32px; 
    padding-bottom: 16px; 
    padding-top: 32px;
  } 

  .snipg-yarzj h2  { 
    margin-bottom: 0; 
    margin-top: 0;
  } 
}     

@media (min-width: 768px){ 
  .snipg-fkj96 h2  { 
    font-size: 24px; 
    line-height: 32px; 
    margin-bottom: 0; 
    margin-top: 0; 
    padding-bottom: 16px; 
    padding-top: 32px;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-nmyer h2  { 
    font-size: 24px; 
    line-height: 32px; 
    padding-bottom: 16px; 
    padding-top: 32px;
  } 

  .snipg-nmyer h2  { 
    margin-bottom: 0; 
    margin-top: 0;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-myxo1 h2  { 
    font-size: 24px; 
    line-height: 32px; 
    padding-bottom: 16px; 
    padding-top: 32px;
  } 

  .snipg-myxo1 h2  { 
    color: var(--title-text-color); 
    margin-bottom: 0; 
    margin-top: 0;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-p1a2o h2[id]  { 
    border-top: 75px solid transparent; 
    margin: -75px 0 0;
  } 
}     

.snipg-a6e7y p  { 
    margin-bottom: 0; 
    margin-top: 0;
} 

.snipg-a6e7y p  { 
    font-size: 13px; 
    font-weight: 400; 
    line-height: 22px; 
    padding-bottom: 12px;
} 

.snipg-a6e7y h2 + *  { 
    margin-top: 0;
} 

@media (min-width: 640px){ 
  .snipg-yarzj p  { 
    font-size: 15px; 
    font-weight: 400; 
    line-height: 26px; 
    margin-bottom: 0; 
    margin-top: 0; 
    padding-bottom: 16px;
  } 

  .snipg-yarzj h2 + *  { 
    margin-top: 0;
  } 
}     

@media (min-width: 768px){ 
  .snipg-fkj96 p  { 
    font-size: 15px; 
    font-weight: 400; 
    line-height: 26px; 
    margin-bottom: 0; 
    margin-top: 0; 
    padding-bottom: 16px;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-nmyer p  { 
    font-size: 15px; 
    font-weight: 400; 
    line-height: 26px; 
    margin-top: 0; 
    padding-top: 0;
  } 

  .snipg-nmyer p  { 
    margin-bottom: 0; 
    padding-bottom: 16px;
  } 

  .snipg-nmyer h2 + *  { 
    margin-top: 0;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-myxo1 p  { 
    color: var(--body-text-color); 
    font-size: 15px; 
    font-weight: 400; 
    line-height: 26px; 
    margin-top: 0;
  } 

  .snipg-myxo1 p  { 
    margin-bottom: 0; 
    padding-bottom: 16px;
  } 

  .snipg-myxo1 h2 + *  { 
    margin-top: 0;
  } 
}     

.snipg-a6e7y ul  { 
    padding-bottom: 20px; 
    padding-top: 8px;
} 

.snipg-a6e7y ul  { 
    margin-bottom: 0; 
    margin-top: 0;
} 

.snipg-a6e7y ul  { 
    padding-left: 0;
} 

@media (min-width: 640px){ 
  .snipg-yarzj ul  { 
    margin-bottom: 0; 
    margin-top: 0; 
    padding-bottom: 20px; 
    padding-left: 10px; 
    padding-top: 0;
  } 
}     

@media (min-width: 768px){ 
  .snipg-fkj96 ul  { 
    margin-bottom: 0; 
    margin-top: 0; 
    padding-bottom: 20px; 
    padding-left: 10px; 
    padding-top: 0;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-nmyer ul  { 
    padding-bottom: 20px; 
    padding-top: 0;
  } 

  .snipg-nmyer ul  { 
    margin-bottom: 0; 
    margin-top: 0;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-myxo1 ul  { 
    margin-bottom: 0; 
    margin-top: 0; 
    padding-bottom: 20px;
  } 
}     

ol { 
    margin: 0; 
    padding: 0;
} 

ol { 
    list-style: none;
} 

.snipg-a6e7y ol  { 
    font-size: inherit; 
    font-weight: 500; 
    line-height: inherit; 
    margin-bottom: 0; 
    margin-top: 0; 
    padding-bottom: 20px; 
    padding-left: 12px; 
    padding-top: 8px;
} 

@media (min-width: 640px){ 
  .snipg-yarzj ol  { 
    margin-bottom: 0; 
    margin-top: 0; 
    padding-bottom: 20px; 
    padding-left: 18px; 
    padding-top: 0;
  } 
}     

@media (min-width: 768px){ 
  .snipg-fkj96 ol  { 
    margin-bottom: 0; 
    margin-top: 0; 
    padding-bottom: 20px; 
    padding-left: 18px; 
    padding-top: 0;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-nmyer ol  { 
    margin-bottom: 0; 
    margin-top: 0; 
    padding-bottom: 20px; 
    padding-left: 16px; 
    padding-top: 0;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-myxo1 ol  { 
    padding-left: 14px;
  } 

  .snipg-myxo1 ol  { 
    margin-bottom: 0; 
    margin-top: 0; 
    padding-bottom: 20px;
  } 
}     

.snipg-a6e7y h3  {  
    font-weight: 700; 
    margin-bottom: 0; 
    margin-top: 0;
} 

.snipg-a6e7y h3  { 
    font-size: 16px; 
    line-height: 22px; 
    padding-bottom: 4px; 
    padding-top: 16px;
} 

@media (min-width: 640px){ 
  .snipg-yarzj h3  { 
    margin-bottom: 0; 
    margin-top: 0;
  } 

  .snipg-yarzj h3  { 
    font-size: 20px; 
    line-height: 28px; 
    padding-bottom: 12px; 
    padding-top: 24px;
  } 
}     

@media (min-width: 768px){ 
  .snipg-fkj96 h3  { 
    font-size: 20px; 
    line-height: 28px; 
    margin-bottom: 0; 
    margin-top: 0; 
    padding-bottom: 12px; 
    padding-top: 24px;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-nmyer h3  { 
    margin-bottom: 0; 
    margin-top: 0;
  } 

  .snipg-nmyer h3  { 
    font-size: 20px; 
    line-height: 28px; 
    padding-bottom: 12px; 
    padding-top: 24px;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-myxo1 h3  { 
    margin-bottom: 0; 
    margin-top: 0;
  } 

  .snipg-myxo1 h3  { 
    font-size: 20px; 
    line-height: 28px; 
    padding-bottom: 12px; 
    padding-top: 24px;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-p1a2o h3[id]  { 
    border-top: 75px solid transparent; 
    margin: -75px 0 0;
  } 
}     

.snipg-a6e7y h3 + *  { 
    margin-top: 0;
} 

@media (min-width: 640px){ 
  .snipg-yarzj h3 + *  { 
    margin-top: 0;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-nmyer h3 + *  { 
    margin-top: 0;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-myxo1 h3 + *  { 
    margin-top: 0;
  } 
}     

.snipg-7onia { 
    height: 1.75rem;
} 

.snipg-tp3ee { 
    width: 1.75rem;
} 

.snipg-98n8y { 
    justify-content: center;
} 

.snipg-v67od { 
    --tw-text-opacity: 1; 
    color: rgba(197,210,234,var(--tw-text-opacity));
} 

.snipg-b4cqc { 
    border-radius: .125rem;
} 

.snipg-9qz7k { 
    -moz-column-gap: .5rem; 
    column-gap: .5rem;
} 

@media (min-width: 1024px){ 
  .snipg-4ai2x { 
    -moz-column-gap: .25rem; 
    column-gap: .25rem;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-vxvrb { 
    justify-content: flex-start;
  } 
}     

.snipg-aopa1 { 
    padding-left: 1rem;
} 

.snipg-oeqk1 { 
    position: absolute;
} 

.snipg-aa1xb { 
    display: inline-table;
} 

.snipg-geq21 { 
    white-space: nowrap;
} 

.snipg-adqod { 
    --tw-bg-opacity: 1; 
    background-color: rgba(57,54,78,var(--tw-bg-opacity));
} 

.snipg-owxe5 { 
    padding-left: .5rem; 
    padding-right: .5rem;
} 

.snipg-9cssx { 
    font-size: .75rem; 
    line-height: 1rem;
} 

.snipg-9afrc { 
    --tw-text-opacity: 1; 
    color: rgba(255,255,255,var(--tw-text-opacity));
} 

.snipg-ioewi[data-v-6bb825aa] { 
    left: 50%; 
    opacity: 0; 
    pointer-events: none; 
    top: -37px; 
    transform: translateX(-50%); 
    transition: all .2s ease;
} 

.snipg-ioewi[data-v-6bb825aa]:before { 
    border-color: #39364e transparent transparent; 
    border-style: solid; 
    border-width: 4px 4.5px 0; 
    bottom: -4px; 
    content: ""; 
    height: 0; 
    left: 0; 
    margin: auto; 
    position: absolute; 
    right: 0; 
    width: 0;
} 

.snipg-dmrfg:hover .snipg-ioewi[data-v-6bb825aa] { 
    opacity: 1; 
    pointer-events: all;
} 

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

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

.snipg-hdsf3 { 
    border-radius: .375rem;
} 

@media (min-width: 640px){ 
  .sm\:h-\[40px\] { 
    height: 40px;
  } 

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

strong { 
    font-weight: bolder;
} 

.snipg-a6e7y strong  { 
    color: inherit; 
    font-weight: 700;
} 

@media (min-width: 640px){ 
  .snipg-yarzj strong  { 
    color: inherit; 
    font-weight: 700;
  } 
}     

@media (min-width: 768px){ 
  .snipg-fkj96 strong  { 
    color: inherit; 
    font-weight: 700;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-nmyer strong  { 
    color: inherit; 
    font-weight: 700;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-myxo1 strong  { 
    color: inherit; 
    font-weight: 700;
  } 
}     

.snipg-a6e7y li  { 
    margin-bottom: .5em; 
    margin-top: .5em;
} 

@media (min-width: 640px){ 
  .snipg-yarzj li  { 
    margin-bottom: .2857143em; 
    margin-top: .2857143em;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-nmyer li  { 
    margin-bottom: .6666667em; 
    margin-top: .6666667em;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-myxo1 li  { 
    margin-bottom: .6em; 
    margin-top: .6em;
  } 
}     

.snipg-a6e7y ul > li  { 
    padding-left: 1.75em; 
    position: relative;
} 

.snipg-a6e7y ul li  { 
    color: inherit; 
    font-size: inherit; 
    font-weight: 400; 
    line-height: inherit; 
    margin-bottom: 8px; 
    margin-top: 0; 
    padding-left: 26px;
} 

@media (min-width: 640px){ 
  .snipg-yarzj ul li  { 
    color: inherit; 
    font-size: inherit; 
    line-height: inherit; 
    margin-bottom: 8px; 
    padding-left: 30px!important;
  } 

  .snipg-yarzj ul > li  { 
    padding-left: 1.5714286em;
  } 
}     

@media (min-width: 768px){ 
  .snipg-fkj96 ul li  { 
    color: inherit; 
    font-size: inherit; 
    line-height: inherit; 
    margin-bottom: 8px; 
    padding-left: 30px!important;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-nmyer ul li  { 
    font-size: inherit; 
    line-height: inherit; 
    padding-left: 21px;
  } 

  .snipg-nmyer ul > li  { 
    padding-left: 21px;
  } 

  .snipg-nmyer ul > li  { 
    color: inherit;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-myxo1 ul li  { 
    color: inherit; 
    font-size: inherit; 
    line-height: inherit; 
    padding-left: 21px;
  } 

  .snipg-myxo1 ul > li  { 
    padding-left: 21px;
  } 
}     

.snipg-a6e7y ul > li::before { 
    background-color: var(--secondary-color); 
    border-radius: 50%; 
    content: ""; 
    height: 5px; 
    left: 9px; 
    position: absolute; 
    top: 12px; 
    width: 5px;
} 

@media (min-width: 640px){ 
  .snipg-yarzj ul > li::before { 
    height: .3571429em; 
    left: .2142857em; 
    top: .67857em; 
    width: .3571429em;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-nmyer ul > li::before { 
    height: .3333333em; 
    left: .2222222em; 
    top: .72222em; 
    width: .3333333em;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-myxo1 ul > li::before { 
    height: .35em; 
    left: .25em; 
    top: .725em; 
    width: .35em;
  } 

  .snipg-myxo1 ul > li::before { 
    height: 6px; 
    width: 6px;
  } 
}     

.snipg-a6e7y ul li:last-child  { 
    margin-bottom: 0;
} 

@media (min-width: 640px){ 
  .snipg-yarzj ul li:last-child  { 
    margin-bottom: 0;
  } 
}     

@media (min-width: 768px){ 
  .snipg-fkj96 ul li:last-child  { 
    margin-bottom: 0;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-nmyer ul li:last-child  { 
    margin-bottom: 0;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-myxo1 ul li:last-child  { 
    margin-bottom: 0;
  } 
}     

.snipg-a6e7y ol > li  { 
    padding-left: 1.75em; 
    position: relative;
} 

.snipg-a6e7y ol li  { 
    color: inherit; 
    font-size: inherit; 
    font-weight: 400; 
    line-height: inherit; 
    margin-bottom: 8px; 
    margin-top: 0; 
    padding-left: 18px; 
    padding-top: 0;
} 

@media (min-width: 640px){ 
  .snipg-yarzj ol li  { 
    font-size: inherit; 
    line-height: inherit; 
    margin-bottom: 8px; 
    margin-top: 0; 
    padding-left: 22px;
  } 

  .snipg-yarzj ol > li  { 
    color: inherit; 
    padding-left: 22px;
  } 
}     

@media (min-width: 768px){ 
  .snipg-fkj96 ol > li  { 
    color: inherit; 
    padding-left: 22px;
  } 

  .snipg-fkj96 ol li  { 
    font-size: inherit; 
    line-height: inherit; 
    margin-bottom: 8px; 
    margin-top: 0; 
    padding-left: 22px;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-nmyer ol > li  { 
    padding-left: 1.6666667em;
  } 

  .snipg-nmyer ol li  { 
    color: inherit; 
    font-size: inherit; 
    line-height: inherit; 
    margin-top: 0;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-myxo1 ol > li  { 
    padding-left: 1.8em;
  } 

  .snipg-myxo1 ol li  { 
    color: inherit; 
    font-size: inherit; 
    line-height: inherit; 
    margin-top: 0;
  } 
}     

.snipg-a6e7y ol > li::before { 
    content: counter(list-item,var(--list-counter-style,decimal)) "."; 
    font-weight: 400; 
    left: 0; 
    position: absolute;
} 

@media (min-width: 640px){ 
  .snipg-yarzj ol > li::before { 
    left: 0;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-nmyer ol > li::before { 
    left: 0;
  } 
}     

@media (min-width: 1280px){ 
  .snipg-myxo1 ol > li::before { 
    left: 0;
  } 
}     

.snipg-a6e7y ol li:last-child  { 
    margin-bottom: 0!important;
} 

@media (min-width: 640px){ 
  .snipg-yarzj ol li:last-child  { 
    margin-bottom: 0;
  } 
}     

@media (min-width: 768px){ 
  .snipg-fkj96 ol li:last-child  { 
    margin-bottom: 0;
  } 
}     

@media (min-width: 1024px){ 
  .snipg-nmyer ol li:last-child  { 
    margin-bottom: 0;
  } 
}     

.svg { 
    fill: currentColor;
} 

.snipg-zrmsy { 
    --tw-border-opacity: 1; 
    border-color: rgba(226,224,234,var(--tw-border-opacity));
} 

@media (min-width: 640px){ 
  .sm\:h-\[38px\] { 
    height: 38px;
  } 

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

.snipg-wr999:hover { 
    --tw-bg-opacity: 1; 
    background-color: rgba(0,117,255,var(--tw-bg-opacity));
} 

.snipg-rae5q:hover { 
    --tw-text-opacity: 1; 
    color: rgba(255,255,255,var(--tw-text-opacity));
} 

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

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

.h-3\.7 { 
    height: 14px;
} 

.w-3\.7 { 
    width: 14px;
} 

blockquote { 
    margin: 0;
} 

blockquote  { 
    border-left-color: #e5e7eb; 
    border-left-width: 2px; 
    color: var(--body-text-color); 
    font-style: normal; 
    font-weight: 500; 
    margin-bottom: 12px; 
    margin-top: 1.6em; 
    padding-left: 1em; 
    quotes: "\201C""\201D""\2018""\2019";
} 

blockquote  { 
    background-color: rgba(249 63 124/0.1); 
    border-radius: 4px; 
    padding: 4px 8px 4px 32px; 
    position: relative;
}  

 @media (min-width: 640px){ 
  .sm\:prose-sm blockquote  { 
    margin-bottom: 16px; 
    margin-top: 8px; 
    padding-left: 1.1111111em;
  } 

  .sm\:prose-sm blockquote  { 
    border-radius: 8px; 
    padding: 12px 16px 12px 48px;
  } 
}     

@media (min-width: 768px){ 
  .md\:prose-md blockquote  { 
    margin-bottom: 16px; 
    margin-top: 8px; 
    padding: 12px 16px 12px 48px;
  } 
}     

@media (min-width: 1024px){ 
  .lg\:prose-lg blockquote  { 
    margin-bottom: 16px; 
    margin-top: 8px; 
    padding-left: 1em;
  } 

  .lg\:prose-lg blockquote  { 
    border-radius: 8px; 
    padding: 12px 16px 12px 48px;
  } 
}     

@media (min-width: 1280px){ 
  .xl\:prose-xl blockquote  { 
    margin-bottom: 16px; 
    margin-top: 8px; 
    padding-left: 1.0666667em;
  } 

  .xl\:prose-xl blockquote  { 
    border-radius: 8px; 
    padding: 12px 16px 12px 48px;
  } 
}      

 .snipg-45bfq.snipg-91izj { 
    border-left: 2px solid var(--secondary-color);
}  

 .prose blockquote p { 
    color: #39364e; 
    font-size: 13px; 
    font-weight: 600; 
    line-height: 22px; 
    margin-bottom: 0; 
    margin-top: 0;
} 

@media (min-width: 640px){ 
  .sm\:prose-sm blockquote p { 
    font-size: 15px; 
    line-height: 26px; 
    margin-bottom: 0; 
    padding-top: 0;
  } 
}      

 @media (min-width: 768px){ 
  .md\:prose-md blockquote p { 
    font-size: 15px; 
    line-height: 26px; 
    margin-bottom: 0; 
    padding-top: 0;
  } 
}     

@media (min-width: 1024px){ 
  .lg\:prose-lg blockquote p { 
    font-size: 15px; 
    font-weight: 500; 
    line-height: 26px; 
    margin-bottom: 0; 
    padding-top: 0;
  } 
}      

 @media (min-width: 1280px){ 
  .xl\:prose-xl blockquote p { 
    font-size: 15px; 
    font-weight: 500; 
    line-height: 26px; 
    margin-bottom: 0; 
    padding-top: 0;
  } 
}      

 .prose blockquote p::after,  .prose blockquote p::before { 
    display: none;
} 

.prose blockquote p:first-of-type::before { 
    content: open-quote;
} 

.prose blockquote p:last-of-type::after { 
    content: close-quote;
} 

/* Toggler for D&L Mode */

/* Navbar */
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  background-color: var(--bg-light);
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  transition: background-color 0.5s ease;
}

.navbar h1 {
  margin: 0;
}

/* Toggle Switch */
.theme-toggle {
  display: flex;
  align-items: center;
}

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
}

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s;
  border-radius: 30px;
}

.slider::before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background-color: white;
  transition: .4s;
  top: 3px;
  left: 3px;
  z-index: 1;
}

/* Icons */
.slider .icon {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  font-size: 14px;
  transition: opacity 0.4s ease;
  z-index: 2;
}

.slider .sun {
  left: 5px;
  opacity: 1;
}

.slider .moon {
  right: 5px;
  opacity: 0;
}

input:checked + .slider {
  background-color: #4d4d4d;
}

input:checked + .slider::before {
  transform: translateX(30px);
}

input:checked + .slider .sun {
  opacity: 0;
}

input:checked + .slider .moon {
  opacity: 1;
}