@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);
.mzlLD {
  display: flex;
}

.NOaA9 {
  justify-content: space-around;
}

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

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

.Rif58 {
  justify-content: center;
}

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

.qSLeT {
  flex-direction: row;
}

.XK9YC {
  flex-direction: column;
}

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

.isskC {
  flex-direction: column-reverse;
}

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

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

.IJp1u {
  align-items: center;
}

.E4aGU {
  align-items: normal;
}

.cf1Fd {
  flex-wrap: wrap;
}

.h1iau {
  flex-wrap: nowrap;
}

.Ye3Yf {
  gap: 4px;
}

.M85aA {
  gap: 6px;
}

.jwktU {
  gap: 8px;
}

.CFhkP {
  gap: 10px;
}

.kK5fz {
  gap: 12px;
}

.DfCWB {
  gap: 14px;
}

.Qzpus {
  gap: 16px;
}

.sD8jG {
  gap: 20px;
}

.zG36a {
  gap: 24px;
}

.YaslE {
  gap: 26px;
}


.wWisy {
  gap: 28px;
}

.RHDzZ {
  gap: 32px;
}

.IcfFW {
  gap: 40px;
}

.is1XF {
  gap: 48px;
}

.YDIwf {
  gap: 52px;
}

.IYPK4 {
  gap: 60px;
}

.uNzxM {
  gap: 120px;
}

.hadbw {
  flex: 1;
}

.M1bf1 {
  width: 100%;
}

.oekZM {
  height: 100%;
}
.YkfVL {
  line-height:115%;
  font-size: var(--font-size-h-xxl);
}

.Zrpw8 {
  line-height:115%;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-h-l);
}

.QmFhq {
  line-height:115%;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-large-34);
}

.sFvUm {
  line-height:127%;
  font-size: var(--font-size-p-l);
}

.whfre {
  line-height:127%;
  font-size: var(--font-size-p-l);
}

.gSl4k {
  line-height:120%;
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-xs);
}

.XUHzw {
  line-height:120%;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-p-xs);
}

.XE2DD {
  line-height:120%;
  font-weight: var(--font-weight-400);
  font-size: var( --font-size-h-xxs);
}

.iRPLD {
  line-height:120%;
  font-weight: var(--font-weight-500);
  font-size: var( --font-size-h-xxs);
}

.YaVb_ {
  line-height:120%;
  font-weight: var(--font-weight-600);
  font-size: var( --font-size-h-xxs);
}

.dhwCq {
  line-height:120%;
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-m);
}

.AJb8F {
  line-height:130%;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-p-m);
}

.tlLP0 {
  line-height:130%;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-m);
}
	
.JwGjv {
  line-height:120%;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-l);
}

.fltg2 {
  line-height:120%;
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-h-xs);
}

.bpncO { 
  line-height:120%;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-h-xs);
}

.z9pYB {
  line-height:120%;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-h-xs)
}

.f5Jjp {
  line-height:120%;
  text-transform: capitalize;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-h-xs);
}

.OUaen {
  line-height:120%;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-h-s);
}

.WR934 {
  color: var(--color-purple-50);
}

.THIIb {
  color: var(--color-purple-100);
}

.katou {
  color: var(--color-purple-200);
}

.j37LD {
  color: var(--color-purple-300);
}

.Ik3L5 {
  color: var(--color-purple-400);
}

.cSEw7 {
  color: var(--color-purple-500);
}

.iBWQV {
  color: var(--color-purple-600);
}

.pFCe4 {
  color: var(--color-purple-700);
}

.yLQaG {
  color: var(--color-purple-800);
}

.LurUS {
  color: var(--color-purple-900);
}

.yJH4E {
  color:var(--color-red-25);
}

.kMck9 {
  color:var(--color-red-100);
}

.Mxwgv {
  color:var(--color-red-200);
}

.OOGO9 {
  color:var(--color-red-300);
}

.rTwlV { 
  color:var(--color-red-400);
}

._Vmrs {
  color:var(--color-red-500);
}

.mvW5c {
  color:var(--color-red-600);
}

.DNFnH {
  color:var(--color-red-700);
}

.vVpgh {
  color:var(--color-red-800);
}

.tGVrQ {
  color:var(--color-red-900);
}

.ub2uy {
  color:var(--color-yellow-200);
}

.yumlZ {
  color:var(--color-yellow-300);
}

.p4BGL {
  color:var(--color-yellow-400);
}

.i_DaP {
  color:var(--color-yellow-500);
}

.AjUcb {
  color:var(--color-yellow-600);
}

.hE2hw {
  color:var(--color-yellow-700);
}

.SHFdL {
  color:var(--color-yellow-800);
}

.ax3J5 {
  color:var(--color-yellow-900);
}

.clY38 {
  color:var(--color-green-500);
}

.k4hVm {
  color:var(--color-green-600);
}

.vnrs0 {
  color:var(--color-green-700);
}

.EiiJZ {
  color:var(--color-green-750);
}

.x7why {
  color:var(--color-green-800);
}

.S1fmI {
  color:var(--color-green-900);
}

.Po3iy {
  color:var(--color-black-25);
}

.ERzrR {
  color:var(--color-black-50);
}

.e69Rb {
  color:var(--color-black-100);
}

.GpSMW {
  color:var(--color-black-200);
}

.Rvsjc {
  color:var(--color-black-300);
}

.fWBNZ {
  color:var(--color-black-400);
}

.aRcAU {
  color:var(--color-black-500);
}

.qaw7b {
  color:var(--color-black-600);
}

.F_OLI {
  color:var(--color-black-700);
}

.Uhvpu {
  color:var(--color-black-800);
}

.V9wTf {
  color:var(--color-black-900);
}

.bGwIZ {
  color:var(--color-white-900);
}

.uAwLJ,
.pqav7,
.H3AD_,
.b_AN3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.uAwLJ {
  -webkit-line-clamp: 1;
}

.pqav7 {
  -webkit-line-clamp: 2;
}

.H3AD_ {
  -webkit-line-clamp: 3;
}

.b_AN3 {
  -webkit-line-clamp: 4;
}
.MGdzA {
  background: linear-gradient(-90deg, var(--background-skeleton) 0%, var(--text-color-more-lightest) 50%, var(--background-skeleton) 100%);
  background-size: 400% 400%;
  animation: Go0zq 1.5s ease-in-out infinite;
}

@keyframes Go0zq {
  0% {
    background-position: 0% 0%;
  }

  100% {
    background-position: -135% 0%;
  }
}
.yrZCa {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 32px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 12px;
  background-color: var(--background-block);
  color: var(--text-color-white);
  font-size: var(--font-size-p-m);
}

.yrZCa:disabled {
    cursor: not-allowed;
  }

.yrZCa svg {
    color: inherit;
  }

.M3BUt {
  height: 60px;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-p-l);
}

.XUEvE {
  height: 48px;
}

.G9zhG {
  height: 40px;
}

.qRK4i {
  height: 36px;
}

.aw6YV {
  width: 100%;
}

.yrZCa span {
  overflow: hidden;
  background: transparent;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Tj0vh {
  position: absolute;
  top: -8px;
  right: 0;
  padding: 10px;
  border-radius: 16px;
  background-color: var(--button-background-badge);
  color: var(--text-color-white);
  line-height: 1;
  text-transform: none;
  font-size: var(--font-size-p-xss);
}

/* button variants */
.U8WKN {
  background-color: var(--button-background-primary);
}
.U8WKN svg {
    color: var(--text-color-white);
  }
.U8WKN:hover {
    background-color: var(--button-background-primary-hover);
  }
.U8WKN:focus-visible {
    border: 1px solid var(--button-border-primary-focus);
    background-color: var(--button-background-primary-focus);
  }
.U8WKN:active {
    background-color: var(--button-background-primary-active);
  }
.U8WKN:disabled {
    background-color: var(--button-background-primary-disabled);
  }

.fhQg3 {
  background-color: var(--button-background-primary-inverse);
  color: var(--button-text-color-primary-inverse);
}

.fhQg3:hover {
    background-color: var(--button-background-primary-inverse-hover);
    color: var(--button-text-color-primary-inverse-hover);
  }

.fhQg3:active {
    background-color: var(--button-background-primary-inverse-active);
    color: var(--button-text-color-primary-inverse-active);
  }

.N4E2a {
  background-color: var(--button-background-secondary);
  color: var(--button-text-color-secondary);
}

.N4E2a:hover {
    background-color: var(--button-background-secondary-hover);
  }

.N4E2a:focus-visible {
    border: 1px solid var(--button-border-secondary-focus);
    background-color: var(--button-background-secondary-focus);
  }

.N4E2a:active {
    background-color: var(--button-background-secondary-active);
  }

.N4E2a:disabled {
    background-color: var(--button-background-secondary-disabled);
    color: var(--button-text-color-secondary-disabled);
  }

.fPvVJ {
  border: 1px solid var(--button-border-outline);
  color: var(--button-text-color-outline);
}

.fPvVJ:hover {
    border: 1px solid var(--button-border-outline-hover);
    background-color: var(--button-background-outline-hover);
  }

.fPvVJ:focus-visible {
    outline: 1px solid var(--button-border-outline-focus);
  }

.fPvVJ:active {
    border: 1px solid var(--button-border-outline-active);
    background-color: var(--button-background-outline-active);
    color: var(--button-text-color-outline-active);
  }

.fPvVJ:disabled {
    border: 1px solid var(--button-border-outline-disabled);
    color: var(--button-text-color-outline-disabled);
  }

.fPvVJ:disabled:hover {
    background-color: inherit;
  }

.fPvVJ:disabled:active {
    background-color: inherit;
  }

.QhaAr {
  color: var(--button-text-color-tertiary);
}

.QhaAr:hover {
    background-color: var(--button-background-tertiary-hover) ;
  }

.QhaAr:focus-visible {
    border: 1px solid var(--button-border-tertiary-focus);
    background-color: var(--button-background-tertiary-focus);
    color: var(--button-text-color-tertiary-focus);
  }

.QhaAr:active {
    background-color: var(--button-background-tertiary-active) ;
  }

.QhaAr:disabled {
    color: var(--button-text-color-tertiary-disabled);
  }

.QhaAr:disabled:hover {
    background-color: inherit;
  }

.QhaAr:disabled:active {
    background-color: inherit;
  }

.pzAsT {
  justify-content: flex-start;
  padding: 6px 10px;
  width: 100%;
  height: 38px;
  border-radius: 12px;
  color: var(--color-black-1000);
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-p-m);
}

.pzAsT:hover {
    background-color: var(--button-background-tertiary-hover);
    color: var(--color-purple-800);
  }

.pzAsT:focus {
    border: 1px solid transparent;
  }

.pzAsT:not([disabled]):hover {
    color: var(--color-purple-700);
  }

.AIjMh {
  background-color: var(--button-background-destructive);
}

.AIjMh:hover {
    background-color: var(--button-background-destructive-hover);
  }

.AIjMh:focus-visible {
    border: 1px solid var(--button-border-destructive-focus);
    background-color: var(--button-background-destructive-focus);
  }

.AIjMh:active {
    background-color: var(--button-background-destructive-active);
  }

.AIjMh:disabled {
    background-color: var(--button-background-destructive-disabled);
  }

.BvOdD {
  background-color: var(--button-background-destructive-secondary);
  color: var(--button-text-color-destructive-secondary);
}

.BvOdD:hover {
    background-color: var(--button-background-destructive-secondary-hover);
  }

.BvOdD:focus-visible {
    border: 1px solid var(--button-border-destructive-secondary-focus);
    background-color: var(--button-background-destructive-secondary-focus);
  }

.BvOdD:active {
    background-color: var(--button-background-destructive-secondary-active);
    color: var(--button-text-color-destructive-secondary-active);
  }

.BvOdD:disabled {
    background-color: var(--button-background-destructive-secondary-disabled);
    color: var(--button-text-color-destructive-secondary-disabled);
  }

.t_rPY {
  border: 1px solid var(--button-border-destructive-outline);
  background-color: transparent;
  color: var(--button-text-color-destructive-outline);
}

.t_rPY:hover {
    border: 1px solid var(--button-border-destructive-outline-hover);
    background-color: var(--button-background-destructive-outline-hover);
  }

.t_rPY:focus-visible {
    outline: 1px solid var(--button-border-destructive-outline-focus);
    color: var(--button-text-color-destructive-outline-focus);
  }

.t_rPY:active {
    border: 1px solid var(--button-border-destructive-outline-active);
    background-color: var(--button-background-destructive-outline-active);
    color: var(--button-text-color-destructive-outline-active);
  }

.t_rPY:disabled {
    border: 1px solid var(--button-border-destructive-outline-disabled);
    color: var(--button-text-color-destructive-outline-disabled);
  }

.t_rPY:disabled:hover {
    background-color: inherit;
  }

.t_rPY:disabled:active {
    background-color: inherit;
  }

.ZLObR {
  color: var(--button-text-color-destructive-tartiary);
}

.ZLObR:hover {
    background-color: var(--button-background-destructive-tartiary-hover);
  }

.ZLObR:focus-visible {
    border: 1px solid var(--button-border-destructive-tartiary-focus);
  }

.ZLObR:active {
    background-color: var(--button-background-destructive-tartiary-active);
    color: var(--button-text-color-destructive-tartiary-active);
  }

.ZLObR:disabled {
    color: var(--button-text-color-destructive-tartiary-disabled);
  }

.ZLObR:disabled:hover {
    background-color: inherit;
  }

.ZLObR:disabled:active {
    background-color: inherit;
  }

/* link */
.MFoWD {  
  /* primary */
  --link-text-color-primary: var(--color-purple-700);
  --link-text-color-primary-hover: var(--color-purple-700);
  --link-text-color-primary-active: var(--color-purple-800);
  --link-text-color-primary-focus: var(--color-purple-800);
  --link-text-color-primary-disabled: var(--color-purple-300);
  
  /* secondary */
  --link-text-color-secondary: var(--color-black-800);
  --link-text-color-secondary-hover: var(--color-black-900);
  --link-text-color-secondary-active: var(--color-black-900);
  --link-text-color-secondary-focus: var(--color-black-900);
  --link-text-color-secondary-disabled: var(--color-black-200);
  
  /* destructive */
  --link-text-color-destructive: var(--color-red-600);
  --link-text-color-destructive-hover: var(--color-red-600);
  --link-text-color-destructive-active: var(--color-red-700);
  --link-text-color-destructive-focus: var(--color-red-700);
  --link-text-color-destructive-disabled: var(--color-red-200);

  position: relative;                     
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.MFoWD:hover {
    cursor: pointer;  
    -webkit-text-decoration: underline;  
    text-decoration: underline;
  }
.MFoWD:active {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
.MFoWD svg {
    color: inherit;
  }

.hdWCM {
  height: 24px;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-m);
}

.IIcta {
  height: 20px;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-p-m);
}

.E8_y9 {
  height: 16px;
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-xs);
}

/* link variants */
.a1xzs {
  color: var(--link-text-color-primary);
}
.a1xzs:hover {
    color: var(--link-text-color-primary-hover);
  }
.a1xzs:focus-visible {
    color: var(--link-text-color-primary-focus);
  }
.a1xzs:active {
    color: var(--link-text-color-primary-active);
  }

.sHvt5 {
  color: var(--link-text-color-secondary);
}

.sHvt5:hover {
    color: var(--link-text-color-secondary-hover);
  }

.sHvt5:focus-visible {
    color: var(--link-text-color-secondary-focus);
  }

.sHvt5:active {
    color: var(--link-text-color-secondary-active);
  }

.bv04A {
  color: var(--link-text-color-purple);
}

.bv04A:hover {
    color: var(--link-text-color-purple-hover);
  }

.bv04A:focus-visible {
    color: var(--link-text-color-purple-focus);
  }

.bv04A:active {
    color: var(--link-text-color-purple-active);
  }

.tURDI {  
  color: var(--link-text-color-destructive);
}

.tURDI:hover {
    color: var(--link-text-color-destructive-hover);
  }

.tURDI:focus-visible {
    color: var(--link-text-color-destructive-focus);
  }

.tURDI:active {
    color: var(--link-text-color-destructive-active);
  }

.MFoWD.XpBjr {
  color: var(--link-text-color-primary-disabled);
  -webkit-text-decoration: none;
  text-decoration: none;
  pointer-events: none;
  cursor: not-allowed;
}

.sHvt5.XpBjr {
  color: var(--link-text-color-secondary-disabled);
}

.tURDI.XpBjr {
  color: var(--link-text-color-destructive-disabled);
}
.cKUmA {
  cursor: pointer;
  transition: 0.2s ease;
}

.cKUmA:hover {
  filter: drop-shadow(0 0 2px rgb(0 0 0 / 20%));
}
.mwVc_ {
  position: relative;
  overflow: hidden;
  background-color: var(--background-block);
  transition: height 800ms ease-in-out, background-color 300ms ease-in-out;
}

.OOBfj {
  padding: 12px;
  border-radius: 12px;
}

.T_cYM {
  padding: 24px;
  border-radius: 16px;
}

.WaN9I {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.IErlD {
  justify-content: center;
  margin-bottom: 24px;
}

.HN5lf {
  display: flex;
  flex-direction: column; 
  border-radius: 12px;
}

.sy_nU {
  box-shadow: 0 4px 10px 0 #6A63761A;
}

.oql08 {
  box-shadow: 0 4px 10px 0 #6A63761A
}

.DISir {
  border: 1px solid var(--color-purple-700);
}

.osFsU {
  margin-bottom: 48px;
}

.imYS9 {
  height: 250px;
}

.ts26M {
  position: absolute;
  bottom: 0;
}

.PwJni {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90px;
}

.SOusq {
  transition: visibility 600ms;
  visibility: hidden;
}

.PwJni defs linearGradient stop {
  stop-color: var(--background-block);
  transition: stop-color 300ms ease-in-out;
}

.F3ReA {
  position: absolute;
  bottom: 18px;
  left: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 4px;
  border: none;
  background: transparent;
  color: var(--text-color-link-active);
  transform: translate(-50%);
  cursor: pointer
}

.F3ReA svg {
  width: 20px;
  height: 20px;
  transition: transform 800ms ease-in-out;
}

.K5WPB {
  transform: rotate(-180deg);
}

.NxDR1 {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.BmJo5 {
  pointer-events: none;
  color: var(--text-color-link-disabled);
}

.hoTCz {
  transition: .3s ease-in-out;
}

.NxDR1:hover .hoTCz {
  transform: translateX(5px);
}

.AzVCy {
  position: absolute;
  right: 24px;
  bottom: 24px;
}

@media (width <= 767px) {
  .mwVc_ {
    padding: 20px 10px;
    max-width: 100%;
    border-radius: 12px;
  }

  .RbxTK {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
  }

  .NxDR1 {
    position: absolute;
    right: 10px;
    bottom: 20px;
    padding-top: 20px;
  }

  .HN5lf {
    margin-bottom: 44px;
  }
}

@media (width <= 480px) {
  .RbxTK {
    flex-direction: column;
    align-items: flex-start;
  }

  .NxDR1 {
    bottom: 16px;
    left: 16px;
  }

  .HN5lf {
    margin-bottom: 40px;
  }
}

@media (width <= 368px) {
  .WaN9I {
    text-align: center;
  }
}

.DBLwH {
  z-index: 0;
  margin-bottom: unset;
}

.frDiZ {
  flex: 1;
  background-color: var(--color-purple-700);
}

.Xb3eH {
  flex: 1;
}

.BZBb9 {
  position: relative;
  flex: 2;
  overflow: visible;
}

.eN97x {
  position: relative;
  gap: 20px;
}

.frDiZ,
.Xb3eH,
.BZBb9 {
  padding: 18px 20px;
  height: 103px;
  border-radius: 20px;
}

.b6HhF {
  position: absolute;
  right: 20px;
  bottom: 0;
  width: 280px;
  transform: translateY(50%);
}

@media screen and (width < 1024px) {
  .eN97x {
    flex-wrap: wrap;
  }

  .BZBb9 {
    flex: 0 0 100%;
    width: 100%;
    height: 95px;
  }
}

@media screen and (width < 768px) {
  .frDiZ,
  .Xb3eH,
  .BZBb9,
  .b6HhF {
    flex: 0 0 100%;
    width: 100%;
    height: 83px;
  }
  
  .b6HhF {
    position: relative;
    right: auto;
    bottom: auto;
    height: 44px;
    transform: none;
  }
  
  .HPjhv {
    margin: 10px 0 20px;
    width: 100%;
    height: 44px;
  }
}
.dOxmF {
  cursor: pointer;
  margin-left: 8px;
}

.l6YtQ {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
  width: fit-content;
  border: 1px solid var(--color-black-200);
  border-radius: 12px;
  background-color: transparent;
  font-weight: var(--font-weight-500);
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}

.l6YtQ.S654o {
    cursor: pointer;
  }

.l6YtQ.PqweA {
    box-shadow: none;
    border: 1px solid var(--color-black-150);
    background-color: transparent;
    color: var(--color-black-150);
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
  }

.l6YtQ.PqweA .dOxmF {
      cursor: not-allowed;
    }

.l6YtQ.Ltoqc {
    border: 1px solid var(--color-purple-700);
  }

.l6YtQ.mTdvO {
    background-color: var(--color-white-900);
    color: var(--color-black-900);
  }

.l6YtQ.nApdK {
    border: 1px solid var(--color-purple-700);
  }

.XeKXg {
  height: 42px;
}

.ykinZ {
  height: 48px;
}

._Fx9f {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
}

.IHoEx {
  display: flex;
  align-items: center;
}

.IHoEx img, .IHoEx svg {
    max-width: 36px;
    max-height: 36px;
  }

.BiAHS {
  margin-right: 6px;
}

@media (width > 1024px) {
  .l6YtQ:hover:where(.S654o:not(.PqweA)),
  .l6YtQ:focus-visible:where(.S654o:not(.PqweA)),
  .l6YtQ:active:where(.S654o:not(.PqweA)) {
    border: 1px solid var(--color-purple-700);
    background-color: var(--color-purple-700);
    color: var(--color-white-900);
  }   
}
.LhpOr {
  padding: 6px 12px 6px 6px;
  width: fit-content;
  box-shadow: var(--main-shadow);
  border: none;
  pointer-events: none;
}

.fSt9s {
  width: 35px;
  height: 35px;
  object-fit: cover;
  border-radius: 8px;
}
.gDXAQ {
  position: relative;
  padding-bottom: 5px;
  width: 100%;
  overflow: hidden;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(/assets/fb6f3c230cb846e25247.gif) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/assets/a4e97f5a2a64f0ab1323.eot);
    src: url(/assets/a4e97f5a2a64f0ab1323.eot?#iefix) format('embedded-opentype'), url(/assets/295183786cd8a1389865.woff) format('woff'), url(/assets/c94f7671dcc99dce43e2.ttf) format('truetype'), url(/assets/a804fab804a09c96041f.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.Dc8V_ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 0 40px;
  width: 100%;
  min-height: 188px;
  border: 2px dashed var(--color-black-200);
  border-radius: 16px;
  text-align: center;
  cursor: pointer;
}

.Dc8V_.Gm_oC {
  background-color: var(--background-progress-bar);
}

.Dc8V_ > p {
  pointer-events: none;
  color: var(--color-black-500);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-s);
}

.Dc8V_ > p > span {
  pointer-events: none;
  color: var(--color-purple-700);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-s);
}

.dge98 {
  pointer-events: none;
  color: var(--color-black-300);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-xs);
}

.sHecO {
  width: 32px;
  height: 32px;
}

.waS56 {
  opacity: 0;
  position: relative;
  z-index: 1;
  width: 0;
  height: 0;
  line-height: 0;
}

@media (width <= 360px) {
  .Dc8V_ {
    padding: 8px 24px;
  }
}
.oaJ7B {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
}

.toiZR {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 16px;
}

.YRvN6 {
  margin: 0;
  color: var(--text-color-bright);
  text-align: center;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-h-xs);
}

.jHsQs {
  display: inline-block;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border: 5px solid var(--text-color-link-active);
  border-bottom-color: transparent;
  border-radius: 50%;
  animation: nMIBU 1s linear infinite;
}

@keyframes nMIBU {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
} 
.kypIF {
  position: relative;
  flex-shrink: 0;
  width: 70px;
  height: 50px;
  border-radius: 4px;
  background-color: var(--background-nav-item);
}

.gE2GN {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: inherit;
  color: var(--color-purple-700);
}

.IHVcf {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  height: 60%;
  object-fit: fill;
  fill: var(--color-purple-900);
  color: var(--color-purple-900);
  transform: translateX(-50%) translateY(-50%);
}

@media (width <=480px) {
  .kypIF {
    width: 268px;
    height: 193px;
  }
}
.LP2ZJ {
  width: 100%;
  max-width: 660px;
}

.LfxD4 {
  position: relative;
  width: 170px;
}

.z1LBl {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
}

.JAAwV {
  flex-grow: 1;
}

.C1Hmk {
  padding: 14px 0;
  min-height: 114px;
  max-height: 114px;
  line-height: 120%;
  font-size: var(--font-size-p-s);
}

.C1Hmk > p:nth-child(3) {
  line-height: 120%;
  font-size: var(--font-size-p-xs);
}

.gnrVD {
  position: absolute;
  right: 50%;
  bottom: -28px;
  width: max-content;
  max-width: 170px;
  border: none;
  background-color: transparent;
  color: var(--color-red-600);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-s);
  transform: translateX(50%);
  cursor: pointer;
}

.TayrJ {
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}

@media (width <= 768px) {
  .LP2ZJ {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (width <= 480px) {
  .LfxD4 {
    width: 100%;
  }

  .gnrVD {
    align-self: center;
  }
}
.UzvEq {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  width: 100%; 
  min-height: 48px; 
  border: 1px solid var(--background-button);
  border-radius: 12px;
  background-color: var(--background-block);
  color: var(--border-color); 
  transition: 0.2s; 
  cursor: text;

  --icon-fill: var(--text-color-more-lightest);
}


.UzvEq:hover {
    border: 1px solid var(--text-color-link-disabled); 

    --icon-fill: var(--text-color-lighter); 
  }


.UzvEq:active {
    border: 1px solid var(--border-focus-purple); 

    --icon-fill: var(--text-color-more-lightest);
  }


.UzvEq:focus-within {
    border: 1px solid var(--background-primary);

    --icon-fill: var(--text-color-bright); 
  }


.Euw1r {
  flex-grow: 1;
  align-self: center;
  box-sizing: border-box; 
  outline: none;
  border: none; 
  background: transparent;
  color: var(--text-color-bright); 
  line-height: 120%;
}

.t40SY {
  width: 328px; 
}

.qtsdW {
  width: 408px; 
}

.YN3z5 { 
  border: 1px solid var(--background-button);
  background: var(--background-app);
  cursor: not-allowed; 
  opacity: 0.6; 
  color: var(--text-color-lighter);

}

.YN3z5:hover,
  .YN3z5:focus-within,
  .YN3z5:active {
    border: 1px solid var(--background-button);

    --icon-fill: var(--text-color-more-lightest);
  }

.vnXXI {
  border: 1px solid var(--error-color-red);
}

.vnXXI:hover,
  .vnXXI:focus-within,
  .vnXXI:active {
    border: 1px solid var(--error-color-red); 
  }


.r3nq5 {
  display: flex;
  flex-shrink: 0;
  margin-right: 8px;
  padding: 0; 
  fill: var(--icon-fill); 
  pointer-events: none;
}

.uyHr5 {
  display: flex;
  flex-shrink: 0;
  margin-left: 8px;
  padding: 0;
  fill: var(--icon-fill); 
  pointer-events: none;
}

.uyHr5:has([class*="yeahub-icon_clickable"]) {
    pointer-events: auto;
  }

.m1wK1 {
  width: 18px;
  height: 18px;
  fill: var(--icon-fill); 
  pointer-events: none;
}
.jjJO6 {
  position: relative;
}

.jaZjd {
  color: var(--text-color-link-active);
  line-height: 25.6px;
}

.zfJYZ {
  position: absolute;
  top: -3px;
  right: -15px;
  padding-inline: 5px;
  border: none;
  background-color: transparent;
  color: var(--icon-color-red);
  cursor: pointer;
}
.Nb4JS {
  font-weight: var(--font-weight-600);
}

.YGDAM {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.r3_Rz {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  box-shadow: 0 0 0 1px var(--color-black-50);
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s ease;
}

.YGDAM:hover .r3_Rz,
.YGDAM:focus .r3_Rz {
  box-shadow: 0 0 0 1px var(--color-purple-500);
}

.YGDAM:active .r3_Rz {
  box-shadow: 0 0 0 1px var(--color-purple-700);
}

.hlJDg {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.hlJDg:disabled ~ .r3_Rz {
  box-shadow: 0 0 0 1px var(--color-black-25);
  border-color: transparent;
  background-color: var(--color-black-25);
}

.hlJDg.W16IP:disabled ~ .r3_Rz {
  box-shadow: 0 0 0 1px var(--color-black-25);
  border-color: transparent;
  background-color: var(--color-white-900);
}

.iJ8D3::after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: var(--color-purple-700);
}

.hlJDg.W16IP:disabled ~ .iJ8D3::after {
  background-color: var(--color-black-25);
}

.jkq3c {
  margin-left: 10px;
}
.VvCCc {
  padding: 1rem;
  width: inherit;
  height: inherit;
  overflow: auto;
  border: 1px solid var(--palette-ui-black-50);
  border-radius: 1.5rem;
  background-color: var(--palette-ui-white-900);
  color: var(--palette-ui-black-900);
  transition: 0.2s;
  cursor: text;
}

/* .yeahub-textarea::-webkit-resizer {
      display: none;
    } */
  
.VvCCc:hover {
  border-color: var(--palette-ui-purple-300);
}
  
.VvCCc:focus {
  box-shadow: var(--yeahub-focus-shadow);
  border-color: var(--palette-ui-purple-500);
}
  
.VvCCc:active {
  border-color: var(--palette-ui-purple-700);
}
  
.VvCCc:disabled {
  border: 1px solid var(--palette-ui-purple-50);
  color: var(--palette-ui-purple-25);
  cursor: not-allowed;
}
  
.VvCCc::placeholder {
  color: var(--palette-ui-black-100);
}
  
.nPu6O {
  outline: 1px solid var(--palette-green-500);
  border-color: var(--palette-ui-green-700);
}

.nPu6O:focus {
  box-shadow: var(--yeahub-focus-shadow-valid);
  outline: 2px solid var(--palette-green-500);
  border-color: var(--palette-ui-green-700);
}

.nPu6O:hover {
  border-color: var(--palette-ui-green-800);
}

.nPu6O:active {
  border-color: var(--palette-ui-green-700);
}

.o4fcU {
  border-color: var(--palette-ui-red-700);
}

.o4fcU:hover {
  border-color: var(--palette-ui-red-800);
}
  
.o4fcU:focus {
  box-shadow: var(--yeahub-focus-shadow-error);
  border-color: var(--palette-ui-red-700);
}
  
.o4fcU:active {
  border-color: var(--palette-ui-red-700);
}
.ByjIb {
  max-width: 740px;
  min-height: 162px;
}

.r1AU7 {
  width: 100%;
}

.gGt7V {
  width: 149px;
  min-height: 157px;
  border-radius: 12px;
  background-color: var(--color-black-500);
  object-fit: cover;
}

.oxkn0 {
  width: 149px;
  min-height: 157px; 
  overflow: hidden;
  border-radius: 12px;
}

.oxkn0 img {
    object-fit: cover;
  }
.OfH5y {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  width: 100%; 
  min-height: 48px; 
  border: 1px solid var(--background-button);
  border-radius: 12px;
  background-color: var(--background-block);
  color: var(--border-color);
  direction: ltr; 
  transition: 0.2s; 
  cursor: text;

  --icon-fill: var(--text-color-more-lightest);
}


.OfH5y:hover {
    border: 1px solid var(--text-color-link-disabled); 

    --icon-fill: var(--text-color-lighter); 
  }


.OfH5y:active {
    border: 1px solid var(--border-focus-purple); 

    --icon-fill: var(--text-color-more-lightest);
  }


.OfH5y:focus-within {
    border: 1px solid var(--background-primary);

    --icon-fill: var(--text-color-bright); 
  }


.Kgo7n {
  display: flex;
  flex-grow: 1;
  align-items: center;
  box-sizing: border-box;
  height: 40px; 
  outline: none;
  border: none; 
  background: transparent;
  color: var(--text-color-the-lightest); 
  line-height: 120%;
}

.qQ2Bq {
  color: var(--color-black-900);
}

.JA9hJ {
  width: 328px; 
}

.r6wET {
  width: 408px; 
}

.wu5_I { 
  border: 1px solid var(--background-button);
  background: var(--background-app);
  cursor: not-allowed; 
  opacity: 0.6; 
  color: var(--text-color-lighter);

}

.wu5_I:hover,
  .wu5_I:focus-within,
  .wu5_I:active {
    border: 1px solid var(--background-button);

    --icon-fill: var(--text-color-more-lightest);
  }

.D9ghh {
  cursor: pointer;
}

.Zz1Qk {
  display: flex;
  flex-shrink: 0;
  margin-right: 8px;
  padding: 0; 
  fill: var(--icon-fill); 
  pointer-events: none;
}

.o3qe0 {
  display: flex;
  flex-shrink: 0;
  margin-left: 8px;
  padding: 0;
  fill: var(--icon-fill); 
  pointer-events: none;
}

.lWuSO {
  position: relative;
  display: inline-block;
}

.fdGb3 { 
  flex-shrink: 0;
  width: 20px; 
  height: 20px;
  fill: var(--icon-fill); 
  transition: transform 0.3s ease; 
  pointer-events: none;
}

.fdGb3.IEf5s {
  background-color: transparent;
  transform: rotate(180deg); 
}


.VLdcQ {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  margin-top: 8px;
  width: 100%;
  overflow-y: auto;
  border: 1px solid var(--color-border);
  border-radius: 4px;
  background-color: var(--color-white-900);
}

.SK7My {
  max-height: 276px;

} 

.SjPQI {
  max-height: 184px;
}




.DB98w input[type="checkbox"] {
  position: relative; 
  appearance: none; 
  outline: none;
  cursor: pointer;
}

.DB98w {
  display: flex;
  align-items: center;
  cursor: pointer;
}
 
.tttJS {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px solid var(--color-black-50);
  border-radius: 4px;
  background-color: transparent;
  transition: background-color 0.2s;
}

.tttJS:checked {
  border-color: var(--color-purple-500);
  background-color: var(--color-purple-700);
}

.tttJS:checked::after { 
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--color-white-900);
  text-align: center;
  font-size: var(--font-size-p-l);
  transform: translate(-50%, -50%);
  content: "\2714"
}
	
.tttJS:disabled {
  border-color: var(--color-grey-500);
  background-color: var(--color-grey-300);
}

.DB98w.VXNuC .tttJS {
  cursor: not-allowed;
}
	
.DB98w input[type="checkbox"]:not(:checked):hover {
  border-color: var(--border-focus-purple);
}
.kwHC7 {
  display: flex;
  gap: 10px;
  padding: 12px 24px;
  background-color: var(--background-block);
  color: var(--text-color-bright);
  direction: ltr;
  transition: background-color 0.2s ease;
  cursor: pointer;
}

.kwHC7:hover{
    background-color: var(--background-app);
    color: var(--background-primary); 
  }

.kwHC7:active{
    background-color: var(--background-app);
  }

.kwHC7:focus-within{
    background-color: var(--background-app);
    color: var(--background-primary);
  }

.ZQ4YM {
  cursor: not-allowed;
  opacity: 0.5;
}


.SnjM7 > div > div {
  border-radius: 12px;
}

.bW_m_ {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  
}

.bW_m_ >div:has(>div>img){
    padding: 6px 12px 6px 6px;
    min-height: 47px;
    border-radius: 12px;
  }

.bW_m_ img {
    max-width: 35px;
    max-height: 35px;
    border-radius: 6px;
  }

.SnjM7 {
  width: 100%;
  max-width: 320px;
}

.SnjM7 select {
  height: 46px;
}

.nWOB7 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: 740px;
}
._5Fn4 {
  width: 100%;
  max-width: 408px;
}

._5Fn4 > div > div {
  border-radius: 12px;
}

._5Fn4 select {
  height: 46px;
}
.K3k19 {
  width: 100%;
  max-width: 246px;
}

.lJqfQ {
  margin-bottom: 28px;
}

.VfKXh {
  min-height: 300px;
}

.QhGht {
  color: var(--text-color-primary);
  line-height: 120%;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-l);
}

.MLY3R {
  align-items: center;
  height: 48px;
}

.luxRG {
  width: 100%;
  min-width: 100px;
  max-width: 408px;
}

.JM7K1 {
  color: var(--text-color-primary);
  line-height: 120%;
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-s);
}

.Bvhvw {
  position: absolute;
  top: -45px;
  left: 50%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--color-purple-700);
  color: var(--color-white-900);
  text-align: center;
  line-height: 30px;
  transform: translateX(-50%) scale(0);
  transform-origin: bottom;
  transition: transform 0.3s ease-in-out;
}
  
.L8P_z {
  transform: translateX(-50%) scale(1);
}

  .YZKC6.ddjvU {
    position: relative;
    top: 15px;
  }
.YZKC6 .ubf6Z {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
  }
.YZKC6 .ubf6Z .SYImk {
      width: 3px;
      height: 3px;
      outline: none;
      border-radius: 50%;
      background-color: var(--color-purple-700);
    }
  
.c7JfJ {
  display: flex;
  justify-content: space-between;
  margin-bottom: -5px;
  width: 100%;
}

.t7ADn {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 70px;
}
  
.D2n8d {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
  
.UQIgO {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
  
.gboHA {
  width: 100%;
  height: 4px;
  appearance: none;
  border-radius: 2px;
  background-color: var(--color-black-300);
}
  
.gboHA::-webkit-slider-thumb {
  position: relative;
  width: 22px;
  height: 22px;
  appearance: none;
  border-radius: 50%;
  background-color: var(--color-purple-700);
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  pointer-events: auto;
  cursor: pointer;
}
  
.gboHA::-moz-range-thumb {
  position: relative;
  z-index: 3;
  width: 22px;
  height: 22px;
  appearance: none;
  border-radius: 50%;
  background-color: var(--color-purple-700);
  -moz-transition: 0.3s ease;
  transition: 0.3s ease;
  pointer-events: auto;
  cursor: pointer;
}
  
.gboHA::-moz-range-thumb:hover {
  box-shadow: 0 0 0 3px var(--color-black-100);
}
  
.gboHA::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 3px var(--color-black-100);
}
  
.ufp29 {
  position: absolute;
  height: 4px;
  border-radius: 2px;
  background-color: var(--color-purple-700);
}
  
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*

Atom One Dark by Daniel Gamage
Original One Dark Syntax theme from https://github.com/atom/one-dark-syntax

base:    #282c34
mono-1:  #abb2bf
mono-2:  #818896
mono-3:  #5c6370
hue-1:   #56b6c2
hue-2:   #61aeee
hue-3:   #c678dd
hue-4:   #98c379
hue-5:   #e06c75
hue-5-2: #be5046
hue-6:   #d19a66
hue-6-2: #e6c07b

*/
.hljs {
  color: #abb2bf;
  background: #282c34
}
.hljs-comment,
.hljs-quote {
  color: #5c6370;
  font-style: italic
}
.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #c678dd
}
.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e06c75
}
.hljs-literal {
  color: #56b6c2
}
.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta .hljs-string {
  color: #98c379
}
.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #d19a66
}
.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #61aeee
}
.hljs-built_in,
.hljs-title.class_,
.hljs-class .hljs-title {
  color: #e6c07b
}
.hljs-emphasis {
  font-style: italic
}
.hljs-strong {
  font-weight: bold
}
.hljs-link {
  -webkit-text-decoration: underline;
  text-decoration: underline
}
.CE9vV {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  padding: 8px;
  width: fit-content;
  box-shadow: var(--main-shadow);
  border: 1px solid var(--color-black-100);
  border-radius: 12px;
  background-color: var(--color-white-900);
}

.Ehih0 {
  position: relative;
  display: flex;
  flex-shrink: 0;
  gap: 8px;
  padding: 0 8px;
}

.Ehih0:not(:last-child) {
  border-right: 1px solid var(--color-black-100);
}

.Gm7XF,
.EqAZ3 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  box-sizing: border-box;
  width: 32px;
  min-width: 24px;
  height: 32px;
  border-radius: 8px;
  font-size: var(--font-size-p-xs);
  transition: all 0.2s ease;
  cursor: pointer;
}

.Gm7XF {
  border: 1px solid var(--color-black-100);
  background: var(--color-white-900);
  color: var(--color-black-900);
}

.Gm7XF:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.Gm7XF:hover:not(:disabled) {
  border-color: var(--color-purple-300);
  background: var(--color-purple-50);
}

.EqAZ3 {
  border: 1px solid var(--color-purple-500);
  border-radius: 8px;
  background-color: var(--color-purple-100);
  color: var(--color-purple-700);
}

.TF0L6 {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: var(--z-index-modal);
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  padding: 8px;
  box-shadow: var(--main-shadow);
  border: 1px solid var(--color-black-100);
  border-radius: 8px;
  background: var(--color-white-900);
}
.fAPx2 {
  position: relative;
}

._vc_g {
  padding: 16px;
  min-height: 200px;
  outline: none;
  cursor: text;
}

.JthKt {
  min-height: auto;
}

.uRLfV {
  background-color: var(--color-black-25);
  cursor: not-allowed;
}

.cAlLq {
  border: 1px solid var(--color-black-100);
  border-radius: 18px;
  background-color: var(--color-white-900);
  color: var(--color-black-800);
  line-height: 1.6;
  font-size: var(--font-size-p-m);
  transition: all 0.2s ease;
  cursor: text;
  scrollbar-width: thin;
  scrollbar-color: #b0b0b0 transparent;
}

.cAlLq:hover {
  border-color: var(--color-purple-300);
}

.cAlLq:focus-within {
  box-shadow: var(--focus-shadow);
  border-color: var(--color-purple-500);
}

.RVPxE .cAlLq {
  background-color: var(--color-black-25);
  cursor: cell;
}

.cAlLq p {
  margin-bottom: 8px;
}

.vFx3d {
  margin: 8px 0;
  padding: 8px 16px;
  border-left: 4px solid var(--color-purple-300);
  background: var(--color-black-25);
  color: var(--color-black-600);
  font-style: italic;
}

.AGX5k {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: var(--z-index-modal);
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  padding: 8px;
  box-shadow: var(--main-shadow);
  border: 1px solid var(--color-black-100);
  border-radius: 8px;
  background: var(--color-white-900);
}

.Bcqt5[data-level="1"] {
  margin: 20px 0 0;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-h-s);
}

.Bcqt5[data-level="2"] {
  margin: 18px 0 0;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-h-xs);
}

.Bcqt5[data-level="3"] {
  margin: 16px 0 0;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-l);
}

.Bcqt5[data-level="4"] {
  margin: 14px 0 0;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-m);
}

.Bcqt5[data-level="5"] {
  margin: 12px 0 0;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-s);
}

.Bcqt5[data-level="6"] {
  margin: 10px 0 0;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-xs);
}

.cAlLq ul,
.cAlLq ol {
  margin-bottom: 15px;
  padding-left: 25px;
  list-style-position: outside;
}

.cAlLq ul {
  margin: 0;
  list-style: disc;
}

.cAlLq ol {
  list-style: decimal;
}

.cAlLq li p {
  margin: 0;
}

.cAlLq ul ul,
.cAlLq ol ol {
  margin-left: 18px;
}

.cAlLq ul ul {
  list-style: circle;
}

.cAlLq ol ol {
  list-style: lower-alpha;
}

.V_CAg {
  display: list-item;
  margin-bottom: 5px;
  line-height: 1.6;
}

.Q124z > .V_CAg {
  list-style: disc;
  list-style-position: outside;
}

.NAhOP > .V_CAg {
  list-style: decimal;
  list-style-position: outside;
}

.Q124z .Q124z > .V_CAg {
  list-style: circle;
}

.NAhOP .NAhOP > .V_CAg {
  list-style: lower-alpha;
}

.Q124z .Q124z,
.NAhOP .NAhOP {
  margin-left: 18px;
}

.Wbe2u {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  padding: 8px;
  width: fit-content;
  box-shadow: var(--main-shadow);
  border: 1px solid var(--color-black-100);
  border-radius: 12px;
  background-color: var(--color-white-900);
}

.f7DpN {
  position: relative;
  display: flex;
  flex-shrink: 0;
  gap: 8px;
  padding: 0 8px;
}

.f7DpN:not(:last-child) {
  border-right: 1px solid var(--color-black-100);
}

.M6NKd,
.F0DEO {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  box-sizing: border-box;
  width: 32px;
  min-width: 24px;
  height: 32px;
  border-radius: 8px;
  font-size: var(--font-size-p-xs);
  transition: all 0.2s ease;
  cursor: pointer;
}

.M6NKd {
  border: 1px solid var(--color-black-100);
  background: var(--color-white-900);
  color: var(--color-black-900);
}

.M6NKd:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.M6NKd:hover:not(:disabled) {
  border-color: var(--color-purple-300);
  background: var(--color-purple-50);
}

.F0DEO {
  border: 1px solid var(--color-purple-500);
  border-radius: 8px;
  background-color: var(--color-purple-100);
  color: var(--color-purple-700);
}

.hWRuO {
  margin-bottom: 15px;
  overflow: hidden;
  border: 1px solid var(--color-black-700);
  border-radius: 12px;
  background: var(--color-black-900);
  scrollbar-width: thin;
  scrollbar-color: #b0b0b0 transparent;
}

.ZwKk6 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-black-700);
  background: var(--color-black-800);
}

.WLFIG code {
  position: relative;
  margin: 0;
  min-width: 0;
  border-radius: 12px;
  scrollbar-width: thin;
  scrollbar-color: #b0b0b0 transparent;
}

.Tyh7n {
  padding: 0 4px;
  border-radius: 3px;
  background: var(--color-black-10);
  color: var(--color-green-700);
  line-height: 1.2;
  font-size: var(--font-size-p-s);
  font-family: var(--font-family-code);
  vertical-align: baseline;
}

.vpprQ {
  color: var(--color-black-300);
  font-size: var(--font-size-p-s);
}

.cAlLq pre,
.cAlLq code {
  tab-size: 2
} 

.cAlLq .WLFIG,
.cAlLq pre,
.cAlLq pre code,
.cAlLq .WLFIG code {
  tab-size: 2; 
  max-height: 300px;
  overflow: auto;
  color: var(--color-white-900);
  font-size: var(--font-size-p-s);
  font-family: var(--font-family-code);
  white-space: pre-wrap;
  word-break: normal;
}

.cAlLq pre[class*="code-block"],
.cAlLq code[class*="code-block"],
.cAlLq pre[class*="TextEditor-module"],
.cAlLq code[class*="TextEditor-module"] {
  tab-size: 2; 
  white-space: pre;
  word-break: normal;
}
.SNjMw {
  position: relative;
  aspect-ratio: 3 / 2;
  min-width: 170px;
  max-height: 114px;
  overflow: hidden;
  border-radius: 12px;
  background-color: var(--color-black-400);
}

.nVqYR {
  position: absolute;
  inset: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pTZst,
.ySL1E {
  margin: 0 0 8px;
  line-height: 32.78px;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-x-large);
  font-family: var(--font-family-primary);
}
.hijEf {
  gap: 28px;
}

.syQlg {
  flex: 1;
}

.pCuQ0 {
  width: 100%;
  height: 180px;
}

.s5eIs {
  width: 100%;
}

.ZAPZd {
  width: 100%;
  max-width: 246px;
}

.wqvsA {
  align-items: center;
  height: 48px;
}

.s5eIs input::placeholder {
  color: var(--text-color-more-lightest);
  font-weight: var(--font-weight-400);
}

.s5eIs textarea::placeholder {
  color: var(--text-color-more-lightest);
  font-weight: var(--font-weight-500);
}
.B9uc7 {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  list-style-type: none;
}

.B9uc7>li:first-child {
  margin-right: 16px; 
}

.DfFKP {
  cursor: auto;
  min-width: 40px; 
}

.DfFKP:not(:last-of-type) {
  margin-right: 10px; 
}


.W3qdo {
  width: 100%;
  max-width: 246px;
}

.VH5Tt {
  margin-bottom: 28px; 
}

.rZ27D {
  display: block;
  margin-top: 20px;
  width: 100%;
  height: 200px;
  min-height: 80px;
  resize: vertical;
  border-radius: 16px;
}

.QA6mO {
  align-items: center;
  height: 48px;
}

.ul3tM {
  align-items: flex-start;
  margin-bottom: 100px;
  height: 48px;
}

.TTa7_ {
  width: 100%;
  min-width: 100px;
  max-width: 408px;
}

.uRTbp {
  width: 100%;
  max-width: 706px;
}

.uRTbp > span {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--text-color-light);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-s);
}
.k_PHV {
  max-width: 740px;
  min-height: 162px;
}

.hokT3 {
  width: 170px;
  min-height: 114px;
  border-radius: 12px;
  background-color: var(--color-black-500);
  object-fit: cover;
}

.qmaQf {
  width: 170px;
  min-height: 114px; 
  overflow: hidden;
  border-radius: 12px;
}

.qmaQf img {
    object-fit: cover;
  }

.Tcqmu {
  flex: 1;
}

.zZxK9 {
  width: 360px;
}

.XI8aI select {
  height: 46px;
}

.XI8aI > div > div {
  border-radius: 12px;
}

.VTLc4 {
  position: relative;
  top: -15px;
  width: 360px;
}

.tUG36 {
  width: 135px;
}

.bTeZt {
  display: block;
  width: 100%;
  height: 200px;
  resize: vertical;
  border-radius: 16px;
}

.sOxPt {
  display: block;
  width: 100%;
  height: 180px;
  resize: vertical;
  border-radius: 16px;
}
.KeMu2 span {
  padding: 0;
  line-height: 120%;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-p-m);
}

@media (width <= 480px) {
  .KeMu2 {
    font-size: var(--font-size-p-s);
  }
}



.OD0Zx {
  z-index: var(--z-index-modal);
  padding: 16px 12px;
  max-width: 295px;
  border-radius: 16px;
  background-color: var(--color-white-900);
}

.yT1F5 {
  border: 1px solid var(--color-green-600);
}

.U4Hgt {
  border: 1px solid var(--color-yellow-800);
}

.OV2i6 {
  border: 1px solid var(--color-black-300);
}

.znHxB {
  border: 1px solid var(--color-purple-500);
}
.ecXpu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  width: 100%;
  max-width: 115px;
  border: 1px solid var(--border-color);
  border-radius: 12px;
}

.b7b3m {
  -webkit-user-select: none;
          user-select: none;
}

@media (width <= 480px) {
  .b7b3m {
    font-size: var(--font-size-p-s);
  }
}
.bnoSI {
  margin-bottom: 8px;
  color: var(--text-color-light);
  line-height: 120%;
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-s);
}



.X51Lr {
  flex-basis: 60%;
}

.QvtTi {
  justify-content: flex-start;
  margin-top: 8px;
  font-size: var(--font-size-h-xxs);
}

.QvtTi span {
    margin-left: 0;
  }
.wMCw1 {
  flex-basis: 60%;
}

.X8VBn {
  justify-content: flex-start;
  margin-top: 8px;
  font-size: var(--font-size-h-xxs);
}

.X8VBn span {
    margin-left: 0;
  }
.pphFS {
  position: fixed;
  z-index: 1000;
  overflow: auto;
  box-shadow: var(--main-shadow);
  background: var(--background-block);
  transition: transform var(--drawer-transition-speed) ease;
}

.uHoLY {
  position: absolute;
}

.yjzd9,
.b5wJP {
  width: 360px;
  height: 100%;
}

.wufOB {
  width: 100%;
  height: 360px;
}

.pphFS.yjzd9 {
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
}

.Q5eub.fRb5D .yjzd9 {
  transform: translateX(0);
}

.pphFS.b5wJP {
  right: 0;
  bottom: 0;
  transform: translateX(100%);
}

.Q5eub.fRb5D .b5wJP {
  transform: translateX(0);
}

.pphFS.wufOB {
  bottom: 0;
  left: 50%;
  transform: translateY(100%) translateX(-50%);
}

.Q5eub.fRb5D .wufOB {
  transform: translateY(0) translateX(-50%);
}

.th8FW {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  background: rgb(0 0 0 / 0%);
  transition:
    opacity var(--drawer-transition-speed) ease,
    visibility var(--drawer-transition-speed) ease;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.Q5eub.fRb5D .pphFS {
  box-shadow: var(--main-shadow);
}

.Q5eub.fRb5D .th8FW {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  z-index: 999;
}

.gOgt_{ 
  display: flex;
}

.v4swL {
  margin: 16px 16px 0 auto;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.v4swL path {
  fill: var(--icon-color-red);
}
.qh2B_ {
  width: 100%;
  width: 246px;
}

.GrNO6 {
  flex: 1;
}

.WIezH {
  justify-content: space-between;
  width: 100%;
  max-width: 610px;
  color: var(--color-black-1000);
  font-size: var(--font-size-p-s);
}

.O_x2o {
  margin-left: 8px;
  width: 18px;
  height: 18px;
  stroke-width: 0;
  fill: var(--color-white-900);
}

.LNf5j {
  padding: 24px;
  min-width: 708px;
}

.Mhyw3{
  display: flex;
}

.i4hZp {
  cursor: pointer;
  padding: 16px;
}

.RtEu9 {
  flex-direction: column;
  gap: 24px;
}

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

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

._Onam {
  border: none;
  background-color: inherit;
}

.qIDbn {
  width: 100%;
}
.eKGdM {
  padding: 2px 8px;
  min-width: 80px;
  height: 20px;
  border-radius: 30px;
}

.zI36K {
  background-color: var(--color-yellow-200);
}

.IJoj6 {
  background-color: var(--color-red-200);
}

.KSin5 {
  background-color: var(--color-green-200);
}
.Bbdqf {
  background-color: var(--background-light-hover);
}

.EXNMm {
  padding: 6px 10px;
  border-radius: 8px;
}

.INeXQ {
  padding: 4px 6px;
  border-radius: 4px;
}

.xGhX0 {
  padding: 2px 4px;
  border-radius: 4px;
  background-color: var(--text-color-link-active);
}


.gIPPJ {
  margin-top: 300px;
}

.DpO6U {
  align-self: end;
}

.adL4x {
  justify-content: space-between;
  width: 100%;
  max-width: 610px;
  color: var(--color-black-1000);
  font-size: var(--font-size-p-s);
}

.Ppa6y {
  width: 135px;
}

.ENFNR {
  display: block;
  margin-top: 20px;
  width: 100%;
  height: 180px;
  min-height: 80px;
  resize: vertical;
  border-radius: 16px;
}

.rNNrK {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--color-black-600);
  font-size: var(--font-size-p-s);
}

.sDz8t {
  width: 100%;
  min-width: 100px;
  max-width: 408px;
}


.cbAeH {
  align-items: center;
  height: 48px;
}

.ET5fr {
  align-items: flex-start;
  margin-bottom: 100px;
  height: 48px;
}

.PJj8I {
  flex-basis: 60%;
}


.E1j_4 {
  max-height: 170px;
  overflow-y: scroll;
}

.Rb6FY {
  display: inline-flex;
  align-items: center;
}
.pfz6C {
  display: flex;
  padding: 20px;
  overflow: hidden;
  border-radius: 24px;
}

.NBmuN.KzFhc {
    min-height: 42px;
  }

.M74MT {
  display: flex;
  gap: 20px;
  cursor: pointer;
  overflow: hidden;
}

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

.M74MT.KzFhc {
    flex-direction: column;
  }

.UY64B {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  max-width: 100%;
  overflow: hidden;
}

.EXwdt {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20px;
  overflow: hidden;

}

.yXIPE {
  display: flex;
  align-items: center;
  gap: 14px;
}

.OUaU8 {
  position: relative;
  top: 8px;
  left: 15px;
  padding: 6px;
  border-radius: 20px;
}

.s2uus {
  flex-shrink: 0;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  place-content: center center;
  background-color: inherit;
}

.s2uus.yL9hK {
    width: 149px;
    height: 157px;
  }

.s2uus.KzFhc {
    width: 100%;
    height: clamp(196px, 15.4vw, 222px);
  }

.s2uus > img {
  object-fit: cover;
  object-position: center;
}

.gkn7f {
  display: flex;
  align-items: center;

  /* Vertically center the content */
  gap: 14px;
}

.gkn7f p {
    color: var(--color-black-500);
    line-height: 120%;
    font-weight: var(--font-weight-400);
    font-size: var(--font-size-p-m);
  }

.SHlUn p {
  color: var(--text-color-light);
  line-height: 130%;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-p-m);
  font-family: var(--font-family);
}

.dXwlM {
  justify-content: end;
}

.rFu98 {
  display: flex;
}

.rFu98 svg {
    width: 20px;
    height: 20px;
  }

.rFu98 svg path {
    stroke-width: 0;
    fill: var(--color-purple-700);
  }

.rFu98 p {
    line-height: 1;
  }

.FdPEn {
  display: flex;
  align-items: center;
  gap: 4px;
}

.FdPEn:not(:last-child) {
    margin-right: 16px;
  }

@media (width < 768px) {
  .pfz6C {
    padding: 16px;
  }
}

@media (width < 480px) {
  .pfz6C {
    padding: 10px 10px 18px;
  }
    .s2uus.yL9hK {
      aspect-ratio: 1;
      width: 100%;
      height: auto;
    }
    .M74MT.yL9hK {
      flex-direction: column;
    }

  .gkn7f {
    flex-wrap: wrap;
  }
}
.iAvMb {
  padding: 2px 8px;
  height: 20px;
  border-radius: 30px;
  background-color: var(--color-green-007);
}

.S003q {
  color: var(--color-green-900);
  font-weight: var(--font-weight-600);
}

.S4e7c {
  padding: 2px 4px;
  border-radius: 4px;
  background-color: var(--text-color-link-active);
}

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

.mdZMP {
  flex-direction: column;
  justify-content: space-between;
}


.P2lWD::before {
  display: none;
}

.Ioyta {
  margin-right: 20px;
  width: 149px;
  height: 155px;
}

@media (width <= 360px) {
  .Ioyta {
    max-width: 260px;
    border-radius: 12px;
  }
}


.mJozq {
  cursor: auto;
  min-width: 40px; 
}

.mJozq:not(:last-of-type) {
  margin-right: 10px; 
}



.C2EC3 {
  cursor: auto;
  min-width: 40px; 
}

.C2EC3:not(:last-of-type) {
  margin-right: 10px; 
}



.pV0S9 {
  cursor: auto;
  min-width: 40px; 
}

.pV0S9:not(:last-of-type) {
  margin-right: 10px; 
}


.XCkka {
  flex-basis: 60%;
}

.P16Qe {
  max-height: 170px;
  overflow-y: scroll;
}

.yz1DO {
  margin-right: 8px;
}

.u9J8U {
  justify-content: flex-start;
  margin-top: 8px;
}

.u9J8U span {
    margin-left: 0;
  }
.xb7Nq {
  width: 100%;
  overflow: hidden;
}
/* stylelint-disable selector-pseudo-class-no-unknown */
.PuiuT .slick-slide > div {
  margin: 0 10px;
}

.PuiuT .slick-slide:first-child > div {
  margin-left: 0 !important ;
}

.PuiuT .slick-slide:last-child > div {
  margin-right: 0 !important;
}

.PuiuT .slick-list {
  margin-left: -0;
  overflow: visible;
}


.PuiuT .slick-track {
  display: flex;
  flex-direction: row;
}


.Q5rfv {
  margin-bottom: 12px;
  font-weight: var(--font-weight-500);
}

.I93NQ {
  margin-bottom: 10px;
}

._TrxJ {
  white-space: pre-line;
  align-self: flex-start;
}

.EnsEV {
  max-width: 100%;
}
.QtIMI {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: transparent;
  color: var(--button-text-color-primary);
}

.QtIMI:hover {
    cursor: pointer;  
  }

.QtIMI:disabled {
    cursor: not-allowed;
  }

.QtIMI svg {
    color: inherit;
  }

/* button variants */
.FqaTF {
  background-color: var(--button-background-primary);
}
.FqaTF svg {
    color: var(--text-color-white);
  }
.FqaTF:hover {
    background-color: var(--button-background-primary-hover);
  }
.FqaTF:focus {
    border: 2px solid var(--button-border-primary-focus);
    background-color: var(--button-background-primary-focus);
  }
.FqaTF:active {
    background-color: var(--button-background-primary-active);
  }
.FqaTF.Pg0DF {
    background-color: var(--button-background-primary-active);
  }
.FqaTF:disabled {
    background-color: var(--button-background-primary-disabled);
  }

.SP_ak {
  background-color: var(--button-background-secondary);
  color: var(--button-text-color-secondary);
}

.SP_ak:hover {
    background-color: var(--button-background-secondary-hover);
  }

.SP_ak:focus {
    border: 1px solid var(--button-border-secondary-focus);
    background-color: var(--button-background-secondary-focus);
  }

.SP_ak:active {
    background-color: var(--button-background-secondary-active);
    color: var(--button-text-color-secondary-active);
  }

.SP_ak.Pg0DF {
    background-color: var(--button-background-secondary-active);
    color: var(--button-text-color-secondary-active);
  }

.SP_ak:disabled {
    background-color: var(--button-background-secondary-disabled);
    color: var(--button-text-color-secondary-disabled);
  }

.hLbGy {
  border: 1px solid var(--button-border-outline);
  color: var(--button-text-color-outline);
}

.hLbGy:hover {
    border: 1px solid var(--button-border-outline-hover);
    background-color: var(--button-background-outline-hover);
    color: var(--button-text-color-outline-hover);
  }

.hLbGy:focus {
    border: 2px solid var(--button-border-outline-focus);
  }

.hLbGy:active {
    border: 1px solid var(--button-border-outline-active);
    background-color: var(--button-background-outline-active);
    color: var(--button-text-color-outline-active);
  }

.hLbGy.Pg0DF {
    border: 1px solid var(--button-border-outline-active);
    background-color: var(--button-background-outline-active);
    color: var(--button-text-color-outline-active);
  }

.hLbGy:disabled {
    border: 2px solid var(--button-border-outline-disabled);
    color: var(--button-text-color-outline-disabled);
  }

.d5kQl {
  color: var(--button-text-color-tertiary);
}

.d5kQl:hover {
    background-color: var(--button-background-tertiary-hover) ;
  }

.d5kQl:focus {
    border: 1px solid var(--button-border-tertiary-focus);
    background-color: var(--button-background-tertiary-focus);
    color: var(--button-text-color-tertiary-focus);
  }

.d5kQl:active {
    background-color: var(--button-background-tertiary-active);
  }

.d5kQl.Pg0DF {
    background-color: var(--button-background-tertiary-active);
  }

.d5kQl:disabled {
    color: var(--button-text-color-tertiary-disabled);
  }

.dYMTJ {
  background-color: var(--button-background-destructive);
}

.dYMTJ:hover {
    background-color: var(--button-background-destructive-hover);
  }

.dYMTJ:focus {
    border: 2px solid var(--button-border-destructive-focus);
    background-color: var(--button-background-destructive-focus);
  }

.dYMTJ:active {
    background-color: var(--button-background-destructive-active);
  }

.dYMTJ.Pg0DF {
    background-color: var(--button-background-destructive-active);
  }

.dYMTJ:disabled {
    background-color: var(--button-background-destructive-disabled);
  }

.hnQ3w {
  background-color: var(--button-background-destructive-secondary);
  color: var(--button-text-color-destructive-secondary);
}

.hnQ3w:hover {
    background-color: var(--button-background-destructive-secondary-hover);
  }

.hnQ3w:focus {
    border: 1px solid var(--button-border-destructive-secondary-focus);
    background-color: var(--button-background-destructive-secondary-focus);
  }

.hnQ3w:active {
    background-color: var(--button-background-destructive-secondary-active);
    color: var(--button-text-color-destructive-secondary-active);
  }

.hnQ3w.Pg0DF {
    background-color: var(--button-background-destructive-secondary-active);
    color: var(--button-text-color-destructive-secondary-active);
  }

.hnQ3w:disabled {
    background-color: var(--button-background-destructive-secondary-disabled);
    color: var(--button-text-color-destructive-secondary-disabled);
  }

.Wg2HT {
  border: 1px solid var(--button-border-destructive-outline);
  background-color: transparent;
  color: var(--button-text-color-destructive-outline);
}

.Wg2HT:hover {
    border: 1px solid var(--button-border-destructive-outline-hover);
    background-color: var(--button-background-destructive-outline-hover);
  }

.Wg2HT:focus {
    border: 2px solid var(--button-border-destructive-outline-focus);
    color: var(--button-text-color-destructive-outline-focus);
  }

.Wg2HT:active {
    border: 1px solid var(--button-border-destructive-outline-active);
    background-color: var(--button-background-destructive-outline-active);
    color: var(--button-text-color-destructive-outline-active);
  }

.Wg2HT.Pg0DF {
    border: 1px solid var(--button-border-destructive-outline-active);
    background-color: var(--button-background-destructive-outline-active);
    color: var(--button-text-color-destructive-outline-active);
  }

.Wg2HT:disabled {
    border: 1px solid var(--button-border-destructive-outline-disabled);
    color: var(--button-text-color-destructive-outline-disabled);
  }

.Glt5m {
  color: var(--button-text-color-destructive-tartiary);
}

.Glt5m:hover {
    background-color: var(--button-background-destructive-tartiary-hover);
  }

.Glt5m:focus {
    border: 1px solid var(--button-border-destructive-tartiary-focus);
  }

.Glt5m:active {
    background-color: var(--button-background-destructive-tartiary-active);
    color: var(--button-text-color-destructive-tartiary-active);
  }

.Glt5m.Pg0DF {
    background-color: var(--button-background-destructive-tartiary-active);
    color: var(--button-text-color-destructive-tartiary-active);
  }

.Glt5m:disabled {
    color: var(--button-text-color-destructive-tartiary-disabled);
  }

/* link variants */
.nISHj {
  color: var(--link-text-color-primary);
}
.nISHj:hover {
    color: var(--link-text-color-primary-hover);
  }
.nISHj:focus {
    color: var(--link-text-color-primary-focus);
  }
.nISHj:active {
    color: var(--link-text-color-primary-active);
  }
.nISHj.Pg0DF {
    color: var(--link-text-color-primary-active);
  }
.nISHj:disabled {
    color: var(--link-text-color-primary-disabled);
  }

.UsLoP {
  width: 3rem;
  height: 3rem;
}

.sAl1A {
  width: 2.5rem;
  height: 2.5rem;
}

.G6HXE {
  width: 2.25rem;
  height: 2.25rem;
}

.nbOvG {
  padding: 0.5rem;
  border-radius: 10px;
}

.TVo1S {
  border-radius: 50%;
}
.VU8CA {
  cursor: pointer;
}
._Vg4A {
  margin-bottom: 24px;
}
.Pn6mM {
  max-width: 740px;
}

.DtBua {
  display: flex;
  align-items: center;
  gap: 12px;
}

.Q3tkT {
  margin: 0;
  color: var(--text-color-black-landing);
  line-height: 127%;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-large-34);
}

.NDDYj {
  margin-top: 12px;
  width: 100%;
  max-width: 476px;
  color: var(--text-color-black-landing);
  line-height: 120%;
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-m);
}

.xMjS_ {
  width: 32px;
  height: 33px;
  fill: var(--background-primary);
}
.h6Y67 {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index-modal);
  display: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: var(--background-modal-overlay);
}

.TScFb {
  position: relative;
  margin: 0 20px;
  padding: 40px;
  min-width: 300px;
  max-width: 800px;
  border-radius: 24px;
  background-color: var(--background-block);
}

.y4SOX {
  position: absolute;
  top: -40px;
  right: -5px;
  margin: 0;
  cursor: pointer;
}

.mg1HS {
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-color);
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-h-s);
}

.lWWYi {
  margin-bottom: 45px;
}

.kjSt_ {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 30px;
}

.bW0uj {
  outline: 1px solid var(--color-red-600);
  background-color: var(--color-red-50);
}

.Y_cC5 {
  border-bottom: 1px solid var(--color-red-100);
}

.kD94y {
  margin: 30px -40px -40px;
  padding: 30px 40px 40px;
  border-radius: 0 0 24px 24px;
  background-color: var(--color-white-900);
}

.kD94y button {
    font-weight: var(--font-weight-600);
  }

.sV0OL {
  display: flex;
}

@media (width < 480px) {
  .kjSt_ {
    flex-direction: column;
  }
}
.bgRtt {
  padding: 0;
  border-radius: 20px;
  color: var(--color-black-900);
}

.zT3wi,
.MVRmr {
  padding: 0;
}

.tkzDP {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin-top: 30px;
  padding: 30px 40px;
  border-radius: inherit;
  background: var(--color-black-25);
}
.aPwFh {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 17px;
  padding: 7px 13px;
  width: 348px;
  border-radius: 14px;
  background: var(--color-white-900);
  color: var(--color-black-900);
}

.BjGQO {
  display: flex;
  flex-direction: column;
}

.DhsRX {
  border-bottom: 2px solid var(--color-red-700);
}

.Aakyq {
  border-bottom: 2px solid var(--color-green-900);
}

.kdena {
  border-bottom: 2px solid var(--color-yellow-900);
}

.JFmaT {
  line-height: 21.86px;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-m);
}

.JFmaT.xkMst {
  color: var(--color-red-700);
}

.JFmaT.rRKg_ {
  color: var(--color-green-900);
}

.JFmaT.rbcez {
  color: var(--color-yellow-900);
}


.bow40 {
  position: absolute;
  top: -20px;
  right: 0;
  z-index: 999;
  width: 10px;
  height: 10px;
  border: none;
  background: transparent;
  color: var(--color-black-800);
  cursor: pointer;
}

.XKpdF {
  opacity: 0;
  animation: XKpdF 1s ease forwards;
}

.j2Vm0 {
  opacity: 1;
  animation: j2Vm0 1s ease forwards;
}

@keyframes XKpdF {
  100% {
    opacity: 1;
  }
}

@keyframes j2Vm0 {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
._NLJ5 {
  display: flex;
  gap: 8px;
  color: var(--text-color-bright);
  -webkit-text-decoration: none;
  text-decoration: none;
}

._NLJ5:not(:last-child) {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border-color);
}

._QYMe {
  position: relative;
  display: flex;
  align-items: baseline;
  margin: 0;
  transition: color 0.3s ease-in-out;
}

._QYMe::before {
  flex-shrink: 0;
  margin-right: 6px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--text-color-link-active);
  font-size: var(--font-size-p-s);
  transform: translateY(-50%);
  content: ''
}

.gyCHN::before {
  display: none;
}

.BF4_E {
  gap: 24px;
}

.mTb3M {
  width: 71px;
  height: auto;
  min-height: 70px;
}

@media (width <= 768px) {
  ._NLJ5:not(:last-child) {
    border-bottom: none;
  }
}

@media (width <= 480px) {
  ._NLJ5 {
    flex-direction: column;
    justify-content: center;
  }
	
  .mTb3M {
    aspect-ratio: 4 / 3;
    width: 100%;
  }

  .BF4_E {
    justify-content: start;
  }
}
.uj2Zy {
  align-self: start;
  width: calc(50% - 10px);
}

.f2IiN {
  margin: 0;
  list-style: none;
}

.dC6W0 {
  margin: auto;
  padding: 24px;
  text-align: center;
}

@media (width < 1280px) {
  .uj2Zy {
    width: 100%;
  }

  .f2IiN {
    gap: 8px;	
    padding: 16px;
  }
}

@media (width < 480px) {
  .uj2Zy {
    gap: 16px;
  }

  .f2IiN {
    gap: 20px;	
    padding: 14px;
  }
}
.Ri4XE {	
  padding: 16px 24px;		
  box-shadow: 0 4px 10px 0 #6A63761A; 
  border-radius: 8px; 
  transition: padding 0.2s ease-in-out;	
}

.Ri4XE.vZxVN {
  padding-bottom: 0;
}

.iPrFD {
  margin: 0;
  font-size: var(--font-size-h-xs);
  transition: margin-bottom 0.3s ease-in-out;
}

.iPrFD.vZxVN {
  margin-bottom: 20px;
  transition: margin-bottom 0.3s ease-in-out;
}

.GHz6x {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  border: none;
  background-color: transparent;
  color: var(--text-color-bright);
  cursor: pointer;
}

.eoBq4 {
  position: relative;
  display: flex;
  align-items:normal;
  padding-left: 16px;
  text-align: initial;
  transition: color 0.3s ease-in-out;
    
}

.eoBq4::before {
  position: absolute;
  top: 7px;
  left: 0;
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--text-color-link-active);
}

.eoBq4.fTGZ0::before {
  display: none;
}

.YFjVL {
  flex-shrink: 0;
  transition: transform 0.3s ease-in-out;
}

.YFjVL.vZxVN {
  transform: rotate(-180deg);
}

.oQsrZ {
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}

.pEExg {
  padding: 0 0 8px;
  color: var(--text-color-light);
}


@media (width <= 767px) { 
  .Ri4XE {
    padding: 20px 0;
  }

  .pEExg {
    padding-left: 16px;
  }
}
.zHGLe {
  padding: 10px;
  box-shadow: 0 0 10px -2px rgb(0 0 0 / 12%);
  border: 1px solid var(--color-white-900);
  border-radius: 10px;
  background: var(--color-white-900);
  color: var(--color-black-900);
}

.wwMDB {
  padding: 12px;
  border-bottom: 1px solid var(--color-black-600);
}

.UIBX9 {
  font-weight: var(--font-weight-500);
}

.v21qb {
  position: absolute;
  top: 6px;
  right: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
}

.TRe8w {
  display: flex;
  justify-content: flex-end;
  gap: 15px;
  padding: 20px;
  border-top: 1px solid red;
}

.AZSDx {
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  background-color: var(--color-black-200);
  color: var(--color-purple-700);
  transition: background-color 0.3s ease;
  cursor: pointer;
}

.AZSDx:hover {
    background-color: var(--color-black-300);
  }

.jSTkW {
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  background-color: var(--color-red-600);
  color: var(--color-white-900);
  transition: background-color 0.3s ease;
  cursor: pointer;
}

.jSTkW:hover {
    background-color: var(--color-black-200);
  }

.schFO {
  display: block;
}
.dQVw6 {
  white-space: pre-wrap;
  font-family: var(--font-family);
}

._3Pd72 {
  position: relative;
}
 
.T0oVT {
  color: var(--color-black-800);
  line-height: 1.6;
  font-size: var(--font-size-p-m);
  font-family: var(--font-family-arial);
}
 
.T0oVT p {
  margin-bottom: 16px;
}
 
.T0oVT h1 {
  margin: 20px 0 0;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-h-s);
}
 
.T0oVT h2 {
  margin: 18px 0 0;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-h-xs);
}

.T0oVT h3 {
  margin: 16px 0 0;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-l);
}

.T0oVT h4 {
  margin: 14px 0 0;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-m);
}

.T0oVT h5 {
  margin: 12px 0 0;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-s);
}

.T0oVT h6 {
  margin: 10px 0 0;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-xs);
}
 
.T0oVT ul,
.T0oVT ol {
  margin-bottom: 15px;
  padding-left: 25px;
  list-style-position: outside;
}

.T0oVT ul li {
  display: list-item;
  margin-bottom: 5px;
  list-style: disc;
  list-style-position: outside;
  line-height: 1.6;
}

.T0oVT ol li {
  display: list-item;
  margin-bottom: 5px;
  list-style: decimal;
  list-style-position: outside;
  line-height: 1.6;
}
 
.T0oVT li p {
  margin: 0;
}
 
.T0oVT ul ul,
.T0oVT ol ol {
  margin-left: 18px;
}
 
.T0oVT ul ul {
  list-style-type: circle;
}
 
.T0oVT ol ol {
  list-style-type: lower-alpha;
}

.T0oVT code {
  display: inline;
  padding: 2px 4px;
  border-radius: 3px;
  background: var(--color-black-10);
  color: var(--color-green-700);
  line-height: 1.2;
  font-size: var(--font-size-p-s);
  vertical-align: baseline;
}

.T0oVT pre,
.T0oVT pre code,
.T0oVT pre code.pyQol {
  min-height: 56px;
  max-height: 300px;
  overflow: auto;
  line-height: 1.5;
  font-size: var(--font-size-p-s);
  font-family: var(--font-family-code);
  white-space: pre;
  word-break: normal;
}

.T0oVT pre code {
  display: block;
  padding: 12px;
  background: transparent;
  color: var(--color-white-900);
  tab-size: 2; 
  scrollbar-width: thin;
  scrollbar-color: #b0b0b0 transparent;
}

.T0oVT pre[class*="code-block"],
.T0oVT code[class*="code-block"],
.T0oVT pre[class*="TextEditor-module"],
.T0oVT code[class*="TextEditor-module"] {
  tab-size: 2; 
  white-space: pre;
  word-break: normal;
}

.T0oVT pre {
  tab-size: 2;
} 

 
.T0oVT pre code.pyQol {
  padding: 0 ;
  overflow-x: unset ;
  background: none ;
}
 
.T0oVT blockquote {
  margin: 34px 0;
  padding-left: 16px;
  border-left: 3px solid var(--color-purple-300);
  color: var(--color-black-600);
  font-style: italic;
}


.GU6j2 {
  position: relative;
  margin-bottom: 15px;
  padding: 0;
  overflow: hidden;
  box-shadow: none;
  border: 1px solid var(--color-black-700);
  border-top: none;
  border-bottom: none;
  border-radius: 10px;
  background: var(--color-black-900);
  scrollbar-width: thin;
  scrollbar-color: #b0b0b0 transparent;
}
 
.EgrSq {
  color: var(--color-black-300);
  font-size: var(--font-size-p-s);
}

.jkdtg {
  position: absolute;
  top: 12px;
  right: 16px;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: var(--color-black-600);
  color: var(--color-black-100);
  transition: all 0.2s ease;
  cursor: pointer;
}

.jkdtg:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.EkQxz {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: inherit;
}

.jkdtg svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  stroke: currentcolor;
  color: inherit;
}

.jkdtg:hover:not(:disabled) {
  background: var(--color-black-500);
}

.jkdtg .w2sWr {
  display: none;
}

.jkdtg .IpDyf {
  display: block;
}

@keyframes GybnY {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

.jkdtg.xWkZ9 {
  background: var(--color-green-600);
  color: var(--color-white-900);
}

.jkdtg.xWkZ9:hover {
  background: var(--color-green-600);
  color: var(--color-white-900);
}

.jkdtg.xWkZ9 .IpDyf {
  display: none;
}

.jkdtg.xWkZ9 .w2sWr {
  display: block;
  animation: GybnY 0.3s ease;
}
.ZJwu2 {
  justify-content: flex-start;
  padding: 6px 10px;
  border-radius: 12px;
}

.ZJwu2:focus {
  border: 1px solid transparent;
}

.ZJwu2:not([disabled]):hover {
  color: var(--color-purple-700);
}

._jUEW svg {
  color: var(--color-red-800);
}

.L99L1 {
  justify-content: flex-start;
  padding: 6px 10px;
  border-radius: 12px;
}

.L99L1:focus {
  border: 1px solid transparent;
}

.MwD6r:disabled {
  cursor: default;
}

.L99L1:not([disabled]):hover {
  color: var(--color-purple-700);
}
.lwh5W {
  justify-content: flex-start;
  padding: 6px 10px;
  border-radius: 12px;
}

.lwh5W:focus {
  border: 1px solid transparent;
}

.Ajokc:disabled {
  cursor: default;
}

.lwh5W:not([disabled]):hover {
  color: var(--color-purple-700);
}
.cCkc2 {
  position: relative;
}

.hhEYY {
  gap: 40px;	
}

.aQvjm {
  position: relative;
  top: 8px;
  left: 15px;
  padding: 6px;
  border-radius: 20px;
}

.KKhdE {
  margin-bottom: 24px;
  max-width: 475px;
  overflow: hidden;
  border-radius: 24px;
}

.SoyX9 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.KoUW9 {
  justify-content: end;
}

@media screen and (width <= 767px) {
  .LZT9I {
    gap: 20px;
  }
  
  .hhEYY {
    gap: 16px;
  }
}
.uvEeY {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 17px;
}

.eTYLc {
  margin-bottom: 24px;
  border-top-width: 0;
  border-bottom-color: var(--color-black-50);
}

._Vrj_{
  margin-bottom: 24px;
}

@media screen and (width <= 1023px) {
  .uvEeY {
    margin-bottom: 20px;
  }
}
.T7nMD {
  padding: 24px 0;
  text-align: center;
}

.tZCSl {
  max-width: 358px;
}

.jRmot path{
  stroke: var(--color-purple-700);
  fill: var(--color-purple-700);
}
.qXt3F {
  padding: 20px;
  width: 100%;
  border-radius: 24px;
}

.qXt3F > :first-child {
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border-color);}

.qXt3F > :first-child > p {
  font-size: var(--font-size-h-s);
}

.dNpGM {
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border-color);
}

.G647j {
  color: var(--text-color-light);
  line-height: 20.8px;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-p-m);
  font-family: var(--font-family);
}

.Bd7rw:not(:last-child) {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border-color);
}

.l4elQ {
  margin: 0 auto;
  width: 68px;
  height: 68px;
  color: var(--color-purple-700);
}

@media (width < 768px) {
  .qXt3F {
    padding: 16px;
    width: 100%;
  }
}

@media (width < 480px) {
  .qXt3F {
    padding: 20px 10px;
    width: 100%;
  }

  .G647j {
    font-weight: var(--font-weight-400);
    font-size: var(--font-size-p-s);
  }

  .dNpGM {
    margin-bottom: 16px;
    padding-bottom: 8px;
    font-size: var(--font-size-h-xs);
  }

  .l4elQ {
    width: 44px;
    height: 44px;
  }
}

.YrtdS {
  align-self: start;
  width: 100%;
}

.nOkPs {
  margin-top: 22px;
}
.xiD0e {
  padding: 20px;
  border-radius: 24px;
}

.ba6H9 {
  flex-shrink: 0;
  border-radius: 12px;
}

.xsb12 {
  width: 149px;
  height: 157px;
}

.xBqvC {
  aspect-ratio: 1.08;
  width: 100%;
  height: auto;
}

.fQGSP {
  margin-bottom: 8px;
  color: var(--text-color-primary);
  line-height: 120%;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-h-xs);
}

.quSIH {
  color: var(--text-color-light);
  line-height: 20.8px;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-p-m);
}

@media (width < 768px) {
  .xiD0e {
    padding: 16px;
  }
}

@media (width < 480px) {
  .xiD0e {
    padding: 10px 10px 20px;
  }
}
.m7SAq {
  height: auto;
  border-radius: 24px;
}

.IHfQQ {
  margin-bottom: 8px;
  line-height: 19px;
  font-size: var(--font-size-p-m);
}

.bIiHD {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  list-style-type: none;
}

.bIiHD>li:first-child {
  margin-right: 16px;
}

.OaxHd {
  cursor: auto;
  min-width: 40px;
}

.iTrFA {
  margin-top: 8px;
  box-shadow: 0 0 0 1px var(--color-purple-700);
}

.OaxHd:not(:last-of-type) {
  margin-right: 10px;
}

.tqbB6 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tqbB6 a {
  color: var(--text-color-link-active);
}

@media (width < 1280px) {
  .m7SAq {
    padding: 16px;
  }
}
.tRpqE {
  width: 100%;
  height: 44px;
}

.dyZto {
  margin: 0;
}

.v4HMx {
  pointer-events: none;
}
.ZXToh {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.LhqBd {
  justify-content: center;
  align-items: center;
  border: 1px solid var(--border-right-color);
  border-radius: 8px;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

.LhqBd:has(button.S1nAk) {
  border: 1px solid var(--button-border-secondary-focus);
}

.LhqBd button:focus {
  border: none;
}

.R102G {
  width: 328px;
  overflow-x: hidden;
}

.R102G.ZZMKS {
    top: var(--header-height);
    padding-bottom: var(--header-height);
    width: 100%;
  }

.ISzGq {
  box-shadow: none;
}

.wB6af {
  padding: 0;
}

@media screen and (width < 1024px) {
  .ISzGq {
    padding: 8px 24px 24px;
  }
}


@media (width < 768px) {
  .LhqBd {
    top: 20px;
    right: 10px;
  }
}
.hXdMd {
  align-self: flex-start;
}

.R1jb2 {
  margin-bottom: 24px;
  padding-top: 22px;
}

.ZyEHG {
  flex-grow: 1;
  overflow: hidden;
}

.R31ri {
  color: var(--text-color-bright);
  line-height: 120%;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-h-s);
}

.lzRmF {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border-color);
}

.UCCyi {
  padding: 20px;
  border-radius: 24px;
}

@media (width < 768px) {
  .UCCyi {
    padding: 20px 16px;
  }
}


@media (width < 480px) {
  .UCCyi {
    padding: 20px 10px;
  }

  .lzRmF {
    margin-bottom: 24px;
  }

  .R31ri {
    font-size: var(--font-size-h-xs);
  }
}

.xXQG3 {
  width: 328px;
  overflow-x: hidden;
}

.xXQG3.fQ5Qy {
    top: calc(var(--header-height) - 12px);
    width: 100%;
  }

.DIOS_ {
  display: none;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--border-right-color);
  border-radius: 8px;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

.DIOS_:has(button.FdPHF) {
  border: 1px solid var(--button-border-secondary-focus);
}

.DIOS_ button:focus {
  border: none;
}

@media (width < 1280px) {
  .DIOS_ {
    display: flex;
  }
}



.DpBT9 {
  cursor: pointer;
  max-width: 28px;
  max-height: 28px;
}

.Tuusy {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background: none;
  cursor: pointer;

}

.C5XlL {
  padding: 2px 6px;
  min-width: 21px;
  min-height: 25px;
  border-radius: 3px;
  background: var(--background-primary);
}

._lekK {
  display: flex;
  align-items: center;
  cursor: default;
  width: 14px;
}
.Po_NM {
  display: flex;
  justify-content: center;
  margin: 40px 0 16px;
}

@media (width <= 768px) {
  .Po_NM {
    margin-top: 30px;
  }
}

@media (width <= 368px) {
  .Po_NM {
    margin-top: 40px;
    margin-bottom: 0;
  }
}
.wO8gK {
  position: relative;
}

.zJdAU {
  display: flex;
  gap: 20px;
  width: 100%;
}

.n4L7O, .e6HCi {
  flex-direction: column;
}

.j8_xN {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
}

.giI1q {
  width: 100%;
  max-width: 314px;
}

.HWkNV {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 360px;
  height: auto;
}

.EZ4_D {
  padding: 8px;
  box-shadow: none;
}

.HWkNV h4 {
  color: var(--text-color-light);
}


:is(.HWkNV, .n4L7O) > div {
  height: auto;
}

.fCpmF {
  grid-area: author;
  margin: 0 auto;
  width: auto;
}

.fCpmF p {
  justify-content: center
}

.fCpmF a {
  pointer-events: none;
  color: var(--text-color-link-active);
}

.a_4Ar {
  display: flex;
  gap: 10px;
}

.nhiU1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  width: 100%;
}

.cnBDx {
  margin-bottom: 20px;
}

.ts5Vi {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 16px;
}

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

.PXxIH {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.PXxIH:not(:last-child) {
  margin-bottom: 24px;
}

.YEOaE {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.f5S2v {
  position: absolute;
  top: 26px;
  right: 400px;
  display: none;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--border-right-color);
  border-radius: 8px;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

.f5S2v:has(button.FUpRN) {
  border: 1px solid var(--button-border-secondary-focus);
}

@media (width <= 1023px) {
  .f5S2v {
    display: block;
  }

  .x8LYO {
    border: 1px solid var(--text-color-link-active);
  }

  .HWkNV {
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 20px;
    width: 360px;
    height: auto;
  }
}
 
.dx5c6 {
  width: 100%;
  border-collapse: collapse;
}

.jA7YO {
  height: 48px;
  clip-path: inset(0 round 8px);
  background-color: var(--color-black-25);
} 

td {
  padding: 16px 8px 14px;
}

.p9vte span {
    position: relative;
    top: 3px;
  }

.PuCax {
  height: 48px;
  border-bottom: 1px solid var(--color-black-25);
}

.A_D0f {
  width: 50px;
}

.x6Ayw {
  position: relative;
}

.JxGH3 {
  position: relative;
}

.Ep27C {
  flex-basis: 80%;
}
.aZsaW {
  height: auto;
}

.jcDKU,
.IcCP1 {
  padding: 20px 16px;
}

@media screen and (width <= 767px) {
  .jcDKU,
  .IcCP1 {
    padding: 20px 10px;
  }
}
.iVHo4 {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.oqPVC {
  display: block;
  flex-basis: 33%;
  height: 8px;
  background-color: var(--color-black-50);
}

.oqPVC:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.oqPVC:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.oqPVC:not(:last-of-type) {
  margin-right: 1px;
}

.KD5bc {
  height: 12px;
}

.rptci {
  background-color: var(--color-green-900);
}
.M9Fd5 {
  justify-content: center;
  align-items: center;
  border: 1px solid var(--border-right-color);
  border-radius: 8px;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

.M9Fd5:has(button.E_nEi) {
  border: 1px solid var(--button-border-secondary-focus);
}

.M9Fd5 button:focus {
  border: none;
}

.wnu5U {
  width: 328px;
  overflow-x: hidden;
}

.wnu5U.qucRF {
    top: var(--header-height);
    padding-bottom: var(--header-height);
    width: 100%;
  }

.AeqHp {
  box-shadow: none;
}

.ftJAy {
  padding: 0;
}

@media screen and (width <=1023px) {
  .AeqHp {
    padding: 8px 24px 24px; 
  }
}


@media (width < 768px) {
  .M9Fd5 {
    top: 20px;
    right: 10px;
  }
}
.KEgOp {
  padding: 24px;
}

.FMaRY {
  flex: 1;
}

.BCJsB {
  display: flex;
  margin-right: 10px;
  min-width: 170px;
  min-height: 114px;
}

.MAxE8 {
  display: flex;
  justify-content: center;
  margin-bottom: 16px; /* Отступ перед текстом */
  width: 100%;
}

.bjLlj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  border-radius: inherit;
}

.FxnQQ {
  width: 170px;
  height: 114px;
  border-radius: 12px;
}

.PhdxB {
  width: 100%;
  height: 307px;
  border-radius: 8px;
  object-fit: contain;
}

.AoT5H {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  padding: 2px 8px;
  width: auto;
  max-height: 20px;
  border-radius: 30px;
  background-color: var(--color-green-007);
}

.E8fk1 {
  color: var(--color-green-750);
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-xs);
}

@media (width < 1024px) {
  .KEgOp {
    padding: 16px;
  }
}

@media (width < 768px) {
  .KEgOp {
    padding: 20px 10px;
  }
	
  .QNiTQ {
    display: flex;
    flex-direction: column;
    align-items: start;
  }
	
  .Cl5pz {
    display: flex;
    flex-direction: row;
    margin-left: 0;
    max-width: 100%;
  }
 
  .AoT5H {
    display: flex;
  }
}
 
@media (width <=564px) {
  .Cl5pz {
    display: flex;
    margin-left: 0;
  }
}
._2q3V {
  display: flex;
  gap: 20px;
  width: 100%;
}

.Jxt2R, .HSaCg {
  flex-direction: column;
}

.OBMGs {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
}

.qo8ai {
  width: 100%;
  max-width: 314px;
}

.t3_PK {
  display: flex;           
  flex-direction: column;
  gap: 20px;
  width: 360px;
  height: auto;
}

.apzRG {
  padding: 8px;
  box-shadow: none;
}

.t3_PK h4 {
  color: var(--text-color-light);
}


:is(.t3_PK, .Jxt2R) > div {
  height: auto;
}

._baTH {
  grid-area: author;
  margin: 0 auto;
  width: auto;
}

._baTH p {
  justify-content: center
}

._baTH a {
  pointer-events: none;
  color: var(--text-color-link-active);
}

.VRn9m {
  display: flex;
  gap: 10px;
}

.xv7xg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  width: 100%;
}

.JF2aM {
  margin-bottom: 20px;
}

.JVF3M {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 16px;
}

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

.J4DeW {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.J4DeW:not(:last-child) {
  margin-bottom: 24px;
}

.UUWFs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.wA2u7 {
  position: absolute;
  top: 26px;
  right: 400px;
  display: none;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--border-right-color);
  border-radius: 8px;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

.wA2u7:has(button.mpFHc) {
  border: 1px solid var(--button-border-secondary-focus);
}

@media (width <= 1023px) {
  .wA2u7 {
    display: block;
  }

  .TarjV {
    border: 1px solid var(--text-color-link-active);
  }

  .t3_PK {
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 20px;
    width: 360px;
    height: auto;
  }
}
 
.dbvBI {
  position: relative;
}

.p1Bvj {
  /* flex-shrink: 0;
    flex-grow: 0; */
  flex-basis: 80%;
  border: 3px solid red
}
.lpkTd {
  position: relative;
}
.Der88 {
  position: relative;
  flex: 1;
}

.GgIHC {
  position: relative;
}
  
.R0KPX {
  flex-basis: 80%;
  border: 3px solid red
}
.yZ4A6 {
  flex-shrink: 0;
}
.yZ4A6 path {
    color: var(--color-white-900);
  }
.xe1z8 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 6px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background-color: var(--color-black-25);
}

.WJcDI {
  width: 100%;
  max-width: 90px;
  height: 100%;
  max-height: 105px;
}

@media (width <=768px) {
  .WJcDI {
    aspect-ratio: 296 / 263;
    width: 100%;
    max-width: initial;
    height: 50%;
    max-height: initial;
  }
}

.OdmeF {
  overflow: hidden;
}

.KzRm0 {
  width: 100%;
  height: 100%;
}

.etfnF {
  border: 1px solid var(--color-purple-700);
}

  .TYZqa path {
    fill: var(--color-white-900);
  }
.VU5Sg {
  flex-shrink: 0;
}
.misCs {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 20px;
}

@media (width < 480px) {
  .misCs {
    grid-template-columns: 1fr
  }
}
.iy2SN {
  min-width: auto;
  height: 48px;
}

.uCcy6 {
  flex-shrink: 0 ;
  padding: 12px 10px;
  width: auto ;
  min-width: auto;
  border: none;
  border-radius: 12px;
  background-color: var(--color-white-900);
  color: var(--text-color-light);
}

.uCcy6 svg {
  color: var(--text-color-light);
}

.uCcy6:is(:hover, :focus, :active) {
  border: none;
  background-color: var(--background-light-hover) ;
  color: var(--text-color-link-active);
}

.pHfxa svg {
  color: var(--text-color-link-active);
}

.uCcy6:is(:hover, :focus, :active) svg {
  border: none;
  color: var(--text-color-link-active);
}

.pHfxa {
  border: none ;
  background-color: var(--background-light-hover);
  color: var(--text-color-link-active);
}

@media (width <= 768px) {
  .uCcy6 {
    padding: 14px;
  }
}
.silDk {
  aspect-ratio: 1;
  height: 28px;
}

.qtlPc {
  padding: 0;
  height: 100%;
  border-radius: 50%;
}
.mGoNt {
  display: grid;
  gap: 16px 20px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--border-color);
}

.hacPI {
  grid-template: auto 1fr auto / minmax(50%, auto) minmax(300px, 526px);
  grid-template-areas:
    'question image'
    'wrapper image'
    'buttons image';
}

.f0mmL {
  grid-template-rows: auto 1fr auto;
  grid-template-areas:
    'question'
    'wrapper'
    'buttons';
}

.y4KAp {
  grid-area: wrapper;
  padding-bottom: 8px;
}

.jTxhQ {
  display: list-item;
  grid-area: question;
  margin-left: 22px;
  list-style: disc;
  font-size: var(--font-size-h-xs);
}

.jTxhQ::marker {
  color: var(--text-color-link-active);
}

.CHGAg {
  margin-right: auto;
  border: none;
  background: none;
  color: var(--text-color-link-active);
  font-size: var(--font-size-p-s);
  cursor: pointer;
}

.z3HLH {
  display: flex;
  grid-area: buttons;
  align-items: start;
  margin-top: auto;
  width: fit-content;
  height: fit-content;
}

.MGrNW {
  grid-area: image; 
  aspect-ratio: 526 / 303;
  width: 100%;
  min-width: 300px;
  max-width: 526px; 
  height: auto; 
  border-radius: 16px;
}

.c2ACe {
  font-size: var(--font-size-p-m);
}

@media (width <= 1024px) {
  .mGoNt {
    grid-template-columns: auto;
  }

  .MGrNW {
    width: 100%;
    min-width: none;
    max-width: none;
  }

  .hacPI {
    grid-template-areas:
      'question'
      'image'
      'wrapper'
      'buttons';
  }

  .f0mmL {
    grid-template-areas:
      'question'
      'wrapper'
      'buttons';
  }
}

@media (width <= 480px) {
  .mGoNt {
    padding-bottom: 16px;
  }

  .z3HLH{
    gap: 16px;
  }

  .jTxhQ {
    font-weight: var(--font-weight-600);
    font-size: var(--font-size-p-l);
  }

  .c2ACe {
    font-size: var(--font-size-p-s);
  }
}

.iGxLT {
  justify-content: flex-start;
  padding: 6px 10px;
  border-radius: 12px;
}

.iGxLT:focus {
  border: 1px solid transparent;
}
.MZT1d {
  display: flex;
  gap: 20px;
  width: 100%;
}

.EMyxJ,
.XL8Gj {
  flex-direction: column;
}

.hUSnA {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
}

.jb59O {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 360px;
  height: fit-content
}

.oqKnm {
  display: flex;
  gap: 10px;
}

.hSnbX {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  width: 100%;
}

.TlPFQ {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 16px;
}

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

.v6Y2T {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.v6Y2T:not(:last-child) {
  margin-bottom: 24px;
}

.qMzUs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.KtT7B {
  border-radius: 20px;
}
.iHjvS {
  display: flex;
  gap: 20px;
}

.jfPf9 {
  flex-shrink: 0;
  width: 360px;
  height: fit-content;
  border-radius: 24px;
}

@media screen and (width < 1024px) {
  .jfPf9 {
    display: none;
  }

}
.HbQFE {
  height: 100%;
}

.T2WHx {
  margin-bottom: 24px;
  line-height: 120%;
  font-weight: var(--font-weight-500); 
}
 
.FZguB {
  margin-bottom: 48px;
}

.QHjZk {
  flex-basis: 40%;
}

.a9Acb {
  margin-top: auto;
  margin-left: auto;
}

@media (width <=768px) {
  .FZguB {
    display: flex;
    flex-direction: column;
  }
}

@media (width <=480px) {
  .T2WHx {
    margin-bottom: 16px;
    font-weight: var(--font-weight-500);
    font-size: var(--font-size-h-xs);
  }

  .QHjZk {
    row-gap: 16px;
  }

  .FZguB {
    margin-bottom: 24px;
  }
}
/* stylelint-disable selector-class-pattern */
.popover-calendar button:focus {
  border: none;
}

.calendar-block {
  margin-bottom: auto;
  height: auto;
}

.calendar-block .react-calendar {
    margin: auto;
    border: none;
    font-family: var(--font-family);
  }

.calendar-block .react-calendar__navigation {
    margin-bottom: 8px;
    height: 56px;
    border-bottom: 1px solid var(--border-color);
  }

.calendar-block .react-calendar__navigation button {
      padding-bottom: 23px;
      color: var(--text-color-bright);
      font-size: var(--font-size-p-l);
    }

.calendar-block .react-calendar__navigation button::first-letter {
        text-transform: capitalize;
      }

.calendar-block .react-calendar__navigation button:disabled {
        background-color: var(--background-block);
      }

.calendar-block .react-calendar__navigation button:enabled:hover,
      .calendar-block .react-calendar__navigation button:enabled:focus {
        background-color: var(--background-block);
      }

.calendar-block .drawer {
    width: 328px;
  }

.calendar-block .drawer.drawer-mobile {
      top: var(--header-height);
      padding-bottom: var(--header-height);
      width: 100%;
    }

.calendar-block .drawer.drawer-mobile .calendar-block {
        width: 100%;
      }

.calendar-block .react-calendar__month-view__weekdays {
    color: var(--text-color-lightest);
    text-transform: none;
    font-weight: var(--font-weight-500);
    font-size: var(--font-size-p-s);
  }

.calendar-block .react-calendar__month-view__weekdays abbr {
      text-transform: none;
      -webkit-text-decoration: none;
      text-decoration: none;
    }

.calendar-block .react-calendar__tile--now {
    background: var(--background-block);
    text-transform: none;
  }

.calendar-block .react-calendar__tile--now:enabled:hover,
    .calendar-block .react-calendar__tile--now:enabled:focus {
      background-color: var(--background-block);
    }

.calendar-block .react-calendar__tile--now abbr {
      background: var(--background-progress-bar);
      text-transform: none;
    }

.calendar-block .react-calendar__tile--active {
    background-color: var(--background-block);
    text-transform: none;
  }

.calendar-block .react-calendar__tile--active:enabled:hover,
    .calendar-block .react-calendar__tile--active:enabled:focus {
      background-color: var(--background-block);
    }

.calendar-block .react-calendar__tile--active abbr {
      background-color: var(--text-color-link-active);
      color: var(--background-block);
      text-transform: none;
    }

.calendar-block .react-calendar__tile {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
    color: var(--text-color-primary);
    text-transform: none;
    font-size: var(--font-size-p-s);
  }

.calendar-block .react-calendar__tile:enabled:hover,
    .calendar-block .react-calendar__tile:enabled:focus {
      background-color: var(--background-block);
    }

.calendar-block .react-calendar__tile abbr {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 85%;
      height: 24px;
      border-radius: 50%;
      text-transform: none;
      font-size: var(--font-size-p-m);
    }

.calendar-block .react-calendar__tile abbr:hover {
        background-color: var(--background-progress-bar);
      }

.calendar-block .react-calendar--selectRange .react-calendar__tile--hover {
    background-color: var(--background-block);
  }

.calendar-block .react-calendar--selectRange .react-calendar__tile--hover abbr {
      background-color: var(--background-progress-bar);
    }

.popover-calendar {
  position: absolute;
  top: 16px;
  right: 20px;
  display: none;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--border-right-color);
  border-radius: 8px;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

.popover-calendar:has(button.active) {
  border: 1px solid var(--button-border-secondary-focus);
}


.popover-calendar-info-wrapper {
  width: 100%;
  max-width: 314px;
}

@media (width < 1280px) {
  .popover-calendar {
    display: flex;
  }
  
  .additional-info-wrapper {
    display: none;
  }
}

@media (width < 480px) {
  .popover-calendar {
    top: 10px;
  }

  .calendar-block {
    width: 320px;
    min-width: 320px;
  }
}

.react-calendar {
  width: 350px;
  max-width: 100%;
  background: white;
  border: 1px solid #a0a096;
  font-family: 'Arial', 'Helvetica', sans-serif;
  line-height: 1.125em;
}

.react-calendar--doubleView {
  width: 700px;
}

.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
  margin: -0.5em;
}

.react-calendar--doubleView .react-calendar__viewContainer > * {
  width: 50%;
  margin: 0.5em;
}

.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  box-sizing: border-box;
}

.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}

.react-calendar button:enabled:hover {
  cursor: pointer;
}

.react-calendar__navigation {
  display: flex;
  height: 44px;
  margin-bottom: 1em;
}

.react-calendar__navigation button {
  min-width: 44px;
  background: none;
}

.react-calendar__navigation button:disabled {
  background-color: #f0f0f0;
}

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font: inherit;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}

.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font: inherit;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__days__day--weekend {
  color: #d10000;
}

.react-calendar__month-view__days__day--neighboringMonth,
.react-calendar__decade-view__years__year--neighboringDecade,
.react-calendar__century-view__decades__decade--neighboringCentury {
  color: #757575;
}

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}

.react-calendar__tile {
  max-width: 100%;
  padding: 10px 6.6667px;
  background: none;
  text-align: center;
  font: inherit;
  font-size: 0.833em;
}

.react-calendar__tile:disabled {
  background-color: #f0f0f0;
  color: #ababab;
}

.react-calendar__month-view__days__day--neighboringMonth:disabled,
.react-calendar__decade-view__years__year--neighboringDecade:disabled,
.react-calendar__century-view__decades__decade--neighboringCentury:disabled {
  color: #cdcdcd;
}

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__tile--now {
  background: #ffff76;
}

.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background: #ffffa9;
}

.react-calendar__tile--hasActive {
  background: #76baff;
}

.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff;
}

.react-calendar__tile--active {
  background: #006edc;
  color: white;
}

.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #1087ff;
}

.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
}

.yrFlF {
  margin: 6px 9px;
}
.p05Wg {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.vHx_E {
  display: inline-block;
  margin-bottom: 8px;
}

@media (width < 480px){
  .o7kM1 {
    flex-direction: column;
    justify-content: center;
    align-items: start;
  }
}
.UZAaU {
  gap: 24px;
}

.SkX3y {
  list-style: none;
}

.wGLmF {
  margin: auto;
  padding: 24px;
  text-align: center;
}

@media (width < 1024px) {
  .SkX3y {
    padding: 16px;
  }
}

@media (width < 768px) {
  .SkX3y {
    padding: 0;
  }
}

.mvHL_ {
  margin-bottom: 32px;
}

@media (width < 1024px) {
  .mvHL_ {
    gap: 16px;
  }
}

@media (width < 768px) {
  .mvHL_ {
    margin-top: 20px;
    margin-bottom: 24px;
  }
}
.jFdAt {
  display: inline-block;
  margin: 0 8px 8px 0;
}

@media (width < 768px) {
  .lNtjx {
    margin-bottom: 0;
    padding-bottom: 9px;
    border-bottom: 1px solid #BABABA;
  }
}
.E1Ygw {
  position: relative;
  padding-bottom: 16px;
  height: auto;
  color: var(--text-color-bright);
}

.E1Ygw > div:first-child {
  padding-bottom: 24px;
  border-bottom: thin solid var(--border-color);
}

@media (width <= 1024px) {
  .E1Ygw {
    padding: 16px;
  }
}
.kgc3p {
  margin-top: 4px;
}

.uKywh {
  position: absolute;
  top: 8px;
  left: 12px;
  padding: 5px 12px;
  border-radius: 6px;
  background-color: var(--background-progress-bar);
}

.A1Oio {
  position: relative;
}

.bytt4 {
  width: 100%;
  height: 3px;
  border-radius: 50px;
}

.bytt4::-webkit-progress-value {
    border-radius: 50px;
    background-color: var(--text-color-link-active);
  }

.bytt4::-webkit-progress-bar {
    border-radius: 50px;
    background-color: var(--background-progress-bar);
  }

.Zvp_L {
  width: 100%;
  height: 42px;
  border: 1px solid var(--color-border);
  border-radius: 8px;
}

.Zvp_L::-webkit-progress-value {
    border-radius: 8px;
    background-color: var(--text-color-link-active);
  }

.Zvp_L::-webkit-progress-bar {
    border-radius: 8px;
    background-color: transparent;

    /* border: 1px solid var(--color-border); */
  }

/* .progress-bar-large { */

/*	width: 100%; */

/*	height: 42px; */

/*	&::-webkit-progress-value { */

/*		border-radius: 8px; */

/*		background-color: var(--color-purple-700); */

/*		height: 42px; */

/*	} */

/*	&::-webkit-progress-bar { */

/*		 border: 1px solid var(--color-border); */

/*		 border-radius: 8px; */

/*		 height: 42px; */

/*	} */

/* } */

/* .progress-container { */

/*	position: relative; */

/*	width: 100%; */

/*	height: 42px; */

/*	overflow: hidden; */

/*	border: 1px solid var(--color-border); */

/*	border-radius: 8px; */

/* } */

/* .progress-bar { */

/*	display: flex; */

/*	align-items: center; */

/*	padding: 9px 12px ; */

/*	height: 100%; */

/*	background-color: var(--color-purple-700); */

/* } */

/* .progress-label { */

/*	position: absolute; */

/*	left: 10px; */

/*	padding: 3px 12px; */

/*	border-radius: 6px; */

/*	background-color: var(--background-progress-bar); */

/*	color: var(--color-black-1000); */

/*	font-weight: var(--font-weight-600); */

/*	font-size: var(--font-size-p-xs); */

/* } */
.oyGQP {
  padding: 16px 24px;
}

.AqOpk {
  width: 100%;
  height: 276px;
  border-radius: 12px;
}


@media (width <= 1198px) {
  .oyGQP {
    padding: 16px;
  }
}

@media (width <= 767px) {
  .oyGQP {
    padding: 0;
  }
}

@media (width <= 480px) {	
  .AqOpk {
    height: 170px;
    border-radius: 16px;
  }
}
.rPCyJ {
  padding: 16px 24px;
}

._13wR7 {
  margin-top: 7px;
}

.UvFRn {
  margin-top: 12px;
  width: 100%;
  height: 229px;
  border-radius: 12px;
  object-fit: cover;
  object-position: right;
}

@media (width <= 1198px) {
  .rPCyJ {
    padding: 16px;
  }
}

@media (width <= 480px) {
  .rPCyJ {
    padding: 0;
  }
}
.Ka4_Y {
  padding: 16px 24px;
}

._0a4J {
  max-width: 644px;
}

.Dz4P6 {
  align-self: end;
  margin-top: 8px;
}

@media (width <= 1198px) {
  .Ka4_Y {
    padding: 16px;
  }
}

@media (width <= 480px) {
  .Ka4_Y {
    padding: 0;
  }
}
.uPCk_ {
  margin: 0;
  list-style: none;
}

.DTU46 {
  padding: 24px;
  text-align: center;
}

@media (width < 1280px) {
  .JsTj0 {
    width: 100%;
  }

  .uPCk_ {
    gap: 16px;
  }
}

@media (width < 480px) {
  .JsTj0 {
    gap: 16px;
  }

  .uPCk_ {
    gap: 8px;
  }
}

.hgh7E {
  position: relative;
}

.hgh7E::before {
  position: absolute;
  top: 0;
  left: 0; 
  z-index: -1;
  width: 100%;
  height: 100%; 
  border-radius: 50%;
  content: '';
}

.cC8jV {
  position: absolute;
  max-width: 190px;
  text-align: center;
  font-weight: var(--font-weight-600);
}

.oDh74 {
  transform-origin: center;
}
.k1eSA {
  padding: 8px 12px;
  box-shadow: 0 4px 10px 0 rgb(106 99 118 / 10%);
  border-radius: 8px;
  background-color: var(--background-block);
}

.hHxlJ {
  font-size: var(--font-size-p-s);
}

@media (width < 768px) {
  .hHxlJ {
    gap: 6px;
  }
}
@media (width <= 767px) {
  .ftnyO {
    gap: 12px;
  }
}
.AU2XS {
  width: calc(100% - 370px - 20px);
}

.tQB1g {
  width: 370px;
  min-height: 480px;
}

.VsaK4 {
  align-self: start;
  width: calc(50% - 10px);
}

.t5nbn {
  align-self: start;
  width: calc(50% - 15px);
}

@media (width < 1440px) {
  .AU2XS {
    width: 100%;
  }

  .tQB1g {
    width: 100%;
    min-height: auto;
  }
}

@media (width < 1280px) {
  .t5nbn {
    width: 100%;
  }

  .VsaK4 {
    width: 100%;
  }
}

@media (width < 480px) {
  .AU2XS {
    gap: 20px;
  }

  .t5nbn {
    gap: 16px;
  }

  .VsaK4 {
    gap: 16px;
  }
}

.bA8wC {
  color: var(--text-color-bright);
  font-weight: var(--font-weight-500);
}

.bA8wC > div {
  height: auto;
}

.vW02h {
  display: grid;
  grid-template-rows: repeat(2, auto);
  grid-template-columns: 1fr auto;
}

.MKhQy {
  font-size: var(--font-size-h-xs);
}

.ycFIP {
  color: var(--text-color-lightest);
  font-size: var(--font-size-p-s);
}

.GWkl8 {
  grid-column: span 2;
}

.D0l8C {
  position: relative;
}

.thhQO {
  position: relative;
  margin-left: auto;
  background-color: var(--button-background-destructive-secondary);
  color: var(--button-text-color-destructive-secondary);
  font-weight: var(--font-weight-600);
}

.thhQO:hover {
    background-color: var(--button-background-destructive-secondary-hover);
  }

.thhQO:focus {
    border: 1px solid var(--button-border-destructive-secondary-focus);
    background-color: var(--button-background-destructive-secondary-focus)
  }

.thhQO:active {
    background-color: var(--color-red-300);
    color: var(--button-text-color-destructive-secondary-active);
  }


.IQohJ{
  padding: 24px;
}

.v3wVb {
  display: grid;
  grid-template: auto 1fr auto / minmax(50%, auto) minmax(300px, 526px);
  grid-template-areas:
    'question image'
    'wrapper image'
    'buttons image';
  gap: 16px 20px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--border-color);
}

.olZot {
  grid-area: wrapper;
}

.jpFba {
  display: list-item;
  grid-area: question;
  list-style: none;
}

.Rx6To {
  grid-area: buttons;
}

.DaefE {
  grid-area: image;
  flex-grow: 1;
  width: 100%;
  height: clamp(170px, 30vw, 303px);
  border-radius: 24px;
}

@media (width <= 1024px) {
  .v3wVb {
    grid-template-columns: auto;
    grid-template-areas: 
      'question'
      'image'
      'wrapper'
      'buttons';
  }
}

@media (width <= 767px) {
  .bA8wC > div {
    padding: 20px 10px;
  }

  .D0l8C {
    gap: 16px;
  }
}

@media (width <= 480px) {
  .vW02h {
    grid-template-rows: repeat(3, auto);
  }

  .MKhQy {
    grid-row: 1 / 2;
    grid-column: 1 / -1;
  }

  .ycFIP {
    grid-row: 3 / 4;
    grid-column: 2 / 3;
  }

  .GWkl8 {
    grid-row: 2 / 3;
    grid-column: 1 / -1;
  }
}
.hHSbu {
  display: flex;
  gap: 20px;
  padding: 12px;
  border-bottom: thin solid var(--border-input);
}

.l5bHL {
  width: clamp(101px, 5.52vw + 74.8px, 154px);
  height:clamp(90px, 2.08vw + 60px, 110px);
  border-radius: 12px;
}

.gxv7y {
  color: inherit;
}

@media (width < 768px) {
  .hHSbu {
    gap: 16px;
    padding: 0 0 8px;
  }

  .l5bHL {
    border-radius: 8px;
  }
}
.egwuO {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 20px;
  max-height: 800px;
  overflow: auto;
}

.ftdEe{
  display: flex;
  justify-content: end;
  margin-top: 20px;
  margin-left: auto;
  padding: 15px 61.5px;
}

@media screen and (width <= 1023px) {
  .egwuO {
    grid-template-columns: 1fr;
    align-items: center;
    gap: 16px;
    max-height: 1600px;
  }
}

@media screen and (width <= 767px) {
  .egwuO {
    max-height: 1450px;
  }
}

@media (width < 360px) {
  .ftdEe {
    padding: 15px 26.5px;
  }
}
.m0Qum {
  width: 7px;
  height: 35px;
  border-radius: 24px;
}

@media (width < 768px) {
  .ibaF8 {
    gap: 8px;
  }
}
.FAniR {
  stroke-linecap: round;
  transition: stroke-dashoffset 0.3s ease-in-out;
}
.LVMK4 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 49px;
  width: 307px;
  height: 307px;
  border: 10px solid var(--color-white-900);
  border-radius: 50%;
}

.qVf7I {
  stroke-linecap: round;
  transition: stroke-dashoffset 0.3s ease-in-out;
}

.Bxb4z {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}

.cPvjX {
  width: 100%;
  height: 100%;
}

@media (width <= 480px) {
  .LVMK4 {
    margin-right: 16px;
    width: 197px;
    height: 197px;
  }
}

.LMtLs {
  margin-top: 24px;
}

@media (width < 768px) {
  .LMtLs,
  .q48Rr {
    gap: 16px;
  }
}
.AhCYJ {
  width: calc(100% - 20px - 455px);;
}

.KNRRs {
  width: 455px;
}

.uQj_o {
  display: flex;
  flex: 1;
  justify-content: center;
  width: 100%;
}

@media (width < 1024px) {
  .AhCYJ,
  .KNRRs,
  .uQj_o {
    padding: 16px;
    width: 100%;
  }

  .ivWhN {
    flex-direction: column;
    gap: 24px;
  }
}

@media (width < 768px) {
  .ivWhN {
    gap: 16px;
  }
}
.wMKlk {
  width: 100%;
  height: 12px;
  overflow: hidden;
  border-radius: 21px;
  background-color: var(--color-purple-100);
}

.hV8Gc {
  height: 100%;
  border-radius: 21px;
  background: var(--color-purple-900);
  transition: width 0.5s ease-in-out;
}
.H3jRQ {
  padding-right: 4px;
  max-height: calc(430px - 40px);
  overflow: auto;
}
.DPHTV {
  flex-basis: calc(59% - 10px);
}

.sOzqU {
  flex-basis: calc(41% - 10px);
}

.ihMAg {
  flex-basis: calc(50% - 10px);
  align-self: flex-start;
}

.Mi7Kd {
  flex-basis: calc(50% - 10px);
  align-self: flex-start;
  max-height: 478px;
}

@media (width < 1440px) {
  .sOzqU {
    width: 100%;
    min-height: auto;
  }
}

@media (width < 1024px) {
  .BCEom {
    flex-direction: column;
  }

  .ihMAg {
    width: 100%;
  }

  .Mi7Kd {
    width: 100%;
  } 
}

@media (width <= 767px) {
  .DPHTV,
  .Mi7Kd {
    padding: 20px 10px;
    min-width: 328px;
  }
}
.KM2KV {
  max-width: 740px;
}

.SmmXD {
  align-self: end;
}
.Bl8RH {
  gap: 20px;
}

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

.lH8dj {
  margin: 0;
}

.T02AW {
  margin: 0 auto;
  margin-top: 60px; 
  max-width: 480px; 
  text-align: center;
}

.scyo7 {
  min-width: 455px;
  max-width: 598px;
}

@media (width < 768px) {
  .jEVcD {
    flex-direction: column;
  }

  .scyo7 {
    min-width: unset;
    max-width: unset;
  }
}
.tBx4X {
  margin: 16px 0;
}

@media (width <= 768px) {
  .tBx4X {
    margin-top: 30px;
  }
}

@media (width <= 368px) {
  .tBx4X {
    margin-top: 40px;
    margin-bottom: 0;
  }
}
.rjB29 {
  width: 328px;
  overflow-x: hidden;
}

.rjB29.j77kA {
    top: var(--header-height);
    padding-bottom: var(--header-height);
    width: 100%;
  }

.XRGAA {
  position: absolute;
  top: 24px;
  right: 20px;
  display: none;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--border-right-color);
  border-radius: 8px;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

.XRGAA:has(button.kDLvf) {
  border: 1px solid var(--button-border-secondary-focus);
}

.XRGAA button:focus {
  border: none;
}

.ON82I {
  flex-grow: 1;
  height: auto;
}

.YPSho {
  position: sticky;
  top: 0;
  min-width: 360px;
  max-width: 360px;
  height: auto;
}

@media (width < 1280px) {
  .XRGAA {
    display: flex;
  }
  
  .YPSho {
    display: none;
  }
}

@media (width <= 1023px) {
  .XRGAA {
    top: 16px;
    right: 16px;
  }
}

@media (width <= 767px) {
  .XRGAA {
    top: 20px;
    right: 10px;
  }
}

.anpPi {
  margin-bottom: 24px;
  line-height: 120%;
  font-weight: var(--font-weight-500); 
}

.Hba6_ {
  margin-bottom: 48px;
}

.VSQrf {
  flex-basis: 60%
}

.XFE5K {
  flex-grow: 0;
  flex-shrink: 0;
  min-width: 384px;
}

.LyC4H {
  margin-left: auto;
}

@media screen and (width <= 1439px) {
  .Hba6_ {
    margin-bottom: 20px;
  }
}

@media screen and (width <= 767px) {
  .anpPi {
    margin-bottom: 16px;
    font-size: var(--font-size-h-xs);
  }

  .XFE5K {
    flex-shrink: 1;
    min-width: auto;
  }
}
.q75_x {
  gap: 8px;
}

.CcG64 {
  max-width: 392px;
  color: var(--text-color-primary);
}

@media (width <= 469px) {
  .q75_x {
    flex-direction: column;
    gap: 0;
  }

  .CcG64 {
    margin-bottom: 16px;
  }

  .O5csZ {
    justify-content: end;
    align-self: flex-end;
  }
}
.knqPk {
  padding-bottom: 130px;
}

.NlWyN {
  padding: 52px 103px;
  border-radius: 24px;
  background: var(--color-white-900);
}

@media (width <= 992px){
  .knqPk {
    padding-bottom: 80px;
  }

  .NlWyN {
    padding: 30px;
  }
}

@media (width <= 571px){
  .knqPk {
    padding-bottom: 40px;
  }

  .NlWyN {
    padding: 16px;
  }
}

@media (width <= 469px) {
  .NlWyN {
    padding: 16px;
  }
}
.fSevG {
  margin-top: 76px;
}

@media screen and (width <= 1439px) {
  .fSevG {
    margin-top: 68px;
  }
}

@media screen and (width <= 576px) {
  .fSevG {
    margin-top: 32px;
    padding: 0 15px;
  }
}
  
  
.lUvbQ {
  flex-shrink: 0;
  width: 289px;
  height: 371px;
  overflow: hidden;
  border-radius: 12px;
}

.nOwTz {
  margin-left: -118px;
}

.e3hrl {
  margin-top: 16px;
  margin-bottom: 6px;
  line-height: 105%;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-h-xs);
}

.v0Lsq {
  line-height: 122%;
}

@media screen and (width < 768px) {
  .lUvbQ {
    padding: 24px;
  }
}
.Jj6aq {
  padding: 161px 95px 164px 77px;
  background-color: var(--background-block);
  color: var(--text-color-bright);
  text-align: center;
}

.Jj6aq > * + * {
  margin-top: 10px;
}

.y_uAG {
  position: relative;
  z-index: 0;
  line-height: 115%;
  text-transform: uppercase;
  font-size: var(--font-size-large-34);
  white-space: pre-line;
}

.y_uAG::before {
  position: absolute;
  top: 28px;
  left: 50%;
  z-index: -1;
  width: 174px;
  height: 7px;
  border-radius: 16px;
  background-color: var(--text-color-link-active);
  transform: translate(-50%, 0);
  content: '';
}

.y_uAG::after {
  position: absolute;
  bottom: 52px;
  left: 50%;
  z-index: 1;
  display: block;
  width: 61px;
  height: 64px;
  background-image: url(/assets/07fcf1ea4444782d5a62.avif);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(calc(-50% + 100px), 0);
  content: '';
}

.m959W {
  line-height: 130%;
}

@media screen and (width < 1440px) {
  .Jj6aq {
    padding: 163px 60px 161px 40px;
  }

  .y_uAG::after {
    bottom: 55px;
    transform: translate(calc(-50% + 93px), 0);
  }
}

@media screen and (width < 1024px) {
  .Jj6aq {
    padding: 130px 34px 126px;
  }

  .y_uAG {
    line-height: 120%;
    font-size: var(--font-size-h-xs);
  }

  .y_uAG::before {
    top: 16px;
    left: 50%;
    width: 101px;
    height: 5px;
  }

  .y_uAG::after {
    bottom: 30px;
    left: 115px;
    width: 50px;
    height: 50px;
    background-image: url(/assets/9e6d2501449d2092804b.avif);
  }
	
  .m959W {
    text-indent: 7%;
  }
}

@media screen and (width < 768px) {
  .y_uAG::after {
    left: 39%;
  }

  .Jj6aq {
    padding: 85px 22px 80px;
  }
}

.hjT1D .y_uAG::before,
.hjT1D .y_uAG::after {
  display: none!important;
}
.p4BxZ {
  box-shadow: var(--main-shadow);
  border: none;
  pointer-events: none;
}



.amd0y {
  margin-left: -118px;
}

@media screen and (width < 1400px) {
  .amd0y {
    margin-left: -113px;
  }
}
.BbOhM {
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 20px;
}

.BbOhM > *:first-child {
  flex: 1 0 50.8%;
}

.BbOhM > *:last-child {
  flex: 0 1 49.2%;
}

.Oot62 {
  padding: 52px;
  overflow: hidden;
  background-color: var(--color-black-50);
}

.ISrm5 {
  cursor: pointer;
}

/* stylelint-disable selector-pseudo-class-no-unknown */
.ISrm5 .slick-slide > div {
  margin: 0 10px;
}

.ISrm5 .slick-list {
  margin-left: -42px;
  overflow: visible;
}

.ISrm5 .slick-track {
  display: flex;
  flex-direction: row;
}

@media screen and (width < 1440px) {
  .BbOhM > *:first-child {
    flex: 1 0 51%;
  }

  .BbOhM > *:last-child {
    flex: 0 1 49%;
  }
}

@media (width < 1024px) {
  .Oot62 {
    padding: 24px 25px 25px 52px;
    max-height: 420px;
  }

  .BbOhM > *:first-child {
    flex: 1 0 51.5%;
  }

  .BbOhM > *:last-child {
    flex: 0 1 48.5%;
  }

}

@media screen and (width < 768px) {
  .BbOhM {
    flex-direction: column;
  }

  .Oot62 {
    padding: 16px 10px 16px 52px;
    max-height: 403px;
    background-color: var(--color-black-150);
  }
}
.uLMIs {
  padding-bottom: 5px;
  overflow: hidden;
}

.XYeno {
  cursor: pointer;
}

/* stylelint-disable selector-pseudo-class-no-unknown */
.XYeno .slick-slide > div {
  margin: 0 8px;
  width: auto;
}

.XYeno .slick-list {
  margin-left: -8px;
  overflow: visible;
}

.XYeno .slick-track {
  display: flex;
  flex-direction: row;
}



.LGeVR {
  margin-bottom: 120px;
  padding: 0;
  max-width: var(--container-width);
}

@media screen and (width < 1200px) {
  .LGeVR {
    margin-bottom: 100px;
  }
}

@media screen and (width < 1024px) {
  .LGeVR {
    max-width: var(--container-width-mobile);
  }
}

@media screen and (width < 768px) {
  .LGeVR {
    margin-bottom: 60px;
    max-width: var(--container-width-mobile);
  }
}

@media screen and (width < 360px) {
  .LGeVR {
    margin-bottom: 40px;
  }
}

.yp1Ln {
  margin-bottom: 8px;
}

.hXnln {
  margin-left: -13px;
  width: 36px;
  height: 36px;
  overflow: hidden;
  border:1px solid var(--color-white-900);
  border-radius: 50%;
}

.hXnln:first-child {
  margin-left: 0;
}

.hXnln img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hXnln.JJiUG {
  color: var(--color-white-900);
  font-size: var(--font-size-p-s)
}

@media screen and (width < 1024px) {
  .yp1Ln {
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 1;
		
  }
}

@media screen and (width < 768px) {
  .hXnln {
    margin-left: -9px;
    width: 24px;
    height: 24px;
  }

  .hXnln.JJiUG {
    font-size: var(--font-size-p-xs);
  }

  .yp1Ln {
    top: 20px;
    right: 20px;
  }
}
.mXIrT {
  width: 337px;
}


@media screen and (width < 480px) {
  .mXIrT {
    width: 100%;
  }
}


.EidFK {
  margin-top: 3px;
  margin-bottom: 6px;
  max-width: 600px;
}

.gYVST {
  line-height: 120%;
  font-weight: var(--font-weight-500);
}

.NYmpU {
  font-weight: var(--font-weight-400);
}

@media screen and (width < 1024px) {
  .EidFK {
    margin-top: 0;
    max-width: none;
    text-align: center;
  }
}

@media screen and (width < 768px) {
  .NYmpU {
    width: 92%;
  }

  .EidFK {
    margin-bottom: 2px;
  }
	
}


.pVCJd {
  max-width: 651px;
  color: var(--color-white-900);
  line-height: 109%;
  text-transform: uppercase;
  font-weight: var(--font-weight-600);
  white-space: pre-wrap;
}

.GNodM {
  display: block;
}

.GtBtE,
.wAHTK {
  display: none;
}

@media screen and (width < 1024px) {
  .pVCJd {
    max-width: none;
    text-align: center;
  }

  .GNodM {
    display: none;
  }

  .GtBtE {
    display: block;
    line-height: 115%;
    font-weight: var(--font-weight-500);
  }
}

@media screen and (width < 768px) {
  .GtBtE {
    display: none;
  }

  .wAHTK {
    display: block;
    font-size: var(--font-size-h-xs);
  }
}

.xYGYe {
  display: block;
  padding: 4px 12px;
  width: fit-content;
  box-shadow: 0 3px 0 0 var(--color-sticky-shadow);
  border-radius: 40px;
  background-color: var(--color-green-750);
}

@media screen and (width < 768px) {
  .msyY2 {
    font-size: var(--font-size-p-xss);
  }
}
@media screen and (width < 1024px) {
  .Ko3tz {
    align-items: center;
  }

  .lgS_F {
    align-items: center;
  }

  .FvBW7 {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 1
  }
}

@media screen and (width < 768px) {
  .FvBW7 {
    top: 20px;
    left: 20px;
  }
}

.kuSQA {
  position: relative;
}	

.Dkbaz {
  position: absolute;
  top: 44px;
  left: 20px;
  transform: rotate(23.6deg);
}

.nqQy9 {
  width: 471px;
  height: 572px;
  border-radius: 8px;
  background-color: var(--color-black-50);
}

.g6QlO {
  position: absolute;
  top: 60px;
  left: -101px;
  width: 164px;
  height: 215px;
  max-height: 100%;
  border-radius: 10px;
}

.vOrIk {
  position: absolute;
  bottom: 56px;
  left: 4px;
  width: 293px;
  height: 114px;
  border-radius: 10px
}

.v8Xr2 {
  position: absolute;
  top: 32.5%;
  right: -14px;
  width: 153px;
  height: 54px
}

.JB5mS {
  position: absolute;
  max-width: 120%;
  object-fit: contain;
}

@media screen and (width < 1200px) {
  .g6QlO {
    top: 60px;
    left: -72px;
  }

  .v8Xr2 {
    top: 37.5%;
    right: -14px;
  }

  .Dkbaz {
    top: 44px;
    left: 45px;
  }

  .vOrIk {
    left: 30px;
    width: 236px;
    height: 92px;
  }

  .JB5mS {
    right: -28px;
    bottom: 0;
  }

  .nqQy9 {
    width: 414px;
  }
}

@media screen and (width < 1024px) {
  .nqQy9 {
    width: 100%;
    height: 469px;
  }

  .JB5mS {
    right: 59px;
    height: 95%;
  }

  .vOrIk {
    bottom: 40px;
    left: 36px;
    width: 220px;
    height: 86px;
  }

  .v8Xr2 {
    top: 34.5%;
    right: 16px;
  }

  .g6QlO {
    top: 80px;
    left: 36px;
  }

  .Dkbaz {
    display: none;
  }
}

@media screen and (width < 768px) {
  .nqQy9 {
    height: 404px;
  }
	
  .JB5mS {
    right: 100px;
    height: 97%;
  }

  .v8Xr2 {
    scale: 1.7;
    top: 35.5%;
    right: 55px;
    width: 100px;
    height: 35px;
  }

  .g6QlO {
    scale: 1.7;
    top: 23.5%;
    left: 70px;
    width: 87px;
    height: 114px;
  }

  .vOrIk {
    scale: 1.3;
    left: 67px;
  }
}

@media screen and (width < 360px) {
  .JB5mS {
    right: 10px;
    height: 87%;
  }

  .v8Xr2 {
    scale: 1.1;
    top: 37.5%;
    right: 17px;
  }

  .g6QlO {
    scale: 1.1;
    top: 39.5%;
    left: 10px;
  }

  .vOrIk {
    display: none;
  }
}
.vUby7 {
  padding: 24px;
  border-radius: 12px;
  background-color: var(--color-purple-700);
}

.JAjs2 {  
  background-color: var(--color-white-500);
}

@media screen and (width < 1024px) {
  .vUby7 {
    position: relative;
    flex-direction: column-reverse;
    gap: 22px;
  }
}

@media screen and (width < 767px) {
  .vUby7 {
    gap: 17px;
    padding: 10px;
  }
}
.ooUda {
  height: 100%;
}

.Wn9aB {
  height: 371px;
}

.K7mCW {
  width: 288px;
  height: 250px;
  object-fit: contain;
}

.DWb6q {
  margin-top: 10px;
  max-width: 189px;
  text-align: center;
}

/* stylelint-disable selector-pseudo-class-no-unknown */
.slick-dots {
  bottom: -33px !important;
}

.slick-dots li {
  margin: 0 -6px !important;
}

.slick-dots li button::before {
  width: 10px !important;
  height: 20px !important;
  color: var(--color-white-900) !important;
  opacity: 1 !important;
}

.slick-dots li.slick-active button::before {
  color: var(--color-purple-900) !important;
}

@media screen and (width < 1200px) {
  .Wn9aB {
    height: 346px;
  }
}

@media screen and (width < 768px) {
  .slick-dots {
    display: none !important;
  }
}
.Dpvd8 {
  padding: 52px;
  max-width: 598px;
  border-radius: 0 20px 20px 0;
  background-color: var(--color-purple-700);
}

.oLrb1{
  background-color: var(--color-white-500);
}

.YQR2N {
  box-shadow: 0 4px 20px rgb(0 0 0 / 10%);
  border-radius: 12px;
  background-color: var(--color-white-900);
}

@media screen and (width < 1200px) {
  .Dpvd8 {
    padding: 24px 24px 50px;
    max-width: 315px;
  }
}

@media screen and (width < 768px) {
  .Dpvd8 {
    align-self: center;
    padding: 10px;
    max-width: 340px;
    border-radius: 20px
  }
}
.gahnk {
  flex: 1 1 50%;
  align-items: center;
  margin-top: 6px;
}

.A9dbV {
  position: relative;
  width: 100%;
  max-width: 448px;
  text-align: center;
}

.enGS3 {
  text-transform: uppercase;
  font-weight: var(--font-weight-500);
}

.enGS3::before {
  position: absolute;
  top: -35px;
  right: 68px;
  width: 61px;
  height: 64px;
  background-image: url(/assets/bbc408c5f46d8fa1abc9.avif);
  background-size: contain;
  content: '';
}

.enGS3::after {
  position: absolute;
  top:65.5px;
  left: 204px;
  width: 123px;
  height: 7px;
  border-radius: 16px;
  background-color: var(--color-purple-700);
  content: '';
  opacity: 0.9;
}

.gahnk p {
  margin-top: 10px;
  line-height: 130%;
}

@media screen and (width < 1200px) {
  .A9dbV {
    max-width: 298px;
  }

  .enGS3 {
    position: relative;
    align-self: center;
    width: 232px;
    line-height: 120%;
    font-size: var(--font-size-h-xs);
  }
	
  .gahnk p {
    line-height: 130%;
    font-weight: var(--font-weight-400);
    font-size: var(--font-size-p-m);
  }

  .enGS3::before {
    top: -36px;
    right: 14px;
    width: 54px;
  }

  .enGS3::after {
    top: 40px;
    left: 105px;
    width: 72px;
    height: 5px;
  }
}

@media screen and (width < 768px) {
  .A9dbV {
    margin-bottom: 16px;
    max-width: 320px;
    color: var(--color-white-900);
  }

  .enGS3, .gahnk p {
    color: var(--color-white-900);
  }

  .enGS3::after {
    display: none
  }
}

.oCG7t .enGS3::before,
.oCG7t .enGS3::after {
  display: none!important;
}
.GfVdY {
  margin-top: 142px;
  border-radius: 20px;
  background-color: var(--background-block);
}

@media screen and (width <= 1200px) {
  .GfVdY {
    margin-top: 119px;
  }
}

@media screen and (width <= 768px) {
  .GfVdY {
    margin-top: 94px;
  }
}

@media screen and (width < 768px) {
  .GfVdY {
    flex-direction: column-reverse;
    margin-top: 40px;
    background-color: var(--color-purple-700);
  }

  .FAhC3{
    background-color: var(--color-white-500);
  }
}

.lilFd {
  box-sizing: border-box;
  width: 80%;
  box-shadow: var(--main-shadow);
  border-radius: 16px;
  object-fit: contain;
}

.lONHf {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  border-radius: 12px;
  background-color: var(--background-light-block);
}

.dKF_X {
  place-self: flex-end flex-end;
  width: 50%;
}

.u3oxC {
  align-items: stretch;
  column-gap: 20px;
  padding: 24px;
  box-sizing: border-box;
  height: 261px;
  box-shadow: var(--main-shadow);
  border-radius: 20px;
  background-color: var(--background-block);
}

.p3lj3 {
  position: relative;
  left: 5px;
  z-index: 2;
  display: inline-block;
}

.p3lj3::before {
  position: absolute;
  top: -4px;
  left: -5px;
  z-index: -1;
  display: block;
  width: 34px;
  height: 32px;
  border-radius: 8px;
  content: '';
}

.p3lj3.QgLha::before { 
  box-shadow: 0 2px 0 0 var(--color-yellow-900);
  background-color: var(--icon-background-yellow)
}

.p3lj3.hHP_s::before { 
  box-shadow: 0 2px 0 0 var(--svg-color-green);
  background-color: var(--icon-background-green);
}

@media screen and (width < 1440px) {
  .lONHf {
    min-width: 231px;
    height: 198px;
  }

  .u3oxC {
    padding: 16px;
    height: 231px;
  }
}

@media screen and (width < 1024px) {
  .lONHf {
    min-width: 40%;
    height: auto;
  }

  .lilFd {
    height: 90%;
  }

  .dKF_X {
    width: 406px;
  }

  .u3oxC {
    height: auto;
  }
}

@media screen and (width < 768px) {
  .dKF_X {
    width: 100%;
    height: auto;
  }

  .lONHf {
    padding-bottom: 90%;
    width: 100%;
    height: 100%;
    min-height: 180px;
  }
    
  .lilFd {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 90%;
    transform: translate(-50%, -50%);
    object-fit: contain;
  }

  .u3oxC {
    align-items: center;
    padding: 10px;
  }
}
.P1zJd {
  row-gap: 20px;
  width: 100%;
}


.nnE58 {
  padding: clamp(10px, 1.5vw, 24px);
  box-sizing: border-box;
  width: 100%;
  height: 428px;
  box-shadow: var(--main-shadow);
  border-radius: 20px;
  background-color: var(--background-purple-block);
}

.YnBNp {
  width: 100%;  
  background-color: var(--color-white-500);
}

.gZWKI {
  box-sizing: border-box;
  width: 90%;
  box-shadow: var(--main-shadow);
  border-radius: 16px;
  object-fit: contain;
}

.qCXs8 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background-color: var(--background-light-hover);
}

@media (width >= 768px) {
  .nnE58 {
    height: 521px;
  }  
}

@media (width >= 1024px) {
  .nnE58 {
    height: 480px;
  }
}

@media (width >= 1440px) {
  .nnE58 {
    padding: 24px;
    height: 543px;
  }
}
.AOus1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 130%;
  white-space: pre-line;
}

.sn2SG {
  margin-bottom: 10px;
}

.uNDNM {
  margin-bottom: 20px;
}

.oU6PR {
  gap: 20px;
  margin-bottom: 120px;
  width: 100%;
}

.GN6QN {
  align-self: baseline;
}

@media (width < 1200px) {
  .oU6PR {
    margin-bottom: 100px;
  }
}

@media (width < 768px) {
  .oU6PR {
    margin-bottom: 70px;
  }
}

@media screen and (width < 360px) {
  .oU6PR {
    margin-bottom: 40px;
  }
	
  .sn2SG {
    font-size: var(--font-size-h-xs);
  }
}
.uqYhv {
  padding: 20px;
  width: 289px;
  height: 261px;
  box-shadow: var(--main-shadow);
  border-radius: 20px;
  background: #FFF;
}

.drDPr {
  margin-bottom: 28px;
}

.drDPr img {
  width: 80px;
  height: auto;
}


.Ch1wr {
  margin-bottom: 12px;
}

.rZVXs {
  height: 44px;
}

@media screen and (width < 1440px) {
  .uqYhv {
    padding: 16px;
    width: 100%;
    height: 253px;
  }
}

@media screen and (width < 768px) {
  .uqYhv {
    padding: 16px;
    width: 100%;
    height: 253px;
  }
}

@media screen and (width <= 360px) {
  .uqYhv {
    padding: 16px 10px;
    width: 100%;
    height: 245px;
  }
	
  .drDPr {
    margin-bottom: 20px;
  }
}


.XjCN_ {
  margin: 120px 0;
}

.Ftlga {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(251px, 1fr));
  grid-auto-rows: minmax(100px, auto);
  grid-gap: 20px;
}

.KGu9c {
  margin-bottom: 30px;
  text-transform: uppercase;
  font-weight: var(--font-weight-500);
}

.U2TmY {
  margin: 40px auto 0 ;
  width: 340px;
  height: 44px;
}

@media screen and (width < 1440px) {
  .XjCN_ {
    margin-bottom: 100px;
  }
}

@media screen and (width < 1024px) {
  .XjCN_ {
    margin-bottom: 76px;
  }
}

@media screen and (width < 768px) {
  .XjCN_ {
    margin-bottom: 40px;
  }
}

@media screen and (width < 360px) {
  .KGu9c {
    font-size: var(--font-size-h-xs);
  }
}
.rj5d_ {
  width: 392px;
  height: auto;
}

.O2zQc {
  width: 392px;
  height: auto;
}

.cnPge {
  margin-bottom: 24px;
}

@media screen and (width <= 1023px) {
  .cnPge {
    margin-bottom: 20px;
  }
}

@media screen and (width <= 767px) {
  .cnPge {
    margin-bottom: 16px;
  }
}
.oRNUm {
  padding-top: 16px;
}
.AlehH {
  flex-grow: 1;
  padding: 24px 20px 40px;
  height: auto;
}

.v3Znm {
  position: sticky;
  top: 0;
  min-width: 360px;
  max-width: 360px;
  height: auto;
}

.__a4n {
  border: 1px solid var(--border-right-color);
  border-radius: 8px;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

.__a4n button:focus {
  border: none;
}

.NMyXg {
  width: 328px;
  overflow-x: hidden;
}

.vWvOj {
  padding: 8px 16px 16px;
}

@media screen and (width <= 1023px) {
  .AlehH {
    padding: 20px 16px 40px;
  }

  .v3Znm {
    display: none;
  }
}

@media screen and (width <= 767px) {
  .AlehH {
    padding: 20px 10px;
  }
}
.QjRna {
  gap: 20px;
  color: var(--text-color-bright);
  font-weight: var(--font-weight-500);
}

.QjRna > div {
  height: auto;
}

.O8bgx {
  display: grid;
  grid-template-rows: repeat(2, auto);
  grid-template-columns: 1fr auto;
}

.SuBbO {
  font-size: var(--font-size-h-xs);
}

.AV6LH {
  color: var(--text-color-lightest);
  font-size: var(--font-size-p-s);
}

.aFKnt {
  grid-column: span 2;
}

.QUuXp {
  position: relative;
}

.X__Se {
  position: relative;
  margin-left: auto;
  background-color: var(--button-background-destructive-secondary);
  color: var(--button-text-color-destructive-secondary);
  font-weight: var(--font-weight-600);
}

.X__Se:hover {
    background-color: var(--button-background-destructive-secondary-hover);
  }

.X__Se:focus {
    border: 1px solid var(--button-border-destructive-secondary-focus);
    background-color: var(--button-background-destructive-secondary-focus)
  }

.X__Se:active {
    background-color: var(--color-red-300);
    color: var(--button-text-color-destructive-secondary-active);
  }


.B7Pm4{
  padding: 24px;
}

.GPBTU {
  display: grid;
  grid-template: auto 1fr auto / minmax(50%, auto) minmax(300px, 526px);
  grid-template-areas:
    'question image'
    'wrapper image'
    'buttons image';
  gap: 16px 20px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--border-color);
}

.GEsYC {
  grid-area: wrapper;
}

.W4_si {
  display: list-item;
  grid-area: question;
  list-style: none;
}

.EkfE5 {
  grid-area: buttons;
}

.kHF8L {
  grid-area: image;
  flex-grow: 1;
  width: 100%;
  height: clamp(170px, 30vw, 303px);
  border-radius: 24px;
}

@media (width <= 1024px) {
  .GPBTU {
    grid-template-columns: auto;
    grid-template-areas: 
      'question'
      'image'
      'wrapper'
      'buttons';
  }
}

@media (width <= 767px) {
  .QjRna > div {
    padding: 20px 10px;
  }

  .QUuXp {
    gap: 16px;
  }
}

@media (width <= 480px) {
  .O8bgx {
    grid-template-rows: repeat(3, auto);
  }

  .SuBbO {
    grid-row: 1 / 2;
    grid-column: 1 / -1;
  }

  .AV6LH {
    grid-row: 3 / 4;
    grid-column: 2 / 3;
  }

  .aFKnt {
    grid-row: 2 / 3;
    grid-column: 1 / -1;
  }
}
.nJwaO {
  gap: 0;
  width: 100%;
}

@media screen and (width <= 1023px) {
  .nJwaO {
    padding: 20px 16px;
  }
}

@media screen and (width <= 767px) {
  .nJwaO {
    padding: 20px 10px;
  }
}

.Z9EVV {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.Tsu1a {
  width: 20px;
  height: 20px;
  color: var(--color-purple-700)
}

.IOPzR p {
  display: inline;
}

.qGZkc {
  width: 100%;
}
@media screen and (width <= 1023px) {
  .TtfAa {
    padding: 20px 16px;
  }
}

@media screen and (width <= 767px) {
  .TtfAa {
    padding: 20px 10px;
  }
}
.Yf1UZ {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin-bottom: 36px;
  border-bottom: 1px solid var(--color-black-50);
}

.Yf1UZ h2 {
  line-height: 27.32px;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-l);

}

.NaOXv {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  list-style-type: none;
  scrollbar-width: none;
}

.ClAo8 {
  flex-shrink: 0;
  padding-bottom: 8px;
  color: var(--color-black-500);
  line-height: 21.86px;
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-m);
  cursor: pointer;
}

.ClAo8.RNqcM {
  position: relative;
  color: var(--color-black-800);
}

.ClAo8.RNqcM::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 18px;
  background: var(--background-primary);
  transition: all .3s ease-in-out;
  content: '';
}
.B9n0h {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 48px;
  padding: 16px;
  width: 100%;
  max-width: 408px;
  border-radius: 20px;
  background-color: var(--color-label-bg);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-s);
}

.dqbJF {
  cursor: pointer;
}
.U2Ll2 {
  display: flex;
  width: auto;
  min-height: 48px;
}

.U2Ll2 input {
  color: var(--color-black-900);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-m);
}

.UfysC {
  width: 100%;
  max-width: 320px;
}

.UfysC > span {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--color-black-700);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-s);
}

.CkGry {
  display: flex;
  gap: 4px;
  margin-top: 8px;
}

.PKZYY > button {
  cursor: pointer;
}
.Fpxgf {
  flex: 1 0 350px;
}
  
.Fpxgf h3 {
  margin-bottom: 8px;
  color: var(--color-black-800);
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-l);
}
  
.Fpxgf p {
  margin-bottom: 8px;
  color: var(--color-black-800);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-s)
}
  
.WiMlZ {
  width: 100%;
  max-width: 706px;
}
  
.tymjm {
  padding: 16px;
  width: 100%;
  max-width: 706px;
  height: 150px;
  overflow-y: auto;
  border: 1px solid var(--color-black-50);
  border-radius: 16px;
  resize: none;
}
 
.tymjm::-webkit-scrollbar {
  width: 3px; 
}
 
.tymjm::-webkit-scrollbar-thumb {
  background-color: rgb(0 0 0 / 0%);
}

.tymjm:focus {
  outline: none;
}

@media (width <= 1440px) {
  .Fpxgf {
    flex-basis: 230px;
  }
}

@media (width <= 768px) {
  .HwAZX {
    flex-wrap: wrap;
  }
}
.q6UA0 {
  width: 100%;
}

.QkqOY {
  position: relative;
  width: 170px;
  min-height: 188px;
}

.X9RG7 {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
}

.Lkbj1 {
  position: absolute;
  right: 50%;
  bottom: -28px;
  width: max-content;
  max-width: 170px;
  border: none;
  background-color: transparent;
  color: var(--color-red-600);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-s);
  transform: translateX(50%);
  cursor: pointer;
}

@media (width <= 768px) {
  .koxC5 {
    flex-wrap: wrap;
    justify-content: center;
  }

  .QkqOY {
    width: 100%;
  }

  .Lkbj1 {
    align-self: center;
  }
}

.rS2k2 {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 40px;
  color: var(--text-color-light);
}

.TzR3V {
  margin-bottom: 25px;
}

.qE0Rb {
  max-width: 500px;
  max-height: 500px;
  border-radius: 24px;
}

.GSdGK {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin-top: 30px;
  padding: 30px 40px;
  border-radius: inherit;
  background: var(--background-app);
}

.qBwLl {
  aspect-ratio: 1;
  border-radius: 100%;
}

.CKHFL {
  width: 76px;
  height: 76px;
}

.F65Fd {
  width: 26px;
}

.cropper-container {
  position: relative;
  direction: ltr;
  line-height: 0;
  font-size: var(--font-size-none);
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
}

.cropper-container img {
  display: block;
  width: 100%;
  min-width: 0 !important;
  max-width: none !important;
  height: 100%;
  min-height: 0 !important;
  max-height: none !important;
  backface-visibility: hidden;
  image-orientation: 0deg;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  object-fit: contain;
  inset: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: var(--color-white-900);
  opacity: 0;
}

.cropper-modal {
  background-color: var(--color-black-900);;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 16px;
}


.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}

.cropper-face {
  top: 0;
  left: 0;
  background-color: var(--color-white-900);
}

.cropper-line {
  background-color: var(--color-purple-700);;
  opacity: 1;
}

.cropper-line.line-e {
  top: 0;
  right: 0;
  width: 1px;
  cursor: ew-resize;
}

.cropper-line.line-n {
  top: 0;
  left: 0;
  height: 1px;
  cursor: ns-resize;
}

.cropper-line.line-w {
  top: 0;
  left: 0;
  width: 1px;
  cursor: ew-resize;
}

.cropper-line.line-s {
  bottom: 0;
  left: 0;
  height: 1px;
  cursor: ns-resize;
}

.cropper-point {
  width: 5px;;
  height: 5px;
  background-color: var(--color-purple-700);
  opacity: 1;
}


.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: nesw-resize;
}

.cropper-point.point-n, .cropper-point.point-w, .cropper-point.point-e, .cropper-point.point-s {
  display: none;
}

.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nwse-resize;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  cursor: nwse-resize;
}

.cropper-point.point-se::before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  background-color: var(--color-purple-700);
  content: ' ';
  opacity: 0;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}

.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.JZ_Xu {
  flex: 1 0 350px;
}
  
.JZ_Xu h3 {
  margin-bottom: 8px;
  color: var(--color-black-800);
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-l);
}
  
.JZ_Xu p {
  margin-bottom: 8px;
  color: var(--color-black-800);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-s)
}

.mOJrx {
  flex-wrap: wrap;
  max-width: 660px;
}

.wz0Xu {
  width: 100%;
  max-width: 320px;
}

.wz0Xu > span {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--color-black-700);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-s);
}

.Ef2Kf {
  display: flex;
  width: auto;
  max-width: 328px;
  min-height: 48px;
}

.Ef2Kf input {
  color: var(--color-black-900);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-m);
}

.dC7SJ {
  width: 100%;
  max-width: 320px;
}

.dC7SJ > span {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--color-black-700);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-s);
}

@media (width <= 1440px) {
  .T09VB {
    flex-direction: column;
  }

  .JZ_Xu {
    flex-basis: auto;
  }
}

@media (width <= 768px) {
  .qoZFk {
    gap: 24px;
  }

  .JVKxD {
    flex-wrap: wrap;
  }
}
.zEdJk {
  flex: 1 0 350px;
}

.zEdJk h3 {
  margin-bottom: 8px;
  color: var(--color-black-800);
  font-weight: var(--font-weight-600);
  font-size: var(--font-size-p-l);
}
    
.zEdJk p {
  margin-bottom: 8px;
  color: var(--color-black-800);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-s)
}
  
.XEpnU {
  width: 100%;
  max-width: 320px;
}
  
.XEpnU span {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--color-black-700);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-s);
}
  
.XfUNG {
  width: 100%;
  max-width: 706px;
}

.XfUNG > span {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--text-color-light);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-s);
}

.plETT {
  min-height: 48px;
  border-radius: 68px;
}
  
.plETT input {
  color: var(--color-black-900);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-m);
}

.QVxK6 {
  font-weight: var(--font-weight-500);
  font-size: var(--color-black-800);
}

@media (width <= 1200px) {
  .zEdJk {
    flex-basis: 230px;
  }
}

@media (width <= 992px) {
  .gKv0m {
    flex-wrap: wrap;
  }
}
section * {
  list-style: none;

}

.ZffXd {
  padding: 24px;
  width: 100%;
  border-radius: 24px;
  background: var(--color-white-900);
}

.ZffXd form {
  margin-top: 36px;
}

.Q5wj5 {
  margin-top: 36px;
}

.Whr8j {
  padding-top: 0;
  height: auto !important;
}

.RnduG {
  gap: 120px;
  max-width: 1034px;
}

.f0W8i {
  margin-left: auto;
}
.rw38J {
  margin: 0;
}

.fYcv5 {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.v1TsZ { 
  display: flex; 
  flex-direction:column; 
  gap: 20px 
}

.HG8p1 {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
  width: 66%;
}

.N4CIL {
  width: 360px;
}

.RFYce {
  margin: 16px 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-black-50);
}

.b04nA, 
.OxIuB {
  gap: 0;
  height: auto;
} 

.b04nA {
  padding: 16px;
}

.q9j8_ {
  display: flex;
  gap: 16px;
}

.OxIuB {
  padding: 24px;
}

.b04nA, 
.OxIuB:not(:last-child) {
  margin-bottom: 24px;
}

._5EaEU {
  margin-bottom: 20px;
}

.ewbnn {
  margin-left: auto;
  width: 100px;
  height: 20px;
}

@media (width <= 1280px) {
  .ewbnn {
    width: 20px;
  }
}

@media (width <= 1440px) {
  .fYcv5 {
    flex-direction: column-reverse;
  }

  .N4CIL {
    flex: 1;
    width: 100%;
  }

  .HG8p1 {
    width: 100%;
  }
}

@media (width <= 720px) {
  .q9j8_ {
    flex-direction: column;
  }

  .wQG_M {
    order: -1;
  } 

  .mIKVy {
    min-height: 100%;
  }
}
.qQEu6 {
  margin: 0;
}

.r14Wx {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.KDSjl { 
  display: flex; 
  flex-direction:column; 
  gap: 20px 
}

.QgK2S {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
  width: 66%;
}

.u73M2 {
  width: 360px;
}

.HvmOU {
  margin: 16px 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-black-50);
}

.J2vuS, 
.glh5C {
  gap: 0;
  height: auto;
} 

.J2vuS {
  padding: 16px;
}

.olP9x {
  display: flex;
  gap: 16px;
}

.glh5C {
  padding: 24px;
}

.J2vuS, 
.glh5C:not(:last-child) {
  margin-bottom: 24px;
}

.eitD3 {
  margin-bottom: 20px;
}

.xvByc {
  margin-left: auto;
  width: 100px;
  height: 20px;
}

@media (width <= 1280px) {
  .xvByc {
    width: 20px;
  }
}

@media (width <= 1440px) {
  .r14Wx {
    flex-direction: column-reverse;
  }

  .u73M2 {
    flex: 1;
    width: 100%;
  }

  .QgK2S {
    width: 100%;
  }
}

@media (width <= 720px) {
  .olP9x {
    flex-direction: column;
  }

  .QPbOr {
    order: -1;
  } 

  .Gd78U {
    min-height: 100%;
  }

  .r14Wx {
    gap: 0
  }
}
.tg8ee {
  display: flex;
  align-items: center;
  gap: 8px;
  width: auto;
  transition: padding-left 0.5s ease-in-out;
}

.RA1_x {
  width: 33px;
  height: 33px;
  border-radius: 50%;
}

.in59j{
  display: block;
  width: 99px;
  height: 32px;
}

.kwTsI > path {
  fill: var(--color-white-900);
}

.QkafX > path {
  fill: var(--color-black-800);
}

.H2fG3 {
  transition: padding-left 0.4s ease-in-out;
}

.qizXY {
  pointer-events: none;
}

@media (width < 768px) {
  .dykHb {
    display: none;
  }
}

.AAOBu {
  padding: 80px;
  border-radius: 0;
  background-color: var(--background-light-hover);
}

.F48gZ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

.i_5Cb {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.j0gv8 {
  margin: 0;
  color: var(--text-color-black-landing);
  line-height: 75px;
  text-transform: uppercase;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-h-xxl);
}

.lTgaX {
  margin: 0;
  color: var(--text-color-light);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-h-xs);
}
	
.tdChF {
  margin: 0;
  color: var(--text-color-light);
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-s);
}
.MGRSL {
  display: flex;
  align-items: center;
  list-style-type: none;
}

.MGRSL:not(:last-of-type) {
  margin-bottom: 10px;
}

.OxhUE {
  display: block;
  margin-right: 12px;
  max-width: 18px;
  max-height: 18px;
}
.oaYh1{
  display: flex;
  flex-direction: column;
}

.JQ3VK {
  margin-bottom: 14px;
  line-height: 120%;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-h-s);
}

.aElrw {
  margin: 0;
  padding: 0;
}
.j2A4y {
  display: flex;
  flex: 1 0 42%;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  background-color: var(--background-primary);
  color: var(--color-white-900);
}

.MHojP { 
  display: flex; 
  flex-grow: 1;
  flex-direction: column; 
  justify-content: space-between; 
  align-items:center; 
  margin-top: 74px;
  margin-bottom: 70px; 
  max-width: 333px;
}


.Z0wjo{
  display: flex;
  flex-direction: column;
}

.Mkgrs {
  margin-bottom: 8px;
  max-width: 189px;
}

.Mkgrs > a > svg {
  max-height: 45px;
}

.Ecb6d {
  line-height: 127%;
  font-weight: var(--font-weight-400);
  font-size: var(--font-size-p-m);
  font-style: normal;
}

@media (width <= 768px) {
  .j2A4y {
    display: none;
  }
}

@media ( width > 768px){
  .MHojP{ 
    padding-right: 10px;
    padding-left: 10px; 
    max-width: none;
  }
}
.cVjhD {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100vw;
  height: 100vh;
}

.SBPMU {
  display: none;
  align-self: start;
  padding: 20px 30px;
}

.SBPMU svg {
  display: block;
}

@media (width <= 768px) {
  .cVjhD {
    flex-direction: column;
  }
	
  .SBPMU {
    display: block;
  }
}

@media (width <= 480px) {
  .SBPMU {
    padding: 12px 16px;
  }
}
.i4cXX {
  position: fixed;
  bottom: 20px;
  left: 50%;
  z-index: 1000;
  gap: 10px;
  margin: 20px;
  padding: 24px;
  width: 90%; 
  max-width: 1120px; 
  min-height: 96px;
  box-shadow: var(--main-shadow);
  border-radius: 24px;
  background-color: var(--color-white-900);
  transform: translateX(-50%);
}

.o2nrQ{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%; 
}

.eTyOV {
  width: 773px;
}

.XsjqC{
  display: inline;
}

.nzAZn{
  flex-shrink: 0;
  width: 256px;
  font-size: var(--font-size-p-l);
}

@media (width < 1024px) {
  .i4cXX {
    max-width: 708px;
    min-height: 124px;
  }

  .nzAZn{
    width: 170px;
  }
}

@media (width <= 768px) {
  .i4cXX {
    max-width: 328px;
    min-height: auto;
  }
  
  .eTyOV {
    width: 280px;
  }

  .o2nrQ{
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.P9KzA {
  display: flex;
  justify-content: center;
  padding: 40px 0 18px;
  background: var(--color-purple-1000);
}

._DQmX {
  flex-direction: column;
  width: 100%;
  max-width: var(--container-width);
}


@media screen and (width < 1440px) {
  .P9KzA {
    padding: 40px 60px 18px;
  }
}


@media screen and (width < 1200px) {
  .P9KzA {
    padding: 30px 30px 18px;
  }
}


@media screen and (width < 768px) {
  .P9KzA {
    padding: 10px 10px 16px;
  }
}

.PNvDt {
  flex-direction: column;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--color-border);
}

.ISi1m {
  width: 99px;
  height: 32px;
}

.Bsvrn {
  margin: 12px 0 14px;
}

.Q2Cis {
  margin-bottom: 18px;
}

@media screen and (width < 768px) {
  .Q2Cis {
    margin-bottom: 16px;
  }
}
.gtoSu {
  align-items: center;
  gap: 8px;
  max-height: 28px;
}

.r8yFp {
  margin-right: 10px;
}

.Ukq69, 
.lax2M,
.ptMQU {
  padding-top: 5px;
}

.Ukq69 svg path:nth-child(1) {
  fill: #00BCFF;
}

.Ukq69 svg path:nth-child(2) {
  fill: #00CF7F;
}

.Ukq69 svg path:nth-child(3) {
  fill: #FF7361;
}

.Ukq69 svg path:nth-child(4) {
  fill: #FF4D12;
}

.Ukq69 svg path:nth-child(5) {
  fill: #B659FF;
}


@media screen and (width < 768px) {
  .r8yFp {
    margin-right: 4px;
  }
}

.GkPPO {
  position: relative;
  width: 40px;
  height: 40px;
}

.D1DBQ {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.HnIRv {
  width: 40px;
  height: 40px;
  border: 1px solid var(--background-primary);
  border-radius: 10px;
}
.w7jfF {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.zAlkc {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
}

.zAlkc:hover {
  cursor: pointer;
}

.zAlkc:hover img {
  border: 1px solid var(--border-image-hover);
  border-radius: 10px;
}

.vYsZl {
  margin-right: 12px;
  line-height: normal;
}

.arsC0 {
  position: absolute;
  top: 46px;
  right: 0;
  z-index: 2;
  padding: 6px;
  box-sizing: border-box;
  min-width: 192px;
  border-radius: 12px;
  background-color: var(--background-block);
}

.qECxy {
  display: flex;
  align-items: center;
  padding: 6px;
  border-radius: 12px;
}

.qECxy:hover {
  background-color: var(--background-light-hover);
  color: var(--border-image-hover);
}

.YSU6P {
  cursor: pointer;
  color: var(--text-color-black-landing);
}


.CKPsn {
  margin-right: 15px;
  max-width: 24px;
}
.UL4G7:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.ghptg {
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-p-l);
  transition: background-color 0.2s ease;
}
.t005D {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height:24px;
}
.i2n7n {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height:24px;
}
.VY3X4 {
  padding: 6px;
  overflow-y: hidden !important; /* important необходим для переопределения стилей портала */
  border: none;
  border-radius: 0 0 6px 6px;
  transform: translateX(0) translateY(11px);
}

.hF3oX {
  padding: 0;
  width: fit-content;
  height: fit-content;
}

.hF3oX:hover {
    border-radius: 4px;
  }

.hF3oX:focus {
    border: none;
    border-radius: 4px;
  }

.S8u11 {
  width: 32px;
  height: 32px;
}


@media screen and (width < 768px) {
  .VY3X4 {
    transform: translateX(0) translateY(6px);
  }
}

@media screen and (width < 350px) {
  .VY3X4 {
    transform: translateX(37px) translateY(43px);
  }
}
.EY4QI {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  width: 100%;
  min-height: 38px;
  border-radius: 12px;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}
  
.EY4QI:hover{
  background-color:var(--color-black-30);
}

.EY4QI > *:hover {
  color: var(--color-purple-800);
}
  
.EY4QI.uTKXr {
  background-color: var(--color-black-30);
}
  
.EY4QI.uTKXr > * {
  color: var(--color-purple-800);
}

@media screen and (width < 1200px) {
  .EY4QI {
    min-width: 192px;
  }
}
.Ts1qE {
  padding: 6px;
  overflow-y: hidden !important; /* important необходим для переопределения стилей портала */
  border: none;
  border-radius: 0 0 6px 6px;
  transform: translateX(84px) translateY(17px);
}

.cr4AE:hover{
  -webkit-text-decoration: none;
  text-decoration: none;
}

.ROLjM {
  transform: rotate(180deg);
}

@media screen and (width < 768px) {
  .Ts1qE {
    transform: translateX(0) translateY(12px);
  }
}
.KxvhQ {
  display: flex;
  justify-content: center;
  background-color: var(--color-white-900);
}

.jVlPE {
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  width: 100%;
  max-width: var(--container-width);
}

.L_jtj {
  align-items: center;
  gap: 42px;
}

@media screen and (width < 1440px) {
  .KxvhQ {
    padding: 0 60px;
  }
}

@media screen and (width < 1200px) {
  .KxvhQ {
    padding: 0 30px;
    border-bottom: 1px solid var(--color-black-50);
  }
  
  .jVlPE {
    padding: 15px 0;
  }

  .L_jtj {
    gap: 34px;
  }
}

@media screen and (width < 768px) {
  .KxvhQ {
    padding: 0 10px;
  }

  .jVlPE {
    padding: 10px 0;
  }

  .L_jtj {
    gap: 20px;
  }
}

.wsSYj {
  display: flex;
  justify-content: center;
  padding: 20px 0 120px;
  min-height: calc(100vh - var(--header-height-lg));
}

.z09OZ {
  width: 100%;
  max-width: var(--container-width);
}

@media (width < 1440px) {
  .wsSYj {
    padding: 30px 60px 120px;
  }
}

@media (width < 1200px) {
  .wsSYj {
    padding: 30px 30px 80px;
    min-height: calc(100vh - var(--header-height-md));
  }
}

@media (width < 768px) {
  .wsSYj {
    padding: 20px 10px 40px;
    min-height: calc(100vh - var(--header-height-sm));
  }
}
.JUBiK {
  color: var(--text-color-light);
}

.iAdPv {
  color: var(--text-color-link-active);
}
.OZXHz {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
  height: 27px;
}

.wXImM {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (width <= 767px) {
  .wXImM:not(:nth-last-child(2)) {
    display: none;
  }

  .wXImM:nth-last-child(2) .awCRv {
    transform: rotate(180deg);
  }

  .OZXHz {
    margin-bottom: 20px;
  }
}

.bwFUv {
  margin-right: 7px;
  width: 21.5px;
  height: 21.5px;
}

.ajQiJ {
  justify-content: start;
  padding-left: 10px;
  height: 38px;
  border-radius: 12px;
  color: var(--color-black-1000);
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-p-m);
}

.ajQiJ:hover {
  background-color: var(--color-black-30);
}

.IPhqE{
  min-width: 242px;
}

.Y73zk{
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: solid 1px #EAEAEA;
}

.vWJ0C{
  text-align: center;
}

.s1HDU{
  margin-bottom: 5px;
}

.XYrTa {
  width: 58px;
  height: 58px;
  overflow: hidden;
  border: solid 1px var(--color-purple-700);
  border-radius: 10px;
}

.bwgg0 {
  width: 100%;
  height: 100%;
}

._hn1O, .b9LMN {
  max-height: 38px;
  pointer-events: none;
}
  
._hn1O {
  background-color: var(--color-yellow-900);
}
  
._hn1O:focus {
    border: none;
    background-color: var(--color-yellow-900);
  }

.b9LMN {
  background-color: var(--color-purple-500);
}

.b9LMN:focus {
    border: none;
    background-color: var(--color-purple-500);
  }

.zhX02{
  width: 24px;
  height: 24px;
}
.BhfZi {
  display: flex;
  align-items: center;
  gap: 16px;
  border: none;
  background-color: inherit;
  cursor: pointer;
}

.UzWVs {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.sGaro {
  width: 40px;
  height: 40px;
}

.Xjlsi {
  display: flex;
  align-items: center;
  gap: 26px;
}

.xOtmv {
  cursor: pointer;
}

.cZmIA {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding:6px 6px 14px;
}

.QRuoN {
  justify-content: start;
  gap:15px;
  padding: 6px 10px;
  min-width: 192px;
  border-radius: 12px;	
}

.NwhFh > .QRuoN {
  background-color: var(--palette-ui-black-25);
  color:var(--button-text-color-secondary-active)
}

.NwhFh svg {
  fill: var(--button-text-color-secondary-active)
}

.yQ0Yy, .Lr_Xe {
  width: 39px;
  height: 39px;
}

.yQ0Yy {
  fill: var(--color-purple-500);
  color: var(--color-white-900);
}

.Lr_Xe {
  color: var(--color-yellow-900);
}

@media (width < 1024px) {
  .Xjlsi {
    display: none;
  }
  
  .BhfZi {
    display: none;
  }
}

.smzBL {
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 0 20px;
  height: 100%;
  border-bottom: 1px solid var(--border-color);
  transition: border-color 0.3s ease-in-out;
}

.ZYIJK {
  display: none; 
  padding: 0;
}

.NLnYE {
  display: none; 
}

@media (width < 1024px) {
  .ZYIJK {
    display: block;
  }

  .smzBL {
    justify-content: space-between;
    padding: 15px 20px;
  }
	
  .NLnYE {
    display: block;
  }
}

@media (width <= 767px) {
  .smzBL {
    justify-content: space-between;
    padding: 10px;
  }
}

@media (width < 480px) {
  .smzBL {
    border-bottom: 1px solid transparent;
  }
}
.yRoeW {
  max-width: 40px;
  max-height: 40px;
}
.DQ_eA {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  border-radius: 12px;
  background-color: transparent;
  color: var(--text-color-primary);
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.3s ease-out;
}

.DQ_eA:hover {
  background-color: var(--background-app);
}

.aHF9M {
  background-color: var(--background-admin-sidebar-item);
}

.aHF9M:hover {
    background-color: var(--background-admin-sidebar-item-active);
  }

.S8qh2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-width: 0;
  background-color: transparent;
  color: var(--text-color-primary);
  -webkit-text-decoration: none;
  text-decoration: none;
  transition:
    all 0.3s ease-out;
  cursor: pointer;
}

.mX21M {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
}

.q6pM3 {
  align-self: end;
  padding: 4px 8px;
  border-radius: 8px;
  background-color: var(--background-nav-item);
  color: var(--background-primary);
  font-size: var(--font-size-p-s);
}

.jPp6A {
  display: flex;
  align-items: center;
  gap: 8px;
}

.OhoW7 .q6pM3 {
  font-size: var(--font-size-p-xs);
}

.NIPoK {
  transition: all 0.3s ease-in-out;
  text-overflow: clip;
  white-space: nowrap;
}

.aYXK7 {
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
}

.OhoW7 .NIPoK {
  opacity: 0;
  position: absolute;
  left: 32px;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}



.KYjC3 {
  display: flex;
  flex-direction: column;
  padding: 10px 12px;
  border-radius: 12px;
  transition:
    all 0.3s ease-out;
}

.KYjC3:hover {
  background-color: var(--background-light-hover);
}

.OhoW7.KYjC3:hover {
  background-color: transparent;
}

.KYjC3.OhoW7 {
  padding: 0;
}

.wbJBr .S8qh2 {
  background-color: var(--background-light-hover);
}

.KYjC3.OhoW7 .S8qh2 {
  padding: 10px 12px;
  height: 100%;
  border-radius: 12px;
}

.KYjC3.OhoW7 .DQ_eA {
  padding: 10px 12px;
}

.e77vW {
  justify-self: end;
  transition: all 0.3s ease-in-out;
}

.eGVF1 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-out;
}

.wbJBr .eGVF1 {
  margin-top: 8px;
  max-height: 500px;
}

.wbJBr .e77vW {
  rotate: 180deg;
}




.wbJBr {
  background-color: var(--background-light-hover);
}

.OhoW7.wbJBr {
  background-color: transparent;
}

.OhoW7 .W9Lkt {
  padding: 10px 0
}

.DQ_eA.PtPSA {
  background-color: var(--background-light-hover);
}

.DQ_eA.PtPSA .S8qh2 {
  color: var(--background-primary);
}

.KYjC3 .DQ_eA.PtPSA {
  background-color: var(--background-nav-item);
}

.KYjC3 .DQ_eA.PtPSA svg {
  color: var(--background-primary);
}
.vIgfb {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.DIKuZ {
  width: 280px;
  height: 100%;
  background: var(--background-block);
  transition: background-color 0.3s ease-in-out, width 0.3s ease-in-out;
}

.fiz6i {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  height: 76px;
  border-bottom: 1px solid var(--border-color);
  transition: border-color 0.3s ease-in-out;
}

.L30pZ {
  position: absolute;
  right: -12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  border: none;
  border-radius: 50%;
  background-color: var(--color-white-900);
  transition: color 0.3s ease-in-out;
  cursor: pointer;
}

.PpDYj {
  width: 18px; 
  height: 18px; 
  transform: rotate(180deg);
}

.PpDYj path {
  fill: var(--color-black-600);
}

.HSYS_ {
  transform: rotate(-180deg);
}

.SoIXE {
  padding: 36px 20px 20px;
}

.a_pgB {
  width: 88px;
}

.jjodm {
  margin-top: auto;
  padding: 20px;
}

.AvFVI {
  position: absolute;
  bottom: 0;
  padding: 20px;
  width: inherit;
}

.u4gMd {
  min-width: auto;
  height: 48px;
  transition: all 0.4s;
}

.DOIYs {
  padding: 0;
}

.u4gMd > svg {
  width: 24px;
  height: 24px;
}

.DOIYs > span {
  position: absolute;
  z-index: -1;
  margin: 0;
  min-width: 0;
  transition: all 0.3s;
  opacity: 0;
  pointer-events: none;
}

@media (width < 1024px) {
  .L30pZ {
    display: none;
  }

  .Lk2SD {
    display: none;
  }
}

@media (width > 1025px) and (width < 1439px) {
  .L30pZ:not(.HSYS_) {
    right: 6px;
  }
}
.xEGx3 {
  display: grid;
  grid-template-rows: var(--header-height) 1fr;
  grid-template-columns: auto 1fr;
  overflow: hidden;
  background-color: var(--background-app);
  color: var(--text-color-primary);
  transition:
    background-color 0.3s ease-in-out,
    color 0.3s ease-in-out,
    grid-template-columns 0.4s ease-in-out;
}

.MRLrZ {
  grid-row: 1 / -1;
}

.at8ty {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 24px 20px;
  height: calc(100vh - var(--header-height));
  max-height: 100%;
  overflow-y: scroll;
}

.MYDPy {
  width: 100%;
  max-width: 1600px;
}

.bAN2c {
  padding: 16px;
}

.tC_4K {
  width: 280px;
}

@media (width < 1024px) { 
  .at8ty {
    padding: 16px;
  }

  .xEGx3 {
    display: flex;
    flex-direction: column;
  }
}

@media (width <= 767px) { 
  .at8ty {
    padding: 20px 10px;
  }
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	margin: 0;
	font-size: 2em;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-size: 1em; /* 2 */
	font-family: monospace, monospace; /* 1 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-size: 1em; /* 2 */
	font-family: monospace, monospace; /* 1 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	position: relative;
	line-height: 0;
	font-size: 75%;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	margin: 0; /* 2 */
	line-height: 1.15; /* 1 */
	font-size: 100%; /* 1 */
	font-family: inherit; /* 1 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	appearance: menulist-button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
	display: table; /* 1 */
	padding: 0; /* 3 */
	box-sizing: border-box; /* 1 */
	max-width: 100%; /* 1 */
	color: inherit; /* 2 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	padding: 0; /* 2 */
	box-sizing: border-box; /* 1 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	appearance: menulist-button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

:root {
  /* сolor palette */
  --color-purple-1000: #18003E;
  --color-purple-950: #4600E9;
  --color-purple-900: #400799;
  --color-purple-800: #5509CC;
  --color-purple-750: #4600E9;
  --color-purple-700: #6A0BFF;
  --color-purple-600: #883CFF;
  --color-purple-500: #A66DFF;
  --color-purple-400: #C39DFF;
  --color-purple-300: #D2B6FF;
  --color-purple-200: #E1CEFF;
  --color-purple-100: #F0E7FF;
  --color-purple-50: rgb(240 231 255 / 50%);
  --color-red-900: #880727;
  --color-red-800: #AF0932;
  --color-red-700: #D50B3E;
  --color-red-600: #F3164E;
  --color-red-500: #F53D6B;
  --color-red-400: #F76489;
  --color-red-300: #F98BA6;
  --color-red-200: #FBB1C4;
  --color-red-100: #FDD8E1;
  --color-red-50: #FFF4F9;
  --color-red-25: rgb(253 216 225 / 25%);
  --color-yellow-900: #FAAF00;
  --color-yellow-800: #FFC234;
  --color-yellow-700: #FFCE5C;
  --color-yellow-600: #FFDA85;
  --color-yellow-500: #FFE7AD;
  --color-yellow-450: #FFF1D0;
  --color-yellow-400: #FFF3D6;
  --color-yellow-300: #FFFCF2;
  --color-yellow-200: #FFF6E2;
  --color-green-950: #003D0C;
  --color-green-900: #17663A;
  --color-green-800: #1E874C;
  --color-green-750: #008616;
  --color-green-700: #26A95F;
  --color-green-600: #2DCA72;
  --color-green-500: #56D990;
  --color-green-400: #84E4AE;
  --color-green-300: #B2EECC;
  --color-green-200: #DFF8EA;
  --color-green-100: #EEFBF4;
  --color-green-007: #EDF7EF;
  --color-black-1000: #141414;
  --color-black-900: #191919;
  --color-black-850: #222;
  --color-black-800: #303030;
  --color-black-700: #474747;
  --color-black-600: #5E5E5E;
  --color-black-500: #757575;
  --color-black-400: #8C8C8C;
  --color-black-300: #A3A3A3;
  --color-black-200: #BABABA;
  --color-black-150: #D9D9D9;
  --color-black-100: #D1D1D1;
  --color-black-50: #E8E8E8;
  --color-black-30: #F8F8F8;
  --color-black-25: #F4F4F4;
  --color-black-10: #F0F0F0;
  --color-white-900: #FFF;
  --color-white-500: #CCC;
  --color-label-bg: rgb(209 209 209 / 27%);
  --color-code-gradient-end: #E8DAFF;
  --color-border:  rgb(227 227 227 / 75%);
  --color-sticky-shadow: #00550E;
}
:root {
  --button-background-badge: var(--color-purple-900);

  /* primary */
  --button-text-color-primary: var(--color-white-900);
  --button-background-primary: var(--color-purple-700);
  --button-background-primary-hover: var(--color-purple-800);
  --button-background-primary-active: var(--color-purple-900);
  --button-border-primary-focus: var(--color-purple-900); 
  --button-background-primary-focus: var(--color-purple-800);
  --button-background-primary-disabled: var(--color-black-100);
  
  /* primary-inverse */
  --button-text-color-primary-inverse: var(--color-purple-700);
  --button-background-primary-inverse: var(--color-white-900);
  --button-background-primary-inverse-hover: var(--color-purple-500);
  --button-text-color-primary-inverse-hover: var(--color-white-900);
  --button-background-primary-inverse-active: var(--color-purple-900);
  --button-text-color-primary-inverse-active: var(--color-white-900);

  /* secondary */
  --button-text-color-secondary: var(--color-purple-700);
  --button-background-secondary: var(--color-purple-100);
  --button-background-secondary-hover: var(--color-purple-200);
  --button-text-color-secondary-active: var(--color-purple-800);
  --button-background-secondary-active: var(--color-purple-400);
  --button-background-secondary-focus: var(--color-purple-100);
  --button-border-secondary-focus: var(--color-purple-700);
  --button-background-secondary-disabled: var(--color-black-50);
  --button-text-color-secondary-disabled: var(--color-black-200);
  
  /* outline */
  --button-text-color-outline: var(--color-purple-700);
  --button-border-outline: var(--color-purple-700);
  --button-background-outline-hover: var(--color-purple-50);
  --button-text-color-outline-hover: var(--color-purple-800);
  --button-border-outline-hover: var(--color-purple-700);
  --button-text-color-outline-active: var(--color-purple-800);
  --button-background-outline-active: var(--color-purple-100);
  --button-border-outline-active: var(--color-purple-800);
  --button-border-outline-focus: var(--color-purple-800);
  --button-border-outline-disabled: var(--color-black-100);
  --button-text-color-outline-disabled: var(--color-black-100);
  
  /* tertiary */
  --button-text-color-tertiary: var(--color-black-800);
  --button-background-tertiary-hover: var(--color-black-25);
  --button-background-tertiary-active: var(--color-black-50);
  --button-border-tertiary-focus: var(--color-black-700);
  --button-text-color-tertiary-focus: var(--color-black-700);
  --button-background-tertiary-focus: var(--color-black-25);
  --button-text-color-tertiary-disabled: var(--color-black-200);
  
  /* destructive */
  --button-text-color-destructive: var(--color-white-900);
  --button-background-destructive: var(--color-red-600);
  --button-background-destructive-hover: var(--color-red-700);
  --button-background-destructive-active: var(--color-red-800);
  --button-border-destructive-focus: var(--color-red-800);
  --button-background-destructive-focus: var(--color-red-600);
  --button-background-destructive-disabled: var(--color-red-200);
  
  /* destructive-secondary */
  --button-text-color-destructive-secondary: var(--color-red-600);
  --button-background-destructive-secondary: var(--color-red-100);
  --button-background-destructive-secondary-hover: var(--color-red-200);
  --button-background-destructive-secondary-active: var(--color-red-300);
  --button-text-color-destructive-secondary-active: var(--color-red-700);
  --button-border-destructive-secondary-focus: var(--color-red-600);
  --button-background-destructive-secondary-focus: var(--color-red-100);
  --button-text-color-destructive-secondary-disabled: var(--color-red-200);
  --button-background-destructive-secondary-disabled: var(--color-red-25);

  /* destructive-outline */
  --button-text-color-destructive-outline: var(--color-red-600);
  --button-border-destructive-outline: var(--color-red-600);
  --button-border-destructive-outline-hover: var(--color-red-600);
  --button-background-destructive-outline-hover: var(--color-red-25);
  --button-text-color-destructive-outline-active: var(--color-red-800);
  --button-border-destructive-outline-active: var(--color-red-800);
  --button-border-destructive-outline-focus: var(--color-red-600);
  --button-text-color-destructive-outline-focus: var(--color-red-600);
  --button-text-color-destructive-outline-disabled: var(--color-red-200);
  --button-border-destructive-outline-disabled: var(--color-red-200);

  /* destructive-tartiary */
  --button-text-color-destructive-tartiary: var(--color-red-600);
  --button-background-destructive-tartiary-hover: var(--color-red-25); 
  --button-text-color-destructive-tartiary-active: var(--color-red-700);
  --button-background-destructive-tartiary-active: var(--color-red-100);
  --button-border-destructive-tartiary-focus: var(--color-red-800);
  --button-text-color-destructive-tartiary-disabled: var(--color-red-200);
  
  /* link primary */
  --link-text-color-primary: var(--color-purple-700);
  --link-text-color-primary-hover: var(--color-purple-700);
  --link-text-color-primary-active: var(--color-purple-800);
  --link-text-color-primary-focus: var(--color-purple-800);
  --link-text-color-primary-disabled: var(--color-purple-300);
  
  /* link secondary */
  --link-text-color-secondary: var(--color-black-800);
  --link-text-color-secondary-hover: var(--color-black-900);
  --link-text-color-secondary-active: var(--color-black-900);
  --link-text-color-secondary-focus: var(--color-black-900);
  --link-text-color-secondary-disabled: var(--color-black-200);
  
  /* link destructive */
  --link-text-color-destructive: var(--color-red-600);
  --link-text-color-destructive-hover: var(--color-red-600);
  --link-text-color-destructive-active: var(--color-red-700);
  --link-text-color-destructive-focus: var(--color-red-700);
  --link-text-color-destructive-disabled: var(--color-red-200);

  /* link purple  */
  --link-text-color-purple: var(--color-purple-700);
  --link-text-color-purple-hover: var(--color-purple-900);
  --link-text-color-purple-active: var(--color-purple-900);
  --link-text-color-purple-focus: var(--color-purple-900);
  --link-text-color-purple-disabled: var(--color-purple-200);
}
:root {
  /* light theme colors */
  --svg-color-green: var(--color-green-750);
  --background-progress-bar: var(--color-purple-200);
  --background-app: var(--color-black-25);
  --background-button: var(--color-black-50);
  --background-block: var(--color-white-900);
  --background-light-hover: var(--color-black-30);
  --background-light-chip: var(--color-purple-100);
  --background-light-block: var(--color-black-10);
  --background-purple-block: var(--color-purple-750);
  --text-color-primary: var(--color-black-800);
  --text-color-bright: var(--color-black-900);
  --text-color-black-email: var(--color-black-850);
  --text-color-black-landing: var(--color-black-1000);
  --text-color-link-active: var(--color-purple-700);
  --text-color-link-disabled: var(--color-purple-300);
  --text-color-light: var(--color-black-700);
  --text-color-lighter: var(--color-black-600);
  --text-color-lightest: var(--color-black-500);
  --text-color-the-lightest: var(--color-black-400);
  --text-color-more-lightest: var(--color-black-300);
  --text-color-white: var(--color-white-900);
  --background-skeleton: var(--color-black-150);
  --text-color-red: var(--color-red-800);
  --background-nav-item: var(--color-purple-100);
  --background-nav-item-hover: var(--color-black-25);
  --border-color: var(--color-black-100);
  --border-right-color: var(--color-black-200);
  --border-image-hover: var(--color-purple-800);
  --border-input: var(--color-black-50);
  --background-primary: var(--color-purple-700);
  --caret-color-red: var(--color-red-400);
  --icon-color-red: var(--color-red-600);
  --icon-background-yellow: var(--color-yellow-450);
  --icon-background-green: var(--color-green-007);
  --error-color-red: var(--color-red-700);
  --border-focus-purple: var(--color-purple-500);
  --background-admin-sidebar-item: var(--color-yellow-800);
  --background-admin-sidebar-item-active: var(--color-yellow-600);
  --background-gradient-code-start: var(--color-white-900);
  --background-gradient-code-end: var(--color-code-gradient-end);
  --background-modal-overlay: rgb(72 72 72 / 50%);
  --color-filter-border: rgb(28 28 28 / 20%);
  --background-demo-progress-bar: var(--color-green-800);
  --background-first-step: var(--color-yellow-300);
  --main-shadow: 0px 4px 10px rgb(106 99 118 / 10%);
  --background-footer: rgb(24 0 62)

    }
:root {
  /* widths */
  --container-width: 1216px;
  --container-width-xl: 1080px;
  --container-width-lg: 960px; 
  --container-width-md: 708px;
  --container-width-sm: 540px;
  --container-width-xs: 340px;
  --container-width-mobile: 100%;

  /* grids */
  --grid-template-columns: 332px 244px 244px;

  /* heights */
  --header-height: 76px;
  --header-height-lg: 64px;
  --header-height-md: 63px;
  --header-height-sm: 53px;

  /* paddings */
  --container-padding: 0;
  --container-padding-mobile: 16px;

  /* margins */
  --section-m-b-mobile: 40px;
  --section-m-b-tablet: 80px;
  --section-m-b-desktop: 130px;
  --container-m-b-mobile: 40px;
  --container-m-b-tablet: 80px;
  --container-m-b-desktop: 130px;
  
  /* transitions */
  --drawer-transition-speed: 0.3s;
  
  /* dimensions */
  --font-size-none: 0;
  --font-size-p-xxxs: 6px;
  --font-size-p-xxs: 8px;
  --font-size-p-xss: 10px;
  --font-size-p-xs: 12px;
  --font-size-p-s: 14px;
  --font-size-p-m: 16px;
  --font-size-p-l: 18px;
  --font-size-h-xxs: 14px;
  --font-size-h-xs: 20px;
  --font-size-h-s: 24px;
  --font-size-large-30: 30px;
  --font-size-large-34: 34px;
  --font-size-h-m: 36px;
  --font-size-h-l: 40px;
  --font-size-h-xxl: 60px;
  --font-family: "Manrope", sans-serif;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  
  /* shadows */
  --main-shadow: 0px 4px 10px rgb(106 99 118 / 10%);
  --main-shadow-15: 0px 4px 10px rgb(106 99 118 / 15%);
  --focus-shadow: 0 0 0 3px var(--color-purple-100);
  --focus-shadow-error: 0 0 0 3px var(--color-red-100);
  --focus-shadow-valid: 0 0 0 3px var(--color-green-200);

  /* z-index */
  --z-index-modal: 1000;
}
:root {
  --font-family-code: 'Fira Mono', 'JetBrains Mono', consolas, menlo, monaco, monospace;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  min-height: 100vh;
  background-color: var(--background-app);
  line-height: 140%;
  font-weight: var(--font-weight-500);
  font-size: var(--font-size-p-m);
  font-family: var(--font-family);
  -webkit-user-select: none;
          user-select: none;
}

li {
  list-style: none;
}

input,
textarea {
  -webkit-user-select: text;
          user-select: text;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: var(--border-color);
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-black-300);
}

::-webkit-scrollbar-thumb:active {
  background: var(--color-purple-400);
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

div[data-floating-ui-portal] > div > div[role='tooltip'] {
  overflow-y: inherit;
}

.container {
  flex: 1 1 auto;
  margin: 0 auto var(--container-m-b-desktop);
  width: 100%;
  max-width: var(--container-width);
}

@media screen and (width <= 1439px) {
  .container {
    padding: 0 30px;
  }
}

@media screen and (width <= 1023px) {
  .container {
    margin-bottom: var(--container-m-b-tablet);
  }
}

@media screen and (width <= 992px) {
  .container {
    max-width: var(--container-width-md);
  }
}

@media screen and (width <= 767px) {
  .container {
    margin-bottom: var(--container-m-b-mobile);
    padding: 0 10px;
    max-width: var(--container-width-sm);
  }
}

@media screen and (width <= 576px) {
  .container {
    max-width: var(--container-width-mobile);
  }
}


/*# sourceMappingURL=main.1a794cfe.css.map*/