/* [project]/src/modules/vv/frontend/apply/apply.module.css [app-client] (css) */
.apply-module__uSf5EW__page {
  background: var(--vv-black, #0a0a0a);
  place-items: center;
  min-height: 100dvh;
  padding: 32px 20px;
  display: grid;
}

.apply-module__uSf5EW__card {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-lg);
  background: var(--surface-1);
  width: 100%;
  max-width: 640px;
  padding: 40px;
}

.apply-module__uSf5EW__brand {
  font-family: var(--vv-font-display);
  font-size: var(--ui-sm);
  letter-spacing: .14em;
  color: var(--vv-muted);
  align-items: center;
  gap: 10px;
  margin-bottom: 28px;
  display: flex;
}

.apply-module__uSf5EW__mark {
  width: 26px;
  height: 26px;
  font-size: var(--ui-lg);
  color: var(--vv-red);
  place-items: center;
  display: grid;
}

.apply-module__uSf5EW__title {
  font-family: var(--vv-font-display);
  letter-spacing: -.03em;
  color: var(--vv-bone);
  margin-bottom: 12px;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.15;
}

.apply-module__uSf5EW__lead {
  font-size: var(--ui-md);
  color: var(--vv-muted);
  margin-bottom: 28px;
  line-height: 1.6;
}

.apply-module__uSf5EW__form {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.apply-module__uSf5EW__row {
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  display: grid;
}

.apply-module__uSf5EW__field {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.apply-module__uSf5EW__label {
  font-size: var(--ui-sm);
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--vv-muted);
}

.apply-module__uSf5EW__input, .apply-module__uSf5EW__textarea, .apply-module__uSf5EW__select {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-sm);
  min-height: 44px;
  color: var(--vv-bone);
  background: none;
  padding: 11px 14px;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.4;
}

.apply-module__uSf5EW__textarea {
  resize: vertical;
  min-height: 110px;
}

.apply-module__uSf5EW__select {
  appearance: none;
}

.apply-module__uSf5EW__select option {
  color: var(--vv-bone);
  background: #161616;
}

.apply-module__uSf5EW__input:focus-visible, .apply-module__uSf5EW__textarea:focus-visible, .apply-module__uSf5EW__select:focus-visible {
  outline: 2px solid var(--vv-focus);
  outline-offset: 1px;
}

.apply-module__uSf5EW__consent {
  font-size: var(--ui-md);
  color: var(--vv-bone);
  cursor: pointer;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.5;
  display: flex;
}

.apply-module__uSf5EW__consent input {
  width: 18px;
  height: 18px;
  accent-color: var(--vv-red);
  flex: none;
  margin-top: 2px;
}

.apply-module__uSf5EW__trap {
  width: 1px;
  height: 1px;
  position: absolute;
  left: -9999px;
  overflow: hidden;
}

.apply-module__uSf5EW__error {
  border: 1px solid var(--vv-red);
  border-radius: var(--vv-radius-sm);
  color: var(--vv-bone);
  font-size: var(--ui-md);
  padding: 12px 16px;
}

.apply-module__uSf5EW__submit {
  border-radius: var(--vv-radius-sm);
  background: var(--vv-red);
  color: #fff;
  min-height: 48px;
  font-family: inherit;
  font-size: var(--ui-md);
  cursor: pointer;
  border: 0;
  align-self: flex-start;
  padding: 12px 26px;
  font-weight: 500;
  transition: filter .15s;
}

.apply-module__uSf5EW__submit:hover {
  filter: brightness(1.15);
}

.apply-module__uSf5EW__submit:disabled {
  opacity: .6;
  cursor: default;
}

.apply-module__uSf5EW__submit:focus-visible {
  outline: 2px solid var(--vv-focus);
  outline-offset: 2px;
}

.apply-module__uSf5EW__fineprint {
  font-size: var(--ui-sm);
  color: var(--vv-muted);
  line-height: 1.5;
}

@media (max-width: 600px) {
  .apply-module__uSf5EW__card {
    padding: 28px 22px;
  }

  .apply-module__uSf5EW__title {
    font-size: 25px;
  }

  .apply-module__uSf5EW__row {
    grid-template-columns: 1fr;
  }
}

/* [project]/src/modules/vv/frontend/hub/expired/expired.module.css [app-client] (css) */
.expired-module__t6_sjW__page {
  background: var(--vv-black, #0a0a0a);
  place-items: center;
  min-height: 100dvh;
  padding: 32px 20px;
  display: grid;
}

.expired-module__t6_sjW__card {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-lg);
  background: var(--surface-1);
  width: 100%;
  max-width: 560px;
  padding: 40px;
}

.expired-module__t6_sjW__brand {
  font-family: var(--vv-font-display);
  font-size: var(--ui-sm);
  letter-spacing: .14em;
  color: var(--vv-muted);
  align-items: center;
  gap: 10px;
  margin-bottom: 28px;
  display: flex;
}

.expired-module__t6_sjW__mark {
  width: 26px;
  height: 26px;
  font-size: var(--ui-lg);
  color: var(--vv-red);
  place-items: center;
  display: grid;
}

.expired-module__t6_sjW__title {
  font-family: var(--vv-font-display);
  letter-spacing: -.03em;
  color: var(--vv-bone);
  margin-bottom: 16px;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.15;
}

.expired-module__t6_sjW__lead {
  font-size: var(--ui-lg);
  color: var(--vv-bone);
  margin-bottom: 16px;
  line-height: 1.6;
}

.expired-module__t6_sjW__note {
  font-size: var(--ui-md);
  color: var(--vv-muted);
  margin-bottom: 28px;
  line-height: 1.6;
}

.expired-module__t6_sjW__actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.expired-module__t6_sjW__renew {
  border-radius: var(--vv-radius-sm);
  background: var(--vv-red);
  color: #fff;
  min-height: 44px;
  font-size: var(--ui-md);
  align-items: center;
  padding: 11px 22px;
  font-weight: 500;
  text-decoration: none;
  transition: filter .15s;
  display: inline-flex;
}

.expired-module__t6_sjW__renew:hover {
  filter: brightness(1.15);
}

.expired-module__t6_sjW__renew:focus-visible {
  outline: 2px solid var(--vv-focus);
  outline-offset: 2px;
}

.expired-module__t6_sjW__secondary {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-sm);
  min-height: 44px;
  color: var(--vv-bone);
  font-size: var(--ui-md);
  align-items: center;
  padding: 11px 20px;
  text-decoration: none;
  transition: border-color .15s;
  display: inline-flex;
}

.expired-module__t6_sjW__secondary:hover {
  border-color: var(--vv-bone);
}

.expired-module__t6_sjW__secondary:focus-visible {
  outline: 2px solid var(--vv-focus);
  outline-offset: 2px;
}

.expired-module__t6_sjW__signOut {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-sm);
  min-height: 44px;
  color: var(--vv-muted);
  font-family: inherit;
  font-size: var(--ui-md);
  cursor: pointer;
  background: none;
  padding: 11px 20px;
  transition: color .15s, border-color .15s;
}

.expired-module__t6_sjW__signOut:hover {
  color: var(--vv-bone);
  border-color: var(--vv-bone);
}

.expired-module__t6_sjW__signOut:focus-visible {
  outline: 2px solid var(--vv-focus);
  outline-offset: 2px;
}

@media (max-width: 600px) {
  .expired-module__t6_sjW__card {
    padding: 28px 22px;
  }

  .expired-module__t6_sjW__title {
    font-size: 25px;
  }
}

/* [project]/src/modules/vv/frontend/hub/shell.module.css [app-client] (css) */
.shell-module__-rPinq__shell {
  flex-direction: column;
  min-height: 100dvh;
  display: flex;
}

.shell-module__-rPinq__demoBar {
  font-size: var(--ui-sm);
  color: var(--vv-bone);
  background: #d7000024;
  border-bottom: 1px solid #d700004d;
  flex: none;
  align-items: center;
  gap: 10px;
  padding: 8px 20px;
  display: flex;
}

.shell-module__-rPinq__demoBar strong {
  color: #ff6b6b;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: var(--ui-xs);
}

.shell-module__-rPinq__demoDot {
  background: var(--vv-red);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 3px #d7000040;
}

.shell-module__-rPinq__body {
  flex: 1;
  min-height: 0;
  display: flex;
}

.shell-module__-rPinq__sidebar {
  width: var(--shell-sidebar);
  border-right: 1px solid var(--hairline);
  background: var(--vv-ink);
  flex-direction: column;
  flex: none;
  padding: 24px 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.shell-module__-rPinq__ready {
  transition: width .22s, padding .22s;
}

.shell-module__-rPinq__collapsed {
  width: 64px;
  padding-left: 12px;
  padding-right: 12px;
}

.shell-module__-rPinq__top {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 28px;
  display: flex;
}

.shell-module__-rPinq__toggle {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-sm);
  width: 28px;
  height: 28px;
  color: var(--vv-muted);
  cursor: pointer;
  background: none;
  flex: none;
  place-items: center;
  transition: color .15s, background .15s;
  display: grid;
}

.shell-module__-rPinq__toggle:hover {
  color: var(--vv-bone);
  background: var(--surface-2);
}

.shell-module__-rPinq__collapsed .shell-module__-rPinq__toggle {
  margin: 0 auto;
}

.shell-module__-rPinq__brand {
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 0 8px;
  display: flex;
}

.shell-module__-rPinq__mark {
  font-family: var(--vv-font-display);
  color: var(--vv-red-bright);
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
}

.shell-module__-rPinq__collapsed .shell-module__-rPinq__top {
  flex-direction: column;
  gap: 14px;
}

.shell-module__-rPinq__collapsed .shell-module__-rPinq__brand {
  padding: 0;
}

.shell-module__-rPinq__collapsed .shell-module__-rPinq__wordmark {
  display: none;
}

.shell-module__-rPinq__wordmark {
  font-size: var(--ui-md);
  letter-spacing: .05em;
  color: #fff;
  flex-direction: column;
  font-weight: 600;
  display: flex;
}

.shell-module__-rPinq__wordmark em {
  font-style: normal;
  font-size: var(--ui-xs);
  letter-spacing: .02em;
  color: var(--vv-muted);
  font-weight: 400;
}

.shell-module__-rPinq__nav {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.shell-module__-rPinq__navLabel {
  white-space: nowrap;
}

.shell-module__-rPinq__collapsed .shell-module__-rPinq__navLabel {
  display: none;
}

.shell-module__-rPinq__collapsed .shell-module__-rPinq__navLink {
  justify-content: center;
  padding: 10px 0;
}

.shell-module__-rPinq__navLink {
  border-radius: var(--vv-radius-sm);
  font-size: var(--ui-lg);
  color: var(--vv-muted);
  align-items: center;
  gap: 11px;
  padding: 10px 12px;
  transition: background .15s, color .15s;
  display: flex;
}

.shell-module__-rPinq__navLink:hover {
  background: var(--surface-2);
  color: var(--vv-bone);
}

.shell-module__-rPinq__navLinkActive {
  background: var(--surface-3);
  color: #fff;
}

.shell-module__-rPinq__navLinkActive svg {
  color: var(--vv-red);
}

.shell-module__-rPinq__sidebarFoot {
  margin-top: auto;
  padding-top: 24px;
}

.shell-module__-rPinq__collapsed .shell-module__-rPinq__viewer {
  background: none;
  border: 0;
  justify-content: center;
  padding: 8px 0;
}

.shell-module__-rPinq__collapsed .shell-module__-rPinq__viewerText, .shell-module__-rPinq__collapsed .shell-module__-rPinq__foot {
  display: none;
}

.shell-module__-rPinq__viewer {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-sm);
  background: var(--surface-1);
  align-items: center;
  gap: 4px;
  padding: 4px;
  display: flex;
}

.shell-module__-rPinq__viewerLink {
  border-radius: var(--vv-radius-xs);
  flex: 1;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 6px 8px;
  transition: background .15s;
  display: flex;
}

.shell-module__-rPinq__viewerLink:hover {
  background: var(--surface-3);
}

.shell-module__-rPinq__viewerLink:focus-visible {
  outline: 2px solid var(--vv-focus);
  outline-offset: 2px;
}

.shell-module__-rPinq__viewerLinkActive {
  background: var(--surface-3);
}

.shell-module__-rPinq__avatar {
  background: var(--surface-3);
  width: 32px;
  height: 32px;
  font-size: var(--ui-sm);
  color: var(--vv-bone);
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-weight: 600;
  display: grid;
}

.shell-module__-rPinq__viewerText {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.shell-module__-rPinq__viewerText strong {
  font-size: var(--ui-md);
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  overflow: hidden;
}

.shell-module__-rPinq__viewerText em {
  font-style: normal;
  font-size: var(--ui-xs);
  color: var(--vv-muted);
}

.shell-module__-rPinq__foot {
  font-size: var(--ui-xs);
  color: var(--vv-muted);
  margin: 14px 4px 0;
  line-height: 1.6;
}

.shell-module__-rPinq__main {
  flex: 1;
  min-width: 0;
  max-height: calc(100dvh - 37px);
  overflow-y: auto;
}

@media (max-width: 900px) {
  .shell-module__-rPinq__body {
    flex-direction: column;
  }

  .shell-module__-rPinq__sidebar {
    border-right: 0;
    border-bottom: 1px solid var(--hairline);
    flex-direction: row;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 12px 16px;
  }

  .shell-module__-rPinq__brand {
    margin-bottom: 0;
  }

  .shell-module__-rPinq__nav {
    flex-direction: row;
  }

  .shell-module__-rPinq__sidebarFoot {
    margin-top: 0;
    margin-left: auto;
    padding-top: 0;
  }

  .shell-module__-rPinq__foot {
    display: none;
  }

  .shell-module__-rPinq__main {
    max-height: none;
  }
}

@media (max-width: 600px) {
  .shell-module__-rPinq__sidebar {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 10px 14px;
  }

  .shell-module__-rPinq__top {
    margin-bottom: 0;
  }

  .shell-module__-rPinq__toggle {
    display: none;
  }

  .shell-module__-rPinq__nav {
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    gap: 6px;
    display: grid;
  }

  .shell-module__-rPinq__navLink {
    min-height: 44px;
    font-size: var(--ui-md);
    justify-content: center;
    padding: 8px 10px;
  }

  .shell-module__-rPinq__sidebarFoot {
    margin-left: 0;
  }
}

.shell-module__-rPinq__signOut {
  border-radius: var(--vv-radius-sm);
  width: 30px;
  height: 30px;
  color: var(--vv-muted);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  place-items: center;
  margin-left: auto;
  transition: color .15s, background .15s;
  display: grid;
}

.shell-module__-rPinq__signOut:hover {
  background: var(--surface-3);
  color: var(--vv-bone);
}

.shell-module__-rPinq__signOut:focus-visible {
  outline: 2px solid var(--vv-focus);
  outline-offset: 2px;
}

.shell-module__-rPinq__collapsed .shell-module__-rPinq__viewer {
  flex-direction: column;
  gap: 6px;
}

.shell-module__-rPinq__collapsed .shell-module__-rPinq__signOut {
  margin-left: 0;
}

/* [project]/src/modules/vv/frontend/hub/member/[id]/profile.module.css [app-client] (css) */
.profile-module__n-GosW__page {
  max-width: 1680px;
  padding: 24px 32px 72px;
}

.profile-module__n-GosW__back {
  font-size: var(--ui-md);
  color: var(--vv-muted);
  align-items: center;
  gap: 7px;
  margin-bottom: 22px;
  transition: color .15s;
  display: inline-flex;
}

.profile-module__n-GosW__back:hover {
  color: var(--vv-bone);
}

.profile-module__n-GosW__hero {
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 36px;
  margin-bottom: 28px;
  display: grid;
}

.profile-module__n-GosW__portrait {
  aspect-ratio: 4 / 5;
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-xl);
  background: var(--surface-1);
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}

.profile-module__n-GosW__portraitImg {
  object-fit: cover;
  object-position: 50% 35%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.profile-module__n-GosW__initials {
  text-shadow: 0 2px 22px #0009;
  font-family: var(--vv-font-display);
  letter-spacing: -.04em;
  color: #ffffff80;
  font-size: 64px;
  font-weight: 500;
  line-height: 1;
  position: relative;
}

.profile-module__n-GosW__photoNote {
  text-align: center;
  font-size: var(--ui-xs);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #ffffff38;
  position: absolute;
  bottom: 14px;
  left: 0;
  right: 0;
}

.profile-module__n-GosW__heroBody {
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  display: flex;
}

.profile-module__n-GosW__eyebrow {
  font-size: var(--ui-xs);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--vv-red);
  margin: 0 0 8px;
  font-weight: 600;
}

.profile-module__n-GosW__name {
  letter-spacing: -.035em;
  color: #fff;
  margin: 0 0 6px;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.1;
}

.profile-module__n-GosW__role {
  color: var(--vv-bone);
  margin: 0 0 18px;
  font-size: 18px;
}

.profile-module__n-GosW__company {
  color: var(--vv-muted);
}

.profile-module__n-GosW__headline {
  max-width: 62ch;
  font-size: var(--vv-text-body);
  color: var(--vv-muted);
  margin: 0 0 26px;
  line-height: 1.65;
}

.profile-module__n-GosW__facts {
  flex-wrap: wrap;
  gap: 34px;
  margin: 0;
  display: flex;
}

.profile-module__n-GosW__facts div {
  flex-direction: column;
  gap: 3px;
  display: flex;
}

.profile-module__n-GosW__facts dt {
  font-size: var(--ui-xs);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--vv-muted);
  font-weight: 600;
}

.profile-module__n-GosW__facts dd {
  font-size: var(--ui-lg);
  color: #fff;
  margin: 0;
}

.profile-module__n-GosW__columns {
  grid-template-columns: minmax(0, 1fr) 348px;
  align-items: start;
  gap: 18px;
  display: grid;
}

.profile-module__n-GosW__main, .profile-module__n-GosW__side {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.profile-module__n-GosW__side {
  position: sticky;
  top: 20px;
}

.profile-module__n-GosW__card {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-lg);
  background: var(--surface-1);
  padding: 20px 22px;
}

.profile-module__n-GosW__card > .label {
  margin-bottom: 12px;
  display: block;
}

.profile-module__n-GosW__pair {
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  display: grid;
}

.profile-module__n-GosW__chips {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.profile-module__n-GosW__list {
  font-size: var(--ui-lg);
  color: var(--vv-bone);
  margin: 0;
  padding-left: 17px;
  line-height: 1.85;
}

.profile-module__n-GosW__list li::marker {
  color: var(--vv-red);
}

.profile-module__n-GosW__typeRow {
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px;
  display: flex;
}

.profile-module__n-GosW__connGrid {
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 2px;
  display: grid;
}

.profile-module__n-GosW__conn {
  border-radius: var(--vv-radius-sm);
  align-items: center;
  gap: 10px;
  padding: 8px;
  transition: background .12s;
  display: flex;
}

.profile-module__n-GosW__conn:hover {
  background: var(--surface-2);
}

.profile-module__n-GosW__connAvatar {
  background: var(--surface-3);
  width: 30px;
  height: 30px;
  color: var(--vv-bone);
  border-radius: 50%;
  flex: none;
  place-items: center;
  font-size: 10px;
  font-weight: 600;
  display: grid;
}

.profile-module__n-GosW__connText {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.profile-module__n-GosW__connText strong {
  font-size: var(--ui-md);
  color: var(--vv-bone);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  overflow: hidden;
}

.profile-module__n-GosW__connText em {
  font-style: normal;
  font-size: var(--ui-xs);
  color: var(--vv-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.profile-module__n-GosW__mutual {
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.profile-module__n-GosW__railLabel {
  font-size: var(--ui-md);
  color: var(--vv-muted);
  margin: 0 0 8px;
}

.profile-module__n-GosW__rail {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 8px;
  margin-bottom: 20px;
  display: grid;
}

.profile-module__n-GosW__rail:last-child {
  margin-bottom: 0;
}

.profile-module__n-GosW__railItem {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-sm);
  background: var(--surface-2);
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  transition: border-color .15s;
  display: flex;
}

.profile-module__n-GosW__railItem:hover {
  border-color: #ffffff38;
}

.profile-module__n-GosW__railItem strong {
  font-size: var(--ui-md);
  color: var(--vv-bone);
  font-weight: 500;
}

.profile-module__n-GosW__railItem em {
  font-style: normal;
  font-size: var(--ui-xs);
  color: var(--vv-muted);
}

.profile-module__n-GosW__contactLead {
  font-size: var(--ui-lg);
  color: var(--vv-bone);
  margin: 0 0 6px;
}

.profile-module__n-GosW__contactLead strong {
  color: #fff;
  font-weight: 500;
}

.profile-module__n-GosW__contactNote {
  font-size: var(--ui-md);
  color: var(--vv-muted);
  margin: 0 0 16px;
  line-height: 1.6;
}

.profile-module__n-GosW__path {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  display: flex;
}

.profile-module__n-GosW__path li {
  font-size: var(--ui-md);
  color: var(--vv-muted);
  align-items: center;
  gap: 6px;
  display: flex;
}

.profile-module__n-GosW__path li:not(:last-child):after {
  content: "→";
  opacity: .55;
  margin-left: 3px;
}

.profile-module__n-GosW__pathAvatar {
  background: var(--surface-3);
  width: 26px;
  height: 26px;
  color: var(--vv-bone);
  border-radius: 50%;
  place-items: center;
  font-size: 9px;
  font-weight: 600;
  display: grid;
}

.profile-module__n-GosW__pathTarget {
  background: var(--vv-red);
  color: #fff;
}

.profile-module__n-GosW__pathName {
  color: var(--vv-bone);
  text-underline-offset: 2px;
  -webkit-text-decoration: underline #ffffff40;
  text-decoration: underline #ffffff40;
}

.profile-module__n-GosW__pathName:hover {
  color: #fff;
}

.profile-module__n-GosW__sent {
  font-size: var(--ui-md);
  color: #6ee7a8;
  margin: 12px 0 0;
  line-height: 1.6;
}

.profile-module__n-GosW__introMessage {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-sm);
  width: 100%;
  color: var(--vv-bone);
  resize: vertical;
  background: none;
  min-height: 96px;
  margin: 0 0 12px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
}

.profile-module__n-GosW__introMessage:focus-visible {
  outline: 2px solid var(--vv-focus);
  outline-offset: 1px;
}

.profile-module__n-GosW__sideNote {
  font-size: var(--ui-md);
  color: var(--vv-muted);
  margin: 0 0 14px;
  line-height: 1.6;
}

@media (max-width: 1150px) {
  .profile-module__n-GosW__columns {
    grid-template-columns: minmax(0, 1fr);
  }

  .profile-module__n-GosW__side {
    position: static;
  }
}

@media (max-width: 820px) {
  .profile-module__n-GosW__back {
    min-height: 44px;
    margin-bottom: 12px;
    padding: 4px 8px 4px 0;
  }

  .profile-module__n-GosW__page {
    padding: 20px 16px 56px;
  }

  .profile-module__n-GosW__hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 22px;
  }

  .profile-module__n-GosW__portrait {
    max-width: 260px;
  }

  .profile-module__n-GosW__name {
    font-size: 32px;
  }

  .profile-module__n-GosW__pair {
    grid-template-columns: 1fr;
  }
}

.profile-module__n-GosW__bio p {
  max-width: 68ch;
  font-size: var(--ui-lg);
  color: var(--vv-bone);
  margin: 0 0 12px;
  line-height: 1.7;
}

.profile-module__n-GosW__bio p:last-child {
  margin-bottom: 0;
}

/* [project]/src/modules/vv/frontend/hub/graph/graph.module.css [app-client] (css) */
.graph-module__fVwyGa__wrap {
  flex-direction: column;
  height: 100%;
  padding: 28px 32px 24px;
  display: flex;
}

.graph-module__fVwyGa__head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 18px;
  display: flex;
}

.graph-module__fVwyGa__title {
  letter-spacing: -.035em;
  color: #fff;
  margin: 0 0 4px;
  font-size: 32px;
  font-weight: 500;
}

.graph-module__fVwyGa__sub {
  font-size: var(--ui-md);
  color: var(--vv-muted);
  margin: 0;
}

.graph-module__fVwyGa__legend {
  flex-wrap: wrap;
  gap: 4px;
  display: flex;
}

.graph-module__fVwyGa__legendItem {
  border: 1px solid var(--hairline);
  font-size: var(--ui-xs);
  color: var(--vv-bone);
  cursor: pointer;
  background: none;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  transition: opacity .15s;
  display: inline-flex;
}

.graph-module__fVwyGa__legendOff {
  opacity: .32;
}

.graph-module__fVwyGa__legendReset {
  font-size: var(--ui-xs);
  color: var(--vv-red);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 4px 10px;
}

.graph-module__fVwyGa__dot {
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.graph-module__fVwyGa__stage {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-lg);
  background: radial-gradient(at 50% 40%, #131313 0%, #000 78%);
  flex: 1;
  min-height: 460px;
  position: relative;
  overflow: hidden;
}

.graph-module__fVwyGa__canvas {
  width: 100%;
  height: 100%;
  display: block;
}

.graph-module__fVwyGa__hint {
  font-size: var(--ui-xs);
  color: var(--vv-muted);
  pointer-events: none;
  gap: 16px;
  display: flex;
  position: absolute;
  bottom: 14px;
  left: 16px;
}

.graph-module__fVwyGa__edgeKey {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.graph-module__fVwyGa__edgeIntro, .graph-module__fVwyGa__edgeKnows {
  border-radius: 2px;
  width: 16px;
  height: 2px;
  display: block;
}

.graph-module__fVwyGa__edgeIntro {
  background: #d70000bf;
}

.graph-module__fVwyGa__edgeKnows {
  background: #ffffff47;
}

.graph-module__fVwyGa__tip {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-lg);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  pointer-events: auto;
  background: #121212eb;
  flex-direction: column;
  gap: 3px;
  max-width: 260px;
  padding: 14px 16px;
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

.graph-module__fVwyGa__tip strong {
  font-size: var(--ui-lg);
  color: #fff;
  font-weight: 500;
}

.graph-module__fVwyGa__tip span {
  font-size: var(--ui-sm);
  color: var(--vv-bone);
}

.graph-module__fVwyGa__tipMeta {
  color: var(--vv-muted) !important;
}

.graph-module__fVwyGa__tipBtn {
  font-size: var(--ui-sm);
  align-self: flex-start;
  margin-top: 10px;
  padding: 7px 14px;
}

@media (max-width: 900px) {
  .graph-module__fVwyGa__wrap {
    padding: 20px 16px;
  }
}

/* [project]/src/modules/vv/frontend/hub/me/me.module.css [app-client] (css) */
.me-module__AvEXMW__page {
  max-width: 1100px;
  padding: 24px 32px 72px;
}

.me-module__AvEXMW__head {
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 24px;
  display: flex;
}

.me-module__AvEXMW__title {
  font-family: var(--vv-font-display);
  letter-spacing: -.03em;
  color: var(--vv-bone);
  font-size: 34px;
  font-weight: 500;
  line-height: 1.1;
}

.me-module__AvEXMW__sub {
  font-size: var(--ui-md);
  color: var(--vv-muted);
  margin-top: 6px;
}

.me-module__AvEXMW__empty {
  max-width: 60ch;
  font-size: var(--ui-lg);
  color: var(--vv-muted);
  margin: 12px 0 22px;
  line-height: 1.55;
}

.me-module__AvEXMW__layout {
  padding-bottom: 84px;
}

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

.me-module__AvEXMW__card {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-lg);
  background: var(--surface-1);
  padding: 20px 22px;
}

.me-module__AvEXMW__gaps {
  border: 1px solid var(--hairline);
  border-left: 2px solid var(--vv-red);
  border-radius: var(--vv-radius-lg);
  background: var(--surface-2);
  padding: 16px 20px;
}

.me-module__AvEXMW__gaps ul {
  flex-direction: column;
  gap: 7px;
  margin-top: 10px;
  display: flex;
}

.me-module__AvEXMW__gaps li {
  font-size: var(--ui-md);
  color: var(--vv-bone);
  line-height: 1.45;
}

.me-module__AvEXMW__photoRow {
  grid-template-columns: 132px minmax(0, 1fr);
  align-items: start;
  gap: 20px;
  margin-top: 14px;
  display: grid;
}

.me-module__AvEXMW__portrait {
  aspect-ratio: 4 / 5;
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-lg);
  background: var(--surface-2);
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}

.me-module__AvEXMW__portraitImg {
  object-fit: cover;
  object-position: 50% 35%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.me-module__AvEXMW__portraitInitials {
  font-family: var(--vv-font-display);
  color: #ffffff73;
  font-size: 34px;
}

.me-module__AvEXMW__photoBody {
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.me-module__AvEXMW__file {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.me-module__AvEXMW__file:focus-visible + label {
  outline: 2px solid var(--vv-focus);
  outline-offset: 2px;
}

.me-module__AvEXMW__fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 16px;
  display: grid;
}

.me-module__AvEXMW__field {
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  display: flex;
}

.me-module__AvEXMW__field[data-wide] {
  grid-column: 1 / -1;
}

.me-module__AvEXMW__fieldHead {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  display: flex;
}

.me-module__AvEXMW__label {
  font-size: var(--ui-sm);
  letter-spacing: .01em;
  color: var(--vv-bone);
  font-weight: 500;
}

.me-module__AvEXMW__count {
  font-size: var(--ui-xs);
  font-variant-numeric: tabular-nums;
  color: var(--vv-muted);
}

.me-module__AvEXMW__input, .me-module__AvEXMW__textarea, .me-module__AvEXMW__select {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-sm);
  background: var(--surface-2);
  width: 100%;
  color: var(--vv-bone);
  padding: 10px 12px;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.45;
}

.me-module__AvEXMW__textarea {
  resize: vertical;
  min-height: 130px;
}

.me-module__AvEXMW__input:focus-visible, .me-module__AvEXMW__textarea:focus-visible, .me-module__AvEXMW__select:focus-visible {
  outline: 2px solid var(--vv-focus);
  outline-offset: 1px;
  border-color: #0000;
}

.me-module__AvEXMW__input[aria-invalid="true"], .me-module__AvEXMW__textarea[aria-invalid="true"] {
  border-color: var(--vv-red);
}

.me-module__AvEXMW__help {
  font-size: var(--ui-sm);
  color: var(--vv-muted);
  line-height: 1.45;
}

.me-module__AvEXMW__error {
  font-size: var(--ui-sm);
  color: var(--vv-red-bright, var(--vv-red));
}

.me-module__AvEXMW__switch {
  min-height: 34px;
  font-size: var(--ui-md);
  color: var(--vv-bone);
  cursor: pointer;
  align-items: center;
  gap: 10px;
  display: inline-flex;
}

.me-module__AvEXMW__switch input {
  width: 18px;
  height: 18px;
  accent-color: var(--vv-red);
}

.me-module__AvEXMW__chips {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}

.me-module__AvEXMW__chip {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-pill);
  min-height: 34px;
  color: var(--vv-muted);
  font-size: var(--ui-sm);
  cursor: pointer;
  background: none;
  padding: 7px 12px;
  font-family: inherit;
  transition: color .14s, border-color .14s, background .14s;
}

.me-module__AvEXMW__chip:hover:not(:disabled) {
  color: var(--vv-bone);
  border-color: var(--vv-bone);
}

.me-module__AvEXMW__chip:focus-visible {
  outline: 2px solid var(--vv-focus);
  outline-offset: 2px;
}

.me-module__AvEXMW__chipOn {
  background: var(--vv-red);
  border-color: var(--vv-red);
  color: #fff;
}

.me-module__AvEXMW__chip:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.me-module__AvEXMW__picker {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.me-module__AvEXMW__pickerList {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-sm);
  background: var(--surface-2);
  flex-direction: column;
  gap: 14px;
  max-height: 320px;
  padding: 12px;
  display: flex;
  overflow-y: auto;
}

.me-module__AvEXMW__pickerGroupLabel {
  font-size: var(--ui-xs);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--vv-muted);
  margin-bottom: 7px;
}

.me-module__AvEXMW__saveBar {
  z-index: 5;
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-lg);
  background: var(--surface-3);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 18px;
  padding: 14px 18px;
  display: flex;
  position: sticky;
  bottom: 0;
}

.me-module__AvEXMW__saveBar[data-dirty] {
  border-color: var(--vv-red);
}

.me-module__AvEXMW__saveText {
  font-size: var(--ui-md);
  min-width: 0;
}

.me-module__AvEXMW__ok {
  color: var(--vv-bone);
}

.me-module__AvEXMW__bad {
  color: var(--vv-red-bright, var(--vv-red));
}

.me-module__AvEXMW__muted {
  color: var(--vv-muted);
}

@media (max-width: 900px) {
  .me-module__AvEXMW__page {
    padding: 20px 18px 64px;
  }

  .me-module__AvEXMW__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  .me-module__AvEXMW__fields {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 600px) {
  .me-module__AvEXMW__title {
    font-size: 27px;
  }

  .me-module__AvEXMW__photoRow {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 14px;
  }

  .me-module__AvEXMW__saveBar {
    text-align: center;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
}

/* [project]/src/modules/vv/components/links.module.css [app-client] (css) */
.links-module__L1tQaG__list {
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.links-module__L1tQaG__row {
  grid-template-columns: 16px 72px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  padding: 7px 0;
  display: grid;
}

.links-module__L1tQaG__row + .links-module__L1tQaG__row {
  border-top: 1px solid var(--hairline);
}

.links-module__L1tQaG__icon {
  color: var(--vv-muted);
}

.links-module__L1tQaG__label {
  font-size: var(--ui-xs);
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--vv-muted);
  font-weight: 600;
}

.links-module__L1tQaG__value {
  font-size: var(--ui-md);
  color: var(--vv-bone);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.links-module__L1tQaG__note {
  font-size: var(--ui-xs);
  color: var(--vv-muted);
  margin: 12px 0 0;
  line-height: 1.5;
}

.links-module__L1tQaG__none {
  font-size: var(--ui-md);
  color: var(--vv-muted);
  margin: 0;
}

.links-module__L1tQaG__badges {
  align-items: center;
  gap: 9px;
  display: inline-flex;
}

.links-module__L1tQaG__badgeOn {
  color: #b9b7b2;
}

.links-module__L1tQaG__badgeOff {
  color: #ffffff24;
}

/* [project]/src/modules/vv/components/tag.module.css [app-client] (css) */
.tag-module__cgRd4a__list {
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.tag-module__cgRd4a__list > li {
  display: contents;
}

.tag-module__cgRd4a__tag {
  border: 1px solid var(--hairline);
  background: var(--surface-2);
  min-height: 28px;
  font-size: var(--ui-sm);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  padding: 4px 11px;
  line-height: 1.35;
  transition: border-color .15s, background .15s, color .15s;
  display: inline-flex;
}

.tag-module__cgRd4a__text {
  min-width: 0;
}

.tag-module__cgRd4a__marker {
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
}

.tag-module__cgRd4a__skill .tag-module__cgRd4a__marker {
  border-radius: 50%;
}

.tag-module__cgRd4a__industry .tag-module__cgRd4a__marker {
  border-radius: 1px;
}

.tag-module__cgRd4a__chapter .tag-module__cgRd4a__marker {
  border: 1.5px solid var(--t, currentColor);
  opacity: 1;
  background: none !important;
}

.tag-module__cgRd4a__tag[data-tone] {
  border-color: color-mix(in srgb, var(--t) 32%, transparent);
  background: color-mix(in srgb, var(--t) 11%, var(--surface-1));
  color: var(--t);
}

.tag-module__cgRd4a__tag[data-tone] .tag-module__cgRd4a__marker {
  background: var(--t);
  opacity: .9;
}

.tag-module__cgRd4a__tag[data-tone="violet"] {
  --t: #c3b0f2;
}

.tag-module__cgRd4a__tag[data-tone="sky"] {
  --t: #9ccbe9;
}

.tag-module__cgRd4a__tag[data-tone="mint"] {
  --t: #86d6ae;
}

.tag-module__cgRd4a__tag[data-tone="teal"] {
  --t: #7fd4cd;
}

.tag-module__cgRd4a__tag[data-tone="gold"] {
  --t: #ddc06a;
}

.tag-module__cgRd4a__tag[data-tone="pink"] {
  --t: #efa6c6;
}

.tag-module__cgRd4a__tag[data-tone="lavender"] {
  --t: #b4b9ee;
}

.tag-module__cgRd4a__tag[data-tone="coral"] {
  --t: #f0a488;
}

.tag-module__cgRd4a__tag[data-tone="steel"] {
  --t: #a6b7d6;
}

.tag-module__cgRd4a__tag[data-tone="amber"] {
  --t: #e0b785;
}

.tag-module__cgRd4a__tag[data-tone="neutral"] {
  --t: #d6d3ce;
}

.tag-module__cgRd4a__interactive[data-tone]:hover {
  border-color: color-mix(in srgb, var(--t) 62%, transparent);
  background: color-mix(in srgb, var(--t) 20%, var(--surface-1));
  color: color-mix(in srgb, var(--t) 78%, white);
}

.tag-module__cgRd4a__match {
  color: #ff9b9b;
  background: #d7000029;
  border-color: #d7000080;
  font-weight: 500;
}

.tag-module__cgRd4a__match .tag-module__cgRd4a__marker {
  background: var(--vv-red);
}

.tag-module__cgRd4a__meta {
  border-radius: var(--vv-radius-xs);
  background: var(--surface-3);
  color: #b9b7b2;
  font-variant-numeric: tabular-nums;
  border-color: #0000;
  gap: 0;
}

.tag-module__cgRd4a__meta .tag-module__cgRd4a__marker {
  display: none;
}

.tag-module__cgRd4a__interactive {
  cursor: pointer;
}

.tag-module__cgRd4a__interactive:hover {
  background: var(--surface-3);
  color: #fff;
  border-color: #ffffff57;
}

.tag-module__cgRd4a__interactive:focus-visible {
  outline: 2px solid var(--vv-focus);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .tag-module__cgRd4a__tag {
    transition: none;
  }
}

/* [project]/src/modules/vv/frontend/hub/directory.module.css [app-client] (css) */
.directory-module__e-4BSG__wrap {
  max-width: 1680px;
  padding: 28px 32px 64px;
}

.directory-module__e-4BSG__head {
  margin-bottom: 24px;
}

.directory-module__e-4BSG__title {
  font-family: var(--vv-font-sans);
  letter-spacing: -.035em;
  color: #fff;
  margin: 0 0 4px;
  font-size: 32px;
  font-weight: 500;
}

.directory-module__e-4BSG__sub {
  font-size: var(--ui-md);
  color: var(--vv-muted);
  margin: 0;
}

.directory-module__e-4BSG__searchBlock {
  margin-bottom: 28px;
}

.directory-module__e-4BSG__searchRow {
  align-items: center;
  max-width: 720px;
  display: flex;
  position: relative;
}

.directory-module__e-4BSG__searchIcon {
  color: var(--vv-muted);
  pointer-events: none;
  position: absolute;
  left: 16px;
}

.directory-module__e-4BSG__search {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-pill);
  background: var(--surface-1);
  width: 100%;
  font-size: var(--ui-lg);
  color: #fff;
  padding: 14px 44px;
}

.directory-module__e-4BSG__search::placeholder {
  color: var(--vv-muted);
}

.directory-module__e-4BSG__search:focus {
  background: var(--surface-2);
  border-color: #d7000080;
  outline: none;
}

.directory-module__e-4BSG__clear {
  background: var(--surface-3);
  width: 24px;
  height: 24px;
  color: var(--vv-muted);
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  font-size: 11px;
  position: absolute;
  right: 14px;
}

.directory-module__e-4BSG__examples {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  display: flex;
}

.directory-module__e-4BSG__examplesLabel {
  font-size: var(--ui-xs);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--vv-muted);
  margin-right: 2px;
  font-weight: 600;
}

.directory-module__e-4BSG__example {
  border: 1px solid var(--hairline);
  font-size: var(--ui-sm);
  color: var(--vv-muted);
  cursor: pointer;
  background: none;
  border-radius: 999px;
  padding: 5px 11px;
  transition: color .15s, border-color .15s;
}

.directory-module__e-4BSG__example:hover {
  color: var(--vv-bone);
  border-color: #ffffff40;
}

.directory-module__e-4BSG__expansion {
  font-size: var(--ui-sm);
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin: 14px 0 0;
  display: flex;
}

.directory-module__e-4BSG__term {
  border-radius: var(--vv-radius-xs);
  background: var(--surface-2);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: var(--ui-xs);
  color: #ff9d9d;
  padding: 2px 7px;
}

.directory-module__e-4BSG__more {
  font-size: var(--ui-xs);
  color: var(--vv-muted);
}

.directory-module__e-4BSG__filterBar {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  display: flex;
}

.directory-module__e-4BSG__filterToggle {
  border: 1px solid var(--hairline);
  background: var(--surface-1);
  font-size: var(--ui-md);
  color: var(--vv-bone);
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  transition: background .15s, border-color .15s;
  display: inline-flex;
}

.directory-module__e-4BSG__filterToggle:hover {
  background: var(--surface-2);
}

.directory-module__e-4BSG__filterToggleOpen {
  background: #d700001a;
  border-color: #d7000073;
}

.directory-module__e-4BSG__filterCount {
  background: var(--vv-red);
  min-width: 17px;
  height: 17px;
  font-size: var(--ui-xs);
  color: #fff;
  border-radius: 999px;
  place-items: center;
  padding: 0 5px;
  font-weight: 600;
  display: grid;
}

.directory-module__e-4BSG__chev {
  transition: transform .18s;
}

.directory-module__e-4BSG__filterToggleOpen .directory-module__e-4BSG__chev {
  transform: rotate(180deg);
}

.directory-module__e-4BSG__activeChips {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.directory-module__e-4BSG__activeChip {
  font-size: var(--ui-xs);
  color: #ff8080;
  cursor: pointer;
  background: #d7000024;
  border: 1px solid #d7000073;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 5px 11px;
  display: inline-flex;
}

.directory-module__e-4BSG__activeChip:hover {
  background: #d700003d;
}

.directory-module__e-4BSG__filterPanel {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-lg);
  background: var(--surface-1);
  flex-direction: column;
  gap: 10px;
  margin-bottom: 22px;
  padding: 16px 18px;
  animation: .18s directory-module__e-4BSG__expand;
  display: flex;
}

@keyframes directory-module__e-4BSG__expand {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
}

.directory-module__e-4BSG__filterRow {
  align-items: baseline;
  gap: 14px;
  display: flex;
}

.directory-module__e-4BSG__rowLabel {
  width: 74px;
  font-size: var(--ui-xs);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--vv-muted);
  flex: none;
  font-weight: 600;
}

.directory-module__e-4BSG__rowOptions {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.directory-module__e-4BSG__reset {
  font-size: var(--ui-xs);
  color: var(--vv-red);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: 0;
  padding: 0;
}

.directory-module__e-4BSG__option {
  border: 1px solid var(--hairline);
  font-size: var(--ui-xs);
  color: var(--vv-muted);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border-radius: 999px;
  padding: 5px 11px;
  transition: all .15s;
}

.directory-module__e-4BSG__option:hover {
  color: var(--vv-bone);
  border-color: #ffffff38;
}

.directory-module__e-4BSG__optionOn {
  border-color: var(--vv-red);
  color: #ff8080;
  background: #d7000026;
}

.directory-module__e-4BSG__switch {
  font-size: var(--ui-xs);
  color: var(--vv-muted);
  cursor: pointer;
  align-items: center;
  gap: 8px;
  display: flex;
}

.directory-module__e-4BSG__switch input {
  accent-color: var(--vv-red);
  width: 14px;
  height: 14px;
}

.directory-module__e-4BSG__results {
  container-type: inline-size;
}

.directory-module__e-4BSG__count {
  font-size: var(--ui-md);
  color: var(--vv-muted);
  margin: 0 0 14px;
}

.directory-module__e-4BSG__count strong {
  color: #fff;
  font-weight: 600;
}

.directory-module__e-4BSG__countHint {
  color: var(--vv-muted);
}

.directory-module__e-4BSG__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

@container (min-width: 980px) {
  .directory-module__e-4BSG__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@container (min-width: 1300px) {
  .directory-module__e-4BSG__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@container (max-width: 560px) {
  .directory-module__e-4BSG__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.directory-module__e-4BSG__card {
  border: 1px solid var(--hairline);
  border-radius: var(--vv-radius-lg);
  background: var(--surface-1);
  text-align: left;
  cursor: pointer;
  flex-direction: column;
  padding: 0;
  transition: border-color .15s, background .15s, transform .15s;
  display: flex;
  overflow: hidden;
  container-type: inline-size;
}

.directory-module__e-4BSG__card:hover {
  background: var(--surface-2);
  border-color: #fff3;
  transform: translateY(-2px);
}

.directory-module__e-4BSG__grid {
  --card-media: 3 / 2;
}

.directory-module__e-4BSG__cardMedia {
  width: 100%;
  aspect-ratio: var(--card-media);
  background: var(--surface-1);
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}

.directory-module__e-4BSG__cardImg {
  object-fit: cover;
  object-position: 50% 28%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.directory-module__e-4BSG__card:hover .directory-module__e-4BSG__cardMedia {
  filter: brightness(1.06);
}

.directory-module__e-4BSG__cardInitials {
  font-family: var(--vv-font-display);
  letter-spacing: -.04em;
  color: #ffffff9e;
  text-shadow: 0 2px 18px #0000008c;
  font-size: clamp(30px, 16cqw, 50px);
  font-weight: 500;
  line-height: 1;
  position: relative;
}

.directory-module__e-4BSG__cardChapter {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  font-size: var(--ui-xs);
  color: var(--vv-bone);
  background: #0000008c;
  border: 1px solid #ffffff29;
  border-radius: 999px;
  padding: 3px 10px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.directory-module__e-4BSG__cardChapter[data-tone="coral"] {
  color: #f0a488;
  border-color: #f0a48866;
}

.directory-module__e-4BSG__cardChapter[data-tone="sky"] {
  color: #9ccbe9;
  border-color: #9ccbe966;
}

.directory-module__e-4BSG__cardChapter[data-tone="gold"] {
  color: #ddc06a;
  border-color: #ddc06a66;
}

.directory-module__e-4BSG__cardChapter[data-tone="violet"] {
  color: #c3b0f2;
  border-color: #c3b0f266;
}

.directory-module__e-4BSG__cardChapter[data-tone="mint"] {
  color: #86d6ae;
  border-color: #86d6ae66;
}

.directory-module__e-4BSG__cardChapter[data-tone="pink"] {
  color: #efa6c6;
  border-color: #efa6c666;
}

.directory-module__e-4BSG__cardBody {
  flex-direction: column;
  flex: 1;
  gap: 11px;
  padding: 15px 18px 14px;
  display: flex;
}

.directory-module__e-4BSG__cardWants {
  border-top: 1px solid var(--hairline);
  border-bottom: 1px solid var(--hairline);
  flex-direction: column;
  gap: 5px;
  margin: 0;
  padding: 11px 0;
  display: flex;
}

.directory-module__e-4BSG__cardWants div {
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: baseline;
  gap: 10px;
  display: grid;
}

.directory-module__e-4BSG__cardWants dt {
  font-size: var(--ui-xs);
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--vv-muted);
  font-weight: 600;
}

.directory-module__e-4BSG__cardWants dd {
  font-size: var(--ui-md);
  color: var(--vv-bone);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  line-height: 1.45;
  overflow: hidden;
}

.directory-module__e-4BSG__cardIdent {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.directory-module__e-4BSG__cardIdent strong {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
  font-weight: 500;
  overflow: hidden;
}

.directory-module__e-4BSG__cardIdent em {
  font-style: normal;
  font-size: var(--ui-md);
  color: var(--vv-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.directory-module__e-4BSG__cardHeadline {
  font-size: var(--ui-md);
  color: var(--vv-muted);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  line-height: 1.55;
  display: -webkit-box;
  overflow: hidden;
}

.directory-module__e-4BSG__cardChips {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}

.directory-module__e-4BSG__cardFoot {
  border-top: 1px solid var(--hairline);
  font-size: var(--ui-sm);
  color: var(--vv-muted);
  justify-content: space-between;
  margin-top: auto;
  padding-top: 12px;
  display: flex;
}

.directory-module__e-4BSG__direct {
  color: #6ee7a8;
}

.directory-module__e-4BSG__intro {
  color: var(--vv-muted);
}

.directory-module__e-4BSG__empty {
  color: var(--vv-muted);
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 48px 0;
  display: flex;
}

.directory-module__e-4BSG__empty p {
  margin: 0;
}

.directory-module__e-4BSG__truncated {
  font-size: var(--ui-sm);
  color: var(--vv-muted);
  margin: 18px 0 0;
}

@media (max-width: 900px) {
  .directory-module__e-4BSG__wrap {
    padding: 20px 16px 48px;
  }

  .directory-module__e-4BSG__rowLabel {
    width: 100%;
  }

  .directory-module__e-4BSG__filterRow {
    flex-direction: column;
    gap: 6px;
  }
}

@media (max-width: 600px) {
  .directory-module__e-4BSG__wrap {
    padding: 16px 14px 40px;
  }

  .directory-module__e-4BSG__head {
    margin-bottom: 16px;
  }

  .directory-module__e-4BSG__title {
    font-size: 26px;
  }

  .directory-module__e-4BSG__searchBlock {
    margin-bottom: 18px;
  }

  .directory-module__e-4BSG__search {
    padding: 12px 42px;
    font-size: 16px;
  }

  .directory-module__e-4BSG__examples {
    scrollbar-width: none;
    flex-wrap: nowrap;
    margin-top: 10px;
    padding-bottom: 2px;
    overflow-x: auto;
  }

  .directory-module__e-4BSG__examples::-webkit-scrollbar {
    display: none;
  }

  .directory-module__e-4BSG__example {
    flex: none;
    min-height: 32px;
  }

  .directory-module__e-4BSG__examplesLabel {
    flex: none;
  }

  .directory-module__e-4BSG__grid {
    --card-media: 16 / 9;
    gap: 12px;
  }
}

.directory-module__e-4BSG__cardInitials {
  background: var(--surface-2);
  width: 100%;
  height: 100%;
  font-family: var(--vv-font-display);
  letter-spacing: -.03em;
  color: #ffffff6b;
  place-items: center;
  font-size: 34px;
  font-weight: 500;
  display: grid;
}