:root {
  --gap-sections-tablet: 16px;
  --gap-list: 16px;
}

.main:has(.seed-panel),
.main:has(.seed-verif-panel) {
  padding-top: 16px;
}

.is-hidden { display: none !important; }

/* Seed */
.seed-panel {
  grid-template-columns: 1fr;
  max-width: 560px;
}

.seed-form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: var(--gap-16);
}

.seed-header { display: flex; flex-direction: column; gap: var(--gap-5); }

.seed-title {
  margin: 0;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.2;
}

.seed-lead {
  font-size: var(--font-size-14);
  color: var(--color-neutral-800);
  font-weight: 400;
  line-height: 18px;
  margin: 0;
}

.seed-section {
  display: flex;
  flex-direction: column;
  gap: var(--gap-16);
}

.seed-warning {
  padding: var(--padding-l);
  border-radius: var(--radius-s);
  border: 1px solid var(--color-primary-500);
  margin-top: var(--gap-16);
  font-size: 14px;
  line-height: 18px;
}

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

.seed-words {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}

.seed-word {
  cursor: pointer;
  background: #1c1c1c;
  border: 0;
  color: inherit;
  font: inherit;
  border-radius: 1000px;
  align-items: center;
  height: 26px;
  padding: 4px 8px;
  font-size: 14px;
  line-height: 18px;
  display: flex;
}

.seed-word.is-on {
  background: var(--color-primary-500);
  color: #181818;
}

.seed-copy {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 48px;
  border: 0;
  border-radius: 10px;
  background: var(--button-default);
  color: var(--color-text-secondary);
  font-size: 16px;
  font-weight: 500;
}

.seed-copy:hover {
  background: var(--button-default-hover);
  color: var(--color-text-primary);
}

.seed-actions { margin-top: auto; }

.seed-picked {
  min-height: 64px;
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  padding: 8px;
  border-radius: 10px;
  background: var(--color-neutral-100);
}

.seed-error {
  color: var(--color-text-error);
  font-size: 14px;
}

.seed-error.is-hidden { display: none !important; }

@media (width <= 600px) {
  .seed-title { font-size: 24px; }
  .seed-panel {
    min-height: calc(100dvh - 146px);
  }
}

/* Seed verification */
.seed-verif-panel {
  gap: var(--gap-16);
  padding: 20px;
}

.seed-verif-col {
  display: flex;
  flex-direction: column;
  gap: var(--gap-16);
  height: 100%;
}

.seed-verif-form {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
  width: 100%;
  max-width: 385px;
  flex-grow: 1;
}

.seed-verif-lead {
  margin: 0;
  font-size: var(--font-size-14);
  color: var(--color-text-primary);
  line-height: 18px;
  font-weight: 400;
}

.seed-verif-fields {
  display: grid;
  gap: var(--gap-8);
  grid-template-columns: minmax(1px, 1fr);
}

.seed-ac { position: relative; }

.seed-ac-box {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 48px;
  padding: 0 8px 0 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: rgb(28, 28, 28);
  cursor: text;
}

.seed-ac-box:hover { border-color: rgb(95, 95, 96); }
.seed-ac.is-open .seed-ac-box,
.seed-ac-box:focus-within { border-color: var(--border-accent); }
.seed-ac.is-error .seed-ac-box { border-color: var(--border-error); }

.seed-ac-num {
  color: var(--color-text-secondary);
  margin-right: var(--gap-xs);
  white-space: nowrap;
  font-size: 16px;
}

.seed-ac-box input {
  flex: auto;
  min-width: 0;
  height: 48px;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.015em;
}

.seed-ac-chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  color: var(--icon-secondary);
  background: transparent;
  border: 0;
}

.seed-ac.is-open .seed-ac-chevron { transform: rotate(180deg); }

.seed-ac-list {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  z-index: 8;
  max-height: 220px;
  overflow: auto;
  padding: 4px 0;
  border-radius: 10px;
  background: #1e1e1e;
  box-shadow: 0 8px 24px #0008;
}

.seed-ac-opt {
  padding: 10px 12px;
  cursor: pointer;
  font-size: 14px;
}

.seed-ac-opt:hover,
.seed-ac-opt.is-active {
  background: #1e1e1ef2;
  transform: translate(2px);
}

@media (width <= 767px) {
  .seed-verif-panel {
    grid-template-columns: 1fr;
    padding: 10px;
  }

  .seed-verif-form { max-width: 100%; }
}

@media (width <= 600px) {
  .seed-verif-panel {
    min-height: calc(100dvh - 146px);
    padding: 10px;
  }

  .seed-verif-form {
    gap: var(--gap-10);
    justify-content: space-between;
    height: 100%;
  }
}

/* Catalog */
.catalog-body {
  display: grid;
  grid-template-columns: 288px minmax(1px, 1fr);
  gap: var(--gap-m);
  align-items: start;
}

.catalog-aside,
.catalog-main,
.catalog-menu {
  display: flex;
  flex-direction: column;
  gap: var(--gap-m);
}

.catalog-menu {
  background: var(--color-neutral-200);
  border-radius: var(--radius-m);
}

.catalog-menu-list {
  display: flex;
  flex-direction: column;
  gap: var(--gap-2xs);
  padding: var(--padding-s);
}

.cat-btn {
  display: flex;
  align-items: center;
  gap: var(--gap-s);
  width: 100%;
  text-align: left;
  color: var(--color-text-primary);
  font-weight: 400;
  font-size: var(--font-size-14);
  padding: var(--padding-m);
  border: 0;
  background: transparent;
  border-radius: var(--radius-2xs);
  transition: background-color .3s;
}

.cat-btn.has-children { cursor: pointer; }

.cat-btn:hover { background: var(--color-neutral-100); }

.cat-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 4px;
  background: var(--color-neutral-400);
}

.cat-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cat-arrow {
  margin-left: auto;
  flex-shrink: 0;
  color: var(--color-text-secondary);
  opacity: 1;
  transition: transform .3s;
}

.cat-item.is-open .cat-arrow { transform: rotate(90deg); }

.cat-children {
  display: none;
  flex-direction: column;
  padding: 0 12px 8px 36px;
  gap: 2px;
}

.cat-item.is-open .cat-children { display: flex; }

.cat-sub {
  padding: 8px 10px;
  border-radius: 8px;
  color: var(--color-text-secondary);
  font-size: 14px;
}

.cat-sub:hover,
.cat-sub.is-active,
.cat-item.is-active > .cat-btn { background: var(--color-neutral-100); color: var(--color-text-primary); }

.cat-create {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 48px;
  margin-top: 4px;
  border-radius: 10px;
  background: var(--button-primary);
  color: #181818;
  font-size: 16px;
  font-weight: 500;
}

.cat-create:hover { background: var(--button-primary-hover); }

.catalog-banner { position: sticky; top: 80px; }

.catalog-pick { display: none; }
.catalog-filter-btn { display: none; }

.catalog-head {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
}

.catalog-page-search {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: var(--color-neutral-200);
}

.catalog-page-search:focus-within { border-color: var(--border-accent); }

.catalog-page-search input {
  width: 100%;
  background: transparent;
  color: #fff;
  font-size: 16px;
}

.catalog-page-search .search-icon { color: var(--color-neutral-500); flex-shrink: 0; }

.catalog-selects {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-xs);
}

.cl-select {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 12px;
  border-radius: 10px;
  background: var(--color-neutral-200);
  color: var(--color-text-secondary);
  font-size: 14px;
}

.cl-select select {
  flex: auto;
  min-width: 0;
  background: transparent;
  color: #fff;
  border: 0;
}

.catalog-feed {
  display: flex;
  flex-direction: column;
  gap: var(--gap-2xs);
}

.pager {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
}

.pager a,
.pager span {
  min-width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: var(--color-text-secondary);
}

.pager a.is-active,
.pager a:hover {
  background: var(--color-neutral-200);
  color: #fff;
}

@media (width <= 991px) {
  .catalog-body { grid-template-columns: minmax(1px, 1fr); }
  .catalog-menu-desk { display: none; }
  .catalog-banner { display: block; position: static; }
  .catalog-pick {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    align-self: flex-start;
    padding: 10px 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: transparent;
    border: 0;
  }
  .catalog-selects {
    grid-template-columns: 44px minmax(0, 1fr);
  }
  .catalog-extra-filter { display: none; }
  .catalog-selects.is-open {
    grid-template-columns: 1fr;
  }
  .catalog-selects.is-open .catalog-extra-filter { display: flex; }
  .catalog-filter-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 48px;
    border-radius: 10px;
    background: var(--color-neutral-200);
    color: #fff;
  }
  .banner-center .banner-track,
  .catalog-banner .banner-aside .banner-track { aspect-ratio: 930 / 260; }
}

/* FAQ */
.faq-page {
  display: flex;
  flex-direction: column;
  gap: var(--gap-sections);
}

.faq-body {
  display: grid;
  grid-template-columns: minmax(1px, 1fr) 384px;
  gap: var(--gap-sections);
  align-items: start;
}

.faq-cats-wrap {
  background: var(--background-color-primary);
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 0 18px #04040440;
}

.faq-cats-title { margin: 0 0 20px; font-size: 20px; font-weight: 600; }

.faq-cats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.faq-cat {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 35px 28px 35px 24px;
  border-radius: 16px;
  background: var(--background-color-dark);
}

.faq-cat:after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  width: 110px;
  height: 100%;
  background: var(--background-color-secondary);
  transform: skew(-7deg);
  transition: background-color var(--transition-base);
}

.faq-cat:hover:after { background: var(--background-color-accent); }

.faq-cat-left {
  z-index: 2;
  position: relative;
  max-width: 226px;
}

.faq-cat-left h3 {
  font-weight: 700;
  font-size: var(--font-size-16);
  margin: 0 0 10px;
  line-height: 20px;
}

.faq-cat-left p {
  margin: 0;
  font-weight: 400;
  font-size: var(--font-size-16);
  color: var(--color-text-secondary);
  line-height: 22px;
}

.faq-cat-right { z-index: 2; position: relative; }

.faq-cat-icon {
  display: inline-block;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  background-color: var(--icon-default);
  transition: background-color var(--transition-base);
  -webkit-mask-position: 50%;
  mask-position: 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.faq-cat:hover .faq-cat-icon { background-color: var(--icon-dark); }

.faq-body .home-popular { display: flex; flex-direction: column; }

@media (width <= 991px) {
  .faq-body { grid-template-columns: 1fr; }
  .faq-body .home-popular { display: flex; flex-direction: column; }
  .faq-cats { grid-template-columns: 1fr; gap: 10px; }
  .faq-cats-wrap { padding: 10px; }
  .faq-cats-title { margin-bottom: 10px; }
  .faq-cat { padding: 20px 25px 20px 20px; }
  .faq-cat:after { width: 100px; }
  .faq-cat-left { max-width: calc(100% - 90px); }
  .faq-cat-left p { font-size: var(--font-size-14); line-height: 18px; max-width: 100%; }
}

/* Users */
.users-page {
  display: flex;
  flex-direction: column;
  gap: var(--gap-sections);
}

.users-head {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.users-total {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

.users-total span { color: var(--color-neutral-800); }

.users-layout {
  display: grid;
  grid-template-columns: 290px minmax(1px, 1fr);
  gap: var(--gap-sections-tablet);
  overflow: hidden;
}

.users-filter {
  background: var(--background-color-primary);
  border-radius: 10px;
  overflow: hidden;
}

.uf-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 14px 16px;
  text-align: left;
  font-size: 16px;
  border: 0;
  background: transparent;
  color: inherit;
}

.uf-arrow {
  width: 16px;
  height: 16px;
  color: var(--icon-default);
  transition: transform .2s;
}

.uf-item.is-open .uf-arrow { transform: rotate(180deg); }

.uf-body {
  display: none;
  padding: 0 16px 14px;
  flex-direction: column;
  gap: 8px;
}

.uf-item.is-open .uf-body { display: flex; }

.uf-from {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 12px;
  border-radius: 10px;
  background: var(--color-neutral-100);
  color: var(--color-text-secondary);
}

.uf-from input { flex: auto; background: transparent; color: #fff; }

.uf-check {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}

.uf-check input { position: absolute; opacity: 0; width: 0; height: 0; }

.uf-box {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  border: 1px solid var(--color-neutral-300);
}

.uf-check input:checked + .uf-box {
  background: var(--color-primary-500);
  border-color: var(--color-primary-500);
}

.users-main,
.users-cards {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.users-toolbar {
  display: grid;
  grid-template-columns: 1fr 250px;
  gap: 10px;
  margin-bottom: 12px;
}

.users-search {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 12px;
  border-radius: 10px;
  background: var(--color-neutral-200);
  color: #6c6c6c;
}

.users-search input { flex: auto; background: transparent; color: #fff; }

.u-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: var(--padding-l);
  border-radius: var(--radius-m);
  background: var(--background-color-primary);
  transition: background-color var(--transition-base);
}

.u-card:hover { background: var(--background-color-secondary); }

.u-card-left {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: auto;
}

.avatar-m40 {
  width: 40px;
  height: 40px;
  font-size: var(--font-size-h5);
  font-weight: 700;
}

.u-card-info { min-width: 0; display: flex; flex-direction: column; }

.u-card-top { display: flex; align-items: center; gap: 4px; min-width: 0; }

.u-card-tg {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--color-text-secondary);
  font-size: 12px;
}

.u-card-stats {
  display: grid;
  grid-template-columns: 92px 92px 60px 75px;
  gap: 4px;
  margin-left: auto;
  align-items: center;
}

.u-stat {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 4px;
  border-radius: var(--radius-s);
  background: var(--color-neutral-100);
  color: var(--color-neutral-800);
  font-size: 12px;
  font-weight: 600;
}

.u-stat-rating,
.u-stat-money { color: var(--color-text-accent); }

.users-filter-btn { display: none; }

@media (width <= 991px) {
  .users-layout { grid-template-columns: minmax(1px, 1fr); }
  .users-aside { display: none; }
  .users-toolbar { grid-template-columns: 44px minmax(0, 1fr); }
  .users-sort { grid-column: 1 / -1; }
  .users-filter-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 48px;
    border: 0;
    border-radius: 10px;
    background: var(--color-neutral-200);
    color: #fff;
  }
  .users-page.is-filters .users-aside {
    display: block;
    position: fixed;
    z-index: 60;
    top: 0;
    left: 0;
    right: 0;
    max-height: 85vh;
    overflow: auto;
    background: var(--color-neutral-100);
    border-radius: 0 0 14px 14px;
  }
  .users-page.is-filters::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 55;
    background: rgb(0 0 0 / 0.55);
  }
  .u-card-stats {
    display: flex;
    flex-direction: row-reverse;
    gap: 2px;
    margin: 0;
  }
  .u-stat {
    height: 20px;
    font-size: 14px;
    background: var(--color-neutral-300);
  }
}

/* Publication */
.pub-page {
  display: flex;
  flex-direction: column;
  gap: var(--gap-sections);
}

.pub-layout {
  display: grid;
  grid-template-columns: 250px minmax(1px, 1fr);
  gap: var(--gap-m);
  align-items: start;
}

.pub-user-card,
.comment-user {
  display: flex;
  flex-direction: column;
  gap: var(--gap-m);
  padding: var(--padding-l);
  border-radius: var(--radius-m);
  background: var(--color-neutral-200);
}

.avatar-pub {
  width: 100%;
  height: 220px;
  border-radius: var(--radius-s);
  font-size: var(--font-size-h1);
  font-weight: 700;
}

.avatar-pub-sm {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  font-weight: 700;
}

.tg-link {
  display: flex;
  align-items: center;
  gap: 4px;
  max-width: max-content;
  color: var(--color-text-accent);
  font-size: 14px;
}

.muted-sm {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 14px;
  line-height: 18px;
}

.pub-user-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
}

.pub-user-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: var(--padding-m);
  border-radius: var(--radius-s);
  background: var(--color-neutral-100);
}

.pub-user-stat.wide { grid-column: 1 / 3; }

.pub-user-stat h6 { margin: 0; font-size: 16px; font-weight: 600; }
.pub-user-stat p { margin: 0; color: var(--color-text-secondary); font-size: 12px; }

.pub-content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-l);
  padding: var(--padding-l);
  border-radius: var(--radius-m);
  background: var(--color-neutral-200);
}

.pub-info-head { display: flex; flex-direction: column; gap: 4px; }

.crumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: auto;
  white-space: nowrap;
  color: var(--color-text-secondary);
  font-size: 14px;
}

.crumbs a:hover { color: var(--color-primary-500); }

.crumb-sep {
  width: 5px;
  height: 18px;
  background: #878787;
  clip-path: polygon(0 100%, 78% 0, 100% 0, 22% 100%);
  flex-shrink: 0;
}

.crumb-current { color: var(--color-text-secondary); }

.pub-h3 {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.25;
}

.pub-date { margin: 0; color: var(--color-text-secondary); font-size: 14px; }

.pub-body p { margin: 0 0 10px; font-size: 16px; line-height: 1.45; }

.pub-actions { display: flex; justify-content: space-between; align-items: center; }

.pub-reactions { display: flex; gap: 4px; }

.react-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border: 0;
  background: transparent;
  border-radius: 1000px;
  color: var(--color-text-secondary);
}

.react-btn .dislike { transform: scaleY(-1); }

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

.comments-head {
  display: flex;
  align-items: center;
  gap: 20px;
}

.comments-head h4 { margin: 0; font-size: 20px; font-weight: 600; }
.comments-count { color: var(--color-text-secondary); }

.comments-list { display: flex; flex-direction: column; gap: 20px; }

.comment {
  display: grid;
  grid-template-columns: 250px minmax(1px, 1fr);
  border-radius: var(--radius-m);
  background: var(--color-neutral-200);
}

.comment-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  padding: var(--padding-l);
}

.comment-meta { color: var(--color-text-secondary); font-size: 14px; }

.role-badge {
  padding: var(--padding-m);
  border-radius: var(--radius-s);
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid var(--color-moder);
  color: var(--color-moder);
}

.comment-login {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: var(--padding-l);
  border-radius: var(--radius-m);
  background: var(--color-neutral-200);
}

.comment-login-btn { width: auto; min-width: 140px; }

.pub-views {
  display: flex;
  flex-direction: column;
  gap: var(--gap-m);
  padding: var(--padding-l);
  border-radius: var(--radius-m);
  background: var(--color-neutral-200);
}

.views-block p { margin: 4px 0 0; color: var(--color-text-secondary); }
.views-block h5 { margin: 0; }

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

.views-names a { color: var(--color-text-secondary); font-size: 14px; }
.views-names a:hover { color: var(--color-primary-500); }

@media (width <= 991px) {
  .pub-layout,
  .comment { grid-template-columns: minmax(1px, 1fr); }
  .avatar-pub { height: auto; aspect-ratio: 1; max-width: 220px; }
}

/* Profile */
.profile-layout {
  display: grid;
  grid-template-columns: 285px minmax(1px, 1fr);
  align-items: start;
  gap: var(--gap-sections);
}

.profile-aside,
.profile-main {
  display: flex;
  flex-direction: column;
  gap: var(--gap-sections);
}

.profile-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: var(--padding-l);
  background: var(--background-color-primary);
  border-radius: var(--radius-m);
}

.avatar-profile {
  width: 100%;
  aspect-ratio: 1;
  border-radius: var(--radius-s);
  font-size: var(--font-size-h1);
  font-weight: 700;
}

.profile-info { display: flex; flex-direction: column; gap: 4px; min-width: 0; }

.profile-name { font-size: var(--font-size-h4); font-weight: 500; }

.profile-stats-list { display: grid; gap: 4px; }

.profile-stat-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.profile-status {
  border-top: 1px solid var(--color-dividers);
  margin-top: 20px;
  padding-top: 20px;
}

.profile-btns {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  gap: 4px;
}
.profile-btns > :first-child { grid-column: span 2; }
.profile-btns form { min-width: 0; }
.profile-btns .btn-contact,
.profile-btns .btn-next { width: 100%; }
.profile-more { position: relative; }
.profile-more-btn {
  width: 48px;
  min-width: 48px;
  height: 48px;
  padding: 0;
}
.profile-more-menu {
  position: absolute;
  z-index: 6;
  top: 0;
  left: calc(100% + 8px);
}
.profile-more-menu[hidden] { display: none; }
.profile-more-menu a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 10px;
  background: #383838;
  color: #fff;
  white-space: nowrap;
}
.profile-tab-list { display: flex; align-items: center; gap: 8px; min-width: 0; }

.profile-deposit {
  padding: var(--padding-l);
  border-radius: var(--radius-m);
  background: var(--background-color-primary);
}

.profile-kpi {
  display: grid;
  grid-template-columns: repeat(4, minmax(1px, 1fr));
  gap: 10px;
  padding: 20px;
  border-radius: var(--radius-m);
  background: var(--color-neutral-200);
}

.kpi {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  padding: 16px;
  border-radius: 10px;
  text-align: center;
  background: var(--background-color-tertiary);
}

.kpi-top { font-size: 16px; line-height: 1.1; }
.kpi-bot { font-weight: 800; font-size: var(--font-size-20); color: var(--color-text-accent); line-height: 1.2; }

.profile-tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.ptab {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 4px;
}

.ptab span {
  background: var(--background-color-secondary);
  border-radius: 4px;
  padding: 2px 4px;
  font-weight: 700;
  line-height: 16px;
  font-size: 12px;
}

.ptab.is-active { color: var(--color-text-accent); }
.ptab.is-active span { color: var(--color-text-dark); background: transparent; }

.nodata {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 280px;
  background: var(--color-neutral-200);
  border-radius: var(--radius-m);
  gap: 8px;
  text-align: center;
}

.nodata h4 { margin: 0; font-size: 20px; font-weight: 600; }
.nodata p { margin: 0; max-width: 255px; color: var(--color-text-secondary); }

.review-howto {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  border-radius: 10px;
  background: var(--color-neutral-200);
}

.review-howto h6 { margin: 0; font-size: 16px; font-weight: 500; }
.review-howto-btns { display: flex; justify-content: center; }
.review-howto-btns .btn-next { width: auto; min-width: 200px; }

@media (width <= 991px) {
  .profile-layout { grid-template-columns: minmax(1px, 1fr); }
  .profile-kpi { grid-template-columns: 1fr 1fr; padding: 16px; }
  .profile-tabs { flex-direction: column; align-items: stretch; }
  .profile-tab-list { overflow-x: auto; }
  .profile-tab-list .ptab { flex: 0 0 auto; }
  .profile-sort { width: 100%; }
  .profile-more-menu { top: auto; right: 0; bottom: calc(100% + 8px); left: auto; }
  .kpi-top { font-size: 14px; line-height: 18px; }
  .kpi-bot { font-size: var(--font-size-16); }
  .nodata { height: 140px; }
}


/* FAQ category icons from dump */
.faq-cat-icon.is-rules{-webkit-mask-image:url(data:image/svg+xml,%3csvg%20width=%2742%27%20height=%2742%27%20viewBox=%270%200%2042%2042%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath%20d=%27M9.5127%2029.2605C10.9322%2029.2605%2012.0752%2030.4164%2012.0752%2031.8273C12.0752%2032.3356%2011.9235%2032.827%2011.6479%2033.2418C11.9234%2033.6564%2012.0751%2034.1478%2012.0751%2034.656C12.0751%2036.067%2010.9321%2037.2227%209.51254%2037.2227C8.3759%2037.2227%207.47781%2036.7357%207.01538%2035.6458C6.76997%2035.0676%207.03986%2034.3998%207.61818%2034.1544C8.19649%2033.9089%208.86423%2034.1789%209.10964%2034.7571C9.15865%2034.8726%209.272%2034.9477%209.39753%2034.9477C9.58837%2034.9477%209.80006%2034.8948%209.80006%2034.656C9.80006%2034.4794%209.67225%2034.405%209.52646%2034.3851L9.43771%2034.3793C8.80937%2034.3793%208.30007%2033.8699%208.30007%2033.2414C8.30007%2032.6703%208.72095%2032.1975%209.26948%2032.1163L9.43757%2032.1039C9.61593%2032.1039%209.80022%2032.0394%209.80022%2031.8273C9.80022%2031.5884%209.58856%2031.5355%209.39774%2031.5355C9.27223%2031.5355%209.15886%2031.6106%209.10985%2031.7261C8.86444%2032.3045%208.1967%2032.5743%207.61839%2032.329C7.04007%2032.0835%206.77018%2031.4158%207.01559%2030.8375C7.47801%2029.7477%208.37607%2029.2605%209.5127%2029.2605ZM35.0001%2031.5002C35.9666%2031.5002%2036.7501%2032.2837%2036.7501%2033.2502C36.7501%2034.2167%2035.9666%2035.0002%2035.0001%2035.0002H15.7501C14.7836%2035.0002%2014.0001%2034.2167%2014.0001%2033.2502C14.0001%2032.2837%2014.7836%2031.5002%2015.7501%2031.5002H35.0001ZM10.6415%2017.4044C11.7699%2017.9687%2012.3455%2019.2656%2012.0412%2020.4827C11.9295%2020.9295%2011.706%2021.3407%2011.3917%2021.6774L10.423%2022.7154H11.2449C11.8731%2022.7154%2012.3824%2023.2246%2012.3824%2023.8529C12.3824%2024.4811%2011.8731%2024.9904%2011.2449%2024.9904H8.00304C7.37033%2024.9904%206.85742%2024.4774%206.85742%2023.8448C6.85742%2023.4843%206.90702%2023.1481%207.16553%2022.8713L9.72854%2020.1252C9.91969%2019.9204%209.87167%2019.5629%209.62408%2019.4392C9.38527%2019.3197%209.18795%2019.458%209.14235%2019.6871L9.13242%2019.7904C9.13242%2020.4187%208.62314%2020.9279%207.99492%2020.9279C7.31121%2020.9279%206.85742%2020.3562%206.85742%2019.7082C6.85742%2018.5182%207.66725%2017.481%208.82164%2017.1924C9.43559%2017.0389%2010.0778%2017.1225%2010.6415%2017.4044ZM35.0001%2019.2502C35.9666%2019.2502%2036.7501%2020.0337%2036.7501%2021.0002C36.7501%2021.8977%2036.0746%2022.6373%2035.2042%2022.7384L35.0001%2022.7502H15.7501C14.7836%2022.7502%2014.0001%2021.9667%2014.0001%2021.0002C14.0001%2020.1027%2014.6757%2019.363%2015.546%2019.262L15.7501%2019.2502H35.0001ZM10.7627%205.93137V11.6025C10.7627%2012.2308%2010.2534%2012.74%209.62519%2012.74C8.99697%2012.74%208.48769%2012.2308%208.48769%2011.6025V7.91426C8.0635%207.98001%207.62%207.80167%207.36623%207.42101C7.01776%206.89828%207.15902%206.19205%207.68172%205.84357L8.98063%204.97764C9.74235%204.46982%2010.7627%205.01586%2010.7627%205.93137ZM35.0001%207.00018C35.9666%207.00018%2036.7501%207.78369%2036.7501%208.75018C36.7501%209.64764%2036.0746%2010.3873%2035.2042%2010.4884L35.0001%2010.5002H15.7501C14.7836%2010.5002%2014.0001%209.71667%2014.0001%208.75018C14.0001%207.85273%2014.6757%207.11305%2015.546%207.01196L15.7501%207.00018H35.0001Z%27%20fill=%27%236C6C6C%27/%3e%3c/svg%3e);mask-image:url(data:image/svg+xml,%3csvg%20width=%2742%27%20height=%2742%27%20viewBox=%270%200%2042%2042%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath%20d=%27M9.5127%2029.2605C10.9322%2029.2605%2012.0752%2030.4164%2012.0752%2031.8273C12.0752%2032.3356%2011.9235%2032.827%2011.6479%2033.2418C11.9234%2033.6564%2012.0751%2034.1478%2012.0751%2034.656C12.0751%2036.067%2010.9321%2037.2227%209.51254%2037.2227C8.3759%2037.2227%207.47781%2036.7357%207.01538%2035.6458C6.76997%2035.0676%207.03986%2034.3998%207.61818%2034.1544C8.19649%2033.9089%208.86423%2034.1789%209.10964%2034.7571C9.15865%2034.8726%209.272%2034.9477%209.39753%2034.9477C9.58837%2034.9477%209.80006%2034.8948%209.80006%2034.656C9.80006%2034.4794%209.67225%2034.405%209.52646%2034.3851L9.43771%2034.3793C8.80937%2034.3793%208.30007%2033.8699%208.30007%2033.2414C8.30007%2032.6703%208.72095%2032.1975%209.26948%2032.1163L9.43757%2032.1039C9.61593%2032.1039%209.80022%2032.0394%209.80022%2031.8273C9.80022%2031.5884%209.58856%2031.5355%209.39774%2031.5355C9.27223%2031.5355%209.15886%2031.6106%209.10985%2031.7261C8.86444%2032.3045%208.1967%2032.5743%207.61839%2032.329C7.04007%2032.0835%206.77018%2031.4158%207.01559%2030.8375C7.47801%2029.7477%208.37607%2029.2605%209.5127%2029.2605ZM35.0001%2031.5002C35.9666%2031.5002%2036.7501%2032.2837%2036.7501%2033.2502C36.7501%2034.2167%2035.9666%2035.0002%2035.0001%2035.0002H15.7501C14.7836%2035.0002%2014.0001%2034.2167%2014.0001%2033.2502C14.0001%2032.2837%2014.7836%2031.5002%2015.7501%2031.5002H35.0001ZM10.6415%2017.4044C11.7699%2017.9687%2012.3455%2019.2656%2012.0412%2020.4827C11.9295%2020.9295%2011.706%2021.3407%2011.3917%2021.6774L10.423%2022.7154H11.2449C11.8731%2022.7154%2012.3824%2023.2246%2012.3824%2023.8529C12.3824%2024.4811%2011.8731%2024.9904%2011.2449%2024.9904H8.00304C7.37033%2024.9904%206.85742%2024.4774%206.85742%2023.8448C6.85742%2023.4843%206.90702%2023.1481%207.16553%2022.8713L9.72854%2020.1252C9.91969%2019.9204%209.87167%2019.5629%209.62408%2019.4392C9.38527%2019.3197%209.18795%2019.458%209.14235%2019.6871L9.13242%2019.7904C9.13242%2020.4187%208.62314%2020.9279%207.99492%2020.9279C7.31121%2020.9279%206.85742%2020.3562%206.85742%2019.7082C6.85742%2018.5182%207.66725%2017.481%208.82164%2017.1924C9.43559%2017.0389%2010.0778%2017.1225%2010.6415%2017.4044ZM35.0001%2019.2502C35.9666%2019.2502%2036.7501%2020.0337%2036.7501%2021.0002C36.7501%2021.8977%2036.0746%2022.6373%2035.2042%2022.7384L35.0001%2022.7502H15.7501C14.7836%2022.7502%2014.0001%2021.9667%2014.0001%2021.0002C14.0001%2020.1027%2014.6757%2019.363%2015.546%2019.262L15.7501%2019.2502H35.0001ZM10.7627%205.93137V11.6025C10.7627%2012.2308%2010.2534%2012.74%209.62519%2012.74C8.99697%2012.74%208.48769%2012.2308%208.48769%2011.6025V7.91426C8.0635%207.98001%207.62%207.80167%207.36623%207.42101C7.01776%206.89828%207.15902%206.19205%207.68172%205.84357L8.98063%204.97764C9.74235%204.46982%2010.7627%205.01586%2010.7627%205.93137ZM35.0001%207.00018C35.9666%207.00018%2036.7501%207.78369%2036.7501%208.75018C36.7501%209.64764%2036.0746%2010.3873%2035.2042%2010.4884L35.0001%2010.5002H15.7501C14.7836%2010.5002%2014.0001%209.71667%2014.0001%208.75018C14.0001%207.85273%2014.6757%207.11305%2015.546%207.01196L15.7501%207.00018H35.0001Z%27%20fill=%27%236C6C6C%27/%3e%3c/svg%3e)}

.faq-cat-icon.is-guarantee{-webkit-mask-image:url(data:image/svg+xml,%3csvg%20width=%2742%27%20height=%2742%27%20viewBox=%270%200%2042%2042%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath%20d=%27M40.25%2026.8974V30.7301C40.25%2035.0001%2037.135%2039.0249%2032.9%2040.1974C32.6025%2040.2674%2032.2875%2040.2674%2032.0075%2040.1974C29.9425%2039.6374%2028.1225%2038.3774%2026.845%2036.7499C25.4625%2035.0349%2024.6575%2032.9176%2024.6575%2030.7301V26.8974C24.6575%2026.1624%2025.2%2025.3574%2025.865%2025.0774L30.73%2023.0823C31.8325%2022.6448%2033.0575%2022.6448%2034.16%2023.0823L35.91%2023.8L39.0425%2025.0774C39.7075%2025.3574%2040.25%2026.1624%2040.25%2026.8974Z%27%20stroke=%27%236C6C6C%27%20stroke-width=%273%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3e%3cpath%20d=%27M36.6627%2019.2676L35.91%2023.7999L34.16%2023.0824C33.0575%2022.6449%2031.8325%2022.6449%2030.73%2023.0824L25.865%2025.0774C25.2%2025.3574%2024.6575%2026.1624%2024.6575%2026.8974V30.7301C24.6575%2032.9176%2025.4625%2035.0349%2026.845%2036.7499H10.815C8.41755%2036.7499%206.16008%2034.8426%205.75758%2032.4801L3.55256%2019.2676C3.27256%2017.6401%204.09503%2015.4525%205.39003%2014.42L16.9051%205.21499C18.6725%203.79749%2021.5425%203.79751%2023.31%205.23251L34.825%2014.42C36.1025%2015.4525%2036.9427%2017.6401%2036.6627%2019.2676Z%27%20stroke=%27%236C6C6C%27%20stroke-width=%273%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3e%3c/svg%3e);mask-image:url(data:image/svg+xml,%3csvg%20width=%2742%27%20height=%2742%27%20viewBox=%270%200%2042%2042%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath%20d=%27M40.25%2026.8974V30.7301C40.25%2035.0001%2037.135%2039.0249%2032.9%2040.1974C32.6025%2040.2674%2032.2875%2040.2674%2032.0075%2040.1974C29.9425%2039.6374%2028.1225%2038.3774%2026.845%2036.7499C25.4625%2035.0349%2024.6575%2032.9176%2024.6575%2030.7301V26.8974C24.6575%2026.1624%2025.2%2025.3574%2025.865%2025.0774L30.73%2023.0823C31.8325%2022.6448%2033.0575%2022.6448%2034.16%2023.0823L35.91%2023.8L39.0425%2025.0774C39.7075%2025.3574%2040.25%2026.1624%2040.25%2026.8974Z%27%20stroke=%27%236C6C6C%27%20stroke-width=%273%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3e%3cpath%20d=%27M36.6627%2019.2676L35.91%2023.7999L34.16%2023.0824C33.0575%2022.6449%2031.8325%2022.6449%2030.73%2023.0824L25.865%2025.0774C25.2%2025.3574%2024.6575%2026.1624%2024.6575%2026.8974V30.7301C24.6575%2032.9176%2025.4625%2035.0349%2026.845%2036.7499H10.815C8.41755%2036.7499%206.16008%2034.8426%205.75758%2032.4801L3.55256%2019.2676C3.27256%2017.6401%204.09503%2015.4525%205.39003%2014.42L16.9051%205.21499C18.6725%203.79749%2021.5425%203.79751%2023.31%205.23251L34.825%2014.42C36.1025%2015.4525%2036.9427%2017.6401%2036.6627%2019.2676Z%27%20stroke=%27%236C6C6C%27%20stroke-width=%273%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27/%3e%3c/svg%3e)}

.faq-cat-icon.is-discus{-webkit-mask-image:url(data:image/svg+xml,%3csvg%20width=%2742%27%20height=%2742%27%20viewBox=%270%200%2042%2042%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath%20d=%27M23.625%2014.875C23.625%2016.3247%2022.4497%2017.5%2021%2017.5C19.5503%2017.5%2018.375%2016.3247%2018.375%2014.875C18.375%2013.4253%2019.5503%2012.25%2021%2012.25C22.4497%2012.25%2023.625%2013.4253%2023.625%2014.875Z%27%20fill=%27%236C6C6C%27/%3e%3cpath%20d=%27M16.625%2029.75V26.25H19.25V22.75H17.5V19.25H21C21.9665%2019.25%2022.75%2020.0335%2022.75%2021V26.25H25.375V29.75H16.625Z%27%20fill=%27%236C6C6C%27/%3e%3cpath%20fill-rule=%27evenodd%27%20clip-rule=%27evenodd%27%20d=%27M21%2038.5C11.335%2038.5%203.5%2030.665%203.5%2021C3.5%2011.335%2011.335%203.5%2021%203.5C30.665%203.5%2038.5%2011.335%2038.5%2021C38.5%2030.665%2030.665%2038.5%2021%2038.5ZM21%2035C28.732%2035%2035%2028.732%2035%2021C35%2013.268%2028.732%207%2021%207C13.268%207%207%2013.268%207%2021C7%2028.732%2013.268%2035%2021%2035Z%27%20fill=%27%236C6C6C%27/%3e%3c/svg%3e);mask-image:url(data:image/svg+xml,%3csvg%20width=%2742%27%20height=%2742%27%20viewBox=%270%200%2042%2042%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath%20d=%27M23.625%2014.875C23.625%2016.3247%2022.4497%2017.5%2021%2017.5C19.5503%2017.5%2018.375%2016.3247%2018.375%2014.875C18.375%2013.4253%2019.5503%2012.25%2021%2012.25C22.4497%2012.25%2023.625%2013.4253%2023.625%2014.875Z%27%20fill=%27%236C6C6C%27/%3e%3cpath%20d=%27M16.625%2029.75V26.25H19.25V22.75H17.5V19.25H21C21.9665%2019.25%2022.75%2020.0335%2022.75%2021V26.25H25.375V29.75H16.625Z%27%20fill=%27%236C6C6C%27/%3e%3cpath%20fill-rule=%27evenodd%27%20clip-rule=%27evenodd%27%20d=%27M21%2038.5C11.335%2038.5%203.5%2030.665%203.5%2021C3.5%2011.335%2011.335%203.5%2021%203.5C30.665%203.5%2038.5%2011.335%2038.5%2021C38.5%2030.665%2030.665%2038.5%2021%2038.5ZM21%2035C28.732%2035%2035%2028.732%2035%2021C35%2013.268%2028.732%207%2021%207C13.268%207%207%2013.268%207%2021C7%2028.732%2013.268%2035%2021%2035Z%27%20fill=%27%236C6C6C%27/%3e%3c/svg%3e)}

.faq-cat-icon.is-activity{-webkit-mask-image:url(data:image/svg+xml,%3csvg%20width=%2742%27%20height=%2742%27%20viewBox=%270%200%2042%2042%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath%20d=%27M10.5%2019.25V22.75H31.5V19.25H10.5Z%27%20fill=%27%236C6C6C%27/%3e%3cpath%20fill-rule=%27evenodd%27%20clip-rule=%27evenodd%27%20d=%27M15.75%205.25C13.817%205.25%2012.25%206.817%2012.25%208.75V12.25H5.25C4.2835%2012.25%203.5%2013.0335%203.5%2014V35C3.5%2035.9665%204.2835%2036.75%205.25%2036.75H36.75C37.7165%2036.75%2038.5%2035.9665%2038.5%2035V14C38.5%2013.0335%2037.7165%2012.25%2036.75%2012.25H29.75V8.75C29.75%206.817%2028.183%205.25%2026.25%205.25H15.75ZM26.25%2012.25V8.75H15.75V12.25H26.25ZM7%2033.25V15.75H35V33.25H7Z%27%20fill=%27%236C6C6C%27/%3e%3c/svg%3e);mask-image:url(data:image/svg+xml,%3csvg%20width=%2742%27%20height=%2742%27%20viewBox=%270%200%2042%2042%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath%20d=%27M10.5%2019.25V22.75H31.5V19.25H10.5Z%27%20fill=%27%236C6C6C%27/%3e%3cpath%20fill-rule=%27evenodd%27%20clip-rule=%27evenodd%27%20d=%27M15.75%205.25C13.817%205.25%2012.25%206.817%2012.25%208.75V12.25H5.25C4.2835%2012.25%203.5%2013.0335%203.5%2014V35C3.5%2035.9665%204.2835%2036.75%205.25%2036.75H36.75C37.7165%2036.75%2038.5%2035.9665%2038.5%2035V14C38.5%2013.0335%2037.7165%2012.25%2036.75%2012.25H29.75V8.75C29.75%206.817%2028.183%205.25%2026.25%205.25H15.75ZM26.25%2012.25V8.75H15.75V12.25H26.25ZM7%2033.25V15.75H35V33.25H7Z%27%20fill=%27%236C6C6C%27/%3e%3c/svg%3e)}

.faq-cat-icon.is-publications{-webkit-mask-image:url(data:image/svg+xml,%3csvg%20width=%2742%27%20height=%2742%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath%20d=%27M20%203C20.5523%203%2021%203.44772%2021%204V18C21%2018.5523%2020.5523%2019%2020%2019H12.3333L8.6%2021.8C7.94076%2022.2944%207%2021.824%207%2021V19H4C3.44772%2019%203%2018.5523%203%2018V4C3%203.44772%203.44772%203%204%203H20ZM19%205H5V17H8C8.55228%2017%209%2017.4477%209%2018V19L11.4%2017.2C11.5731%2017.0702%2011.7836%2017%2012%2017H19V5ZM15%2012V14H7V12H15ZM17%208V10H7V8H17Z%27%20fill=%27%236C6C6C%27/%3e%3c/svg%3e);mask-image:url(data:image/svg+xml,%3csvg%20width=%2742%27%20height=%2742%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath%20d=%27M20%203C20.5523%203%2021%203.44772%2021%204V18C21%2018.5523%2020.5523%2019%2020%2019H12.3333L8.6%2021.8C7.94076%2022.2944%207%2021.824%207%2021V19H4C3.44772%2019%203%2018.5523%203%2018V4C3%203.44772%203.44772%203%204%203H20ZM19%205H5V17H8C8.55228%2017%209%2017.4477%209%2018V19L11.4%2017.2C11.5731%2017.0702%2011.7836%2017%2012%2017H19V5ZM15%2012V14H7V12H15ZM17%208V10H7V8H17Z%27%20fill=%27%236C6C6C%27/%3e%3c/svg%3e)}