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

@media (min-width: 960px) {
  ._1snv69o1 {
    flex-basis: 50%;
    max-width: 50%;
  }
}

._90bkxb0 {
  width: 100%;
  display: flex;
}

._90bkxb0:-moz-any(button) {
  cursor: pointer;
}

._90bkxb0:is(button) {
  cursor: pointer;
}

._90bkxb0:-moz-any(a) {
  cursor: pointer;
}

._90bkxb0:is(a) {
  cursor: pointer;
}

._90bkxb0:-moz-any(button[disabled]) {
  cursor: unset;
}

._90bkxb0:is(button[disabled]) {
  cursor: unset;
}

._90bkxb1 {
  justify-content: space-between;
  align-items: center;
  gap: var(--_1gzv7bh50);
  width: 100%;
  padding: var(--_1gzv7bh56) var(--_1gzv7bh54);
  flex-direction: row;
  transition: background-color .2s ease-out;
  display: flex;
}

._90bkxb0:-moz-any(button):not(:disabled):hover ._90bkxb1 {
  background-color: var(--_1gzv7bhg);
}

._90bkxb0:is(button):not(:disabled):hover ._90bkxb1 {
  background-color: var(--_1gzv7bhg);
}

._90bkxb0:-moz-any(a):hover ._90bkxb1 {
  background-color: var(--_1gzv7bhg);
}

._90bkxb0:is(a):hover ._90bkxb1 {
  background-color: var(--_1gzv7bhg);
}

._90bkxb0:-moz-any(button):not(:disabled):focus-visible ._90bkxb1 {
  background-color: var(--_1gzv7bhi);
}

._90bkxb0:is(button):not(:disabled):focus-visible ._90bkxb1 {
  background-color: var(--_1gzv7bhi);
}

._90bkxb0:-moz-any(a):focus-visible ._90bkxb1 {
  background-color: var(--_1gzv7bhi);
}

._90bkxb0:is(a):focus-visible ._90bkxb1 {
  background-color: var(--_1gzv7bhi);
}

._90bkxb2 {
  display: none;
}

._90bkxb0:-moz-any(button):not(:disabled) ._90bkxb2 {
  display: block;
}

._90bkxb0:is(button):not(:disabled) ._90bkxb2 {
  display: block;
}

._90bkxb0:-moz-any(a) ._90bkxb2 {
  display: block;
}

._90bkxb0:is(a) ._90bkxb2 {
  display: block;
}

@media (min-width: 800px) {
  ._90bkxb0:-moz-any(button) {
    padding: calc(var(--_1gzv7bh4y) / 2);
  }

  ._90bkxb0:is(button) {
    padding: calc(var(--_1gzv7bh4y) / 2);
  }

  ._90bkxb0:-moz-any(a) {
    padding: calc(var(--_1gzv7bh4y) / 2);
  }

  ._90bkxb0:is(a) {
    padding: calc(var(--_1gzv7bh4y) / 2);
  }

  ._90bkxb1 {
    border-radius: var(--_1gzv7bh68);
  }

  ._90bkxb0:-moz-any(button):not(:disabled) ._90bkxb1 {
    padding: calc(var(--_1gzv7bh56)  - var(--_1gzv7bh4y) / 2) calc(var(--_1gzv7bh54)  - var(--_1gzv7bh4y) / 2);
  }

  ._90bkxb0:is(button):not(:disabled) ._90bkxb1 {
    padding: calc(var(--_1gzv7bh56)  - var(--_1gzv7bh4y) / 2) calc(var(--_1gzv7bh54)  - var(--_1gzv7bh4y) / 2);
  }

  ._90bkxb0:-moz-any(a) ._90bkxb1 {
    padding: calc(var(--_1gzv7bh56)  - var(--_1gzv7bh4y) / 2) calc(var(--_1gzv7bh54)  - var(--_1gzv7bh4y) / 2);
  }

  ._90bkxb0:is(a) ._90bkxb1 {
    padding: calc(var(--_1gzv7bh56)  - var(--_1gzv7bh4y) / 2) calc(var(--_1gzv7bh54)  - var(--_1gzv7bh4y) / 2);
  }
}

._1391deo0 {
  font: var(--_1gzv7bh5y);
  color: var(--_1gzv7bh6);
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  text-align: left;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

._1391deo1 {
  font: var(--_1gzv7bh5q);
}

._1ap1cic0 {
  flex-direction: column;
  justify-content: stretch;
  display: flex;
}

._1ap1cic1 {
  width: 100%;
}

@media (min-width: 960px) {
  ._1ap1cic1 {
    width: 50%;
  }
}

._19cs2id0 {
  gap: var(--_1gzv7bh50);
  inline-size: 100%;
  padding: var(--_1gzv7bh56) var(--_1gzv7bh54);
  background: none;
  grid-template-columns: auto min-content;
  grid-template-areas: "title icon";
  align-items: center;
  text-decoration: none;
  transition: background .2s ease-out;
  display: grid;
}

._19cs2id0:hover {
  cursor: pointer;
  background: var(--_1gzv7bhg);
}

._19cs2id1 {
  grid-template-areas: "title icon"
                       "extra extra";
}

._19cs2id2 {
  font: var(--_1gzv7bh5t);
  color: var(--_1gzv7bh6);
  text-align: start;
  grid-area: title;
}

._19cs2id3 {
  grid-area: extra;
}

._19cs2id4 {
  width: var(--_1gzv7bh4m);
  height: var(--_1gzv7bh4m);
  grid-area: icon;
  transition: all .24s ease-out;
}

._19cs2id5 {
  transform: rotate(180deg);
}

@media screen and (min-width: 800px) {
  ._19cs2id0 {
    border-radius: var(--_1gzv7bh68);
    padding: 0 var(--_1gzv7bh54) 0 0;
    gap: 0;
  }

  ._19cs2id1 {
    grid-template-columns: auto 70% min-content;
    grid-template-areas: "title extra icon";
  }

  ._19cs2id2 {
    padding: var(--_1gzv7bh56) var(--_1gzv7bh54);
  }
}

._1sz2su30 {
  bottom: var(--_1gzv7bh57);
  z-index: 60;
  width: 100%;
  position: absolute;
}

._1apgnk00 {
  flex-grow: 1;
  height: 100%;
  overflow: auto;
}

.vgo71z0 {
  background: var(--_1gzv7bhf);
  max-height: auto;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.vgo71z0:has(._1jkbpcz0) {
  padding-bottom: 0;
}

@media (min-width: 960px) {
  .vgo71z0 {
    width: var(--_1gzv7bh4u);
    border-radius: var(--_1gzv7bh69);
    aspect-ratio: 1 / 1.3;
    max-height: 100vh;
  }
}

.nocrj20 {
  padding: var(--_1gzv7bh4y);
  color: var(--_1gzv7bhw);
  display: flex;
}

.nocrj20:hover {
  color: var(--_1gzv7bhx);
}

._11pwmd00 {
  grid-template-columns: 1fr auto;
  grid-template-columns: subgrid;
  padding-block: var(--_1gzv7bh55);
  padding-inline: var(--_1gzv7bh54);
  column-gap: var(--_1gzv7bh50);
  grid-column: 1 / -1;
  align-items: center;
  display: grid;
}

._4pdr080 {
  padding-left: calc(var(--_1gzv7bh54)  + var(--_1gzv7bh4z)  + var(--_1gzv7bh53));
  position: relative;
}

._4pdr080:after {
  content: "";
  width: var(--_1gzv7bh4);
  background: var(--_1gzv7bhq);
  left: calc(var(--_1gzv7bh54)  + var(--_1gzv7bh4z)  - var(--_1gzv7bh4));
  position: absolute;
}

._4pdr081:after {
  border-top-left-radius: var(--_1gzv7bh4);
  border-top-right-radius: var(--_1gzv7bh4);
  top: var(--_1gzv7bh55);
  bottom: 0;
}

._4pdr082:after {
  top: 0;
  bottom: 0;
}

._4pdr083:after {
  border-bottom-left-radius: var(--_1gzv7bh4);
  border-bottom-right-radius: var(--_1gzv7bh4);
  top: 0;
  bottom: var(--_1gzv7bh55);
}

.wj83d30 {
  text-align: start;
}

.wj83d30:hover {
  background-color: var(--_1gzv7bhg);
}

.varo3t0 {
  padding-block: var(--_1gzv7bh56);
}

.varo3t1 {
  grid-column: 1 / -1;
}

.qrzugu0 {
  padding: var(--_1gzv7bh55) 0 var(--_1gzv7bh59) 0;
  column-gap: var(--_1gzv7bh50);
  grid-template-rows: repeat(1, auto);
  grid-template-columns: 1fr auto;
  display: grid;
}

._3y9bdv0 {
  width: 100%;
  padding: var(--_1gzv7bh55) var(--_1gzv7bh54);
  border-radius: var(--_1gzv7bh69);
  gap: var(--_1gzv7bh5d);
  justify-content: space-between;
  align-items: center;
  transition: background-color .2s ease-out, color .2s ease-out;
  display: flex;
}

._3y9bdv0:-moz-any(a, button) {
  padding-right: var(--_1gzv7bh5d);
  cursor: pointer;
}

._3y9bdv0:is(a, button) {
  padding-right: var(--_1gzv7bh5d);
  cursor: pointer;
}

._3y9bdv1 {
  background-color: var(--_1gzv7bh16);
  color: var(--_1gzv7bhw);
}

._3y9bdv1:-moz-any(a, button):hover {
  background-color: var(--_1gzv7bh2v);
  color: var(--_1gzv7bhx);
}

._3y9bdv1:is(a, button):hover {
  background-color: var(--_1gzv7bh2v);
  color: var(--_1gzv7bhx);
}

._3y9bdv2 {
  background-color: var(--_1gzv7bh34);
  color: var(--_1gzv7bh1q);
}

._3y9bdv2:-moz-any(a, button):hover {
  background-color: var(--_1gzv7bh3t);
  color: var(--_1gzv7bh3s);
}

._3y9bdv2:is(a, button):hover {
  background-color: var(--_1gzv7bh3t);
  color: var(--_1gzv7bh3s);
}

._3y9bdv3 {
  display: none;
}

._3y9bdv0:-moz-any(a, button) ._3y9bdv3 {
  align-items: center;
  display: flex;
}

._3y9bdv0:is(a, button) ._3y9bdv3 {
  align-items: center;
  display: flex;
}

.zwrkmw0 {
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  margin: auto;
  display: flex;
}

@media (min-width: 960px) {
  .zwrkmw0 {
    background-color: var(--_1gzv7bh2o);
  }
}

.bnm9r0 {
  display: block;
}

@media (min-width: 960px) {
  .bnm9r0 {
    grid-template-columns: 1fr var(--_1gzv7bh4w);
    gap: var(--_1gzv7bh50);
    padding-right: var(--_1gzv7bh54);
    display: grid;
  }
}

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

@media (min-width: 960px) {
  ._168gx3t0 {
    gap: var(--_1gzv7bh50);
    top: calc(72px + var(--_1gzv7bh5d));
    grid-column: 2 / span 1;
    align-self: start;
    position: sticky;
  }
}

.e9at4p0 {
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  display: flex;
}

@media (min-width: 960px) {
  .e9at4p0 {
    gap: var(--_1gzv7bh50);
    padding: 0 var(--_1gzv7bh54) var(--_1gzv7bh58) var(--_1gzv7bh54);
    grid-area: 1 / 1 / auto / span 1;
  }
}

.i8xbch0 {
  padding-top: var(--_1gzv7bh4z);
  position: sticky;
  bottom: 0;
  overflow: hidden;
}

.i8xbch1 {
  background-color: var(--_1gzv7bhf);
  padding: var(--_1gzv7bh57) var(--_1gzv7bh54);
  box-shadow: var(--_1gzv7bh5m);
}

@media (min-width: 960px) {
  .i8xbch1 {
    display: none;
  }
}