.root_w_UypNUUum {
  padding: 0 24px 24px 24px;
}
@media only screen and (min-width: 0px) and (max-width: 760px) {
  .root_w_UypNUUum {
    padding: 0 16px 16px 16px;
  }
}

.root_pCDzzg97bU {
  position: relative;
}
.root_pCDzzg97bU .indicator_qrxYzfI5iV {
  position: absolute;
  top: 0;
  left: -16px;
  width: 2px;
  background: var(--accent);
  height: 100%;
}
.root_pCDzzg97bU .details_EWu3ohDsGg {
  word-break: break-word;
}
.truncated_ZsNxeKirpq {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.category_ikK3EAj7Fe {
  width: 48px;
  position: relative;
}
.category_ikK3EAj7Fe.selectable_ZmQA9l4ok_ {
  width: 96px;
}
.category_ikK3EAj7Fe .indicator_MYI_U3xDHz {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  background: var(--accent);
  height: 100%;
}
.details_xDVLsuvj9_ {
  color: var(--toner-m);
  word-break: break-word;
}
.receiver_l53KMV7RGL {
  width: 300px;
  max-width: 300px;
}
.card_kAGUALSv9b {
  width: 215px;
}
.sum_qmnzi4wXU6 {
  width: 200px;
}
.truncated_Q_tDPyCb1p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.content_Ap8q21XQys {
  width: 100%;
  max-width: 100%;
}

.wrapper_tXAHzjOgQJ {
  padding: 0 32px;
}
@media only screen and (min-width: 0px) and (max-width: 760px) {
  .wrapper_tXAHzjOgQJ {
    padding: 0 16px;
  }
}
.total_xtLeZYXL3S {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--divider);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.back_AqmyKRkOZO {
  text-align: center;
  padding-bottom: 24px;
}
@media only screen and (min-width: 0px) and (max-width: 760px) {
  .back_AqmyKRkOZO {
    padding-bottom: 16px;
  }
}

.root_mgvtGr8mrW {
  text-align: center;
}
.image_KwiiUsMBdQ {
  background: url(/assets/7b4d780ff9661cab5783.svg) no-repeat center;
  background-size: contain;
  margin: 0 auto;
  width: 142px;
  height: 142px;
}
.content_fWzQVyTsIW {
  padding: 16px 0;
}

.root_H14hQgwv8j {
  padding: 0 24px 24px 24px;
}
@media only screen and (min-width: 0px) and (max-width: 760px) {
  .root_H14hQgwv8j {
    padding: 0 16px 16px 16px;
  }
}
.noRegister_US8ao9jekR {
  display: flex;
  justify-content: space-between;
  margin-top: 24px;
  align-items: center;
}
.noRegister_US8ao9jekR .content_b1hKwbjYRy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.noRegister_US8ao9jekR .content_b1hKwbjYRy .title_Ux59ZPVYrG {
  font-size: var(--ts-x-large);
  line-height: var(--tl-x-large);
  margin-bottom: 16px;
}
.noRegister_US8ao9jekR .content_b1hKwbjYRy .advantages_cIzBSVGzhR {
  color: var(--t-secondary);
  margin-bottom: 32px;
}
.noRegister_US8ao9jekR .image_Y6h15kfKxL {
  width: 256px;
  height: 256px;
  background: url(/assets/902263539950137dee3c.svg) no-repeat center;
  background-size: contain;
  margin-left: 56px;
  display: block;
}
@media only screen and (min-width: 0px) and (max-width: 760px) {
  .noRegister_US8ao9jekR .image_Y6h15kfKxL {
    display: none;
  }
}
@media only screen and (min-width: 0px) and (max-width: 760px) {
  .noRegister_US8ao9jekR .controls_VdqfSRiggb {
    text-align: center;
  }
}
.stickerImageBox_k5ngUbhUAl {
  width: 208px;
  height: 156px;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 8px;
}
.stickerImageBox_k5ngUbhUAl img {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, var(--background-dark) 0%, var(--toner-xs) 100%);
}

.detailsText_Ag2xIOupxz {
  word-break: break-word;
}
.logo_jgp0voz6Yn {
  border: 1px solid var(--divider);
  border-radius: 50%;
}
.logoSkeleton_AJjCMCV2qd {
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  margin-left: 8px;
  width: 40px;
  align-items: center;
  justify-content: center;
}
.open_vBgGGKHwWj {
  background: var(--accent-background);
}
.refusalError_i948rqsw3f {
  background: var(--error-background);
  border-radius: 8px;
  padding: 16px;
  max-width: 360px;
}
@media only screen and (min-width: 0px) and (max-width: 760px) {
  .refusalError_i948rqsw3f {
    width: 100%;
    max-width: 272px;
  }
}
.stickerImgBox_BrfRSz1Wws {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  overflow: hidden;
  margin-left: auto;
}
.stickerImgBox_BrfRSz1Wws img {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, var(--background-dark) 0%, var(--toner-xs) 100%);
}

.logoSkeleton_j2o9xWPALf {
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  width: 40px;
  align-items: center;
  justify-content: center;
}

.root_hqVS30YOhO {
  width: calc(100vw - 12 * 8px);
  height: calc(100vh - 12 * 8px - 7 * 8px);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 0px) and (max-width: 760px) {
  .root_hqVS30YOhO {
    width: 100%;
    height: calc(100dvh - 7 * 8px - 4 * 8px);
  }
}
.categories_dtCy5cJ10l {
  padding: 0 2px 2px;
  overflow-y: scroll;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.categories_dtCy5cJ10l::-webkit-scrollbar {
  width: 4px;
}
.categories_dtCy5cJ10l::-webkit-scrollbar:horizontal {
  height: 4px;
}
.categories_dtCy5cJ10l::-webkit-scrollbar-button {
  display: none;
}
.categories_dtCy5cJ10l::-webkit-scrollbar-track {
  background: transparent;
}
.categories_dtCy5cJ10l::-webkit-scrollbar-thumb {
  background: var(--divider);
  border-radius: 100px;
  transition: background 450ms ease;
}
.categories_dtCy5cJ10l::-webkit-scrollbar-thumb:hover {
  background: var(--grey-24);
  cursor: pointer;
}
.categories_dtCy5cJ10l::-webkit-scrollbar-corner {
  display: none;
}
.categories_dtCy5cJ10l::-webkit-resizer {
  display: none;
}
@media only screen and (min-width: 0px) and (max-width: 760px) {
  .categories_dtCy5cJ10l {
    margin-bottom: 16px;
    gap: 16px;
  }
}
.wrapper_r_XDS_8cFj {
  display: grid;
  grid-template-columns: repeat(auto-fill, 195px);
  grid-auto-rows: 134px;
  gap: 8px;
}
@media only screen and (min-width: 0px) and (max-width: 760px) {
  .wrapper_r_XDS_8cFj {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
  }
}
.sample_raunHMYrqQ {
  border-radius: 8px;
  transition-property: box-shadow, outline;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  transition-duration: 450ms;
  cursor: pointer;
  outline: 2px solid transparent;
  height: 100%;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 var(--divider), 0 0 1px 0 var(--t-hint);
}
.sample_raunHMYrqQ:hover {
  box-shadow: 0 4px 8px 0 var(--shadow-dark), 0 2px 8px 0 var(--shadow-dark);
}
.sample_raunHMYrqQ.selected_oxf2zwOl1b {
  outline: 2px solid var(--secondary);
  box-shadow: 0 0 0 4px var(--secondary-background);
}
.img_yWbuWkSApe {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, var(--background-dark) 0%, var(--toner-xs) 100%);
}
@media only screen and (min-width: 0px) and (max-width: 760px) {
  .mobFilter_Dqp4Io6kWB {
    overflow-x: auto;
    height: 100%;
    max-height: 40px;
  }
  .mobFilter_Dqp4Io6kWB::-webkit-scrollbar {
    width: 4px;
  }
  .mobFilter_Dqp4Io6kWB::-webkit-scrollbar:horizontal {
    height: 4px;
  }
  .mobFilter_Dqp4Io6kWB::-webkit-scrollbar-button {
    display: none;
  }
  .mobFilter_Dqp4Io6kWB::-webkit-scrollbar-track {
    background: transparent;
  }
  .mobFilter_Dqp4Io6kWB::-webkit-scrollbar-thumb {
    background: var(--divider);
    border-radius: 100px;
    transition: background 450ms ease;
  }
  .mobFilter_Dqp4Io6kWB::-webkit-scrollbar-thumb:hover {
    background: var(--grey-24);
    cursor: pointer;
  }
  .mobFilter_Dqp4Io6kWB::-webkit-scrollbar-corner {
    display: none;
  }
  .mobFilter_Dqp4Io6kWB::-webkit-resizer {
    display: none;
  }
}
.infoBlockItem_pMs5qfxNPq {
  background-color: var(--action-hover);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center;
}
.infoBlockItem_pMs5qfxNPq img {
  max-width: 296px;
  margin-left: auto;
  margin-right: auto;
}
.previewImageBox_TBo0F6626_ {
  width: 195px;
  height: 156px;
  border-radius: 8px;
  overflow: hidden;
}
.greetingCardView_Uhlz0MjLD2 {
  position: relative;
}
@media only screen and (min-width: 0px) and (max-width: 760px) {
  .greetingCardView_Uhlz0MjLD2 {
    position: unset;
    padding: 16px;
  }
}
.greetingCardAnimation_tUZ6AdvH3J {
  position: absolute;
  width: 360px;
  height: 600px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
}
@media only screen and (min-width: 0px) and (max-width: 760px) {
  .greetingCardAnimation_tUZ6AdvH3J {
    width: 100%;
    height: 100%;
  }
}
.greetingCard_q1VizK1EQu {
  border-radius: 18px;
  padding: 8px 16px;
  line-height: 18px;
}
.greetingCardSender_eZ4UWGOXwT {
  border-radius: 18px;
  padding: 8px 16px;
  line-height: 18px;
  background-color: #003f57;
}
.greetingCardSum_yCc04DiV2O {
  border-radius: 18px;
  padding: 8px 16px;
  line-height: 18px;
  background-color: var(--accent);
}
.greetingCardImgBox_faTB94uAv7 {
  width: 100%;
  height: 208px;
  border-radius: 8px;
  overflow: hidden;
}

.root_TbQ2gtRm6W {
  position: relative;
  min-width: 1000px;
  width: 1264px;
}
@media only screen and (min-width: 0px) and (max-width: 760px) {
  .root_TbQ2gtRm6W {
    width: 100%;
    min-width: 360px;
  }
}
@media only screen and (min-width: 761px) and (max-width: 1270px) {
  .root_TbQ2gtRm6W {
    width: 100%;
    min-width: 360px;
  }
}
.heading_BtCMVEsacX {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
}
@media only screen and (min-width: 0px) and (max-width: 760px) {
  .heading_BtCMVEsacX {
    padding: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--divider);
  }
}