@keyframes JJlnr {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes ED-2h {
  from {
    opacity: 0;
    -ms-transform: translateY(10px)scale(.96);
    transform: translateY(10px)scale(.96);
  }

  to {
    opacity: 1;
    -ms-transform: translateY(0)scale(1);
    transform: translateY(0)scale(1);
  }
}

@keyframes ItV6Q {
  0%, 60%, 100% {
    opacity: .45;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  30% {
    opacity: 1;
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

@keyframes tM0k5 {
  from {
    opacity: 0;
    -ms-transform: translateX(18px);
    transform: translateX(18px);
  }

  to {
    opacity: 1;
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.ffAqp {
  z-index: 120;
  backdrop-filter: blur(8px);
  color: var(--white);
  background: #000000f0;
  justify-content: center;
  align-items: center;
  padding: 72px 412px 24px 24px;
  display: none;
  position: fixed;
  inset: 0;
}

.ffAqp *, .ffAqp :before, .ffAqp :after {
  box-sizing: border-box;
}

.ffAqp.arDCq {
  animation: .2s JJlnr;
  display: flex;
}

.ffAqp .mmYp6 {
  z-index: 7;
  justify-content: space-between;
  align-items: center;
  height: 64px;
  padding: 0 22px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 396px;
}

.ffAqp .mmYp6 .jGnzr {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.ffAqp .mmYp6 .jGnzr ._4o-x4 {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 40vw;
  font-family: semi-bold, Segoe UI Emoji, Montserrat, sans-serif;
  font-size: 14px;
  overflow: hidden;
}

.ffAqp .mmYp6 .jGnzr .css-m {
  background: #ffffff1f;
  border-radius: 8px;
  align-items: center;
  gap: 5px;
  padding: 3px 9px;
  font-family: semi-bold, Segoe UI Emoji, Montserrat, sans-serif;
  font-size: 12px;
  display: inline-flex;
}

.ffAqp .mmYp6 .YYYjQ {
  color: var(--white);
  cursor: pointer;
  background: #ffffff1f;
  border-radius: 11px;
  flex-shrink: 0;
  place-items: center;
  width: 40px;
  height: 40px;
  display: grid;
}

.ffAqp .mmYp6 .YYYjQ:hover {
  background: #fff3;
}

.ffAqp ._0QpsR {
  align-items: stretch;
  gap: 18px;
  max-height: calc(100vh - 110px);
  display: flex;
}

.ffAqp ._0QpsR .w2w-2 {
  display: contents;
}

.ffAqp ._0QpsR .FPN1g {
  flex-direction: column;
  align-self: center;
  align-items: center;
  gap: 14px;
  max-width: min(60vw, 720px);
  display: flex;
}

.ffAqp ._0QpsR .FPN1g ._6j00M {
  object-fit: contain;
  background: #0b0b0e;
  border-radius: 14px;
  max-width: min(60vw, 720px);
  max-height: min(74vh, 700px);
  display: block;
}

.ffAqp ._0QpsR .FPN1g .QP9kT {
  background: #0b0b0e;
  border-radius: 14px;
  place-items: center;
  width: min(50vw, 560px);
  max-height: min(66vh, 640px);
  display: grid;
  overflow: hidden;
}

.ffAqp ._0QpsR .FPN1g .JOBgC {
  color: #ffffffa6;
  align-items: center;
  gap: 14px;
  font-size: 12px;
  display: flex;
}

.ffAqp ._0QpsR .FPN1g .JOBgC .OWJ4S {
  align-items: center;
  gap: 7px;
  display: flex;
}

.ffAqp ._0QpsR .FPN1g .JOBgC .OWJ4S .h6-H1 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.ffAqp ._0QpsR .FPN1g ._0W40P {
  color: #ffffffd9;
  align-items: center;
  gap: 10px;
  max-width: min(640px, 90%);
  font-size: 12px;
  display: flex;
}

.ffAqp ._0QpsR .FPN1g ._0W40P .Pujtg {
  letter-spacing: .4px;
  background: #ffffff24;
  border-radius: 6px;
  flex-shrink: 0;
  padding: 2px 7px;
  font-family: bold, Segoe UI Emoji, Montserrat, sans-serif;
  font-size: 10px;
}

.ffAqp ._0QpsR .FPN1g ._0W40P .wwHKO {
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: text;
  min-width: 0;
  overflow: hidden;
}

.ffAqp ._0QpsR .FPN1g ._0W40P .wwHKO.s2THO {
  color: #ffffff73;
  font-style: italic;
}

.ffAqp ._0QpsR .FPN1g ._0W40P .v4r3V {
  cursor: pointer;
  border: 1px solid #ffffff40;
  border-radius: 30px;
  flex-shrink: 0;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  font-family: semi-bold, Segoe UI Emoji, Montserrat, sans-serif;
  transition: background .15s;
  display: flex;
}

.ffAqp ._0QpsR .FPN1g ._0W40P .v4r3V:hover {
  background: #ffffff1f;
}

.ffAqp ._0QpsR .FPN1g ._0W40P .v4r3V.nKbpV {
  opacity: .6;
  cursor: default;
}

.ffAqp ._0QpsR .FPN1g ._0W40P .VWjsR {
  animation: 1s linear infinite CiYap;
}

.ffAqp ._0QpsR .NMKco {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  gap: 14px;
  display: flex;
}

.ffAqp ._0QpsR .NMKco .v40wM {
  cursor: pointer;
  color: var(--white);
  flex-direction: column;
  align-items: center;
  gap: 5px;
  display: flex;
}

.ffAqp ._0QpsR .NMKco .v40wM .pykE8 {
  background: #ffffff24;
  border-radius: 50%;
  place-items: center;
  width: 48px;
  height: 48px;
  transition: -ms-transform .15s, transform .15s, background .15s;
  display: grid;
}

.ffAqp ._0QpsR .NMKco .v40wM .kFXAC {
  font-family: semi-bold, Segoe UI Emoji, Montserrat, sans-serif;
  font-size: 11px;
}

.ffAqp ._0QpsR .NMKco .v40wM:hover .pykE8 {
  background: #ffffff3d;
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

.ffAqp ._0QpsR .NMKco .v40wM._4ciI8 {
  color: #ff8787;
}

.ffAqp ._0QpsR .NMKco .v40wM.dzqiz .pykE8 {
  background: var(--white);
  color: #0b0b10;
}

.ffAqp ._0QpsR .NMKco .v40wM.dzqiz:hover .pykE8 {
  background: var(--white);
}

.ffAqp ._0FfbO {
  z-index: 6;
  background: var(--white);
  width: 364px;
  color: var(--black);
  border-radius: 22px;
  flex-direction: column;
  animation: .32s cubic-bezier(.22, .61, .36, 1) both tM0k5;
  display: flex;
  position: absolute;
  top: 16px;
  bottom: 16px;
  right: 16px;
  overflow: hidden;
  box-shadow: 0 24px 70px #00000073;
}

.ffAqp ._0FfbO .cIS-L {
  background: var(--white);
  flex-direction: column;
  flex: 1;
  min-height: 120px;
  padding: 18px 14px 4px;
  display: flex;
  overflow: hidden auto;
}

.ffAqp ._0FfbO .cIS-L .MU7SO {
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 240px;
  padding: 16px;
  display: flex;
}

.ffAqp ._0FfbO .cIS-L .MU7SO div[emptyText] {
  max-width: 360px;
  font-size: 14px !important;
}

.ffAqp ._0FfbO .cIS-L .NlD13 {
  margin-top: 8px;
  display: flex;
}

.ffAqp ._0FfbO .cIS-L .NlD13.Frl5d {
  justify-content: flex-end;
}

.ffAqp ._0FfbO .cIS-L .NlD13.VWQ1V {
  justify-content: flex-start;
}

.ffAqp ._0FfbO .cIS-L .NlD13.pf3zo {
  animation: .34s cubic-bezier(.22, .61, .36, 1) both ED-2h;
}

.ffAqp ._0FfbO .cIS-L .IMzLA {
  max-width: 84%;
  font-size: 13px;
  line-height: 1.45;
}

.ffAqp ._0FfbO .cIS-L .CYVlu {
  background: var(--black);
  color: var(--white);
  word-break: break-word;
  white-space: pre-wrap;
  border-radius: 17px 17px 5px;
  padding: 9px 13px;
}

.ffAqp ._0FfbO .cIS-L .miOtY {
  background: var(--grey-soft);
  cursor: pointer;
  border: 2px solid #0000;
  border-radius: 17px 17px 17px 5px;
  align-items: center;
  gap: 10px;
  padding: 7px 14px 7px 7px;
  transition: border-color .15s, background .15s, -ms-transform .12s, transform .12s;
  display: flex;
}

.ffAqp ._0FfbO .cIS-L .miOtY:hover {
  background: var(--grey-sur);
}

.ffAqp ._0FfbO .cIS-L .miOtY:active {
  -ms-transform: scale(.98);
  transform: scale(.98);
}

.ffAqp ._0FfbO .cIS-L .miOtY._8FIHB {
  border-color: var(--black);
  background: var(--white);
}

.ffAqp ._0FfbO .cIS-L .miOtY .p07Y1 {
  width: 46px;
  height: 46px;
  color: var(--grey-text-very-dark);
  background: linear-gradient(150deg, #dbe4ff, #4361ee4d);
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  display: grid;
  overflow: hidden;
}

.ffAqp ._0FfbO .cIS-L .miOtY .p07Y1 img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ffAqp ._0FfbO .cIS-L .miOtY .okIVM {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.ffAqp ._0FfbO .cIS-L .miOtY .okIVM .Twojn {
  font-family: semi-bold, Segoe UI Emoji, Montserrat, sans-serif;
  font-size: 12.5px;
}

.ffAqp ._0FfbO .cIS-L .miOtY .okIVM .AGaod {
  color: var(--grey-text-dark);
  font-size: 11px;
}

.ffAqp ._0FfbO .cIS-L .miOtY._8FIHB .AGaod {
  color: var(--black);
}

.ffAqp ._0FfbO .cIS-L .miOtY.KuOVp {
  cursor: default;
  padding: 13px 17px;
}

.ffAqp ._0FfbO .cIS-L .miOtY.KuOVp:hover {
  background: var(--grey-soft);
}

.ffAqp ._0FfbO .cIS-L ._0d3xw {
  align-items: flex-end;
  gap: 8px;
}

.ffAqp ._0FfbO .cIS-L .S6eue {
  background: url("agent-nav-louise-big.17acbd95.png") 0 0 / cover;
  border-radius: 50%;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

.ffAqp ._0FfbO .cIS-L .ZEfus {
  align-items: center;
  gap: 5px;
  display: inline-flex;
}

.ffAqp ._0FfbO .cIS-L .ZEfus span {
  background: #b5bac4;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  animation: 1.2s ease-in-out infinite ItV6Q;
}

.ffAqp ._0FfbO .cIS-L .ZEfus span:nth-child(2) {
  animation-delay: .15s;
}

.ffAqp ._0FfbO .cIS-L .ZEfus span:nth-child(3) {
  animation-delay: .3s;
}

.ffAqp ._0FfbO .AGsPD {
  border-top: 1px solid var(--grey-sur);
  background: var(--white);
  flex-shrink: 0;
  padding: 12px;
}

.ffAqp ._0FfbO .AGsPD .bD5CR {
  display: none;
}

.ffAqp ._0FfbO .AGsPD ._0BShx {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
  display: none;
}

.ffAqp ._0FfbO .AGsPD .t7G7r {
  border: 1px solid var(--grey-sur);
  border-radius: 11px;
  place-items: center;
  width: 46px;
  height: 46px;
  display: grid;
  position: relative;
}

.ffAqp ._0FfbO .AGsPD .t7G7r img {
  object-fit: cover;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.ffAqp ._0FfbO .AGsPD .t7G7r .KtGOa {
  background: var(--black);
  width: 19px;
  height: 19px;
  color: var(--white);
  border: 2px solid var(--white);
  cursor: pointer;
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  top: -6px;
  right: -6px;
}

.ffAqp ._0FfbO .AGsPD .CzrB0 {
  background: var(--grey-soft);
  border-radius: 18px;
  flex-direction: column;
  gap: 9px;
  padding: 10px 12px;
  transition: background .15s, box-shadow .15s;
  display: flex;
}

.ffAqp ._0FfbO .AGsPD .CzrB0:focus-within {
  background: var(--white);
  box-shadow: 0 0 0 2px var(--black) inset;
}

.ffAqp ._0FfbO .AGsPD .CzrB0 .UScTL {
  resize: none;
  width: 100%;
  color: var(--black);
  background: none;
  border: none;
  outline: none;
  max-height: 100px;
  padding: 2px;
  font-family: medium, Segoe UI Emoji, Montserrat, sans-serif;
  font-size: 13px;
}

.ffAqp ._0FfbO .AGsPD .CzrB0 .UScTL::-webkit-input-placeholder {
  color: var(--grey-text-dark);
}

.ffAqp ._0FfbO .AGsPD .CzrB0 .UScTL::placeholder {
  color: var(--grey-text-dark);
}

.ffAqp ._0FfbO .AGsPD .CzrB0 .vHE0L {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ffAqp ._0FfbO .AGsPD .CzrB0 .vHE0L .ziRYd {
  background: var(--grey-sur);
  border-radius: 30px;
  align-items: center;
  gap: 2px;
  padding: 2px;
  display: flex;
}

.ffAqp ._0FfbO .AGsPD .CzrB0 .vHE0L .ziRYd ._8d2eS {
  color: var(--grey-text-dark);
  cursor: pointer;
  border-radius: 30px;
  align-items: center;
  gap: 4px;
  padding: 5px 11px;
  font-family: semi-bold, Segoe UI Emoji, Montserrat, sans-serif;
  font-size: 12px;
  transition: background .15s, color .15s;
  display: flex;
}

.ffAqp ._0FfbO .AGsPD .CzrB0 .vHE0L .ziRYd ._8d2eS._8FIHB {
  background: var(--white);
  color: var(--black);
  box-shadow: 0 1px 3px #1414281f;
}

.ffAqp ._0FfbO .AGsPD .CzrB0 .vHE0L .kS7bn {
  border: 1px solid var(--grey-sur);
  background: var(--white);
  width: 34px;
  height: 34px;
  color: var(--black);
  cursor: pointer;
  border-radius: 11px;
  flex-shrink: 0;
  place-items: center;
  transition: background .14s;
  display: grid;
}

.ffAqp ._0FfbO .AGsPD .CzrB0 .vHE0L .kS7bn:hover {
  background: var(--grey-sur);
}

.ffAqp ._0FfbO .AGsPD .CzrB0 .vHE0L .z3lyQ {
  width: 152px;
  height: 34px;
  position: relative;
}

.ffAqp ._0FfbO .AGsPD .CzrB0 .vHE0L .z3lyQ div[data-selectbox] {
  box-sizing: border-box;
  border: 1px solid var(--grey-sur);
  background: var(--white);
  border-radius: 11px;
  height: 34px;
}

.ffAqp ._0FfbO .AGsPD .CzrB0 .vHE0L .z3lyQ div[data-selectbox]:hover {
  background: var(--grey-sur);
}

.ffAqp ._0FfbO .AGsPD .CzrB0 .vHE0L .qz6Sp {
  background: var(--grey-sur-hover);
  width: 36px;
  height: 36px;
  color: var(--white);
  cursor: not-allowed;
  border-radius: 50%;
  flex-shrink: 0;
  place-items: center;
  margin-left: auto;
  transition: background .15s, -ms-transform .12s, transform .12s;
  display: grid;
}

.ffAqp ._0FfbO .AGsPD .CzrB0 .vHE0L .qz6Sp.oe-di {
  background: var(--black);
  cursor: pointer;
}

.ffAqp ._0FfbO .AGsPD .CzrB0 .vHE0L .qz6Sp.oe-di:hover {
  -ms-transform: scale(1.06);
  transform: scale(1.06);
}

.ffAqp ._0FfbO .AGsPD .CzrB0 .vHE0L .qz6Sp.oe-di:active {
  -ms-transform: scale(.94);
  transform: scale(.94);
}

@media (width <= 980px) {
  .ffAqp {
    flex-direction: column;
    padding-right: 24px;
  }

  .ffAqp .mmYp6 {
    right: 0;
  }

  .ffAqp ._0QpsR {
    flex-direction: row;
    align-items: center;
    gap: 14px;
    max-height: 50vh;
  }

  .ffAqp ._0QpsR .FPN1g {
    max-width: min(80vw, 720px);
    max-height: 46vh;
  }

  .ffAqp ._0FfbO {
    border-radius: 20px;
    width: min(440px, 100vw - 32px);
    height: 42vh;
    margin: 14px auto 0;
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
  }
}

.aNXf1 {
  align-items: center;
  gap: 8px;
  display: flex;
}

.aNXf1 .Gbe-x {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

.aNXf1 .Gbe-x.q9Laj {
  background: url("colored-gemini.73bc3a8f.svg") 0 0 / cover;
}

.aNXf1 .Gbe-x.XqnVl {
  background: url("colored-gpt.53d1b7e2.svg") 0 0 / cover;
}

.aNXf1 .Gbe-x.DRjFE {
  background: url("colored-bfl.bef5abfc.svg") 0 0 / cover;
}

@keyframes CiYap {
  to {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

._30RAI ._-2bHU {
  cursor: pointer;
  text-align: left;
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  width: calc(100% - 20px);
  padding: 10px;
  transition: background .14s;
  display: flex;
}

._30RAI ._-2bHU:hover {
  background: var(--grey-sur);
}

._30RAI ._-2bHU .id793 {
  border-radius: 11px;
  flex-shrink: 0;
  place-items: center;
  width: 40px;
  height: 40px;
  display: grid;
}

._30RAI ._-2bHU .id793.fm-pW {
  background: var(--accent-pc-soft);
  color: var(--accent-pc);
}

._30RAI ._-2bHU .id793.Vv2KJ {
  background: var(--accent-ai-soft);
  color: var(--accent-ai);
}

._30RAI ._-2bHU .id793.EScxC {
  background: var(--accent-library-soft);
  color: var(--accent-library);
}

._30RAI ._-2bHU .id793.Y-f0u {
  background: var(--accent-folder-soft);
  color: var(--accent-folder);
}

._30RAI ._-2bHU .P-6UY {
  color: var(--black);
  font-family: semi-bold, Segoe UI Emoji, Montserrat, sans-serif;
  font-size: 14px;
  display: block;
}

._30RAI ._-2bHU .lNh-x {
  color: var(--grey-text-dark);
  margin-top: 1px;
  font-size: 12px;
  display: block;
}

.teN2A {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.teN2A .BxuXu {
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 15px;
  display: flex;
}

.teN2A .BxuXu .U-bN0 {
  background: var(--grey-sur);
  border-radius: 50px;
  align-items: center;
  gap: 12px;
  width: fit-content;
  padding: 6px 20px 6px 6px;
  display: flex;
}

.teN2A .BxuXu .U-bN0 .BAdGj {
  background: url("agent-nav-louise-big.17acbd95.png") 0 0 / cover;
  border-radius: 100%;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}

.teN2A .BxuXu .U-bN0 .yuFLV {
  flex-direction: column;
  display: flex;
}

.teN2A .BxuXu .U-bN0 .yuFLV .llkFn {
  font-family: semi-bold, Segoe UI Emoji, Montserrat, sans-serif;
  font-size: 16px;
}

.teN2A .BxuXu .U-bN0 .yuFLV .RZBhw {
  color: var(--grey-text-dark);
  margin-top: 1px;
  font-size: 12px;
}

.teN2A .BxuXu .R1pKq {
  background: var(--grey-sur);
  border-radius: 50px;
  align-items: center;
  gap: 8px;
  width: 220px;
  height: 52px;
  padding: 0 16px;
  display: flex;
}

.teN2A .BxuXu .R1pKq .mQ4AV {
  width: 15px;
  height: 15px;
  filter: var(--icon-grey-very-dark);
  background: url("black-search.5ab38843.svg") 0 0 / cover;
  flex-shrink: 0;
}

.teN2A .BxuXu .R1pKq .az-M6 {
  width: 100%;
  color: var(--black);
  background: none;
  border: none;
  outline: none;
  font-size: 14px;
}

.teN2A .er4Zs {
  min-height: 220px;
  max-height: 48vh;
  position: relative;
  overflow-y: auto;
}

.teN2A .er4Zs::-webkit-scrollbar {
  cursor: pointer;
  width: 6px;
  transition: all .2s;
}

.teN2A .er4Zs::-webkit-scrollbar-track {
  background: none;
  transition: all .2s;
}

.teN2A .er4Zs::-webkit-scrollbar-track:hover {
  background: var(--black-alpha-two);
  border-radius: 9px;
}

.teN2A .er4Zs::-webkit-scrollbar-thumb {
  background: var(--grey-thumb);
  cursor: pointer;
  border-radius: 9px;
}

.teN2A .er4Zs::-webkit-scrollbar-thumb:hover {
  background: var(--black-alpha-dark);
  cursor: pointer;
}

.teN2A .er4Zs .di89J {
  visibility: visible;
}

.teN2A .er4Zs .qth8I {
  border: 1px solid var(--grey-sur);
  cursor: pointer;
  border-radius: 11px;
  width: fit-content;
  margin: 14px auto 4px;
  padding: 8px 16px;
  font-family: semi-bold, Segoe UI Emoji, Montserrat, sans-serif;
  font-size: 13px;
}

.teN2A .er4Zs .qth8I:hover {
  background: var(--grey-sur);
}

.teN2A .o8qQ2 {
  min-height: 220px;
  color: var(--grey-text-dark);
  align-content: center;
  place-items: center;
  gap: 8px;
  font-size: 13px;
  display: grid;
}

.teN2A .da11V {
  flex-shrink: 0;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.teN2A .da11V .pUMwd {
  background: var(--grey-sur);
  height: 40px;
  color: var(--black);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 11px;
  align-items: center;
  padding: 0 16px;
  font-family: semi-bold, Segoe UI Emoji, Montserrat, sans-serif;
  font-size: 14px;
  display: flex;
}

.teN2A .da11V .pUMwd:hover {
  background: var(--grey-sur-hover);
}

.teN2A .da11V .uPcSl {
  background: var(--black);
  height: 40px;
  color: var(--white);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 11px;
  align-items: center;
  padding: 0 16px;
  font-family: semi-bold, Segoe UI Emoji, Montserrat, sans-serif;
  font-size: 14px;
  transition: opacity .15s;
  display: flex;
}

.teN2A .da11V .uPcSl:hover {
  opacity: .7;
}

.teN2A .da11V .uPcSl._4dUS1 {
  opacity: .4;
  pointer-events: none;
}

@keyframes WG3Qt {
  from {
    opacity: 0;
    -ms-transform: translateY(8px);
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.I1yYW {
  width: 100%;
  position: relative;
}

.I1yYW *, .I1yYW :before, .I1yYW :after {
  box-sizing: border-box;
}

.I1yYW > div {
  animation: .22s both WG3Qt;
  position: absolute;
}

@keyframes _6LrTs {
  to {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.iG9-J *, .iG9-J :before, .iG9-J :after {
  box-sizing: border-box;
}

.iG9-J .hF6JW {
  animation: 1s linear infinite _6LrTs;
}

.iG9-J .FBB1O {
  aspect-ratio: 1;
  border: 1px solid var(--grey-sur);
  cursor: pointer;
  width: 100%;
  box-shadow: var(--shadow-1);
  border-radius: 18px;
  outline: none;
  transition: -ms-transform .22s cubic-bezier(.2, .7, .3, 1), transform .22s cubic-bezier(.2, .7, .3, 1), box-shadow .22s cubic-bezier(.2, .7, .3, 1), border-color .22s;
  position: relative;
  overflow: hidden;
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.iG9-J .FBB1O._5LODE {
  border: 2px solid var(--black);
}

.iG9-J .FBB1O .Mh7gJ {
  opacity: .5;
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
}

.iG9-J .FBB1O .irqUR {
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(to top, #0f0f196b 0%, #0f0f1900 38%);
  transition: opacity .2s;
  position: absolute;
  inset: 0;
}

.iG9-J .FBB1O .irqUR.fSHFM {
  opacity: 1;
}

.iG9-J .FBB1O ._2P5o8 {
  backdrop-filter: blur(6px);
  color: var(--black);
  z-index: 2;
  background: #ffffffeb;
  border-radius: 7px;
  align-items: center;
  gap: 4px;
  padding: 3px 7px;
  font-family: semi-bold, Segoe UI Emoji, Montserrat, sans-serif;
  font-size: 10px;
  display: flex;
  position: absolute;
  bottom: 34px;
  left: 10px;
  box-shadow: 0 1px 3px #1414281a;
}

.iG9-J .FBB1O .rqW2s {
  backdrop-filter: blur(2px);
  color: var(--grey-text-dark);
  background: #ffffff8c;
  align-content: center;
  place-items: center;
  gap: 8px;
  display: grid;
  position: absolute;
  inset: 0;
}

.iG9-J .FBB1O .rqW2s .o9c-4 {
  font-family: semi-bold, Segoe UI Emoji, Montserrat, sans-serif;
  font-size: 11px;
}

.iG9-J .FBB1O .fi6jw {
  background: var(--white);
  place-items: center;
  padding: 10px;
  display: grid;
  position: absolute;
  inset: 0;
}

.iG9-J .FBB1O .fi6jw div[emptytext] {
  margin-bottom: 0 !important;
  font-size: 15px !important;
}

.iG9-J .FBB1O .fi6jw svg {
  margin-top: -25px;
  width: 25px !important;
  height: 25px !important;
}

.iG9-J .FBB1O .ONI8f {
  width: 46px;
  height: 46px;
  color: var(--white);
  cursor: pointer;
  opacity: 0;
  z-index: 5;
  background: #1012168c;
  border-radius: 50%;
  place-items: center;
  margin: auto;
  transition: opacity .15s, background .15s, -ms-transform .15s, transform .15s;
  display: grid;
  position: absolute;
  inset: 0;
  -ms-transform: scale(.9);
  transform: scale(.9);
}

.iG9-J .FBB1O .ONI8f:hover {
  background: var(--red-dark);
  -ms-transform: scale(1);
  transform: scale(1);
}

.iG9-J .FBB1O:hover .ONI8f {
  opacity: 1;
  -ms-transform: scale(1);
  transform: scale(1);
}

.iG9-J .FBB1O .ggNLT {
  border: 1px solid var(--grey-sur);
  cursor: pointer;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  background: #ffffffeb;
  border-radius: 7px;
  place-items: center;
  width: 22px;
  height: 22px;
  display: grid;
  position: absolute;
  top: 10px;
  left: 10px;
  box-shadow: 0 1px 3px #1414281f;
}

.iG9-J .FBB1O .gNRKM {
  color: #fff;
  letter-spacing: .04em;
  z-index: 2;
  background: #e03131eb;
  border-radius: 7px;
  padding: 4px 6px;
  font-family: bold, Segoe UI Emoji, Montserrat, sans-serif;
  font-size: 9px;
  position: absolute;
  top: 10px;
  right: 54px;
}

.iG9-J .FBB1O .hZguj {
  backdrop-filter: blur(6px);
  z-index: 2;
  background: #ffffffeb;
  border-radius: 7px;
  align-items: center;
  gap: 4px;
  padding: 3px 7px;
  font-family: semi-bold, Segoe UI Emoji, Montserrat, sans-serif;
  font-size: 10px;
  display: flex;
  position: absolute;
  top: 10px;
  right: 10px;
  box-shadow: 0 1px 3px #1414281a;
}

.iG9-J .FBB1O .TCBJx {
  z-index: 2;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  overflow: hidden;
  box-shadow: 0 0 0 2px #ffffffe6;
}

.iG9-J .FBB1O .VfB8H {
  color: var(--white);
  text-shadow: 0 1px 4px #0006;
  white-space: nowrap;
  text-overflow: ellipsis;
  opacity: 0;
  z-index: 2;
  font-family: semi-bold, Segoe UI Emoji, Montserrat, sans-serif;
  font-size: 12px;
  transition: opacity .2s, -ms-transform .2s, transform .2s;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  overflow: hidden;
  -ms-transform: translateY(6px);
  transform: translateY(6px);
}

.iG9-J .FBB1O .VfB8H._0yzNs {
  opacity: 1;
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.iG9-J .FBB1O .VfB8H.ZFEUF {
  right: 40px;
}

.iG9-J .FBB1O:hover .ggNLT {
  opacity: 1;
  visibility: visible;
}

.iG9-J .FBB1O._5LODE .ggNLT {
  opacity: 1;
  visibility: visible;
  background: var(--black);
  color: var(--white);
  border: none;
}

.iG9-J .FBB1O.cruH7 .ggNLT {
  opacity: 1;
  visibility: visible;
}

.iG9-J .FBB1O:not(.czmI2):hover {
  -ms-transform: translateY(-4px)scale(1.012);
  transform: translateY(-4px)scale(1.012);
  box-shadow: 0 18px 40px #14142829;
}

.iG9-J .FBB1O:not(.czmI2):hover .irqUR {
  opacity: 1;
}

.iG9-J .FBB1O:not(.czmI2):hover .VfB8H {
  opacity: 1;
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.iG9-J .FBB1O.czmI2 {
  cursor: default;
}

.iG9-J .FBB1O.czmI2 .Mh7gJ {
  opacity: .2;
}

.iG9-J .FBB1O.czmI2 .ggNLT {
  display: none;
}

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

._0PV6S .WwzCg {
  background: var(--white);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: 1px solid #eef0f3;
  border-radius: 12px;
  align-items: center;
  gap: 9px;
  padding: 7px 14px 7px 7px;
  transition: border-color .15s, box-shadow .15s;
  display: flex;
}

._0PV6S .WwzCg:hover {
  border-color: #dde1e8;
  box-shadow: 0 6px 20px #1414280f;
}

._0PV6S .WwzCg .r5ebH {
  border-radius: 9px;
  flex-shrink: 0;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

._0PV6S .WwzCg ._0vQuv {
  overflow: hidden;
}

._0PV6S .WwzCg ._0vQuv .DxacW {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 140px;
  font-family: semi-bold, Segoe UI Emoji, Montserrat, sans-serif;
  font-size: 13px;
  display: block;
  overflow: hidden;
}

._0PV6S .WwzCg ._0vQuv ._5An-w {
  color: var(--grey-text-dark);
  margin-top: 1px;
  font-size: 11px;
  display: block;
}

._0PV6S .WwzCg.UPhmJ {
  border-color: var(--black);
}
/*# sourceMappingURL=BlogPage.b449584b.css.map */